HTML 5网页制作全程揭秘2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML 5网页制作全程揭秘PDF格式电子书版下载

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

第1章 HTML 5基础1

1.1 关于HTML1

1.1.1 什么是HTML 51

1.1.2 HTML 5的基本结构1

实例01+视频：创建HTML页面2

1.1.3 HTML 5的标签3

实例02+视频：使用标签的方法8

1.1.4 HTML 5属性9

实例03+视频：使用标签属性的方法11

1.1.5 HTML 5事件属性11

实例04+视频：使用事件属性的方法14

1.1.6 HTML注释标签15

实例05+视频：为标签添加注释15

1.2 HTML 5与HTML 4的区别16

1.2.1 HTML 5的语法变化16

1.2.2 HTML 5中的标记方法16

1.3 HTML 5新增元素和废除元素17

1.3.1 新增的结构元素17

实例06+视频：使用新增结构元素制作页面18

1.3.2 新增的其他元素19

实例07+视频：使用新增的音频标签插入音乐22

1.3.3 被废除的元素23

1.4 HTML编写方法24

1.4.1 使用记事本编写HTML24

实例08+视频：使用记事本创建HTML文档24

1.4.2 使用Dreamweaver编写HTML文档25

1.4.3 元素和属性的大小写规范25

1.4.4 断行符与空白字符26

1.5 预览测试HTML页面26

1.5.1 查看页面效果26

1.5.2 查看源代码27

1.6 本章小结27

第2章 网页基本HTML标签28

2.1 使用head头部标签28

2.2 使用title标题标签28

实例09+视频：定义标题28

2.3 使用meta标签29

2.3.1 设置页面关键字29

实例10+视频：定义搜索引擎关键字30

2.3.2 设置页面说明31

2.3.3 定义编辑工具31

2.3.4 定义作者信息31

实例11+视频：定义作者31

2.3.5 设置网页内容类型和字符集32

2.3.6 设置网页跳转效果33

实例12+视频：设置网页定时跳转33

2.4 使用body标签定义页面主体34

2.4.1 使用bgcolor定义网页背景色34

实例13+视频：设置背景颜色35

2.4.2 使用background定义网页背景36

实例14+视频：设置背景图像36

2.4.3 使用text定义文字颜色37

2.4.4 使用link实现链接38

实例16+视频：设置链接文本的颜色39

2.4.5 使用margin定义页面边距40

实例17+视频：定义页面边距40

2.5 文字与段落标签41

2.5.1 在网页中输入文字41

实例18+视频：在网页中输入文字41

2.5.2 标题字42

实例19+视频：使用标题标签43

2.5.3 文本基本属性44

实例20+视频：使用〈font〉标签45

2.5.4 文本格式化标签45

实例21+视频：使用粗体、斜体标签46

2.5.5 上标和下标47

实例22+视频：使用上标、下标标签48

2.5.6 大小字号和下划线49

实例23+视频：使用大小字号和下划线49

2.6 使用图像50

2.6.1 图像的格式50

2.6.2 插入图像50

实例24+视频：插入图像51

2.6.3 图片的大小52

实例25+视频：修改图片大小53

2.6.4 图像提示文字53

实例26+视频：图像提示字54

2.6.5 图像的边框55

2.6.6 图像的边距55

实例27+视频：图像的边框和垂直边距56

2.6.7 图像的排列56

实例28+视频：网页图文排版57

2.6.8 图像的超链接58

实例29+视频：创建图像超链接58

2.6.9 图像热区链接59

实例30+视频：使用图像热区创建链接59

2.7 使用列表60

2.7.1 有序列表（ol元素）60

实例31+视频：定义有序新闻列表61

2.7.2 自定义有序列表的序号62

实例32+视频：定义新闻列表序号样式62

2.7.3 自定义有序列表的起始数63

实例33+视频：定义新闻列表的起始数63

2.7.4 自定义有序列表的数值64

实例34+视频：定义新闻列表数值64

2.7.5 无序列表（ul元素）65

实例35+视频：制作无序列表65

2.7.6 dl定义列表66

实例36+视频：使用dl定义网页公告列表66

2.7.7 嵌套列表67

2.7.8 反转序号值（reversed属性）68

2.8 使用表格68

2.8.1 表格简介68

2.8.2 表格属性68

实例37+视频：制作表格69

2.8.3 表格样式69

实例38+视频：定义表格样式70

2.8.4 表格的标题71

实例39+视频：定义表格标题71

2.8.5 区分单元格72

实例40+视频：制作年级成绩排名单172

