第1章 搭建网页开发环境 15
客户与主机 16
搭建Web客户测试环境 17
选择与安装网页制作工具 23
搭建Web主机环境 25
选择内容管理系统(CMS) 29
第2章 HTML5、CSS3、jQuery基础 30
超文本标记语言,HTML5基础 31
创建HTML5基本文档 31
编写正文主体:列表 35
HTML5大纲算法(Outliner)与Section元素 36
层叠样式表,CSS3基础 39
控制正文主体(body)样式 39
控制标题(h1,h2)样式 41
控制网页背景与字体 42
脚本语言JavaScript基础 45
JavaScript Library,jQuery基础 58
第3章 设计网页动态横幅广告(Banner) 63
设计效果预览 64
设计网页布局 65
编写HTML5代码 66
输入单击Banner时要链接的网站 66
向Banner中添加图片与文字 66
使用class属性标识各元素 67
编写CSS3样式表 69
控制body样式 69
控制Banner样式 69
向Banner插入背景图片 70
设置横幅广告的Logo图像 71
向Banner上的文字应用字体 73
设置Banner文字的位置与颜色 74
设计鼠标指针未移动到Banner上的Banner 75
使用jQue ry播放声音 81
浏览器兼容性检查 85
第4章 设计气泡悬浮框 87
设计效果预览 88
设计网页布局 89
编写HTML5代码 90
编写CSS3样式表 93
控制body样式 93
设置标题字体样式 93
控制图片样式 95
控制气泡悬浮框1:基本样式 99
控制气泡悬浮框2:位置 100
控制气泡悬浮框3:添加圆角与尾巴 102
控制气泡悬浮框4:制作Transition动画 104
使用jQuery实现淡入/淡出效果 109
检查是否支持CSS3的transition属性 109
使用jQuery实现淡入/淡出效果 111
第5章 制作Lava Lamp滑动导航条 117
设计效果预览 118
设计网页布局 119
编写HTML 5代码 120
编写CSS3样式表 123
控制body样式 123
控制标题样式应用英文网页字体 123
控制导航条边框样式 124
控制导航条菜单项样式 126
控制导航条样式渐变 128
指定默认激活的菜单项 130
编写jQuery脚本代码 131
声明变量与引用文档对象 132
控制lava样式 135
设置lava的位置 136
向lava应用渐变 138
调整lava的位置 138
事件监听与处理 140
创建命名空间(Namespace) 144
制作插件 145
第6章 制作气泡动画按钮 149
设计效果预览 150
网页布局设计 151
编写HTML5代码 152
编写CSS3样式表 155
控制body样式 155
向body添加彩虹渐变 155
从CSS代码中提取重复代码,使用LESS重写 159
创建LESS函数 161
控制buttons_wrap样式 162
向jQuery按钮添加声音插件 175
第7章 设计带动画的选项卡菜单 183
设计效果预览 184
设计网页布局 185
编写HTML5代码 186
兼容IE 8之前版本的代码 186
应用Web字体与调用外部文件 188
编写网页结构代码 189
编写CSS3与LESS样式代码 194
控制基本样式 194
向整个选项卡区域与标题指定样式 196
控制选项卡样式 196
选项卡区域样式控制1:不支持JavaScript脚本的情形 199
选项卡区域样式控制2:支持JavaScript脚本的情形 200
编写jQuery插件 201
编写使用插件的脚本文件 201
编写插件 202
第8章 制作动态表格 209
设计效果预览 210
设计网页布局 211
编写HTML5表格代码 212
编写基本结构 212
编写表单代码 213
编写CSS3与LESS样式代码 217
编写基本样式控制代码 218
为整个表单区域(容器元素)编写样式代码 218
设置标题样式 222
控制表单元素样式1:标签与输入文本框 223
控制表单元素样式2:用户使用条款与信息收集 224
控制表单元素样式3:向输入文本框左侧添加图标 224
控制表单元素样式4:提交按钮 226
使用jQuery编写脚本代码 229
第9章 使用HTML5制作视频播放器 233
设计效果预览 234
设计网页布局 235
编写HTML5视频播放器 236
编写基本的HTML代码 236
编写JavaScript脚本自动生成的代码 240
编写jQuery视频播放插件 242
调用插件&设置初始值 243
建视频播放器容器元素 244
编写视频控件动态生成代码 247
设置视频控件按钮 249
设置视频播放进度条 251
制作播放进度条的滑块 252
编写播放条状态更新函数 254
编写声音控制滑块 256
为声音调节按钮编写函数 256
编写CSS3与LESS样式代码 259
基本样式控制 260
为视频容器编写样式代码 262
视频控件样式1:整体 263
视频控件样式2:播放按钮 264
视频控件样式3:播放进度条 265
视频控件样式4:计时器 268
视频控件样式5:声音控件 268
视频控件样式6:声音调节条 269
设置播放控制条到视频内部,并改变颜色 272
第10章 制作设备感应型网页 277
设计效果预览 278
设计网页布局 279
编写HTML5网页代码 280
header(logo与导航)与header bar 281
contents区域 282
编写CSS3与LESS样式代码 285
设置基本环境(下载normalize.css) 285
编写response.css框架 286
桌面显示样式1:基本样式 290
桌面显示样式2 header 291
桌面显示样式3:header bar 297
桌面显示样式4:contents 299
桌面显示样式5:footer 302
桌面显示样式6:设置拖选区域的背景色与文字颜色 303
为平板电脑编写显示样式 304
为智能手机编写显示样式 305
使用JavaScript编写固定的导航菜单插件 307