精通HTML5 + CSS3+JavaScript网页设计【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

精通HTML5 + CSS3+JavaScript网页设计PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章HTML5概述1

1.1 HTML5的基本概念1

1.1.1 HTML 5简介1

1.1.2 HTML 5文件的基本结构2

1.2 HTML5文件的编写方法3

1.2.1使用记事本手工编写HTML文件3

1.2.2使用Dreamweaver CS5.5编写HTML文件4

1.3使用浏览器查看HTML5文件8

1.3.1各大浏览器与HTML5的兼容8

1.3.2查看页面效果8

1.3.3查看源文件9

1.4专家解惑9

第2章HTML5网页文档结构11

2.1 Web标准11

2.1.1 Web标准概述11

2.1.2 Web标准规定的内容12

2.2 HTML基本标记13

2.2.1文档类型说明13

2.2.2 HTML标记13

2.2.3头标记head14

2.2.4网页的主体标记body17

2.2.5页面注释标记〈！-- --〉17

2.3综合实例——符合W3C标准的HTML5网页18

2.4专家解惑19

第3章HTML5网页中的文本和图像20

3.1添加文本20

3.1.1普通文本20

3.1.2特殊文字符号20

3.1.3文本特殊样式22

3.2文本排版24

3.2.1换行标记〈br/〉与段落标记〈p〉24

3.2.2标题标记〈hl〉～〈h6〉26

3.3文字列表27

3.3.1建立无序列表〈ul〉27

3.3.2建立有序列表〈ol〉29

3.4网页中的图像〈img〉30

3.4.1网页中支持的图片格式30

3.4.2使用路径31

3.4.3网页中插入图像标记〈img〉32

3.5综合实例——图文并茂房屋装饰装修网页35

3.6专家解惑36

第4章 用HTML5建立超链接38

4.1 URL的概念38

4.1.1 URL的格式38

4.1.2 URL的类型39

4.2超链接标记〈a〉39

4.2.1设置文本和图片的超链接40

4.2.2超链接指向的目标类型41

4.2.3设置以新窗口显示超链接页面43

4.3创建热点区域44

4.4浮动框架iframe45

4.5综合实例——用Dreamweaver精确定位热点区域46

4.6专家解惑49

第5章用HTM L5创建表格51

5.1表格基本结构及操作51

5.1.1表格基本结构51

5.1.2合并单元格53

5.2完整的表格标记57

5.3综合实例——制作计算机报价单59

5.4专家解惑61

第6章 使用表单62

6.1表单概述62

6.2表单基本元素的使用63

6.2.1单行文本输入框text63

6.2.2多行文本框标记〈textarea〉64

6.2.3密码域password65

6.2.4单选按钮radio65

6.2.5复选框checkbox66

6.2.6选择列表标记〈select〉67

6.2.7普通按钮button68

6.2.8提交按钮submit69

6.2.9重置按钮reset70

6.3表单高级元素的使用71

6.3.1 url属性71

6.3.2 eamil属性72

6.3.3 date和Times73

6.3.4 number属性74

6.3.5 range属性75

6.3.6 required属性75

6.4综合实例——创建用户反馈表单76

6.5专家解惑78

第7章CSS3概述79

7.1 CSS3介绍79

7.1.1 CSS3功能79

7.1.2 CSS3发展历史80

7.1.3浏览器与CSS380

7.2编辑和浏览CSS80

7.2.1 CSS基础语法81

7.2.2使用记事本手工编写CSS文件81

7.2.3使用Dreamweaver创建CSS文件82

7.3在HTML5中使用CSS3的方法84

7.3.1行内样式84

7.3.2内嵌样式85

7.3.3链接样式86

7.3.4导入样式88

7.3.5优先级问题89

7.4 CSS3选择器92

7.4.1标记选择器92

7.4.2类选择器93

7.4.3 ID选择器94

7.4.4全局选择器96

7.4.5组合选择器97

7.4.6继承选择器98

7.4.7伪类99

7.4.8属性选择器101

7.4.9结构伪类选择器102

7.4.10 UI元素状态伪类选择器104

7.5选择器声明105

7.5.1集体声明105

7.5.2多重嵌套声明106

7.6综合实例1——制作五彩标题107

7.7综合实例2——制作新闻菜单110

7.8专家解惑112

第8章CSS3字体与段落属性114

8.1字体属性114

8.1.1字体font-family114

8.1.2字号font-size115

8.1.3字体风格font-style117

