Dreamweaver CS6+HTML 5+CSS 3网页制作基础教程（微课版）

1.1Web时代的重要理念1
1.1.1Web标准简介1
1.1.2表现与结构相分离3
1.1.3HTML 5时代5
1.2网站的入门知识6
1.2.1网页、网站及其构成元素6
1.2.2网页设计的原则、风格和潮流8
1.2.3网站建设的基本流程11
1.2.4开发与调试工具13
1.3习题14
第2章HTML语言基础15
2.1HTML的历史沿革15
2.1.1从HTML 4.01到XHTML15
2.1.2从XHTML到HTML 515
2.1.3HTML 5要解决的问题16
2.2文档结构17
2.2.1标签、元素、属性和值17
2.2.2DOCTYPE声明19
2.2.3html元素、head元素与body元素19
2.3HTML 5中常见的元素20
2.3.1块级元素21
2.3.2内联元素22
2.3.3列表类元素25
2.3.4表格类元素27
2.3.5表单类元素28
2.3.6多媒体类元素33
2.3.7HTML 5新增的结构类元素35
2.4过程指导——HTML 5元素的简单运用37
2.5自主任务——使用记事本创建简单页面40
2.6习题40
Dreamweaver CS6+HTML 5+CSS 3网页制作基础教程(微课版)目录第3章Dreamweaver基础与CSS入门42
3.1工作环境42
3.1.1文档和编码工具栏42
3.1.2属性面板44
3.1.3常用面板介绍45
3.1.4常规设置46
3.2站点47
3.2.1站点的基本概念及其创建方法47
3.2.2“文件”面板的常用操作49
3.2.3管理站点51
3.3重要的div元素52
3.3.1div元素是什么53
3.3.2在Dreamweaver中创建DIV容器的方法53
3.4CSS入门55
3.4.1什么是CSS56
3.4.2CSS语法与链接方法56
3.4.3盒子模型58
3.5常见的CSS选择器61
3.5.1通配符选择器与类型选择器62
3.5.2ID选择器与类选择器62
3.5.3包含选择器与群组选择器64
3.5.4属性选择器64
3.6过程指导——淘宝店铺周年庆专题页面66
3.6.1过程分析66
3.6.2步骤详解66
3.7自主任务——“中秋茶相伴”淘宝店铺专题销售页面72
3.8习题72
第4章文本与图像74
4.1文本74
4.1.1插入文本74
4.1.2创建超链接75
4.1.3与文本相关的基础属性78
4.1.4行高与首行缩进81
4.1.5文本阴影83
4.1.6溢出文本与文本换行83
4.1.7CSS伪类在超链接方面的应用86
4.2图像87
4.2.1插入图像与图像超链接88
4.2.2与图像相关的CSS属性92
4.2.3图文混排94
4.3过程指导——使用HTML 5新增元素创建“灯塔漫画背景博客”96
4.3.1过程分析96
4.3.2步骤详解97
4.4自主任务——图像与文本的简单应用103
4.5习题104
第5章浮动、定位和列表106
5.1浮动106
5.1.1浮动的基本知识106
5.1.2清除浮动109
5.2定位110
5.2.1静态定位与固定定位110
5.2.2相对定位与绝对定位112
5.3列表115
5.3.1与列表相关的CSS属性115
5.3.2列表的图像修饰符116
5.3.3纵向导航118
5.3.4横向导航119
5.3.5图文信息列表121
5.4过程指导——“五月美食节专场”网页的设计与制作124
5.4.1过程分析124
5.4.2步骤详解124
5.5自主任务——“手机专卖网”的制作129
5.6习题130
第6章表格与表单131
6.1表格的创建与编辑131
6.1.1创建表格131
6.1.2单元格属性设置132
6.1.3单元格基本操作133
6.2CSS在表格中的应用135
6.2.1使用bordercollapse属性制作细线表格135
6.2.2使用伪类选择器制作隔行变色表格137
6.3表单的创建与编辑138
6.3.1表单域138
6.3.2常见表单对象140
6.4CSS在表单中的应用147
6.4.1文本域的美化147
6.4.2CSS 3按钮147
6.4.3搜索框的美化149
6.5过程指导——“Yuze App注册”页面的制作150
6.5.1过程分析150
6.5.2步骤详解150
6.6自主任务——“网站后台登录”页面的制作154
6.7习题155
第7章框架、模板与CSS 3新增布局156
7.1框架156
7.1.1基本概念156
7.1.2使用iframe元素创建框架页面157
7.2模板158
7.2.1模板是什么158
7.2.2使用模板快速创建页面158
7.2.3模板的修改162
7.3CSS 3多列布局163
7.3.1使用columns属性创建多列布局163
7.3.2多列布局的相关属性164
7.4CSS 3弹性盒布局166
7.4.1使用盒布局166
7.4.2弹性盒布局相关属性详解166
7.5适合移动设备的响应式布局172
7.5.1响应式布局172
7.5.2使用CSS 3的media query实现响应式布局172
7.6过程指导——制作适合多种设备终端显示的响应式页面176
7.6.1过程分析176
7.6.2步骤详解179
7.7自主任务——制作简单响应式页面185
7.8习题186
第8章行为与Spry构件187
8.1行为187
8.1.1事件与动作相关概念187
8.1.2“行为”面板188
8.1.3“弹出信息”行为189
8.1.4“打开浏览器窗口”行为190
8.1.5“改变属性”行为190
8.2Spry构件193
8.2.1Spry菜单栏193
8.2.2Spry选项卡式面板193
8.2.3Spry折叠式构件194
8.3过程指导——精品课程网站的设计与制作195
8.3.1过程分析196
8.3.2步骤详解196
8.4自主任务——精品课程网站主页的制作211
8.5习题212
第9章CSS进阶213
9.1CSS Sprite技术213
9.1.1CSS Sprite技术简述213
9.1.2CSS Sprite技术详解214
9.2CSS 3伪类选择器217
9.2.1:root、:not、:target和∷selection选择器217
9.2.2:firstchild、:lastchild和:onlychild选择器219
9.3CSS 3渐变220
9.4CSS 3过渡222
9.4.1transition属性简介222
9.4.2CSS 3过渡动画的实现223
9.5习题226
第10章站点测试、上传与维护227
10.1站点测试227
10.1.1浏览器兼容性测试227
10.1.2链接的测试228
10.2站点上传230
10.2.1注册域名230
10.2.2申请网站空间232
10.2.3内容上传233
10.3维护与推广238
10.3.1站点维护238
10.3.2网站推广239
10.4习题240
第11章综合案例解析——电子商务网站241
11.1电子商务网站的简易需求分析241
11.2电子商务网站的布局分析242
11.3实现过程245
11.3.1主页的实现245
11.3.2检索页的实现253
11.3.3产品信息页的实现256
11.4习题258
第12章实训指导260
12.1实训的意义和目的260
12.2实训要求与步骤261
12.3考核标准261
参考文献263