实例41+视频：制作年级成绩平均分数单74

2.8.6 跨多行、多列的单元格76

实例42+视频：制作年级成绩平均分数单276

2.9 本章小结77

第3章 建立超链接78

3.1 链接的基础知识78

3.2 定义基本链接79

3.2.1 定义链接的目标URL（href属性）79

3.2.2 定义链接的目标窗口（target属性）79

3.2.3 定义链接的提示信息（title属性）80

3.2.4 国际化和链接（hreflang属性）80

3.3 链接路径80

3.3.1 绝对路径81

3.3.2 相对路径81

3.4 内部链接81

实例43+视频：创建内部链接82

3.5 锚点链接82

3.5.1 建立锚点83

实例44+视频：建立锚点83

3.5.2 链接同一页面中的锚点84

实例45+视频：建立锚点链接84

3.5.3 链接到其他页面中的锚点85

实例46+视频：链接到其他页面中的锚点85

3.6 外部链接86

3.6.1 链接到外部网站86

实例47+视频：创建友情链接87

3.6.2 链接到FTP87

实例48+视频：创建FTP链接88

3.6.3 链接到Telnet89

3.6.4 下载链接89

实例49+视频：下载数据89

3.7 本章小结90

第4章 使用canvas91

4.1 关于canvas元素91

4.1.1 canvas的历史91

4.1.2 canvas的使用方法91

4.2 绘制矩形92

实例50+视频：使用canvas绘制矩形92

4.3 使用路径93

4.3.1 开始和闭合路径94

4.3.2 moveTo和lineTo94

实例51+视频：使用lineTo绘制图形94

4.3.3 arc()方法96

实例52+视频：绘制圆形96

4.3.4 bezierCurveTo()方法98

实例53+视频：绘制心形98

4.4 渐变图形100

4.4.1 线性渐变100

实例54+视频：绘制线性渐变100

4.4.2 径向渐变102

实例55+视频：绘制径向渐变102

4.5 在canvas中绘制图像104

4.5.1 图像绘制的基本步骤104

实例56+视频：绘制图像（一）105

实例57+视频：绘制图像（二）107

实例58+视频：绘制图像（三）108

4.5.2 图像平铺109

实例59+视频：绘制平铺图像109

4.5.3 图像裁剪111

实例60+视频：裁剪图像111

4.5.4 像素处理113

实例61+视频：绘制随机像素114

4.6 图形的变形116

4.6.1 平移116

实例62+视频：平移图形116

4.6.2 扩大118

实例63+视频：扩大图形118

4.6.3 旋转119

实例64+视频：旋转图形119

4.6.4 变形矩阵120

实例65+视频：使用矩阵变换121

4.7 绘制文本123

实例66+视频：绘制文本124

4.7.1 对齐方式125

4.7.2 基准线125

实例67+视频：调整绘制文本125

4.8 图形的组合127

实例68+视频：组合图形128

4.9 绘制阴影132

实例69+视频：为图形添加阴影133

4.10 绘制动画效果134

实例70+视频：使用canvas绘制动画135

4.11 保存与恢复绘图状态136

4.11.1 保存绘图状态137

4.11.2 恢复绘图状态137

实例71+视频：使用restore绘制图形137

4.12 本章小结139

第5章 CSS基础140

5.1 什么是XHTML140

5.1.1 为何要升级到XHTML140

5.1.2 XHTML的页面结构140

5.1.3 XHTML的代码规范141

5.1.4 在Dreamweaver中编辑XHTML143

实例72+视频：创建XHTML文档143

5.1.5 HTML和XHTML的转换144

5.2 CSS的概念145

5.2.1 CSS的基本语法145

5.2.2 CSS的优势145

5.2.3 CSS样式的类型145

5.3 CSS的分类146

5.3.1 内联样式147

实例73+视频：设置内联样式147

5.3.2 内部样式表148

实例74+视频：设置内部样式149

5.3.3 外部样式表150

实例75+视频：设置外部样式150

5.4 CSS文档结构151

5.4.1 文档结构152

5.4.2 CSS的继承性152

5.4.3 CSS的特殊性152

5.4.4 CSS的层叠性152

5.4.5 CSS的重要性153

5.5 CSS选择器153

5.5.1 标签选择器153

实例76+视频：使用标签选择符154

5.5.2 类选择器155

实例77+视频：使用类选择符155

5.5.3 id选择器156

实例78+视频：使用id选择符157

5.5.4 通配选择器158

实例79+视频：使用通配选择符159

