目录

第1章网页制作基础知识1

1.1网页及其制作工具1

1.1.1网页的定义1

1.1.2网页的本质3

1.1.3常用的网页制作软件5

1.2网站设计流程7

1.2.1规划站点7

1.2.2设计站点8

1.2.3制作网页9

1.2.4网站发布与维护10

本章实训10

第2章建立站点与编辑网页13

2.1Dreamweaver CC简介13

2.1.1Dreamweaver CC的工作界面13

2.1.2定义站点17

2.1.3基本功能简介20

2.1.4基本功能实例讲解21

2.2制作第一个网页26

2.2.1创建网页26

2.2.2向页面添加元素26

2.2.3制作网页的一般过程26

2.3文本修饰27

2.3.1文本的输入27

2.3.2字符格式30

2.3.3段落格式31

2.3.4列表格式32

2.4超链接的运用34

2.4.1超链接的基本定义34

2.4.2在Dreamweaver CC中设置超链接35

2.4.3超链接的颜色37

2.5综合案例38

2.5.1项目说明38

2.5.2设计过程38

本章实训42

第3章网页中的图像与多媒体44

3.1图像的一般知识44

3.1.1矢量图与位图44

3.1.2图像格式44

3.2在网页中使用图像49

3.2.1Web图像使用要点50

3.2.2插入图像与背景图像50

3.2.3修改图像属性53

3.3其他图像元素54

3.3.1图像链接与图像映射54

3.3.2制作鼠标经过图像55

3.4在网页中插入多媒体56

3.4.1常用的音频、视频格式56

3.4.2添加背景音乐58

3.4.3添加Flash动画58

3.4.4添加FLV视频媒体60

3.5综合案例63

3.5.1项目说明63

3.5.2设计过程63

本章实训66

第4章使用表格67

4.1插入表格67

4.1.1表格的基本构成67

4.1.2创建和选择表格68

4.2设置表格和单元格的属性70

4.2.1设置表格属性71

4.2.2设置单元格属性71

4.3综合案例72

4.3.1项目说明72

4.3.2设计过程72

本章实训74

第5章使用CSS样式美化网页76

5.1认识CSS样式76

5.1.1CSS的神奇性76

5.1.2CSS与浏览器76

5.2创建和使用CSS样式77

5.2.1“CSS设计器”面板77

5.2.2创建CSS样式选择器79

5.3设置CSS样式属性85

5.3.1设置布局样式85

5.3.2设置文本样式85

5.3.3设置边框样式87

5.3.4设置背景样式87

5.3.5设置其他样式88

5.4综合案例89

5.4.1项目说明89

5.4.2设计过程89

本章实训94

第6章网页版式与配色设计95

6.1网页版式设计95

6.1.1网页版面的视觉要素95

6.1.2网页编排设计的基本形式99

6.2网页中的文字编排104

6.2.1文字内容区域104

6.2.2字体大小设置104

6.2.3行对齐105

6.2.4行间距的设定105

6.3网站的色彩选择与搭配106

6.3.1网页色彩的选择106

6.3.2网页色彩搭配的原理107

本章实训108

第7章Div+CSS布局109

7.1Web标准109

7.2使用Div110

7.2.1什么是Div110

7.2.2层的基本操作110

7.3Div+CSS布局113

7.3.1Div+CSS的布局优势113

7.3.2盒模型114

7.3.3盒模型实例115

7.4综合案例116

7.4.1项目说明116

7.4.2设计过程116

本章实训123

第8章Flash应用124

8.1Flash简介124

8.1.1Flash的基本功能124

8.1.2Flash的工作界面125

8.1.3Flash的工作流程127

8.1.4Flash的基本操作127

8.2创建逐帧动画132

8.2.1逐帧动画的概念132

8.2.2逐帧动画的创建过程132

8.3创建补间动画134

8.3.1补间动画的概念134

8.3.2补间动画示例135

8.4创建形变动画139

8.4.1形变动画的概念139

8.4.2形变动画的创建过程139

8.4.3形变的方向控制139

8.4.4文字形变动画示例141

8.5常用的网页Flash元素143

8.5.1Flash按钮制作143

8.5.2网页中的Flash导航条145

8.5.3Flash Banner制作146

本章实训147

第9章Fireworks应用149

9.1Fireworks简介149

9.1.1Fireworks的基本功能149

9.1.2Fireworks的工作界面150

9.1.3Fireworks的基本操作151

9.2位图的处理154

9.2.1常用的位图工具154

9.2.2位图操作简单实例157

9.3利用Fireworks制作Web特效161

9.3.1层161

9.3.2制作按钮162

9.4绘制图形164

9.4.1常用的绘图工具164

9.4.2绘制草图166

9.5Fireworks与Dreamweaver结合167

9.5.1使用Fireworks规划网页布局167

9.5.2切片导出网页169

9.5.3Dreamweaver后期修饰171

本章实训172

第10章动态网页173

10.1使用表单173

10.1.1什么是表单173

10.1.2表单的使用方法173

10.1.3表单对象的属性设置175

10.1.4表单应用实例178

10.2使用行为181

10.2.1什么是行为182

10.2.2行为的基本操作182

10.2.3行为查看器184

本章实训187

第11章个人网站综合实例188

11.1站点规划188

11.1.1内容规划188

11.1.2定义本地站点189

11.2网页素材准备190

11.2.1绘制页面草图190

11.2.2图像素材的准备190

11.2.3导航条的制作191

11.2.4Flash动画的制作192

11.3网页制作194

11.3.1首页与内容页布局194

11.3.2内容页填充194

11.3.3基于内容页制作模板198

11.3.4利用模板制作其他页面199

11.4测试发布200

本章实训201