网页设计与制作(Dreamweaver CC2017)

目　　录

第1章　网页制作基础 1
1．1　网站建设基本概念 1
1．1．1　万维网 1
1．1．2　网页与网站 1
1．1．3　域名和URL 1
1．1．4　静态网页和动态网页 2
1．1．5　本地站点和远程站点 2
1．1．6　HTML、XML、XHTML 2
1．2　网站制作的相关技术及工具 3
1．3　网站开发的流程 4
1．3．1　网站制作的流程 4
1．3．2　网页设计的原则 4
自我检测 5
第2章　Dreamweaver CC 2017与站点建立 6
2．1　初识Dreamweaver CC 2017 6
2．1．1　启动 Dreamweaver CC 2017 6
2．1．2　Dreamweaver CC 2017工作界面介绍 7
2．2　站点的建立与管理 8
2．2．1　站点的建立 8
2．2．2　站点的管理 9
2．2．3　站点文件夹的创建 11
2．2．4　站点文件的创建 12
2．3　实训―创建旅游网站 15
2．3．1　实训目标 15
2．3．2　实训要求 16
2．3．3　操作步骤 16
自我检测 18
第3章　HTML 19
3．1　网页基本结构 19
3．1．1　HTML基本结构 19
3．1．2　HTML标签和属性 21
3．2　常用的HTML标签 23
3．2．1　文本相关标签 23
3．2．2　字体格式化相关标签 26
3．2．3　列表相关标签 29
3．2．4　多媒体相关标签 31
3．2．5　滚动对象标签 33
3．2．6　超链接标签 36
3．2．7　表格标签 37
3．3　实训―创建HTML网页 39
3．3．1　实训目标 39
3．3．2　实训要求 39
3．3．3　操作步骤 39
自我检测 41
第4章　输入文本与常用页面元素 42
4．1　输入文本 42
4．1．1　输入文本内容并设置文本格式 42
4．1．2　设置字体 44
4．1．3　设置段落格式 47
4．2　输入常用页面元素 49
4．2．1　插入日期 49
4．2．2　插入列表 50
4．2．3　插入水平线和特殊字符 52
4．3　实训―创建旅游网页 54
4．3．1　实训目标 54
4．3．2　实训要求 54
4．3．3　操作步骤 55
自我检测 58
第5章　插入图像和多媒体对象 59
5．1　插入图像 59
5．1．1　插入与编辑图像 59
5．1．2　美化图像 62
5．1．3　设置背景图像 64
5．1．4　鼠标经过图像 65
5．2　插入多媒体对象 67
5．2．1　插入Flash动画 67
5．2．2　插入FLV视频 69
5．2．3　添加背景音乐 71
5．3　实训―创建景点介绍网页 72
5．3．1　实训目标 72
5．3．2　实训要求 73
5．3．3　操作步骤 73
自我检测 75
第6章　表格 76
6．1　插入和修改表格 76
6．1．1　插入表格 76
6．1．2　修改表格 77
6．2　应用表格布局网页 81
6．3　实训―创建上海旅游网 85
6．3．1　实训目标 85
6．3．2　实训要求 85
6．3．3　操作步骤 85
自我检测 90
第7章　超链接 91
7．1　常用的超链接 91
7．1．1　认识超链接 91
7．1．2　绝对超链接和相对超链接 91
7．1．3　图片超链接和文字超链接 91
7．1．4　图像热点超链接 93
7．1．5　电子邮件超链接 95
7．1．6　锚点超链接 96
7．1．7　下载超链接 98
7．1．8　脚本超链接 99
7．2　设置超链接目标 100
7．3　实训―创建北京旅游网站 102
7．3．1　实训目标 102
7．3．2　实训要求 102
7．3．3　操作步骤 102
自我检测 105
第8章　表单与行为 106
8．1　表单应用 106
8．1．1　表单 106
8．1．2　创建表单 106
8．1．3　添加常用表单元素 108
8．1．4　提交表单 116
8．1．5　日期和时间 118
8．2　行为应用 120
8．2．1　行为 120
8．2．2　检查表单 121
8．2．3　弹出信息和设置状态栏文本 123
8．2．4　打开浏览器窗口 126
8．3　实训―创建旅游反馈调查网页 128
8．3．1　实训目标 128
8．3．2　实训要求 129
8．3．3　操作步骤 129
自我检测 132
第9章　模板与库 133
9．1　模板应用 133
9．1．1　模板 133
9．1．2　创建模板 133
9．1．3　应用模板 135
9．1．4　修改模板 137
9．2　库应用 141
9．2．1　库 141
9．2．2　“资源”面板 142
9．2．3　创建库项目 142
9．2．4　应用库项目 143
9．2．5　修改库项目 145
9．3　实训―创建四川旅游网 148
9．3．1　实训目标 148
9．3．2　实训要求 149
9．3．3　操作步骤 149
自我检测 152
第10章　CSS与盒子模型 153
10．1　CSS应用 153
10．1．1 了解CSS 153
10．1．2　新建样式表 153
10．1．3　应用CSS样式 155
10．1．4　新建ID样式表 158
10．1．5　保存和导入样式表 160
10．2　盒子模型 163
10．2．1　了解盒子模型 163
10．2．2　Div+CSS布局网页 164
10．3　实训―创建大连旅游网页 169
10．3．1　实训目标 169
10．3．2　实训要求 170
10．3．3　操作步骤 170
自我检测 177
第11章　Dreamweaver与其他软件结合 178
11．1　Dreamweaver与Photoshop结合 178
11．1．1　了解Photoshop CC 178
11．1．2　Photoshop CC的工作界面介绍 178
11．1．3　制作背景图像 179
11．1．4　制作导航按钮 183
11．1．5　制作网站LOGO 186
11．1．6　制作网站首页 189
11．2　Dreamweaver与Flash结合 196
11．2．1　了解Flash CC 196
11．2．2　Flash CC的工作界面介绍 196
11．2．3　制作Banner动画 197
11．2．4　用Flash制作网站的首页 205
11．3　实训―创建张家界旅游网 213
11．3．1　实训目标 213
11．3．2　实训要求 214
11．3．3　操作步骤 214
自我检测 221
第12章　创建移动设备网页 222
12．1　创建jQuery Mobile网页 222
12．1．1　了解jQuery Mobile网页 222
12．1．2　创建jQuery Mobile网页 222
12．2　创建jQuery Mobile表单 227
12．3　实训―创建海南旅游网 233
12．3．1　实训目标 233
12．3．2　实训要求 234
12．3．3　操作步骤 235
自我检测 236
第13章　综合应用 238
13．1　实训目标及制作思路 238
13．1．1　实训目标 238
13．1．2　制作思路 239
13．2　站点规划及建立站点 239
13．2．1　站点规划 239
13．2．2　建立站点 239
13．3　素材准备 241
13．3．1　制作背景图片 241
13．3．2　制作导航按钮 242
13．3．3　制作Flash动画 243
13．4　首页制作 248
13．4．1　利用Div+CSS布局网页 248
13．4．2　制作具体内容 253
13．4．3　设置超链接 254
13．5　制作电影介绍页面 255
13．5．1　利用表格布局网页 255
13．5．2　制作具体内容 257
13．5．3　设置超链接 258
13．6　制作影视交流页面 259
13．6．1　制作表单内容 259
13．6．2　设置表单提交 261
自我检测 261