正版 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

本书从网页设计实际应用的角度理解HTML5和CSS3的新元素和新功能,合理选取教学内容。本书设置了以下10个教学单元: 站点与网页的创建、网页中文本与段落的应用设计、网页中图像与背景的应用设计、网页中列表与表格的应用设计、网页中超链接与导航栏的应用设计、网页中表单与控件的应用设计、网页中音频与视频的应用设计、网页中图形绘制与操作的应用设计、网页中与交互的应用设计、网页中元素与整体布局的应用设计,将HTML5和CSS3的相关知识合理安排到各个教学单元中。

本书编者充分调研HTML5、CSS3新技术的实际应用情况,优选了50多个来自真实网站的典型教学案例,采用“任务驱动、精讲多练、理论实践一体化”的教学方法,改进和优化教学内容的组织方法和网页设计技能的训练方法,促进基于HTML5+CSS3网页应用设计能力的提升。每个教学单元面向教学全过程设置“知识必备→引导训练→同步训练→技术进阶→问题探究→单元习题”6个教学环节，同时还提供了丰富的配套教学资源。

本书可以作为普通高等院校、高职高专或中等职业院校各专业网页设计的教材,也可以作为网页设计的培训用书及技术用书。

充分调研HTML5、CSS3新技术的实际应用情况，优选了53个来自于真实网站的典型教学案例，采用“任务驱动、精讲多练、理论实践一体化”的教学方法，改进和优化教学内容的组织方法和网页设计技能的训练方法，全方向促进基于HTML5 CSS3网页应用设计能力的提升。