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

　　按照网络行业韵技能要求，以培养学生的网站网页设计与制作能力为主线设置课程内容
　　采用10个企业真实案例进行教学，内容由3所国家重点院校与网站策划设计企业人员共同编写
　　结合简单网站、使用布局技术网站、综合网站的设计与制作，将课程知识点融入实际项目中

项目1简单网站的设计与制作
教学导航
项目描述
1-1网页基础
任务1-1创建花卉网站点
1.1.1认识网页
1.1.2初识dreamweaver
1.1.3创建和管理本地站点
任务实施1-1
职业技能知识点考核1
1-2简单网页制作
任务1-2制作花卉网首页
1.2.1网页的基本操作
1.2.2文本操作
1.2.3图像操作
任务实施1-2
任务扩展1-1
职业技能知识点考核2
1-3超链接
任务1-3设置花卉网的链接
1.3.1文本链接
1.3.2锚记链接
1.3.3图片链接
1.3.4图片热点链接
1.3.5email链接
1.3.6鼠标经过图像链接
1.3.7空链接
任务实施1-3
任务扩展1-2
职业技能知识点考核3
知识梳理与总结
项目扩展
项目2使用布局技术网站的设计与制作
教学导航
项目描述
2-1表格
任务2-1某小学班级网站的设计与制作
2.1.1创建表格
2.1.2设置表格和单元格的属性
2.1.3调整表格
2.1.4表格数据的导入和导出
任务实施2-1
任务扩展2-1
职业技能知识点考核4
2-2框架
任务2-2应用框架布局和制作“作文园地”网页
2.2.1创建框架
2.2.2编辑框架的内容
2.2.3保存框架集和框架
2.2.4设置框架集和框架的属性
2.2.5创建框架链接
2.2.6创建浮动框架
任务实施2-2
职业技能知识点考核5
2-3模板和库
任务2-3应用模板制作“我爱我家”网页
2.3.1创建模板
2.3.2定义可编辑区域
2.3.3应用模板
2.3.4创建库项目
2.3.5插入库项目
任务实施2-3
任务扩展2-2
职业技能知识点考核6
知识梳理与总结
项目扩展
项目3综合网站的设计与制作
教学导航
项目描述
3-1利用css样式表美化网页
任务3-1应用样式表美化信息工程学院专业介绍网页
3.1.1了解css样式表
3.1.2应用自定义css样式
3.1.3设置css样式表的属性
3.1.4创建和调用外部样式表
任务实施3-1
任务扩展3-1
职业技能知识点考核7
3.2表单
任务3-2应用表单制作“在线咨询”网页
3.2.1创建表单
3.2.2插入表单对象
任务实施3-2
任务扩展3-2
职业技能知识点考核8
3-3行为
任务3-3应用行为实现“专业介绍”网页的动态效果
3.3.1了解行为
3.3.2添加行为
任务实施3-3
任务扩展3-3
职业技能知识点考核9
3-4动画和多媒体
任务3-4给“计算机应用技术”专业介绍网页添加flash动画
3.4.1插入flash动画
3.4.2插入音频文件
3.4.3插入视频文件
任务实施3-4
任务扩展3-4
职业技能知识点考核10
知识梳理与总结
项目扩展
项目4中国少儿网之“庆祝第十一个记者节”专题网站的设计与制作
参考文献

随着Internet的发展和普及，越来越多的单位和个人都建立了自己的网站，进行信息交流或宣传自身，网站访问量很大程度上是由网站页面的美观程度决定的。因此，设计和制作符合网站主题需要、效果美观的网页也是许多网站制作公司和网页设计爱好者追求的目标。Adobe公司的Dreamweaver软件是目前世界上秀的可视化网页设计制作工具和网站管理工具之一，借助Dreamweaver软件可以快速、轻松地完成设计、制作、维护网站的全过程。本书为项目化教材，以Dreamweaver软件为平台，校企合作，由具有一线教学经验的老师编写，旨在培养学生的网页设计、制作能力。教材使用四个项目，项目一作为起步项目，是编者与企业技术人员多次研讨后自行设计开发的，项目二为来自中少网络科技有限公司的真实项目，项目三为南宁职业技术学院信息工程学院目前正在使用的学院网站，项目一到项目三的难度依次递增，通过项目的设计和制作来学习必要的知识，提高实践技能。通过每个项目的设计制作完成，使学生在短期内产生成就感，激发学生学习兴趣，使学生的学习更加有目的性；从企业直接获取真实项目，可以使教学内容更加贴近实际应用，贴近企业需求。项目四作为学生拓展项目，以任务书的形式布置给学生，由学生自主完成。本书具有如下特点：
1．项目化教学，彻底打破传统学科体系课程中以知识点内在的联系为线索来组织课程内容的教学模式。
2．校企合作，选取企业真实项目，并进行教学化改造。 3．一体化教学设计，采用“做中学，学中做”的教学方法来引导学生学习。
4．引入CDIO工程教育模式，开展基于项目的教育和学习，让学生在完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。
5．项目选取难度依次递进，衔接合理。
6．课证融合，充分考虑了高等职业教育对理论知识学习的需要，并融合了相关职业资格证书对知识、技能和态度的要求。教材配有Adobe认证训练题目，方便学生参加职业技能考核。
7．设置有职业导航、教学导航、知识分布网络、知识梳理与总结，以方便教学。本书由金华职业技术学院的胡平和浙江师范大学的李知菲担任主编，由金华职业技术学院的胡芳芳和南宁职业技术学院的邓伟担任副主编，由王成福教授担任主审。本书由胡平统稿，项目一由胡平编写，项目二由胡芳芳编写，项目三由邓伟编写，拓展项目由李知菲编写。本书从确定目录到编写、校稿得到了龚永坚教授、陈海荣教授的指导和鼓励，在项目收集阶段得到了中少网络科技有限公司的支持，本书还得到了楼小明、顾方和、徐安康等的无私帮助，电子工业出版社对本书的出版给予了大力的支持，在此向他们深表谢意。
为了方便教师教学，本书还配有免费的电子教学课件、习题参考答案以及书中项目所需素材，请有此需要的教师登录华信教育资源网免费注册后再进行下载，在有问题时请在网站留言板留言或与电子工业出版社联系（E-mail:hxedu@phei.com.cn）。读者也可通过精品课程链接网址（http://220.191.230.233:81/）浏览和参考更多的教学资源。由于作者水平和经验有限，书中难免有疏漏和不当之处，敬请广大读者批评指正。