网站建设与网页设计项目化教程PDF电子书下载

第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.1 Dreamweaver CC简介 13

2.1.1 Dreamweaver 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.1 Web图像使用要点 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.1 CSS的神奇性 76

5.1.2 CSS与浏览器 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.1 Web标准 109

7.2使用Div 110

7.2.1什么是Div 110

7.2.2层的基本操作 110

7.3 Div＋CSS布局 113

7.3.1 Div＋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.1 Flash简介 124

8.1.1 Flash的基本功能 124

8.1.2 Flash的工作界面 125

8.1.3 Flash的工作流程 127

8.1.4 Flash的基本操作 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.1 Flash按钮制作 143

8.5.2网页中的Flash导航条 145

8.5.3 Flash Banner制作 146

本章实训 147

第9章 Fireworks应用 149

9.1 Fireworks简介 149

9.1.1 Fireworks的基本功能 149

9.1.2 Fireworks的工作界面 150

9.1.3 Fireworks的基本操作 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.5 Fireworks与Drearnweaver结合 167

9.5.1使用Fireworks规划网页布局 167

9.5.2切片导出网页 169

9.5.3 Dreamweaver后期修饰 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.4 Flash动画的制作 192

11.3网页制作 194

11.3.1首页与内容页布局 194

11.3.2内容页填充 194

11.3.3基于内容页制作模板 198

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

11.4测试发布 200

本章实训 201