网页设计与制作教程PDF电子书下载

1.1 Internet和WWW 1

1.1.1　Internet概述 1

第1章　网页设计知识概述 1

1.1.2　WWW的技术基础 3

1.2 网页制作工具Dreamweaver 8简介 6

1.2.1　Dreamweaver简介 6

1.2.2　启动Dreamweaver 8 7

1.2.3　Dreamweaver 8的工作界面 8

1.3.1　Fireworks简介 9

1.3 Fireworks和Flash简介 9

1.3.2　Flash简介 10

【思考与练习】 10

第2章　站点的建立和管理 11

2.1 规划站点结构 11

2.2 建立本地站点 12

2.2.1　案例展示和分析 12

2.2.2　利用Dreamweaver 8建立站点 12

2.3 站点的基本操作 16

2.4 网页文件的基本操作 17

2.4.1　案例展示和分析 17

2.4.2　Dreamweaver 8中网页文件的基本操作 18

2.5 添加网页内容和设置网页属性 20

2.5.1　设置页面的基本属性 20

2.5.2　添加文本内容 21

2.5.3　插入水平线 24

2.5.4　插入日期 24

2.5.5　添加图像 25

【思考与练习】 29

第3章　利用表格布局网页 30

3.1 利用表格进行一个简单页面布局案例 30

3.1.1　案例展示和分析 30

3.1.2　案例实现步骤 31

3.2 表格的高级应用技巧实例 40

3.2.1　利用表格制作水平线和垂直线 40

3.2.2　圆角表格的制作 41

3.3.1　案例展示与分析 43

3.3.2　案例实现步骤 43

3.3 表格数据的导入与导出 43

3.4 在布局视图中对网页进行布局 46

3.4.1　案例展示与分析 46

3.4.2　案例实现步骤 47

3.5 网页的常用布局类型 50

3.5.1 网页构成的基本元素 50

3.5.2　网页布局类型 51

3.5.5　网页布局的技术 52

3.5.4　网页布局的方法 52

3.5.3　网页页面尺寸大小 52

【思考与练习】 53

第4章　网页中的超级链接 55

4.1 超级链接 55

4.2 文本超级链接 56

4.2.1　案例展示和分析 56

4.2.2　案例实现步骤 56

4.3 创建锚链接 60

4.3.1　案例展示和分析 60

4.3.2　案例实现步骤 61

4.4 创建图像超链接 63

4.4.1　案例展示和分析 63

4.4.2　案例实现步骤 64

4.5 创建电子邮件超链接 65

4.5.1　案例展示和分析 65

4.5.2　案例实现步骤 65

4.6 创建其他链接形式 66

4.6.1　创建空链接、脚本链接 66

【思考与练习】 67

4.6.2　跳转菜单 67

第5章　在网页中使用CSS样式 69

5.1 CSS概述 69

5.1.1 CSS简介 69

5.1.2　CSS样式面板 70

5.2 利用CSS样式修饰文本 71

5.2.1　案例展示分析 71

5.2.2　案例实现步骤 71

5.3 设置CSS样式参数 75

5.3.1　设置类型参数 75

5.3.2　设置背景参数 76

5.3.3　设置区块参数 77

5.3.4　设置方框参数 78

5.3.5　设置边框参数 79

5.3.6　设置列表参数 80

5.3.7　设置定位参数 81

5.3.8　设置扩展参数 82

5.4.1　案例展示与分析 83

5.4.2　案例制作步骤 83

5.4 利用CSS样式改变超级链接 83

5.5 外部CSS样式表及样式冲突 84

5.5.1　链接或导入外部CSS样式表 84

5.5.2　样式冲突规则 86

【思考与练习】 86

第6章　框架技术与模板 88

6.1 利用框架制作一个网页实例 88

6.1.1　案例展示和分析 88

6.1.2　案例实现步骤 89

6.2.1　案例展示和分析 97

6.2 使用模板制作网页 97

6.2.2　案例实现步骤 98

【思考与练习】 103

第7章　层、时间轴、多媒体 104

7.1 层的应用 104

7.1.1　案例展示与分析 104

7.1.2　案例实现步骤 105

