网页设计与制作（微课版）-图书-人邮教育社区

内容摘要

全书结构编排合理，所选案例贴合实际需求，易教易学。全书共12章，内容包括Dreamweaver CC基础入门、
站点的创建与管理、HTML5的基础知识、创建 HTML5 网页中的文本与图像、创建 HTML5 网页中的表格与表单、
创建 HTML5 中的超链接、在 HTML5 网页中添加音频与视频、CSS3 基础、CSS3 中的属性设置、使用CSS3 设置
表格与表单样式、使用CSS+Div布局网页、综合案例——制作餐饮美食网站。
本书不仅适合作为高等院校相关专业的教材,也适合作为社会各类网页设计训的参考用书。

第1章
Dreamweaver　CC基础入门
001
1.1　了解网页与网站.......................　002
1.1.1　网页....................................................002
1.1.2　网页与网站的关系............................003
1.2　网络基本术语..........................003
1.2.1　域名....................................................003
1.2.2　HTTP................................................003
1.2.3　FTP....................................................003
1.2.4　超链接................................................003
1.2.5　站点....................................................004
1.3　常见的网站类型......................004
1.3.1　门户网站............................................004
1.3.2　企业网站............................................004
1.3.3　个人网站............................................005
1.3.4　娱乐网站............................................005
1.3.5　机构网站............................................005
1.3.6　电子商务网站....................................005
1.4　Dreamweaver CC的启动与退出......006
1.4.1　启动Dreamweaver CC....................006
1.4.2　退出Dreamweaver CC....................007
1.5　Dreamweaver CC的工作界面.......007
1.5.1　菜单栏................................................007
1.5.2　工具栏................................................007
1.5.3　文档窗口............................................008
1.5.4　“属性”面板....................................008
1.5.5　面板组................................................008
1.6　设置首选参数..........................009
1.6.1　常规参数............................................009
1.6.2　代码格式............................................010
1.6.3　代码颜色............................................　011
1.6.4　复制/粘贴..........................................　012
1.6.5　在浏览器中预览................................　012
1.6.6　字体....................................................　013
1.7　可视化辅助工具......................　014
1.7.1　标尺工具............................................　014
1.7.2　网格工具............................................　015
1.7.3　辅助线工具........................................　015
第2章
站点的创建与管理
017
2.1　站点的规划.............................　018
2.2　站点面板...............................　018
2.2.1　课堂案例——创建我的第一个站点...... 0182.2.2 了解站点面板....................................020
2.3　导出和导入站点......................　021
2.3.1　导出站点............................................　021
2.3.2　导入站点............................................　022
2.4　管理站点...............................　022
2.4.1　课堂案例——管理网页文档............　023
2.4.2　编辑站点............................................　024
2.4.3　复制站点............................................　026
2.4.4　删除站点............................................　026
第3章
HTML5的基础知识
028
3.1　HTML5概述..........................　029
3.1.1　课堂案例——编写HTML5..............　029
3.1.2　HTML简介........................................　031
3.1.3　HTML的基本结构............................　031
3.2　HTML的常用标签..................　033
3.2.1　课堂案例——输入古诗....................　033
3.2.2　<html>...</html>.............................　034
3.2.3　<head>...</head>............................　034
3.2.4　<body>...</body>............................　035
3.2.5　<title>...</title>...............................　035
3.2.6　<hn>...</hn>....................................　035
3.2.7　<br>...................................................　036
3.2.8　<p>...</p>.........................................　036
3.2.9　<align=#>.........................................　037
3.3　练习案例...............................038
3.3.1　练习案例——网页排版....................　038
3.3.2　练习案例——网页内容居中显示.....040
第4章
创建HTML5网页中的文本
与图像
041
4.1　网页中的文本.........................　042
4.1.1　课堂案例——输入文本并设置颜色
............................................................　042
4.1.2　设置文字字号....................................　043
4.1.3　设置文字的字体与样式....................　043
4.1.4　设置字体的颜色................................　045
4.1.5　文本的上标和下标............................　046
4.1.6　插入特殊字符....................................　047
4.1.7　列表....................................................　048
4.2　水平线..................................050
4.2.1　课堂案例——在网页中插入水平线
............................................................050
4.2.2　水平线标签<hr>...............................　051
4.3　网页中的图像.........................　053
4.3.1　课堂案例——在网页中插入图像
............................................................　053
4.3.2　图像的基本格式................................　054
4.3.3　设置图像属性....................................　055
4.3.4　设置图像与网页文字的对齐方式
............................................................　056
4.3.5　设置图像与文字之间的距离............　058
4.3.6　图形按钮（图像链接）......................　059
4.4　练习案例...............................060
4.4.1　练习案例——将图像设置为网页背景
............................................................060
4.4.2　练习案例——金鱼喂养问答网页...... 061第5章
创建HTML5网页中的表
格与表单
063
5.1　表格......................................064
5.1.1　课堂案例——创建网页中的表格......　064
5.1.2　表格的标题........................................　065
5.1.3　表格的尺寸........................................　067
5.1.4　表格的边框尺寸................................　067
5.1.5　表格的间距调整................................　068
5.1.6　表格内容与边框之间的填充宽度.....　069
5.1.7　表格中数据的对齐方式....................070
5.1.8　创建跨多行多列的单元格................　071
5.2　表单.....................................　072
5.2.1　课堂案例——制作在线调查表........　072
5.2.2　表单概述............................................　076
5.2.3　文本域................................................　077
5.2.4　密码域................................................　077
5.2.5　单选按钮............................................　077
5.2.6　复选框................................................　078
5.2.7　表单按钮............................................　078
5.3　练习案例...............................　079
5.3.1　练习案例——制作导航栏................　079
5.3.2　练习案例——制作注册网页............080
第6章
创建HTML5中的超链接
084
6.1　设置超链接.............................085
6.1.1　课堂案例——在新窗口中打开网页.....　085
6.1.2　创建超链接........................................　085
6.1.3　URL....................................................　086
6.1.4　超链接路径........................................　086
6.2　图像链接与下载链接................087
6.2.1　课堂案例——单击小图查看大图
............................................................　087
6.2.2　图像链接............................................　088
6.2.3　下载链接............................................　088
6.3　锚点链接...............................089
6.4　电子邮件链接.........................089
6.5　练习案例...............................089
6.5.1　练习案例——返回网页顶部............089
6.5.2　练习案例——精美壁纸下载............090
第7章
在HTML5网页中添加音频
与视频
092
7.1　添加音频................................093
7.1.1　课堂案例——插入音频文件............　093
7.1.2　<audio>标签的属性.........................　093
7.1.3　添加自动播放的音频文件................　094
7.1.4　添加带有控件的音频文件................　094
7.1.5　添加循环播放的音频文件................　094
7.2　添加视频...............................095
7.2.1　课堂案例——插入视频文件............　095
7.2.2　<video>标签的属性.........................　096
7.2.3　添加自动播放的视频文件................　096
7.2.4　添加带有控件的视频文件................ 0967.2.5 添加循环播放的视频文件................　096
7.2.6　为视频添加封面................................　097
7.3　练习案例...............................098
7.3.1　练习案例——制作音乐网页............098
7.3.2　练习案例——制作视频网页............　101
第8章
CSS3基础
103
8.1　CSS3概述.............................　104
8.1.1　课堂案例——编写CSS.....................　104
8.1.2　CSS简介.............................................　105
8.1.3　CSS的优越性.....................................　105
8.1.4　CSS3的基本语法...............................　105
8.1.5　CSS样式的类型.................................　106
8.2　CSS的语法结构.....................　107
8.2.1　课堂案例——定义网页的背景颜色与
字体....................................................　107
8.2.2　CSS的语法结构概述.........................　109
8.2.3　常用的CSS选择符.............................　110
8.3　添加CSS...............................114
8.3.1　课堂案例——调用外部CSS.............　114
8.3.2　添加CSS的方式.................................　115
8.3.3　常用的元素........................................　116
8.4　练习案例................................117
8.4.1　练习案例——制作下拉菜单............　117
8.4.2　练习案例——商品图像的特殊效果
............................................................　120
第9章
CSS3中的属性设置
123
9.1　CSS中的字体以及文本控制......　124
9.1.1　课堂案例——指定文字字体与添加下
画线....................................................　124
9.1.2　字体属性............................................　124
9.1.3　文本属性............................................　126
9.2　CSS中的颜色及背景控制..........127
9.2.1　课堂案例——设置网页背景图像....　127
9.2.2　对颜色属性的控制............................　128
9.2.3　对背景颜色的控制............................　128
9.2.4　对背景图像的控制............................　129
9.2.5　对背景图像重复的控制....................　129
9.2.6　对背景图像固定的控制....................　129
9.2.7　对背景定位的控制............................　129
9.3　CSS中的方框控制属性............　130
9.3.1　外边距................................................　130
9.3.2　边框....................................................　131
9.3.3　内容....................................................　131
9.4　CSS中的分类属性...................132
9.4.1　课堂案例——设置网页目录............　132
9.4.2　目录样式............................................　133
9.4.3　display...............................................　133
9.4.4　white-space.....................................　134
9.4.5　list-style-type.................................　134
9.4.6　list-style-image..............................　134
9.4.7　cursor................................................ 1359.5 练习案例...............................　136
9.5.1　练习案例——制作文字特效............　136
9.5.2　练习案例——制作导航特效............　138
第10章
使用CSS3设置表格与表单
样式
141
10.1　设置表格样式........................　142
10.1.1　课堂案例——创建细线表格.........　142
10.1.2　设置表格颜色.................................　144
10.1.3　设置表格边框.................................　148
10.1.4　设置表格的内边距.........................　150
10.1.5　设置圆角边框.................................　152
10.2　设置表单样式........................　153
10.2.1　课堂案例——制作登录页面.........　154
10.2.2　设置输入框.....................................　155
10.2.3　设置表单按钮.................................　157
10.3　练习案例..............................　158
10.3.1　练习案例——制作隔行变色的表格
..........................................................　159
10.3.2　练习案例——制作购物付款页面
..........................................................　162
第11章
使用CSS+Div布局网页
167
11.1　CSS与Div布局基础...............　168
11.1.1　Web标准.........................................　168
11.1.2　Web标准的构成.............................　168
11.1.3　Div概述...........................................　168
11.2　使用Div...............................　169
11.2.1　课堂案例——在Div中插入图像....　169
11.2.2　创建Div...........................................　170
11.2.3　选择Div...........................................　171
11.3　Div+CSS盒模型....................172
11.3.1　盒模型的概念.................................　172
11.3.2　外边距.............................................　172
11.3.3　边框.................................................　175
11.3.4　课堂案例——文字虚线分割.........　176
11.3.5　内边距.............................................　176
11.4　Div+CSS布局定位................　177
11.4.1　相对定位.........................................　177
11.4.2　绝对定位.........................................　178
11.4.3　浮动定位.........................................　178
11.5　Div+CSS布局理念................　182
11.5.1　使用Div对页面进行分块................　182
11.5.2　设计各块的位置..............................　182
11.5.3　用CSS进行定位...............................　182
11.6　常用的布局方式.....................　183
11.6.1　居中布局方式..................................　183
11.6.2　浮动布局方式..................................　184
11.7　练习案例..............................　187
11.7.1　练习案例——使用Div布局织品网页
..........................................................　188
11.7.2　练习案例——使用Div+CSS布局饮第12章
综合案例——制作餐饮美食
网站
194
12.1　设计分析..............................　195
12.2　创建站点..............................　195
12.3　创建CSS文件.......................　196
12.4　制作头部内容........................　197
12.5　制作主体内容........................　200
12.6　制作底部内容........................　206
品公司网页......................................　190