网页设计与制作-第2版-附微课视频

目 录



第1章　网页制作与HTML　5

基础知识　1

1.1　网页制作基础知识　1

1.1.1　网页的定义和分类　1

1.1.2　网页设计的相关概念　2

1.1.3　网页的基本组成元素　4

1.1.4　网页制作开发工具　6

1.1.5　如何学好网页制作　7

1.2　Dreamweaver CS6概述　8

1.2.1　启动与退出Dreamweaver CS6　8

1.2.2　Dreamweaver CS6的主界面　8

1.3　网页标准技术与HTML 5　10

1.3.1　网页结构语言　11

1.3.2　在Dreamweaver CS6中创建

HTML　5文档　13

1.3.3　HTML 5常用标签　15

1.3.4　HTML 5新增标签　21

1.4　综合案例　22

1.4.1　用记事本编写一个网页文档　22

1.4.2　用Dreamweaver CS6制作

网页文档　23

1.4.3　编写代码实现简单网页　23

习题　24

第2章　网页整体规划设计　26

2.1　网页设计基础　26

2.1.1　网页布局类型　26

2.1.2　网页整体造型　31

2.1.3　网页设计要素　31

2.2　确定网站主题　32

2.2.1　网站的设计流程　32

2.2.2　网站主题的确定　33

2.3　前期规划与内容组织　34

2.3.1　网站的需求分析　34

2.3.2　网站的内容组织　34

2.4　色彩基础知识　35

2.4.1　色彩理论　35

2.4.2　216网页安全颜色　37

2.5　网站中的色彩应用　38

2.5.1　网页色彩规则　38

2.5.2　网页元素之间色彩搭配　39

2.6　综合案例：饰品销售网站主页整体

?设计　40

习题　41

第3章　建立本地站点　42

3.1　创建本地站点　42

3.1.1　什么是站点　42

3.1.2　创建本地站点的步骤　43

3.2　管理本地站点　44

3.2.1　切换站点　44

3.2.2　站点的其他操作　44

3.3　综合案例：创建“我的**个网站”　47

习题　48

第4章　制作文本　50

4.1　创建文档　50

4.1.1　新建文档　50

4.1.2　保存文档　51

4.1.3　打开文档　52

4.2　文本编辑　52

4.2.1　输入文本　52

4.2.2　设置文本格式　54

4.2.3　设置文本样式　54

4.2.4　段落编辑　58

4.2.5　在页面中添加其他元素　59

4.3　在文本中添加项目符号和编号　61

4.3.1　添加项目符号和编号　61

4.3.2　修改项目符号和编号　63

4.4　水平线、网格与标尺　63

4.4.1　水平线　63

4.4.2　网格　66

4.4.3　标尺　67

4.5　综合案例：制作文本　67

习题　68

第5章　图像与多媒体　70

5.1　网页中常用的图像格式　70

5.1.1　GIF格式图像　70

5.1.2　JPEG格式图像　70

5.1.3　PNG格式图像　71

5.2　插入与设置图像　71

5.2.1　在网页中插入图像　71

5.2.2　设置图像属性　72

5.3　插入其他图像元素　73

5.3.1　插入图像占位符　73

5.3.2　插入鼠标光标经过图像　74

5.4　多媒体在网页中的应用　76

5.4.1　添加Flash动画对象　76

5.4.2　插入FLV视频　78

5.4.3　网络中的音频文件类型　80

5.4.4　网络中的视频文件类型　80

5.4.5　在网页中插入Shockwave影片　81

5.4.6　在网页中插入ActiveX控件　82

5.4.7　在网页中插入插件　83

5.4.8　在网页中插入背景音乐　84

5.5　综合案例：多媒体制作　85

5.5.1　插入图片　86

5.5.2　在网页中添加音、视频媒体　87

习题　89

第6章　网页中的超链接　90

6.1　超链接概述　90

6.1.1　超链接的定义　90

6.1.2　超链接的类型　90

6.2　关于链接路径　91

6.2.1　绝对路径　92

6.2.2　相对路径　92

6.2.3　根路径　93

6.3　创建超链接的方法　94

6.3.1　使用“属性”面板创建超链接　94

6.3.2　使用指向文件图标创建超链接　94

6.3.3　使用菜单创建超链接　94

6.4　各种类型超链接的创建　95

6.4.1　文本超链接　95

6.4.2　下载文件链接　99

6.4.3　创建电子邮件超链接　100

6.4.4　图像超链接　101

6.4.5　创建锚记超链接　103

6.4.6　创建空链接　104

6.4.7　创建脚本超链接　105

6.5　管理超链接　105

6.5.1　自动更新链接　106

6.5.2　在站点范围内更改链接　106

6.5.3　检查站点中的链接错误　107

6.6　综合案例：创建“我爱摄影网”　108

习题　110

第7章　表格使用与简单页面

布局　111

7.1　创建表格　111