5.5.5 组合选择器160

5.6 CSS选择器声明160

5.6.1 群选择器160

5.6.2 派生选择器160

5.7 伪类及伪对象161

5.8 本章小结162

第6章 SVG163

6.1 SVG的基础概要163

6.1.1 为什么要使用SVG163

6.1.2 SVG规范164

6.1.3 SVG的特征164

6.1.4 SVG在浏览器中的显示方法164

实例80+视频：将SVG图像链接到HTML文档中165

6.2 SVG的语法基础166

6.3 绘制SVG基本图形167

6.3.1 绘制矩形167

实例81+视频：绘制矩形和圆角矩形167

6.3.2 绘制圆形169

实例82+视频：使用SVG绘制正圆169

6.3.3 绘制椭圆170

实例83+视频：使用SVG绘制椭圆170

6.3.4 绘制直线171

实例84+视频：使用SVG绘制直线171

6.3.5 绘制折线与多角星形172

实例85+视频：使用SVG绘制五角星173

6.3.6 使用path元素绘制图形174

实例86+视频：使用path元素绘制五角星174

6.3.7 坐标与编组175

实例87+视频：通过g元素对图形进行编组175

6.3.8 使用transform属性177

实例88+视频：对编组元素进行操作177

6.4 绘制文本178

实例89+视频：使用SVG绘制文本179

实例90+视频：制作波浪纹路径文本180

6.5 SVG渐变效果181

6.5.1 线性渐变182

实例91+视频：制作横向与纵向线性渐变效果182

6.5.2 径向渐变183

实例92+视频：制作径向渐变效果183

6.6 样式单184

实例93+视频：使用样式控制绘制元素的外观184

6.7 本章小结185

第7章 音频和视频186

7.1 〈audio〉和〈video〉的概要186

7.2 〈audio〉和〈video〉的属性187

实例94+视频：导入视频187

实例95+视频：设置video自动播放188

实例96+视频：添加video播放条189

实例97+视频：使用poster替换video190

7.3 〈audio〉和〈video〉的方法192

7.3.1 play方法192

实例98+视频：控制播放audio192

7.3.2 pause方法193

实例99+视频：设置暂停audio194

7.3.3 load方法195

7.3.4 canPlayType方法195

7.4 〈audio〉和〈video〉的事件195

实例100+视频：设置监听audio197

7.5 本章小结198

第8章 链入内联框架、对象和其他多媒体元素199

8.1 内联框架（iframe元素）199

8.2 iframe元素的属性199

8.2.1 src的属性199

8.2.2 width和height属性200

实例101+视频：创建内联框架200

8.2.3 frameborder属性201

8.2.4 marginwidth和marginwidht属性201

8.2.5 name属性201

8.2.6 align属性202

8.2.7 scrolling属性202

8.3 沙盒安全限制202

8.4 使用object元素链入对象203

实例102+视频：链入jpg图像203

8.4.1 object元素的属性204

8.4.2 渲染对象的规则204

8.4.3 对象初始化（param元素）205

8.4.4 内联数据和外部数据205

8.5 使用embed元素链入多媒体对象206

8.5.1 设置自动播放206

8.5.2 设置循环播放206

8.5.3 控制面板的显示206

8.5.4 设置开始时间207

8.5.5 设置音量大小207

8.5.6 设置容器属性207

8.5.7 外观设置207

8.5.8 设置对象名称和文字说明207

8.5.9 设置背景208

8.5.10 设置对齐方式208

实例103+视频：链入swf文件208

8.6 本章小结210

第9章 使用表单211

9.1 表单标签〈form〉211

9.1.1 提交表单action211

实例104+视频：设置表单action属性211

9.1.2 表单名称name212

实例105+视频：为表单命名212

9.1.3 传送方法method213

实例106+视频：设置表单传送方法214

9.1.4 编码方式enctype215

实例107+视频：设置表单的编码方式215

9.1.5 目标打开方式target216

实例108+视频：在新窗口中打开链接216

9.2 插入表单对象217

9.2.1 文字字段Text217

实例109+视频：创建文字字段218

9.2.2 密码域password219

实例110+视频：创建密码域219

9.2.3 单选按钮radio220

实例111+视频：创建单选按钮220

9.2.4 复选框checkbox221

实例112+视频：创建复选框221

9.2.5 普通按钮button222

实例113+视频：创建关闭窗口按钮222

9.2.6 提交按钮submit223

实例114+视频：创建提交按钮223

9.2.7 重置按钮submit224

实例115+视频：创建重置按钮224