7.2 时间轴概述 110

7.3.1 案例一：创建曲线运动的时间轴动画 112

7.3 创建时间轴动画 112

7.3.2　案例二：创建复杂路径的时间轴动画实例 114

7.4 制作交互对象 116

7.4.1　案例分析 116

7.4.2　案例实现步骤 116

7.5 插入媒体对象 118

7.5.1　插入Flash内容 119

7.5.2　插入Shockwave影片 121

7.5.3　插入视频 122

7.5.4　插入声音 122

【思考与练习】 123

第8章　页面的交互行为（行为、表单） 124

8.1 行为概述 124

8.1.1　Dreamweaver 8中常用的事件 125

8.1.2　加入行为 125

8.2 使用Dreamweaver 8的内置行为 127

8.3 网上捐助表单 134

8.3.1 表单概述 134

8.3.2　网上捐助表单案例 134

8.3.3　跳转菜单 138

8.4 在表单中使用行为 140

8.4.1 在表单中使用内置行为 140

8.4.2　在表单中自定义行为 141

8.5 JavaScript的应用 142

8.5.1　JavaScript概述 142

8.5.2　JavaScript的变量、常量、运算符和数据类型 142

8.5.3　JavaScript的流程控制语句 144

8.5.4　JavaScript的数组和函数 145

8.5.5　JavaScript的内置对象 145

8.5.6 DHTML的对象模型（DOM） 146

8.5.7　JavaScript的应用举列 147

【思考与练习】 150

第9章　网站测试与发布 151

9.1 网站测试 151

9.1.1　浏览器兼容性测试 151

9.1.2　链接测试 154

9.2.1 申请免费主页空间 155

9.2.2　申请免费域名 155

9.2 申请空间和域名 155

9.2.3　免费空间和免费域名推荐 156

9.3 站点发布 157

9.3.1　定义远程站点 157

9.3.2　上传站点和文件 159

【思考与练习】 161

第10章　初识Fireworks 8 162

10.1 Fireworks 8的功能 162

10.2 认识Fireworks 8工作界面 162

10.3.2　在Fireworks 8中创建新文件，打开、保存文件 164

10.3.1 Fireworks 8中最常用的文件类型 164

10.3 Fireworks 8中文件的基本操作 164

10.4 Fireworks 8帮助的使用 165

10.4.1　打开Fireworks 8帮助 165

10.4.2　搜索帮助 166

【思考与练习】 166

第11章　Fireworks 8的基本操作 167

11.1 选择对象和使对象变形 167

11.1.1　使用选择工具选择对象 167

11.1.2　使用像素选择工具选择选区 168

11.1.3　变形和扭曲所选对象和选区 171

11.2 位图的操作 172

11.2.1　创建位图对象 172

11.2.2　修饰位图 173

11.2.3　调整位图颜色和色调 174

11.2.4　模糊和锐化位图 176

11.3 矢量对象的操作 177

11.3.1　绘制矢量对象 177

11.3.2　编辑路径 182

11.4.1　应用动态滤镜 186

11.4 使用动态滤镜 186

11.4.2　编辑动态滤镜 187

11.5 文本的操作 188

11.5.1　文本编辑及滤镜效果的应用 188

11.5.2　将文本附加到路径 189

11.6 样式与形状的使用 190

11.6.1　使用样式 190

11.6.2　使用形状 190

【思考与练习】 191

11.6.3　使用元件 191

第12章　Fireworks 8中的图像处理及按钮制作 195

12.1 图像的优化和导出 195

12.2 切片和热点 196

12.2.1　切片 196

12.2.2　热点 199

12.3 创建按钮 200

12.3.1　创建按钮实例 201

12.3.2　制作含有多个按钮的导航栏页面 202

【思考与练习】 205

第13章　Fireworks案例集锦 206

13.1 图片羽化 206

13.1.1　效果图 206

13.1.2　制作步骤 206

13.2 用Fireworks做出苹果的晶亮透明 207

13.2.1　效果图 207

13.2.2　制作步骤 207

13.3.2　制作步骤 208

13.3.1　效果图 208

13.3 使用Fireworks制作浏览器图标 208