8.1.4加粗字体font-weight………：118

8.1.5小写字母转为大写字母font-variant119

8.1.6字体复合属性font120

8.1.7字体颜色color121

8.2文本高级样式122

8.2.1阴影文本text-shadow122

8.2.2溢出文本text-overflow123

8.2.3控制换行word-wrap125

8.2.4保持字体尺寸不变font-size-adjust126

8.3段落属性127

8.3.1单词间隔word-spacing127

8.3.2字符间隔letter-spacing128

8.3.3文字修饰text-decoration129

8.3.4垂直对齐方式vertial-align130

8.3.5文本转换text-transform132

8.3.6水平对齐方式text-align133

8.3.7文本缩进text-indent135

8.3.8文本行高line-height136

8.3.9处理空白white-sapce137

8.3.10文本反排unicode-bidi和direction138

8.4综合实例1——制作旅游宣传网页140

8.5综合实例2——网页简单图文混排144

8.6专家解惑146

第9章CSS3美化表格和表单样式147

9.1表格基本样式147

9.1.1表格边框样式147

9.1.2表格边框宽度150

9.1.3表格边框颜色151

9.2 CSS3与表单152

9.2.1美化表单中元素153

9.2.2美化提交按钮155

9.2.3美化下拉菜单156

9.3综合实例1——隔行变色158

9.4综合实例2——表格图文网页布局161

9.5综合实例3——变色表格163

9.6综合实例4——登录表单167

9.7综合实例5——注册表单168

9.8专家解惑171

第10章CSS3美化图像172

10.1图片样式172

10.1.1图片边框172

10.1.2图片缩放174

10.2对齐图片176

10.2.1横向对齐方式176

10.2.2纵向对齐方式177

10.3图文混排179

10.3.1文字环绕179

10.3.2设置图片与文字间距180

10.4综合实例1——一句话新闻182

10.5综合实例2——学校宣传单186

10.6专家解惑189

第11章CSS3美化背景与边框190

11.1背景相关属性190

11.1.1背景颜色190

11.1.2背景图片192

11.1.3背景图片重复193

11.1.4背景图片显示194

11.1.5背景图片位置196

11.1.6背景图片大小198

11.1.7背景显示区域199

11.1.8背景图像裁剪区域201

11.1.9背景复合属性202

11.2边框203

11.2.1边框样式203

11.2.2边框颜色205

11.2.3边框线宽206

11.2.4边框复合属性208

11.3圆角边框209

11.3.1圆角边框属性209

11.3.2指定两个圆角半径210

11.3.3绘制四个不同圆角边框211

11.3.4绘制边框种类214

11.4图片边框215

11.4.1图片边框属性215

11.4.2设置图像边框显示方式216

11.4.3图像边框重复性解析219

11.5综合实例——简单公司主页220

11.6专家解惑224

第12章JavaScript概述225

12.1 JavaScript简介225

12.1.1 JavaScript是什么225

12.1.2 JavaScript和Java的关系226

12.1.3 JavaScript的发展历史226

12.1.4 JavaScript开发及运行环境227

12.2在HTML5文件中使用JavaScript代码228

12.2.1 JavaScript嵌入HTML5文件228

12.2.2外部JavaScript文件229

12.3综合实例——欢迎光临网站的JavaScript程序231

12.4专家解惑232

第13章JavaScript语言基础233

13.1数据类型与变量233

13.1.1数据类型233

13.1.2变量235

13.1.3保留关键字237

13.2运算符与表达式238

13.2.1算术运算符及表达238

13.2.2赋值运算符及其表达式239

13.2.3关系运算符及其表达式240

13.2.4位运算符及其表达式240

13.2.5逻辑运算符与逻辑表达式241

13.2.6其他运算符及运算符优先级242

13.3流程控制语句243

13.3.1注释语句和语句块244

13.3.2选择语句245

13.3.3循环语句251

13.4函数255

13.4.1函数简介255

13.4.2定义函数255

13.4.3调用函数258

13.4.4系统函数260

13.5综合实例——购物简易计算器264

13.6专家解惑266

第14章JavaScript内置对象268

14.1字符串对象268

14.1.1字符串对象的创建268

14.1.2字符串对象的常用属性269

14.1.3字符串对象的常用函数269

14.2数学对象272

14.2.1数学对象的属性272

14.2.2数学对象的函数272

14.3日期对象276

14.3.1创建日期对象276

14.3.2日期对象的常用函数277

14.3.3日期间的运算281

