第1篇 网页基础入门篇 3
第1章 网页入门须知 3
1.1 Internet与WWW 3
1.1.1万维网 3
1.1.2电子邮件 4
1.1.3文件传输 6
1.2网站与网页 6
1.2.1什么是网站和网页 6
1.2.2网址的组成 9
1.3本章小结 11
1.4习题 12
第2章 网站规划技巧 14
2.1构建网站的流程 14
2.1.1拟定网站主题 14
2.1.2规划网站架构与内容 15
2.1.3收集相关资料 16
2.1.4开始制作网页 17
2.1.5上传与测试 17
2.1.6网站的推广、更新与维护 19
2.2本章小结 20
2.3习题 21
第3章 认识网页常见文件格式 23
3.1认识网页文件和命名规则 23
3.1.1 主文件名与扩展名 23
3.1.2常见的图片格式 24
3.1.3常见的声音格式 26
3.1.4网页文件命名规则 26
3.2网页宽度与屏幕分辨率 26
3.2.1屏幕分辨率 27
3.2.2确定 网 页宽度 29
3.3本章小结 30
3.4习题 31
第2篇 HTML基础篇 35
第4章 HTML入门 35
4.1认识HTML5 35
4.1.1 HTML5与HTML4的差异 35
4.1.2HTML5废除的标记 36
4.2学习HTML前的准备工作 37
4.2.1创建HTML文件 37
4.2.2预览HTML网页 39
4.3 HTML语法的概念与架构 40
4.3.1 H TM L的标记类型 40
4.3.2 H TM L的组成 40
4.3.3标记属性的应用 41
4.4 HTML5文件结构与语义标记 41
4.4.1结构化的语义标记 41
4.4.2 HTML 5声明与编码设置 45
4.5本章小结 47
4.6习题 47
第5章 文字与排版技巧 49
5.1段落效果——使用排版标记 49
5.1.1设置段落样式的标记 49
5.1.2设置对齐与缩进的标记 51
5.1.3添加分隔线 53
5.1.4设置段落标题 54
5.2文字效果——使用文字标记 55
5.2.1设置字形样式的标记 55
5.2.2设置上标、下标 57
5.3项目符号与编号——使用列表标记 57
5.3.1符号列表 57
5.3.2编号列表 59
5.3.3定义列表 61
5.4注释与特殊符号 62
5.4.1添加注释 62
5.4.2使用特殊符号 64
5.5本章小结 65
5.6习题 65
第6章 图片的处理 67
6.1网页图片使用须知 67
6.1.1图片的尺寸与分辨率 67
6.1.2图片的来源 68
6.2图片的使用 68
6.2.1嵌入图片 68
6.2.2路径表示法 69
6.3图像处理软件 71
6.3.1图像处理软件——Photoshop 71
6.3.2改变图片格式 72
6.3.3更改图片大小和分辨率 73
6.3.4分割图片为数张小图 76
6.4本章小结 79
6.5习题 79
第7章 表格与表单 81
7.1制作基本表格 81
7.1.1表格的基本架构 81
7.1.2设置表格标题 83
7.2表格的编辑技巧 85
7.2.1合并单元格 85
7.2.2利用表格组合图片 87
7.3什么是表单 89
7.4创建表单 91
7.4.1表单的基本架构 92
7.4.2输入组件 94
7.4.3列表组件 99
7.4.4选择组件 101
7.4.5按钮组件 102
7.4.6表单分组(fieldset) 104
7.5操作范例——教学意见调查表 104
7.6本章小结 106
7.7习题 108
第8章 创建超链接 110
8.1认识超链接 110
8.1.1什么是超链接 110
8.1.2规划超链接 111
8.2添加超链接 111
8.2.1超链接的用法 111
8.2.2站外网页链接 112
8.2.3站内网页链接 113
8.2.4链接到E-Mail邮箱 116
8.2.5链接到文件 119
8.3本章小结 120
8.4习题 120
第3篇 HTML高级篇 125
第9章 多媒体影音的应用 125
9.1多媒体素材的来源 125
9.1.1现有的多媒体元素 125
9.1.2 自己制作多媒体元素 126
9.2添加影音特效 127
9.2.1在网页中加入音乐 127
9.2.2添加影音动画 129
9.2.3添加Flash动画 130
9.2.4传统影音播放器 131
9.2.5使用i frame嵌入优酷视频 131
9.3本章小结 134
9.4习题 135
第10章 JavaScript与canvas在线绘图 136
10.1认识JavaScript 136
10.1.1 JavaScript架构 136
10.1.2 JavaScript对象与函数 138
10.1.3 JavaScript事件 141
10.2认识canvas 142
10.2.1基本canvas语法 142
10.2.2绘制各种图形 146
10.2.3设置图形样式 152
10.2.4渐变填充 158
10.3本章小结 163
10.4习题 164
第11章 网页数据存储Web Storage 166
11.1认识Web Storage 166
11.1.1Web Storage的概念 166
11.1.2检测浏览器是否支持Web Storage 166
11.2 localStorage和sessionStorage 167
11.2.1访问localStorage 167
11.2.2删除localStorage 170
11.2.3访问sessionStorage 172
11.3 Web Storage实例练习 173
11.3.1登录/注销和计数器 173
11.3.2购物车 178
11.4本章小结 188
11.5习题 189
第4篇 CSS教学篇 193
第12章 认识CSS样式表 193
12.1什么是CSS样式表 193
12.1.1CSS的由来 193
12.1.2 CSS的优势 194
12.1.3 CSS的应用 196
12.2 创建CSS样式表 196
12.2.1 CSS基本格式 196
12.2.2 应用CSS样式表 198
12.2.3认识CSS选择器 203
12.3本章小结 208
12.4习题 209
第13章 CSS基本语法 210
13.1控制文字样式 210
13.1.1字体属性 210
13.1.2段落属性 213
13.1.3文字效果属性 217
13.2控制背景 220
13.2.1设置背景颜色 220
13.2.2设置背景图片 222
13.2.3设置背景渐变 230
13.3本章小结 233
13.4习题 234
第14章 CSS排版技巧 236
14.1控制边界与边框 236
14.1.1边界 236
14.1.2边框 238
14.1.3边界间距 245
14.2网页组件的定位 247
14.2.1一般定位 248
14.2.2图层定位 254
14.3超链接与鼠标光标特效 256
14.3.1超链接特效 256
14.3.2鼠标光标特效 259
14.4本章小结 261
14.5习题 262
第15章 CSS滤镜特效 264
15.1认识滤镜样式 264
15.2视觉外观特效 265
15.2.1透明特效 265
15.2.2模糊特效 268
15.2.3阴影特效 269
15.2.4翻转特效 271
15.2.5颜色特效 273
15.2.6波浪特效 275
15.3灯光特效 277
15.3.1光晕特效 277
15.3.2 X光特效 279
15.4转场特效 280
15.4.1淡入与淡出特效 280
15.4.2转换特效 282
15.5本章小结 284
15.6习题 284
第16章 CSS动画与JavaScript 286
16.1 CSS动画特效 286
16.1.1 CSS3Animations 286
16.1.2 CSS3Transitions 290
16.2湖面倒影特效 292
16.2.1 Image对象 292
16.2.2使用JavaScript控制滤镜效果 293
16.3本章小结 295
16.4习题 295
第17章 HTML5+CSS3综合应用 297
17.1操作网页内容 297
17.2使用语义标记排版 299
17.3叠字标题 304
17.4网页背景和鼠标光标 305
17.5菜单超链接特效 306
17.6主内容区样式 307
第5篇 Mobile网页基础应用篇 313
第18章 开发跨平台移动设备网页jQuery Mobile 313
18.1 jQuery Mobile 基础 313
18.1.1识jQuery Mobile 313
18.1.2第一个jQuery Mobile 网页 317
18.2 jQuery Mobile的UI 组件 322
18.2.1认识UI 组件 322
18.2.2按针钮(button) 324
18.2.3组按钮(Grouped buttons) 329
18.2.4列表(List View) 330
18.3网页导航与布景主题 332
18.3.1 jQuery Mobile网页导航 332
18.3.2 TherneRoller快速应用布景主题 336
18.4本章小结 342
18.5习题 343
第19章 移动设备版网页操作 344
19.1网站架构 344
19.2订购流程 347
19.3查订单 356
19.4找店家 359