13.4 简单动画的制作 209

13.4.1　效果图 209

13.4.2　制作步骤 209

13.4.3　效果图 211

13.4.4　制作步骤 211

13.5 使用Fireworks设计菜单 212

13.5.1 效果图 212

13.5.2　制作步骤 212

【思考与练习】 216

第14章　Flash 8工作环境 217

14.1 Flash动画基本常识 217

14.1.1　Flash动画的特点 217

14.1.2　矢量图与位图 217

14.1.3　帧和关键帧 218

14.1.4　Flash动画制作基本步骤 218

14.2 Flash工作界面 218

14.2.1　使用“开始”页 218

14.2.2　操作界面 219

14.2.3　工具箱 220

14.2.4　舞台 221

14.2.5　时间轴 221

14.2.6　浮动面板 223

14.2.7　图层 225

14.2.8　场景 228

14.3 Flash 8新增功能 229

【思考与练习】 229

15.1.1　各工具的名称与功能 230

15.1 熟练掌握Flash工具箱 230

第15章　绘图工具的应用 230

15.1.2　工具的使用方法 231

15.2 基本绘图工具 231

15.2.1　线条工具 231

15.2.2　铅笔工具 232

15.2.3　椭圆工具 232

15.2.4　矩形工具 233

15.2.5　多边形工具 234

15.3.1　设置钢笔工具首选参数 235

15.3 使用钢笔工具 235

15.3.2　用钢笔工具绘制直线 236

15.3.3　使用钢笔工具绘制曲线路径 236

15.3.4　调整路径上的锚记点 237

15.3.5　调整线段 238

15.4 使用刷子工具涂色 238

15.5 墨水瓶、颜料桶、渐变变形与滴管工具 239

15.5.1　用墨水瓶工具修改笔触 239

15.5.3　用渐变色和位图填充变形 240

15.5.2　用颜料桶工具应用纯色、渐变和位图填充 240

15.5.4　用滴管工具复制笔触和填充 241

15.6 擦除 242

15.7 创建文本 242

【思考与练习】 243

第16章　基础动画制作 244

16.1 动作变换 244

16.1.1　案例展示和分析 244

16.1.2　案例实现步骤 244

16.2.2　案例实现步骤 246

16.2 明暗变化 246

16.2.1　案例展示和分析 246

16.3 运动导线 248

16.3.1　案例展示和分析 248

16.3.2　案例实现步骤 248

16.4 形状变化 250

16.4.1　案例展示和分析 250

16.4.2　案例实现步骤 250

16.5.1　探照灯效果 251

16.5 遮罩 251

16.5.2　七彩色字效果 253

16.6 影片制作 254

16.6.1　案例展示和分析 255

16.6.2　案例实现步骤 255

16.7 按钮与声音 257

16.7.1 制作按钮 257

16.7.2　添加声音 259

16.8 文件的输出 260

【思考与练习】 261

第17章　Flash动画应用 262

17.1 案例展示和分析 262

17.2 制作背景 262

17.3 制作动画 264

17.4 动画修饰 269

【思考与练习】 269

18.1 网站建设基本工作步骤 270

18.1.1　确定网站的主题、内容、功能 270

第18章 网站的整体风格与版式设计及综合应用案例 270

18.1.2　网站资料的搜集 271

18.1.3　网站的整体风格和版式设计 271

18.1.4　网页的制作 271

18.1.5　网站的测试与发布 271

18.1.8　网站的更新与维护 272

18.2 网站的版式设计 272

18.2.1　网站CI的设计 272

18.1.7 网站的反馈与评价 272

18.1.6　网站的宣传推广 272

18.2.2　网站的目录结构和导航栏的设计 275

18.2.3　首页与二级页面的设计 276

18.2.4　其他辅助元素的设计 276

18.2.5　根据设计方案绘制草图 277

18.3 “中国安徽手拉手助学工程协会”网站案例 278

18.3.1　确定网站的主题、内容、功能 278

18.3.2　网站的整体风格和版式设计 278

18.3.3　网站制作阶段 282

【思考与练习】 288

附录　HTML常用标记和属性 289