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

平台课+ 模块课 搭建专业群课程

实例驱动+ 项目同步 优化内容 新颖实用

教材+ 案例+ 实战素材 立体化资源相结合

随着Internet技术与应用的不断发展，人们的生活和工作越来越离不开网络。网页作为互联网的主要媒介受到广泛关注，也是网站的重要窗口，只有精美的网页才会吸引访问者浏览。

本书以培养学生职业能力为核心，以工作实践为主线，以项目为导向，以建立工作过程为框架的现代职业教育课程结构来设置课程内容。书中所用项目时尚、真实，代码完整，实现过程详细，方便读者上手，每个项目后面配备了一些简单练习和技能训练项目，方便读者检验自己对项目的掌握程度。

本书以项目的形式介绍网页的设计与制作过程、技巧等知识。全书共分9个项目，循序渐进地介绍网页的构思、规划、制作和网站建设的全过程。主要内容包括：认识网页、网页基本元素、表格与框架、行为与表单、模板与库、Spry构件与列表、DIV+CSS、站点的测试、上传与维护、制作动态网站。

全书采用“任务描述”+“实现方法”+“知识链接”的结构组织内容，构思清晰，结构合理，既突出了实用性，强化了可操作性，又融合了重要的知识点。各项目后附有适量的习题，引导读者学习和掌握各项目的知识，便于自学。

本书的作者都是多年从事网页设计的一线教师，经验丰富，动手能力强，熟悉网页设计的技术和技巧。

本书由济源职业技术学院周观民组织编写并统稿，梁雪梅、李杰、李攀、程亚维、黎娅等参加了本书的编写工作。其中，第1、4章由周观民编写，第2、3章由梁雪梅编写，第5、7章由李杰编写，第6、8章由李攀编写，9.1节、9.3节由程亚维编写，9.2节由黎娅编写。栾学德、蒋秋瑾、魏霞、翟慧、张静、徐小亚、曹晓丽等参与了本书的大纲讨论、案例开发与整理，并进行书稿的修改工作。相关企业及兄弟院校同仁也给予了大力支持，在此一并致以衷心的感谢。

编者意在奉献给读者一本实用并具有特色的教材，但由于我们水平有限，难免有错误和不妥之处，敬请广大读者给予批评指正。E-mail：zhougm@139.com。

编者

2014年4月

第1章 认识网页 1
1.1 网络基础知识 1
任务1 优秀网站赏析 1
1.2 网站建设流程 7
任务2 规划网站 7
1.3 创建和管理站点 17
任务3 创建“欧瑞莲”美容产品网站 17
第2章 网页基本元素 22
2.1 文本与文档 22
任务1 美容产品网站首页 22
2.1.1 在网页中输入文本 23
2.1.2 设置文本格式 25
2.1.3 创建列表 26
2.1.4 实现步骤 27
2.2 图像与多媒体 29
任务2 美容产品展示网页 29
2.2.1 在网页中使用图像 30
2.2.2 在网页中使用多媒体 33
2.2.3 实现步骤 36
2.3 超链接 37
任务3 在美容产品展示网页中设置
超链接 37
2.3.1 超链接概述 37
2.3.2 设置超链接的方法 39
2.3.3 创建锚点链接 41
2.3.4 创建E-mail链接 41
2.3.5 创建热点链接 42
2.3.6 实现步骤 43
第3章 表格与框架 48
3.1 表格的应用 48
任务1 美食网站首页 48
3.1.1 利用Dreamweaver创建表格 49
3.1.2 编辑表格 51
3.1.3 表格属性的设置 53
3.1.4 实现步骤 54
3.2 框架的应用 57
任务2 美食介绍网页 57
3.2.1 认识框架网页 59
3.2.2 利用Dreamweaver CS6处理框架 59
3.2.3 实现步骤 62
第4章 行为与表单 66
4.1 行为 67
任务1 使用行为完善网站主页 67
4.1.1 认识行为 67
4.1.2 使用行为完善页面 68
4.2 表单 74
任务2 制作用户反馈页面 74
第5章 模板与库 87
5.1 模板 87
任务1 制作“中国联通”子页 87
5.1.1 创建新模板 88
5.1.2 编辑模板 89
5.1.3 使用模板创建“中国联通”子页 93
5.2 库 96
任务2 利用库制作Banner和页脚 96
5.2.1 新建库文件 96
5.2.2 将网页内容转化为库文件 98
5.2.3 制作主页的Banner 100
5.2.4 制作页脚 101
5.2.5 库项目的应用 102
第6章 Spry构件与列表 110
6.1 Spry构件 110
任务1 制作“家装设计”网首页 110
6.2 列表元素 118
任务2 制作“家装设计”网列表 118
第7章 DIV+CSS 124
7.1 初识DIV+CSS 124
任务1 设计实验中学首页 124
7.2 使用CSS控制页面显示效果 132
任务2 制作实验中学网站子页 132
第8章 站点的测试、上传与维护 136
8.1 站点测试 136
任务1 检测与修复超链接 136
任务2 浏览器兼容性测试 138
8.2 站点发布 140
任务3 注册域名 140
任务4 申请空间 142
任务5 站点上传 144
8.3 维护与推广 147
任务6 站点维护 147
任务7 网站推广 148
第9章 制作动态网站 151
9.1 认识CMS 151
9.2 制作网站模板 154
任务1 制作模板 154
9.3 网站动态化 156
任务2 网站运行环境配置 156
任务3 后台管理 159
任务4 网站动态化设置 161
参考文献 169

