HTML5+CSS3跨平台网页设计实例教程

单元1站点与网页的创建1
【知识必备】1
【引导训练】4
任务11创建“单元1”站点并浏览网页4
任务111创建本地站点“单元1”4
任务112认识Dreamweaver CC的工作界面6
任务113打开与浏览网页文档0101.html10
任务12认知HTML5的典型标记和结构标签13
任务121分析HTML代码的组成结构13
任务122认知HTML5中典型的标记方法17
任务123认知HTML5主要的结构标签17
【同步训练】18
任务13打开并浏览网页0103.html18
【技术进阶】19
【问题探究】20
【单元习题】21
单元2网页中文本与段落的应用设计22
【知识必备】22
【引导训练】37
任务21制作阿坝概况的文本网页37
任务211建立站点及其目录结构38
任务212创建与保存网页文档0201.html40
任务213设置网页的首选项40
任务214设置页面的整体属性42
任务215在网页中输入文字48
任务216输入与编辑网页中的文本49
任务217格式化网页文本50
任务218设置超链接与浏览网页效果51
任务219在【代码】视图中查看CSS代码和HTML代码51
任务22使用CSS美化文本标题和文本段落55
【同步训练】61
任务23制作介绍九寨沟概况的文本网页61
【技术进阶】62
【问题探究】65
【单元习题】67
目录单元3网页中图像与背景的应用设计68
【知识必备】68
【引导训练】74
任务31制作介绍九寨沟景区景点的图文混排网页74
任务311使用【管理站点】对话框创建站点“单元3”75
任务312应用【文件】面板新建网页0301.html76
任务313设置页面的背景图像77
任务314在网页中输入所需的文本内容与设置文本格式78
任务315插入图像与设置图像属性79
任务316在“代码”视图中查看CSS代码和HTML代码81
任务32使用CSS美化网页文本与图片82
任务33创建多张图片并行排列的网页0303.html88
【同步训练】90
任务34在网页中设置图片与背景属性90
任务35创建图文混排的网页0305.html91
【技术进阶】91
【问题探究】96
【单元习题】98
单元4网页中列表与表格的应用设计99
【知识必备】99
【引导训练】105
任务41创建以项目列表形式表现新闻标题的网页105
任务42创建以项目列表形式表现图文按钮的网页109
任务43创建应用表格存放数据的网页114
任务44创建包含个性化表格的网页119
【同步训练】122
任务45创建项目列表为主的旅游攻略标题网页122
任务46创建包含5行3列表格的网页123
【技术进阶】123
【问题探究】124
【单元习题】127
单元5网页中超链接与导航栏的应用设计128
【知识必备】128
【引导训练】131
任务51设置网页中导航栏的超链接属性131
任务52制作包含横向主导航栏的网页134
任务53制作包含纵向栏目导航栏的网页139
任务54创建包含图像热点链接的网页141
【同步训练】145
任务55创建包含顶部横向导航栏的网页145
任务56创建包含多种不同形状图像链接的网页146
【技术进阶】146
【问题探究】150
【单元习题】151
单元6网页中表单与控件的应用设计152
【知识必备】152
【引导训练】158
任务61在网页中添加表单及表单控件158
任务62创建用户注册的表单网页164
【同步训练】171
任务63创建用户登录的表单网页171
任务64创建用户留言反馈网页172
【技术进阶】172
【问题探究】174
【单元习题】174
单元7网页中音频与视频的应用设计175
【知识必备】175
【引导训练】177
任务71设计基于HTML5的网页音乐播放器之一177
任务72设计基于HTML5的网页视频播放器之一179
【同步训练】180
任务73设计基于HTML5的网页音乐播放器之二180
任务74设计基于HTML5的网页视频播放器之二181
【技术进阶】182
【问题探究】183
【单元习题】184
单元8网页中图形绘制与操作的应用设计185
【知识必备】185
【引导训练】194
任务81网页中应用纯CSS绘制各种规则图形194
任务82网页中应用纯CSS绘制各种特色图形197
任务83网页中应用canvas元素绘制各种图形和文字200
任务84网页中绘制菊花图形206
【同步训练】208
任务85网页中绘制阴阳图和五角星208
任务86网页中绘制多种图形和图片208
【技术进阶】209
【问题探究】210
【单元习题】213
单元9网页中特效与交互的应用设计214
【知识必备】214
【引导训练】227
任务91网页中显示当前日期227
任务92网页中不同时间段显示不同的问候语231
任务93网页中制作圆角按钮和圆角图片234
任务94设计网页中的圆形导航按钮239
任务95网页中实现搜索框聚焦变长的效果242
任务96网页中应用CSS实现超酷导航菜单243
任务97网页中实现仿Office风格的多级菜单246
任务98网页中实现图片拖动操作251
【同步训练】254
任务99网页中不同的节假日显示不同的问候语254
任务910网页中创建下拉导航菜单255
【技术进阶】255
【问题探究】255
【单元习题】261
单元10网页中元素与整体布局的应用设计262
【知识必备】262
【引导训练】276
任务101体验网页的不同布局方式276
任务102创建浮动定位2列式布局的网页281
任务103创建等距排列的4列式布局网页289
任务104创建不规则布局网页295
【同步训练】300
任务105创建浮动定位2列规则分块的网页300
任务106创建3列式与4列式等距布局的网页301
【技术进阶】301
【问题探究】302
【单元习题】304
参考文献305
附录ACSS的属性306
附录BCSS的选择器307