网页设计与制作课程是电子商务专业非常重要的专业课程之一，是一门对培养创意和实践能力要求很高的课程。本书按照高等技术应用型人才的培养目标，采纳了电子商务企业工程师、网页设计师的积极建议，以中小企业网站制作真实工作项目为依据，通过功能分解，提取工作任务并分析网页设计师岗位群的工作任务；以工作任务引出专业知识，在掌握技能的同时，掌握所需知识；以课后的“项目创新”内容取代了常见的“思考与练习”内容，以期培养读者灵活运用所学知识以解决实际问题的能力；附录提供网页设计师模拟试题，有助于读者获取相应的职业技能等级证书。

本书分为两篇，分别以一个小型网站和一个主流网站的设计与制作为主线展开讲解。第一篇以小型企业项目(仍然沿用表格布局技术)为线索，以Dreamweaver CS3中文版软件为蓝本，结合CSS、JavaScript技术，介绍了网页规划、布局与制作的基本方法，其中涉及网页元素的定位，各类对象的嵌入等。第二篇以当前主流网站制作CSS＋Div布局技术为线索，介绍了从首页的各部分到内页及二级页面的制作，其中涉及Web标准、CSS＋Div布局方法及CSS兼容解决方案。本书附录中提供了网页设计师模拟试题。

本书可供高职高专院校“网页设计与制作”课程使用，也可供广大网页制作人员、业余爱好者、培训班学员使用。

第一篇　小型网站篇

　项目一　网页基本内容制作　

　　项目综述　

　　任务1 认识网站项目　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务2 创建站点与网页文件　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务3　制作内页　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务4　链接内页　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务5 解读HTML语言　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　小结 　

　　项目创新　

　项目二　网页元素定位　

　　项目综述　

　　任务1　使用表格定位　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务2　使用AP Div定位　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务3　使用框架定位　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　小结 　

　　项目创新　

　项目三 使用Dreamweaver高级功能丰富网页　

　　项目综述　

　　任务1 使用流媒体对象　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务2 使用表单　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务3 使用行为　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务4 使用模板和库项目　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　任务5 建立动态站点　

　　　一、任务说明　

　　　二、任务实现　

　　　三、支撑知识　

　　　四、拓展提高　

　　小结 　

　　项目创新　

　项目四　应用CSS样式规范网页

项目综述

任务1 添加网页文字样式

 一、任务说明　

 二、任务实现

 三、支撑知识

 四、拓展提高　

任务2 添加网页格式样式

 一、任务说明　

 二、任务实现

 三、支撑知识

 四、拓展提高　

小结

项目创新　

 项目五　利用JavaScript特效完美网页　

项目综述　

任务1 制作活动字幕特效

 一、任务说明　

 二、任务实现　

 三、支撑知识

 四、拓展提高　

任务2制作随滚动条滚动的层

 一、任务说明

 二、任务实现

 三、支撑知识

 四、拓展提高　

任务3制作树形目录特效

 一、任务说明

 二、任务实现

 三、支撑知识　

 四、拓展提高　

任务4制作滑动门特效　

 一、任务说明　

 二、任务实现　

 三、支撑知识

 四、拓展提高

任务5 制作焦点图特效　

 一、任务说明

 二、任务实现　

 三、支撑知识　

 四、拓展提高　

小结 　

项目创新　

第二篇　主流网站篇

 项目六 首页制作　

项目综述　

任务1 认识Web标准　

 一、任务说明　

 二、任务实现

 三、支撑知识

 四、拓展提高

任务2 网页布局　

 一、任务说明

 二、任务实现　

 三、支撑知识　

 四、拓展提高

任务3 网页头部制作　

 一、任务说明

 二、任务实现

 三、支撑知识

 四、拓展提高

任务4 网页左部制作　

 一、任务说明

 二、任务实现　

 三、支撑知识　

 四、拓展提高　

任务5 网页右部制作

 一、任务说明

 二、任务实现　

 三、支撑知识　

 四、拓展提高　

任务6 网页底部制作　

 一、任务说明　

 二、任务实现　

 三、支撑知识

 四、拓展提高　

小结

项目创新　

 项目七 子页制作　

项目综述　

任务1内页制作

 一、任务说明

 二、任务实现　

 三、支撑知识　

 四、拓展提高　

任务2 二级页面制作　

 一、任务说明　

 二、任务实现　

 三、支撑知识　

 四、拓展提高

小结

项目创新

 项目八　网站发布与推广

项目综述

任务1 网页测试　

 一、任务说明　

 二、任务实现　

 三、支撑知识　

 四、拓展提高

任务2 网站发布

 一、任务说明　

 二、任务实现

 三、支撑知识　

 四、拓展提高　

任务3 网站推广　

 一、任务说明

 二、任务实现　

 三、支撑知识　

 四、拓展提高　

小结 　

项目创新　

附录A CSS2属性分类说明　

附录B ATA网页设计师模拟试题　

参考文献