第1章 网页设计概述 1
1.1网页设计基本概念 1
1.2网页组成元素 7
1.3网页布局方法及工具 12
1.4网页设计原则及色彩 22
1.4.1网页设计原则 22
1.4.2网页色彩设计 24
1.5上机实践 26
1.5.1利用记事本编写一个简单的HTML网页 26
1.5.2扩展应用 29
第2章 网页设计语言基础 31
2.1 HTML文档结构及语法规则 31
2.1.1 HTML文档基本结构 31
2.1.2网页头部〈head〉标签 32
2.1.3网页主体〈body〉标签 34
2.1.4 HTML的语法规则 37
2.2 HTML基本标记及属性 37
2.2.1标题标记 37
2.2.2换行标记〈br〉和水平线标记〈hr〉 38
2.2.3字体设置 40
2.2.4列表标记 41
2.2.5 〈div〉和〈span〉 44
2.3图片 46
2.3.1 HTML图片 46
2.3.2图片属性 48
2.4超链接 50
2.5表格 52
2.5.1表格基本标签 52
2.5.2表格及单元格属性 54
2.5.3表格的嵌套 57
2.6框架 58
2.6.1框架集 58
2.6.2浮动框架 60
2.7表单 64
2.8多媒体 66
2.8.1滚动字幕 66
2.8.2背景音乐 67
2.8.3视频和动画 69
2.9上机实践 71
2.9.1制作文字网页 71
2.9.2制作图文混排网页 71
2.9.3制作超链接网页 72
2.9.4制作多媒体网页 72
2.9.5网页表格应用 72
第3章 网页制作工具 73
3.1 Dreamweaver 73
3.1.1 Dreamweaver基础 73
3.1.2 Dreamweaver布局 78
3.1.3 Dreamweaver高级应用 90
3.2 Photoshop切片 98
3.3上机实践 105
3.3.1表格布局网页 105
3.3.2 Spry布局对象 105
3.3.3 PS切片导出 105
3.3.4网页中插入多媒体 106
3.3.5网页模板 106
第4章Web标准与CSS基础 107
4.1 Web标准 107
4.1.1内容与表现的分离 108
4.1.2布局思考方式 110
4.2网站重构 113
4.2.1什么是网站重构 113
4.2.2什么是XHTML 114
4.2.3利用XHTML改善现有网站 114
4.3 CSS样式表应用 116
4.3.1 CSS的使用方式 116
4.3.2 CSS样式面板 118
4.4 CSS选择器 125
4.4.1标签选择器 125
4.4.2类选择器 127
4.4.3 ID选择器 128
4.4.4复合内容选择器 129
4.5上机实践 131
4.5.1内部样式表 131
4.5.2行内样式表 132
4.5.3外部样式表 133
第5章 DIV+CSS 134
5.1 DIV元素定位 134
5.1.1初识DIV 134
5.1.2 DIV布局与嵌套 136
5.1.3浮动定位与清除 138
5.1.4 position属性定位 142
5.2盒模型理论 146
5.2.1盒模型 146
5.2.2边框 146
5.2.3边距 148
5.2.4填充 148
5.3 DIV+CSS常见布局 149
5.3.1单行单列布局 150
5.3.2二列式布局 151
5.3.3三列式布局 153
5.4 CSS网页美化 157
5.4.1背景样式控制 157
5.4.2段落及字体样式设计 161
5.4.3图片样式控制 163
5.4.4 CSS滤镜 165
5.5导航菜单及超链接 169
5.5.1列表设计 170
5.5.2导航菜单 171
5.5.3超级链接 176
5.6上机实践 179
5.6.1利用float浮动定位 179
5.6.2利用position属性定位 180
5.6.3编写典型的网页布局 180
5.6.4网页元素美化及导航 181
5.6.5改造基于fable的网页 181
第6章 HTML 5 182
6.1 HTML 5的诞生 182
6.2 HTML 5新特性 186
6.3 HTML 5构建页面 191
6.3.1简单HTML 5页面 191
6.3.2 HTML 5新增结构元素 193
6.3.3 HTML 5新增页面元素 196
6.3.4 HTML 5新增属性 199
6.4表单 201
6.4.1新增属性 201
6.4.2新增input类型 203
6.4.3表单验证 206
6.5绘图 206
6.5.1 canvas元素基础 206
6.5.2绘制图形 207
6.5.3操作图形 210
6.6音视频 212
6.7数据存储及操作 214
6.8高级应用 217
6.9上机实践 219
第7章 CSS 3 221
7.1 CSS 3简介及新增功能 221
7.1.1 CSS 3简介 221
7.1.2 CSS 3新增功能 222
7.1.3 CSS 3未来和创新 227
7.2 CSS 3选择器 230
7.2.1新增属性选择器 231
7.2.2结构性伪类选择器 233
7.2.3 UI元素状态伪类选择器 242
7.2.4通用兄弟元素选择器 245
7.3 CSS 3布局样式 246
7.3.1盒布局 247
7.3.2盒模型 254
7.3.3 UI设计 262
7.3.4多列布局 266
7.4 CSS 3页面美化 271
7.4.1文本和字体样式 271
7.4.2新增色彩模式 277
7.4.3边框 279
7.4.4图像及背景 283
7.5 CSS 3变形及过渡特效 287
7.5.1 CSS变形效果 287
7.5.2 CSS过渡特效 293
7.5.3 CSS动画效果 297
7.6上机实践 300
第8章 JavaScript 304
8.1 JavaScript简介 304
8.2 JavaScript的使用及注释 305
8.2.1 JavaScript的使用 305
8.2.2 JavaScript的注释 307
8.3 JavaScript编程基础 307
8.3.1标识符、数据类型及变量 307
8.3.2运算符和表达式 308
8.3.3流程控制 309
8.3.4函数 314
8.4 JavaScript对象 315
8.4.1内置对象 316
8.4.2宿主对象 320
8.5 JavaScript事件响应 330
8.5.1事件响应简介 330
8.5.2几种常用事件 330
8.6上机实践 335
附录A HTML 5中增删标记符 338
附录B HTML 5中被废除或替代属性 340
附录C CSS 3新增选择器汇总表 341
参考文献 342