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

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

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

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

随着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. 零基础玩转国产大模型DeepSeek [徐永冰 张帅 编著]
2. 网络工程师5天修炼（适配第6版考纲） [主编　朱小平 施游]
3. 信息系统项目管理师考试32小时通关（适用第4版考纲） [薛大龙]
4. 信息系统管理工程师考试32小时通关（适配第2版考纲） [薛大龙　刘伟]
5. 土木工程材料检测实训 [洪晓江 达则晓丽 钱波]
6. 科技信息检索与论文写作实用教程 [李振华]
7. 传统山水画论解读与实践 [陈钠 著]
8. Python数据库编程 [主编 殷树友 邢 翀]
9. 计算机基础实训指导 [主编 袁春萍 朱妮]
10. 嵌入式人工智能技术应用（数字教材） [主编 胡娜 杨国勇 晏廷荣]
11. Vienna整流器技术 [桂存兵 著]
12. 变频器与伺服应用 [陈刚 叶云飞]
13. 物联网工程设计与实践 [汤琳 李敏]
14. 炉边夜话——深入浅出话AI [汪建　著]
15. 电商运营与管理 [钟肖英 陈潇]
16. Java面向对象程序设计 [主编 姜春磊 陈虹洁]
17. 信息技术基础（Windows 10+WPS Office）（微课版） [主编　石利平　田辉平　谢盛嘉]
18. 人工智能应用 [主编　陈　萍　刘培培　陈孟军]
19. 大学生职业发展与就业指导 [主编　刘志坚]
20. 高级办公应用项目教程 [主编 屈晶 赵成丽]
21. 微信小程序开发项目实战（微课版） [主编 黄龙泉 郭峰 朱倩]
22. 企业档案工作实战宝典百问百答 [华俊 卢秀英 邵甜甜 著]
23. 计算机网络原理及应用 [主编 唐继勇 叶坤 孙梦娜]
24. 大学生创业基础 [主编 王丽莉 王 杨]
25. 船舶辅机 [主编 王连海 于洋 姜淑翠]
26. 大学生就业指导 [主编 王丽莉 董宴廷]
27. 系统架构设计师章节习题与考点特训 [主编 薛大龙 邹月平]
28. 高校学生工作探索与实践 [郭亮 著]
29. 大学生情商管理 [方雄 著]
30. 2023年长沙市会展业发展报告 [主编 周栋良]