9.2.8 图像域image225

实例116+视频：创建闹钟按钮226

9.2.9 隐藏域hidden226

实例117+视频：添加隐藏域227

9.2.10 文件域file228

实例118+视频：在网页中上传照片228

9.3 菜单和列表229

9.3.1 下拉菜单229

实例119+视频：创建下拉菜单230

9.3.2 列表项231

实例120+视频：选择爱吃的水果231

9.4 文本域标签textarea232

实例121+视频：创建意见框232

9.5 id标签233

实例122+视频：给表单元素命名233

9.6 表单的综合使用234

实例123+视频：创建点歌表单234

9.7 本章小结236

第10章 离线网络应用237

10.1 实现文件缓存237

10.1.1 离线应用与网页引用的资源237

实例124+视频：测试离线应用238

10.1.2 创建清单文件239

10.1.3 更新离线储存239

10.2 缓存清单文件239

10.2.1 定义缓存文件240

10.2.2 备抵机制240

10.2.3 白名单241

10.2.4 注释241

10.3 本章小结242

第11章 JavaScript脚本基础243

11.1 JavaScript简介243

实例125+视频：JavaScript的基本用法243

11.2 JavaScript基本语法244

11.2.1 常量244

11.2.2 变量244

11.2.3 表达式245

11.2.4 运算符245

11.2.5 基本语句246

实例126+视频：交替显示图片246

实例127+视频：循环输出文字247

11.2.6 函数249

11.3 JavaScript事件249

11.3.1 onClick事件249

实例128+视频：全屏显示图像250

11.3.2 onChange事件251

实例129+视频：弹出提示信息251

11.3.3 onSelect事件252

实例130+视频：弹出提示信息252

11.3.4 onFocus事件253

实例131+视频：选择课程253

11.3.5 onLoad事件254

实例132+视频：使用onLoad事件254

11.3.6 onUnLoad事件255

实例133+视频：使用onUnLoad事件255

11.3.7 onBlur事件256

实例134+视频：使用onBlur事件256

11.3.8 onMouseOver事件257

实例135+视频：显示图像257

11.3.9 onMouseOut事件258

实例136+视频：隐藏图像259

11.3.10 onDblClick事件260

实例137+视频：双击打开网站260

11.3.11 其他常用事件261

11.4 浏览器的内部对象264

11.4.1 navigator对象264

实例138+视频：显示浏览器信息265

11.4.2 document对象265

实例139+视频：显示网页信息266

11.4.3 Windows对象267

11.4.4 location对象268

11.4.5 history对象269

实例140+视频：浏览历史269

11.5 本章小结271

第12章 使用HTML制作文字特效272

实例141+视频：彩色文字移动效果272

实例142+视频：文字滚动效果273

实例143+视频：文字跟随鼠标效果275

实例144+视频：文字输入效果277

实例145+视频：文字替换效果284

实例146+视频：文字和颜色转换288

实例147+视频：文字渐显效果291

第13章 使用HTML制作图片特效295

实例148+视频：图片放大缩小295

实例149+视频：图片放大镜效果296

实例150+视频：图片抖动效果300

实例151+视频：3D相册特效302

实例152+视频：滚动的照片写真效果304

实例153+视频：图片切块换图片效果306

实例154+视频：鼠标移动时展示大图309

实例155+视频：图片缩放311

实例156+视频：3D效果换图313

实例157+视频：全屏漂浮的图片315

实例158+视频：图片展示效果317

实例159+视频：收缩切换图像效果319

实例160+视频：精致的相册效果321

第14章 使用HTML制作交互效果326

实例161+视频：广告交互效果326

实例162+视频：网页相册效果329

实例163+视频：点击展示效果332

实例164+视频：鼠标拖曳效果337

实例165+视频：鼠标交互效果340

实例166+视频：导航跳转效果344

第15章 使用HTML制作动画特效349

实例167+视频：笑脸水泡349

实例168+视频：旋转的立体花朵350

实例169+视频：秋天落叶352

实例170+视频：小球跳动354

实例171+视频：当年的大风车356

实例172+视频：变幻的3D动画效果358

实例173+视频：太阳系动画360

实例174+视频：跑车开动效果362

实例175+视频：制作白天到黑夜的效果365

第16章 使用HTML制作其他特效368

实例176+视频：仿手机滑屏效果368

实例177+视频：制作时钟特效371

实例178+视频：书本翻页效果374

实例179+视频：制作游戏效果378

实例180+视频：磁带播放效果381

实例181+视频：可拖动的池子球效果385