网页设计与制作项目化教程/何芳

项目1 网页制作基础 1

任务1.1 了解网页与网页制作流程 1

1.1.1 认识网页 2

1.1.2 网页设计的基础知识 3

1.1.3 网页开发工具 4

1.1.4 网站制作流程 5

任务1.2 用Dreamweaver CC创建站点 7

1.2.1 Dreamweaver CC概述 7

1.2.2 使用Dreamweaver CC创建本地站点 10

1.2.3 站点文件管理 14

任务1.3 编写HTML代码 19

1.3.1 HTML简介 19

1.3.2 HTML的基本结构 20

1.3.3 编写HTML代码 20

1.3.4 常用HTML标签 23

习题 30

项目2 基本网页的制作 32

任务2.1 设置页面的整体属性 32

任务2.2 设置页面头部内容 38

任务2.3 网页中文本的使用 40

2.3.1 文本的添加 40

2.3.2 文本的编辑 41

2.3.3 特殊符号的添加 45

任务2.4 网页中图像的使用 50

2.4.1 网页图像基础 50

2.4.2 插入图像 50

2.4.3 图像的编辑 52

2.4.4 鼠标经过图像 53

任务2.5 网页中链接的实现 58

2.5.1 关于链接 58

2.5.2 网页链接路径 59

2.5.3 不同类型链接的设置 60

任务2.6 使用CSS修饰页面 65

2.6.1 CSS基础 65

2.6.2 创建和编辑CSS样式 67

2.6.3 编辑属性 68

2.6.4 应用和删除样式 75

2.6.5 使用CSS优化页面实例 75

习题 87

项目3 网页布局设计 89

任务3.1 使用数据表格 89

任务3.2 使用表格布局页面 100

任务3.3 使用iFrame框架布局页面 107

3.3.1 添加iFrame 107

3.3.2 编辑iFrame 108

任务3.4 使用Div CSS布局页面 112

3.4.1 认识Div标签 112

3.4.2 盒模型 113

3.4.3 元素的定位 114

任务3.5 创建HMTL5页面 116

3.5.1 创建HTML5文档 116

3.5.2 HTML5新增标签 117

3.5.3 在Dreamweaver CC中编辑HTML5标签 117

习题 121

项目4 制作内容丰富的网页 123

任务4.1 在页面中添加多媒体文件 123

4.1.1 在页面中应用Flash文件 123

4.1.2 在页面中应用Flash视频 126

4.1.3 在页面中应用HTML 5 Audio 129

4.1.4 在页面中应用HTML5 Video 130

4.1.5 在页面中引用Edge Animate作品 131

4.1.6 在页面中应用其他类型多媒体文件 133

任务4.2 网页中表单元素的使用 137

4.2.1 认识表单 137

4.2.2 创建表单 138

4.2.3 插入表单对象 139

任务4.3 网页中行为的应用 146

4.3.1 行为基础 146

4.3.2 添加行为 147

4.3.3 编辑行为 147

4.3.4 使用常用行为 147

任务4.4 在页面中使用jQuery 163

4.4.1 添加jQuery UI 164

4.4.2 使用jQuery UI组件 164

习题 178

项目5 网站的测试与管理 180

任务5.1 应用模板 180

5.1.1 认识模板 180

5.1.2 创建模板 181

5.1.3 编辑模板 181

5.1.4 应用模板 185

任务5.2 使用库 189

5.2.1 了解库项目 189

5.2.2 创建库项目 189

5.2.3 插入库项目 190

5.2.4 使用库项目更新页面 190

任务5.3 站点测试 191

习题 195

项目6 综合应用实战 196

任务6.1 网站需求分析 196

任务6.2 建立站点 198

任务6.3 站点制作 199

6.3.1 网站首页设计 199

6.3.2 栏目页设计 206

6.3.3 内容页设计 208

参考文献 211