Dreamweaver CS6网页设计与制作标准教程（微课版）

第1章 网页设计基础知识 1
1．1　互联网基础　2
1．1．1　Internet与WEB服务　2
1．1．2　URL路径　2
1．1．3　服务器与浏览器　2
1．1．4　互联网数据中心　3
1．2　网站建设基本流程　3
1．2．1　前期准备工作　3
1．2．2　方案实施　4
1．2．3　后期工作　5
1．3　网站建设基础　6
1．3．1　什么是静态网页　6
1．3．2　什么是动态网页　6
1．3．3　常见网站类型　7
1．3．4　申请域名和购买空间　11
1．4　网页设计基础　12
1．4．1　网页版面布局的原则和方法　12
1．4．2　常见的版面布局形式　13
1．4．3　网页配色基础　15
1．5　网页制作常用软件　18
1．5．1　Photoshop　18
1．5．2　Fireworks　19
1．5．3　Flash　20
1．5．4　Dreamweaver　20
1．6　网页制作标准技术　21
1．6．1　网页标记语言Html　21
1．6．2　页面修饰语言CSS　21
1．6．3　网页脚本语言JavaScript　21
1．6．4　动态网页编程语言ASP、PHP和JSP　21
第2章　初识Dreamweaver CS6　22
2．1　Dreamweaver CS6的工作界面　23
2．1．1　友善的开始页面　23
2．1．2　不同风格的界面　23
2．1．3　伸缩自如的功能面板　23
2．1．4　多文档的编辑界面　24
2．1．5　新颖的“插入”面板　24
2．1．6　更完整的CSS功能　26
2．2　创建网站框架　27
2．2．1　站点管理器　27
2．2．2　创建文件夹　28
2．2．3　定义新站点　28
2．2．4　创建和保存网页　29
2．3　管理站点文件和文件夹　30
2．3．1　重命名文件和文件夹　30
2．3．2　移动文件和文件夹　31
2．3．3　删除文件或文件夹　31
2．4　管理站点　31
2．4．1　打开站点　31
2．4．2　编辑站点　31
2．4．3　复制站点　32
2．4．4　删除站点　32
2．4．5　导入和导出站点　32
2．5　网页文件头设置　33
2．5．1　插入搜索关键字　33
2．5．2　插入作者和版权信息　34
2．5．3　设置刷新时间　35
2．5．4　设置描述信息　35
第3章　文本与文档　36
3．1　文本与文档　37
3．1．1　课堂案例——青山别墅网页　37
3．1．2　输入文本　39
3．1．3　设置文本属性　40
3．1．4　输入连续的空格　40
3．1．5　设置是否显示不可见元素　41
3．1．6　设置页边距　42
3．1．7　设置网页的标题　42
3．1．8　设置网页的默认格式　43
3．1．9　课堂案例——果蔬网　43
3．1．10　改变文本的大小　47
3．1．11　改变文本的颜色　47
3．1．12　改变文本的字体　48
3．1．13　改变文本的对齐方式　50
3．1．14　设置文本样式　50
3．1．15　段落文本　51
3．2　项目符号和编号列表　52
3．2．1　课堂案例——电器城网店　52
3．2．2　设置项目符号或编号　54
3．2．3　修改项目符号或编号　55
3．2．4　设置文本缩进格式　55
3．2．5　插入日期　56
3．2．6　特殊字符　56
3．2．7　插入换行符　56
3．3　水平线、网格与标尺　57
3．3．1　课堂案例——摄影艺术网页　57
3．3．2　水平线　60
3．3．3　显示和隐藏网格　60
3．3．4　标尺　61
3．4　课堂练习——有机果蔬网页　62
3．5　课后习题——休闲旅游网页　63
第4章　图像和多媒体　64
4．1　图像的插入　65
4．1．1　课堂案例——咖啡网页　65
4．1．2　网页中的图像格式　66
4．1．3　插入图像　67
4．1．4　设置图像属性　68
4．1．5　给图片添加文字说明　68
4．1．6　插入图像占位符　69
4．1．7　跟踪图像　69
4．2　多媒体在网页中的应用　71
4．2．1　课堂案例——木工网页　71
4．2．2　插入Flash动画　73
4．2．3　插入FLV　73
4．2．4　插入Shockwave影片　75
4．2．5　影片插入Applet程序　76
4．2．6　插入ActiveX控件　76
4．3　课堂练习——时尚先生网页　76
4．4　课后习题——房源网页　77
第5章　超链接　78
5．1　超链接的概念与路径知识　79
5．2　文本超链接　79
5．2．1　课堂案例——建筑模型网页　79
5．2．2　创建文本链接　82
5．2．3　文本链接的状态　83
5．2．4　下载文件链接　84
5．2．5　电子邮件链接　84
5．3　图像超链接　85
5．3．1　课堂案例——温泉度假网页　85
5．3．2　图像超链接　87
5．3．3　鼠标经过图像链接　88
5．4　命名锚点超链接　88
5．4．1　课堂案例——金融投资网页　89
5．4．2　命名锚点链接　92
5．5　热点链接　93
5．5．1　课堂案例——口腔护理网页　93
5．5．2　创建热点链接　96
5．6　课堂练习——家装设计网页　97
5．7　课后习题——建筑设计网页　98
第6章　使用表格　99
6．1　表格的简单操作　100
6．1．1　课堂案例——布艺沙发网页　100
6．1．2　表格的组成　103
6．1．3　插入表格　104
6．1．4　表格各元素的属性　105
6．1．5　在表格中插入内容　106
6．1．6　选择表格元素　106
6．1．7　复制、粘贴表格　108
6．1．8　删除表格和表格内容　109
6．1．9　缩放表格　109
6．1．10　合并和拆分单元格　110
6．1．11　增加和删除表格的行和列　111
6．2　网页中的数据表格　112
6．2．1　课堂案例——典藏博物馆网页　112
6．2．2　导入和导出表格的数据　116
6．2．3　排序表格　117
6．3　复杂表格的排版　119
6．4　课堂练习——火锅餐厅网页　119
6．5　课后习题——茶文化网页　120
第7章　使用框架　121
7．1　框架与框架集　122
7．1．1　课堂案例——牛奶饮品网页　122
7．1．2　建立框架集　125
7．1．3　为框架添加内容　126
7．1．4　保存框架　127
7．1．5　框架的选择　127
7．1．6　修改框架的大小　128
7．1．7　拆分框架　129
7．1．8　删除框架　129
7．2　框架的属性设置　130
7．2．1　课堂案例——建筑规划网页　130
7．2．2　框架属性　135
7．2．3　框架集的属性　136
7．2．4　框架中的链接　136
7．2．5　改变框架的背景颜色　137
7．3　课堂练习——阳光外语小学网页1　138
7．4　课后习题——阳光外语小学网页2　138
第8章　使用层　139
8．1　层的基本操作　140
8．1．1　课堂案例——联创网络技术网页　140
8．1．2　创建层　142
8．1．3　选择层　143
8．1．4　设置层的默认属性　143
8．1．5　AP元素面板　144
8．1．6　更改层的堆叠顺序　144
8．1．7　更改层的可见性　144
8．1．8　调整层的大小　145
8．1．9　移动层　146
8．1．10　对齐层　146
8．1．11　层靠齐到网格　147
8．2　应用层设计表格　148
8．2．1　课堂案例——信业融资网页　148
8．2．2　将AP Div转换为表格　149
8．2．3　将表格转换为AP Div　151
8．3　课堂练习——美味小吃网页　151
8．4　课后习题——充气浮床网页　152
第9章　CSS样式　153
9．1　CSS样式的概念　154
9．2　CSS样式　154
9．2．1　“CSS样式”面板　154
9．2．2　CSS样式的类型　155
9．3　样式的类型与创建　155
9．3．1　创建重定义HTML标签样式　156
9．3．2　创建CSS选择器　157
9．3．3　创建和应用自定义样式　157
9．3．4　创建和引用外部样式　158
9．4　编辑样式　159
9．5　CSS的属性　160
9．5．1　课堂案例——爱越野网页　160
9．5．2　类型　164
9．5．3　背景　166
9．5．4　区块　166
9．5．5　方框　167
9．5．6　边框　168
9．5．7　列表　169
9．5．8　定位　169
9．5．9　扩展　170
9．5．10　过渡　171
9．6　过滤器　171
9．6．1　课堂案例——爱插画网页　171
9．6．2　可应用过滤的HTML标签　173
9．6．3　CSS的静态过滤器　173
9．6．4　CSS的动态过滤器　174
9．7　课堂练习——爱美化妆品网页　175
9．8　课后习题——咖啡屋网页　175
第10章　模板和库　176
10．1　“资源”面板　177
10．2　模板　177
10．2．1　课堂案例——飞越天空网页　178
10．2．2　创建模板　180
10．2．3　定义和取消可编辑区域　181
10．2．4　创建基于模板的网页　184
10．2．5　管理模板　185
10．3　库　187
10．3．1　课堂案例——老年公寓网页　187
10．3．2　创建库文件　192
10．3．3　向页面添加库项目　193
10．3．4　更新库文件　193
10．4　课堂练习——租车网页　195
10．5　课后习题——爱家纺网页　196
第11章　CSS+DIV布局方法　197
11．1　CSS+DIV的概述　198
11．1．1　CSS+DIV的优势　198
11．1．2　CSS+DIV缺点　198
11．2　《div》标记与《span》标记　198
11．2．1　概述　198
11．2．2　《div》与《span》的区别　198
11．3　盒子模型　199
11．3．1　盒子结构　199
11．3．2　盒子属性　199
11．4　盒子的定位与浮动　200
11．4．1　课堂案例——绿色农场网页　200
11．4．2　盒子的定义　207
11．4．3　盒子的浮动　208
11．5　课堂练习——浪漫花屋网页　210
11．6　课后习题——旅游网页　211
第12章　使用表单　212
12．1　使用表单　213
12．1．1　课堂案例——用户登录界面　213
12．1．2　创建表单　216
12．1．3　表单的属性　217
12．1．4　单行文本域　217
12．1．5　隐藏域　220
12．2　应用复选框和单选按钮　220
12．2．1　课堂案例——会员注册页面　220
12．2．2　单选按钮　223
12．2．3　单选按钮组　223
12．2．4　复选框　224
12．3　创建列表和菜单　224
12．3．1　课堂案例——留言板网页　225
12．3．2　创建列表和菜单　226
12．3．3　创建跳转菜单　228
12．3．4　课堂案例——OA系统登录页面　229
12．3．5　创建文件域　231
12．3．6　创建图像域　232
12．3．7　提交、无、重置按钮　233
12．4　课堂练习——创新生活网页　234
12．5　课后习题——美食在线网页　235
第13章　行为　236
13．1　行为概述　237
13．1．1　“行为”面板　237
13．1．2　应用行为　237
13．2　动作　238
13．2．1　课堂案例——婚戒网页　238
13．2．2　调用 JavaScript　240
13．2．3　打开浏览器窗口　241
13．2．4　转到URL　242
13．2．5　课堂案例——开心烘焙网页　243
13．2．6　检查插件　245
13．2．7　检查表单　246
13．2．8　交换图像　246
13．2．9　课堂案例——爱心救助网页　247
13．2．10　显示隐藏层　249
13．2．11　设置容器的文本　250
13．2．12　设置文本域文字　251
13．2．13　设置框架文本　252
13．2．14　设置状态栏文本　253
13．2．15　跳转菜单　253
13．2．16　跳转菜单开始　254
13．3　课堂练习——摄影网页　256
13．4　课后习题——美味蛋糕网页　256
第14章　网页代码　257
14．1　网页代码　258
14．1．1　课堂案例——安享爱晚网页　258
14．1．2　使用“参考”面板　259
14．1．3　代码提示功能　260
14．1．4　使用标签库插入标签　260
14．1．5　用标签选择器插入标签　261
14．2　编辑代码　262
14．2．1　使用标签检查器编辑代码　262
14．2．2　使用标签编辑器编辑代码　262
14．3　常用的HTML标签　263
14．4　脚本语言　264
14．5　响应HTML事件　265
14．6　课后习题——时尚儿童服饰网页　266
第15章　商业案例实训　267
15．1　乐卡丝家居网页　268
15．1．1　案例分析　268
15．1．2　案例设计　268
15．1．3　案例制作　268
15．2　课后习题——美食网页　295