1. 庭院风骨—树、灌、篱 [创意房主 著]
2. Python语言程序设计教程 [郭其标 房宜汕]
3. 微积分（经管类）教程篇（下册） [曹海军 王海棠 周玲丽]
4. 微积分（经管类）教程篇（上册） [曹海军 王海棠 周玲丽]
5. 微积分（经管类）导学篇（上册） [王海棠 曹海军 周玲丽]
6. 网站前端技术案例教程（HTML+CSS+JavaScript）（第二版） [黄华升]
7. 线性代数 [主编 史昱 陈凤欣]
8. 电力电子技术课程学习及实验指导 [主编 陈荣]
9. 成长对话：青春的榜样 [主编　施端银　黄武刚　应巨林]
10. 人工智能应用基础 [主编 杨缨 李佳]
11. 中华水文化（慕课版）（第二版） [毕雪燕 杨华轲 罗玲谊 等编著]
12. 电路与电子技术Ⅱ——电路分析基础 [主编 陈晓 金哲]
13. 飞机维修专业英语——飞机系统（第二版） [赵迎春]
14. 英语大爆炸：跟趣味情景剧学口语（微课版） [秦然　编著]
15. 机械工程制图任务跟踪训练 [主编 王瑞清 赵金考 周彦云 ]
16. 机械工程制图 [主编 覃国萍 刘百顺 禹晨]
17. 平面设计与制作项目化教程 [主编　李晨]
18. 后期影像剪辑技术 [主编　郭建伟]
19. 人工智能概论（第二版） [主编　任云晖　丁红　徐迎春 ]
20. 信息时代美育之道 [主编　刘宏宇　黎娅]
21. 数字媒体交互设计项目式教程（微课版） [主编　苏陆]
22. 动画运动规律项目实例解析（微课版） [孙珊珊　袁维坤]
23. 自然语言处理 [主编　冯建周]
24. 新媒体内容创作实务（微课版） [主编　覃思源]
25. 人工智能基础 [主编 余平 张春阳]
26. 人工智能导论 [主编 王飞 潘立武]
27. Amazing！儿童英语自然拼读分级教材（全8册） [王玲　编著]
28. Spark大数据处理技术 [主编　刘仁山　周洪翠　庄新妍]
29. 毫无PS痕迹—你的第一本Photoshop书（第二版） [赵鹏 著]
30. 电视新闻制作（活页式） [主编 王晓翠 刘传琳]