14.4数组对象282

14.4.1数组对象的创建282

14.4.2数组对象的操作283

14.4.3数组对象的常用方法286

14.5综合实例——随机验证码和动态时钟290

14.6专家解惑294

第15章JavaScript对象编程295

15.1文档对象模型（DOM）295

15.1.1文档对象模型（DOM）介绍295

15.1.2在DOM模型中获得对象的方法295

15.1.3事件驱动297

15.2窗口（window）对象299

15.2.1窗口（window）介绍299

15.2.2对话框301

15.2.3窗口操作303

15.3文档（document）对象305

15.3.1文档的属性305

15.3.2文档中的图片307

15.3.3文档中的超链接308

15.4表单对象310

15.4.1 form对象310

15.4.2 form对象属性与方法311

15.4.3单选与复选的使用313

15.4.4下拉菜单使用314

15.4.5案例：表单注册与表单验证315

15.5综合实例——省市联动效果321

15.6专家解惑325

第16章JavaScript操纵CSS3326

16.1 DHTML简介326

16.2前台动态网页效果327

16.2.1动态内容327

16.2.2动态样式328

16.2.3动态定位329

16.2.4显示与隐藏332

16.3综合实例1——JS控制表单背景色和文字提示333

16.4综合实例2——实现即时验证效果336

16.5专家解惑338

第17章HTML5、 CSS3和JavaScript339

17.1综合实例1——打字效果的文字339

17.2综合实例2——文字升降特效341

17.3综合实例3——跑马灯效果343

17.4综合实例4——闪烁图片345

17.5综合实例5——左右移动的图片347

17.6综合实例6——向上滚动菜单349

17.7综合实例7——跟随鼠标移动的图片351

17.8综合实例8——树形菜单353

17.9综合实例9——颜色选择器359

17.10专家解惑361

第18章HTML5绘制图形363

18.1 canvas概述363

18.1.1添加canvas元素363

18.1.2绘制矩形364

18.2绘制基本形状365

18.2.1绘制圆形365

18.2.2使用moveTo与lineTo绘制直线366

18.2.3使用bezierCurveTo绘制贝济埃曲线368

18.3绘制渐变图形370

18.3.1绘制线性渐变370

18.3.2绘制径向渐变372

18.4绘制变形图形373

18.4.1变换原点坐标373

18.4.2图形缩放374

18.4.3旋转图形376

18.5图形组合377

18.6绘制带阴影的图形379

18.7使用图像380

18.7.1绘制图像380

18.7.2图像平铺382

18.7.3图像裁剪383

18.7.4像素处理385

18.8绘制文字387

18.9图形的保存与恢复389

18.9.1保存与恢复状态389

18.9.2保存文件390

18.9.3绘制图形综合应用391

18.10综合实例1—绘制火柴棒人物393

18.11综合实例2—绘制时钟397

18.12专家解惑400

第19章HTML5中的音频和视频401

19.1 〈audio〉标记401

19.1.1 〈audio〉标记概述401

19.1.2 〈audio〉标记的属性402

19.1.3音频解码器403

19.1.4 〈audio〉标记浏览器的支持情况403

19.2 〈video〉标记403

19.2.1 〈video〉标记概述403

19.2.2 〈video〉标记的属性404

19.2.3视频解码器405

19.2.4 〈video〉标记浏览器的支持情况405

19.3专家解惑405

第20章 地理定位、离线Web应用和Web存储407

20.1获取地理位置407

20.1.1地理地位的原理407

20.1.2地理定位的函数407

20.1.3指定纬度和经度坐标408

20.1.4目前浏览器对地理定位的支持情况409

20.2 HTML5离线web应用410

20.2.1新增的本地缓存410

20.2.2本地缓存的管理者——manifest文件410

20.2.3浏览器网页缓存与本地缓存的区别411

20.2.4目前浏览器对Web离线应用的支持情况411

20.3 Web存储412

20.3.1本地存储和Cookies的区别412

20.3.2在客户端存储数据412

20.3.3 sessionStorage函数413

20.3.4 localStorage函数414

20.3.5目前浏览器对Web存储的支持情况416

20.4专家解惑416

第21章 企业门户网站的综合实战417

21.1构思布局417

21.1.1设计分析417

21.1.2排版架构418

21.2模块分割419

21.2.1 Logo与导航菜单419

21.2.2左侧文本介绍421

21.2.3右侧导航链接423

21.2.4版权信息425

21.3整体调整425

21.4专家解惑426