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

本书按照工学结合、项目化教学要求编写，从基础知识着手，介绍了网页设计与制作技术中*基本、*实用的知识，舍弃了网页制作技术中那些过于枯燥难懂的内容，力图解决课堂教学中理论与实际脱节、学生普遍缺乏实际应用能力的问题。 全书以一个完整实例贯穿各项目，每个项目都有明确的知识目标和能力目标，结合两大目标划分具体任务，每个任务都按照“任务内容分析”→“任务知识学习”→“任务实践训练”→“任务总结”的思路编写。全书共分5个项目，主要介绍了网页制作基础、基本网页的制作、网页的布局设计、制作内容丰富的页面，以及网站的测试与管理等内容。本书内容实用，通用性好，可操作性强，既适合作为高职高专类院校计算机相关专业教材，也适合网页制作初级用户自学。

何芳，辽宁机电职业技术学院信息工程系，副教授，2003年8月至今，担任计算机网络技术专业教师、教研室主任。 2003年至今，主要承担《网页制作》、《动态网页设计》、《网站建设与编程》、《数据库技术》、《计算机网络技术》、《局域网组建于维护》等课程。 主要从事网站开发、网页制作等相关开发课程教学工作十余年，主持省级精品课程《网页制作》项目建设，2009年制作的《网页设计》教学课件获辽宁省多媒体教学课件二等奖；2010年省级教学团队 主要成员 主编了《网页设计与制作案例驱动式教程》、《DreamWeaver CS4网页设计与实训教程》、《SQL Server 2008数据库实现与应用案例教程》等教材。

项目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

 

随着计算机网络技术的飞速发展，网页制作技术也在不断进步。快速且全面地掌握网页设计与制作技术，已成为众多网页制作爱好者的需求。为了普及网页制作技术，且配合高职高专院校计算机基础教育，特编写本书。为了使本书的学习者能掌握较为扎实的基础知识，并能学以致用，将学过的知识融汇贯通应用于实践，在编写本教材时注重知识与技能并讲，理论与实践互补，设计与制作并重，向读者全面介绍了网页制作的特点和常用的方法和技巧。全书共分6个项目，主要介绍了网页制作基础、基本网页的制作、网页布局设计、制作内容丰富的网页、网站的测试与管理，以及综合应用实战。全书以一个完整实例贯穿各项目，每个项目都有明确的知识目标和能力目标，结合两大目标划分具体任务，每个任务都按照“任务内容分析”→“任务知识学习”→“任务实践训练”→“任务小结”的思路编写，任务明确，重点突出，简明实用。与同类教材相比，本书特点如下。（1）本书采用项目化编写模式，将网页设计与制作的知识，按页面开发的基本过程，划分为各个项目进行介绍，可读性强。（2）全书通过21个具体任务，以任务驱动的形式，介绍实际的操作案例，使学生能够学以致用，边学边用。（3）通用性好。本书具有很强的针对性，既适合作为高职高专类院校的教材，也适合网页制作初级用户学习。本书由辽宁机电职业技术学院何芳、湖南电子科技职业学院谭冬平和辽宁机电职业技术学院姜东洋担任主编，郑州城市职业学院郑伟丽和漯河职业技术学院吴雪毅担任副主编，具体编写分工如下：项目1由郑伟丽编写，项目2由何芳编写，项目3由姜东洋编写，项目4由谭冬平编写，项目5、项目6由吴雪毅编写。全书由何芳策划和定稿。在编写过程中还得到了丹东一达软件开发有限公司张震总经理的技术支持，在此表示感谢。由于水平有限，不足之处在所难免，恳请读者批评指正。　　编者