网页设计与制作任务驱动式教程PDF电子书下载

单元1 网页认识 1

任务1.1 确立课程目标 2

1.1.1 行业需求前景 3

1.1.2 行业需求目标 3

任务1.2 优秀网站赏析 4

1.2.1 门户类网站 4

1.2.2 商务类网站 5

1.2.3 政府类网站 5

1.2.4 娱乐类网站 5

1.2.5 游戏类网站 6

1.2.6 “远航多彩公司”项目案例 7

实验环节设计 8

实验：查找门户类网站并分析其特点及架构 8

强化案例：查找电子商务类网站并分析其特点及架构 12

课后习题 12

单元2 网站策划 13

任务2.1 项目引入 14

2.1.1 “远航多彩公司”网站开发立项 14

2.1.2 确立设计项目的3项原则 14

2.1.3 确定设计流程 15

任务2.2 “远航多彩公司”网站策划 15

2.2.1 确定设计策略 15

2.2.2 确定网页主题 16

2.2.3 网页元素 17

2.2.4 网页布局 17

2.2.5 视觉效果 21

2.2.6 设计标准 22

2.2.7 外观风格 23

任务2.3 初识网页 23

2.3.1 网站的相关知识 23

2.3.2 网页中的基本元素与常用术语 24

2.3.3 静态网页与动态网页 25

2.3.4 网页制作的常用软件 26

任务2.4 认识网页基础语言 27

2.4.1 关于HTML 27

2.4.2 了解HTML的基本结构 27

任务2.5 Dreamweaver CS5简介 35

2.5.1 Dreamweaver CS5概述 35

2.5.2 Dreamweaver CS5的新增功能 36

2.5.3 Dreamweaver CS5的操作界面 37

2.5.4 网页文档的基本操作 40

任务2.6 “远航多彩公司”网站栏目结构设计 41

2.6.1 创建本地站点与远程站点 41

2.6.2 Dreamweaver CS5站点的组成 42

2.6.3 创建站点 43

2.6.4 网站建立目录规范 44

2.6.5 网站文件命名规范 44

实验环节设计 45

实验1：用HTML创建表格 45

实验2：为“远航多彩公司”创建一个网站的站点 46

强化案例：建立一个班级站点 48

课后习题 48

单元3 网页布局 50

任务3.1 使用表格布局页面 51

3.1.1 规划“相约校园招聘”页面表格结构 55

3.1.2 制作页眉区 56

3.1.3 制作主体区 56

3.1.4 制作版权区 57

3.1.5 创建表格 57

3.1.6 编辑表格 58

3.1.7 设置表格属性 63

任务3.2 使用Div+CSS布局页面 65

3.2.1 了解CSS 65

3.2.2 创建和管理CSS 66

3.2.3 认识Div标签 73

3.2.4 插入和编辑Div标签 73

3.2.5 使用Div+CSS布局网页 74

3.2.6 使用AP Div元素 75

任务3.3 使用框架布局页面 77

3.3.1 创建框架和框架集 77

3.3.2 框架和框架集的基本操作 79

3.3.3 设置框架和框架集属性 80

3.3.4 保存框架和框架集 81

3.3.5 制作浮动框架页面 82

任务3.4 使用Fireworks切片布局 84

3.4.1 切片概述 84

3.4.2 切片的创建与编辑 85

3.4.3 使用切片布局网页 89

实验环节设计 91

实验1：CSS制作鼠标经过时改变表格背景属性 91

实验2：使用切片布局网页 95

强化案例：利用HTML代码或JavaScript代码，在DW中制作浮动层 98

课后习题 100

单元4 页面制作 101

任务4.1 “远航多彩公司”网站首页制作 102

4.1.1 网页文本的输入与编辑 102

4.1.2 使用图像美化页面 103

4.1.3 创建网页超链接 107

4.1.4 插入Flash动画 114

4.1.5 插入声音和视频 118

任务4.2 利用表单制作客户反馈页面 120

4.2.1 初识表单 120

4.2.2 插入表单 121

4.2.3 插入表单对象 122

4.2.4 插入Spry对象 124

实验环节设计 133

实验1：添加网页背景音乐 133

实验2：命名锚记链接，网络小说页面的制作 135

强化案例：添加Spry效果 138

课后习题 141

单元5 网页批量制作 143

任务5.1 利用模板批量制作网站页面 143

5.1.1 创建并保存模板文档 144

5.1.2 基于模板创建“公司简介”页面 150

任务5.2 利用模板更新网页 151

任务5.3 管理资源和库 152

5.3.1 使用资源 152

5.3.2 库项目基本知识 153

5.3.3 创建库项目 154

5.3.4 应用库项目 155

5.3.5 编辑库项目 156

任务5.4 在网页中添加行为 156

5.4.1 认识行为 157

5.4.2 应用行为 158

实验环节设计 165

实验1：如何在Dreamweaver中导入网络上下载的模板 165

实验2：应用模板制作网站中的其他子页 166

强化案例：晃动图片 167

课后习题 169

单元6 制作网页特效 170

任务6.1 文字特效 171

6.1.1 光晕字制作 171

6.1.2 阴影字制作 173

6.1.3 遮罩字制作 174

6.1.4 动感字制作 176

任务6.2 制作弹出窗口 176

任务6.3 制作循环滚动文字／图片 178

任务6.4 细线表格的制作 183

任务6.5 制作广告图片自动轮换显示 185

任务6.6 浮动广告制作 189

任务6.7 制作图片放大特效 191

任务6.8 标签内容切换制作 195

任务6.9 制作拼图游戏 199

任务6.10 限制选择复选框的数量 206

任务6.11 检验表单 209

单元7 网站测试与发布 217

任务7.1 测试网站 218

7.1.1 站点中链接的测试 218

7.1.2 改变站点范围的链接 220

7.1.3 浏览器兼容性检查 220

7.1.4 全面检查站点的报告 222

7.1.5 用户界面可用性测试 223

7.1.6 清理文档 225

任务7.2 发布站点 226

7.2.1 域名的申请 226

7.2.2 服务器空间选择方案 227

7.2.3 配置Web和FTP服务器 228

7.2.4 使用Dreamweaver CS5上传、下载网站 235

7.2.5 使用CuteFTP上传 240

7.2.6 网站维护与推广 242

实验环节设计 243

实验1：利用Dreamweaver测试工具对自己的站点进行测试 243

实验2：利用Dreamweaver自带的FTP功能上传文件 244

强化案例：网站同步 247

课后习题 247

参考文献 248