7.1.1　插入表格　111

7.1.2　在表格中输入网页元素　113

7.2　设置表格及单元格的属性　116

7.2.1　设置表格属性　116

7.2.2　设置单元格属性　117

7.3　表格与单元格具体操作　121

7.3.1　表格的操作　121

7.3.2　网页中表格行与列的操作　122

7.3.3　单元格的操作　124

7.4　表格的进一步操作　131

7.4.1　表格分隔线与边框操作　131

7.4.2　表格特效设置　133

7.5　表格扩展模式　134

7.5.1　表格扩展模式的进入和退出　134

7.5.2　表格扩展模式的应用　135

7.6　综合案例：用表格布局模式设计

?　网页　138

习题　140

第8章　设计框架网页　141

8.1　框架网页　141

8.1.1　框架网页概述　141

8.1.2　创建各种框架　141

8.1.3　编辑框架集　143

8.1.4　向框架中添加内容　145

8.1.5　保存框架集　146

8.2　框架属性　148

8.2.1　布局框架基本属性　148

8.2.2　框架链接　151

8.2.3　框架标签　152

8.3　内嵌框架Iframe　154

8.3.1　关于Iframe　154

8.3.2　Iframe属性　155

8.4　综合案例：布置框架　157

习题　158

第9章　CSS样式表与Div布局　159

9.1　CSS的基本概念　159

9.1.1　CSS简介　160

9.1.2　CSS基本语法　160

9.1.3　CSS样式的分类　161

9.1.4　CSS选择器　162

9.1.5　在Dreamweaver CS6中

使用CSS样式表　166

9.2　设置文本CSS样式　170

9.2.1　设置文字样式　170

9.2.2　设置文本对象样式　172

9.3　修饰背景和边框　173

9.3.1　背景颜色和背景图像　173

9.3.2　设置边框样式　175

9.4　盒模型　176

9.4.1　盒模型简介　176

9.4.2　设置标签的显示方式　178

9.5　CSS Div布局　178

9.5.1　Div标签　179

9.5.2　span标签　180

9.5.3　三种布局方式　181

9.6　综合案例　184

9.6.1　使用CSS实现网页图文混排

效果　184

9.6.2　使用CSS Div布局网页　185

习题　187

第10章　使用行为　189

10.1　认识行为　189

10.1.1　行为　189

10.1.2　事件　189

10.1.3　动作　190

10.2　行为的基本操作　191

10.2.1　“行为”面板　191

10.2.2　添加行为　192

10.2.3　编辑行为　192

10.3　文本类行为　193

10.3.1　弹出消息　193

10.3.2　设置状态栏文本　194

10.4　图像类行为　194

10.5　代码属性类行为　196

10.6　跳转类行为　197

10.7　效果类行为　198

10.8　综合案例：制作一个摄影

?　网站　198

习题　200

第11章　网页交互和特效　201

11.1　网页的交互行为　201

11.1.1　拖动AP元素　201

11.1.2　显示隐藏元素　203

11.2　Spry框架　204

11.2.1　Spry效果　205

11.2.2　Spry菜单栏　205

11.2.3　Spry选项卡式面板　207

11.2.4　Spry折叠式　207

11.2.5　Spry可折叠面板　208

11.3　综合案例：制作导航条　208

习题　211

第12章　网页表单的应用　212

12.1　网页中的表单知识　212

12.1.1　网页中表单概述　213

12.1.2　创建表单域　213

12.2　插入文本域　215

12.2.1　文本字段　215

12.2.2　创建文本区域　217

12.3　插入单选按钮和单选按钮组　218

12.3.1　插入单个单选按钮　218

12.3.2　插入单选按钮组　219

12.4　插入复选框和复选框组　220

12.4.1　插入单个复选框　220

12.4.2　插入复选框组　221

12.5　插入列表和菜单　221

12.5.1　菜单表单　221

12.5.2　列表表单　223

12.5.3　跳转菜单　224

12.6　插入按钮和文件域　226

12.6.1　按钮表单　227

12.6.2　插入文件域　228

12.7　验证表单内容　229

12.7.1　Spry表单验证技术　229

12.7.2　Spry验证文本域　229

12.7.3　Spry验证密码域　230

12.7.4　Spry验证文本区域　231

12.7.5　Spry验证列表　231

12.7.6　Spry验证单选按钮　232

12.7.7　Spry验证复选框　232

12.8　综合案例　233

习题　235

第13章　网站综合设计与制作

实例　237

13.1　班级网站的规划与设计　237

13.1.1　网站定位　237

13.1.2　网站需求分析　237

13.1.3　栏目设计　238

13.1.4　站点定义与目录管理　238

13.1.5　班级网站的风格设计　238

13.2　网页设计与制作　239

13.2.1　页面布局　239

13.2.2　制作网站首页　241

13.2.3　二级页面的制作　250

13.2.4　内容页面的制作　252

习题　252