《基于工作过程的网页设计与制作教程》以培养职业能力为核心，以工作实践为主线，以项目为导向，采用情境教学，建立以工作过程为框架的现代职业教育课程结构，面向网页设计师岗位设置课程内容。
    《基于工作过程的网页设计与制作教程》教学内容同时采用模块化的编写思路，主要有网页制作基础、网站规划与制作流程、网页效果图设计、网站的色彩与布局、网页动画的快速设计与制作、网页的基本编辑、HTML语言的编写、层叠样式表的应用、框架与表格网页布局设计、DIV+CSS布局网站、使用模板与库制作静态网站、静态网站的动态化、ASP动态网页编程、基于工作过程的英语专题学习网站教学案例、项目开发综合实训等教学模块，构成了系统的课程教学内容体系，所有教学内容符合岗位需求。同时《基于工作过程的网页设计与制作教程》以“书法家庄辉个人网站”项目贯穿始终，同时又以综合教学案例巩固了课程内容。初级网页设计师通过《基于工作过程的网页设计与制作教程》的学习，辅助项目实训的系统训练，将胜任网页设计师的岗位。
    《基于工作过程的网页设计与制作教程》内容丰富，实用性强，可用做高职高专计算机网络工程、软件技术、计算机维护、计算机应用技术、信息管理、电子商务等专业的“网页设计与制作”课程的教材，也可作为网站设计爱好者的学习参考书。

    网站是信息交流的重要平台，是一个单位形象的重要标志。明确网站的建设目标，掌握网站的规划和设计、网页设计与制作的具体技术是十分必要的。
    本书是“江苏省省级精品课程”的配套教材；它以培养职业能力为核心，以工作实践为主线，以项目为导向，建立以工作过程为框架的现代职业教育课程结构，面向网页设计师岗位设置课程内容。
    本书教学内容同时采用模块化的编写思路，主要有网页制作基础、网站规划与制作流程、网页效果图设计、网站的色彩与布局、网页动画的快速设计与制作、网页的基本编辑、HTML语言的编写、层叠样式表的应用、框架与表格网页布局设计、DIV十CSS布局网站、使用模板与库制作静态网站、静态网站的动态化、ASP动态网页编程、基于工作过程的英语专题学习网站教学案例、项目开发综合实训等教学模块，构成了系统的课程教学内容体系，所有教学内容符合岗位需求。同时，本书以“书法家庄辉个人网站”项目贯穿始终，并以综合教学案例巩固了课程内容。初级网页设计师通过本书的学习，辅助项目实训的系统训练，将胜任网页设计师的岗位。
    本书基于工作过程的教学思想，所有教学情境都经过了精挑细选.具有非常好的代表性，同时这些项目又包含了当前流行的创意与技术。

出版说明
前言
第1章 网页制作基础
1.1 情境：俞晨视觉传奇个人主页
1.1.1 网页项目的制作过程
1.1.2 网页的基本要素
1.2 网络基本概念
1.2.1 Internet
1.2.2 万维网介绍
1.2.3 Web浏览器
1.2.4 网页与网站
1.3 网站的分类与赏析
1.3.1 网站的分类
1.3.2 优秀网站欣赏
1.4 习题

第2章 网站规划与制作流程
2.1 情境1：淮安旅行社网站项目规划
2.1.1 项目资讯
2.1.2 淮安旅行社网站的项目规划
2.2 情境2：淮安旅行社网站的制作流程
2.2.1 前期策划和内容组织
2.2.2 网站效果图的设计制作
2.2.3 网站页面的设计制作
2.2.4 静态页面的动态化
2.2.5 网站测试与发布
2.2.6 网站维护
2.3 习题

第3章 网页效果图设计
3.1 情境1：淮安信息职业技术学院网站欢迎页设计
3.1.1 项目展示与项目目标
3.1.2 项目资讯
3.1.3 项目计划与决策
3.1.4 项目实施
3.1.5 项目检查与评估
3.1.6 强化拓展实训：图像的抠取
3.2 情境2：商业网站Logo设计与制作
3.2.1 项目展示与项目目标
3.2.2 项目资讯
3.2.3 项目计划与决策
3.2.4 项目实施
3.2.5 项目检查与评估
3.2.6 强化拓展实训：企业Logo设计
3.3 情境3：书法家庄辉个人网站主页效果图设计与制作
3.3.1 项目展示与项目目标
3.3.2 项目资讯
3.3.3 项目计划与决策
3.3.4 项目实施
3.3.5 项目检查与评估
3.3.6 强化拓展实训：混合模式合成图像
3.4 情境4：淮安信息职业技术学院网站页眉设计
3.4.1 项目展示与项目目标
3.4.2 项目资讯
3.4.3 项目计划与决策
3.4.4 项目实施
3.4.5 项目检查与评估
3.5 习题

第4章 网站的色彩与布局
4.1 情境：书法家庄辉个人网站模板效果图的设计与制作
4.1.1 项目展示与项目目标
4.1.2 项目资讯
4.1.3 项目计划与决策
4.1.4 项目实施
4.1.5 项目检查与评估
4.1.6 强化拓展实训：画笔的使用技巧
4.2 习题

第5章 网页动画的快速设计与制作
5.1 情境1：高职高专教学工作水平评估评建网GIF动画
5.1.1 项目展示与项目目标
5.1.2 项目资讯
5.1.3 项目计划与决策
5.1.4 项目实施
5.1.5 项目检查与评估
5.1.6 强化拓展实训：广告Banner的制作
5.2 情境2：书法家庄辉个人网站动画的设计
5.2.1 项目展示与项目目标
5.2.2 项目资讯
5.2.3 项目计划与决策
5.2.4 项目实施
5.2.5 项目检查与评估
5.2.6 强化拓展实训：制作Flash动画
5.3 习题

第6章 网页的基本编辑
6.1 情境：书法家庄辉个人介绍页面的制作
6.1.1 项目展示与项目目标
6.1.2 项目资讯
6.1.3 项目计划与决策
6.1.4 项目实施
6.1.5 项目检查与评估
6.1.6 强化拓展实训：制作鼠标滑过图像的翻转效果
6.2 习题

第7章 HTML语言的编写
7.1 情境：高职高专教学工作评建网HTML代码的编写
7.1.1 项目展示与项目目标
7.1.2 项目资讯
7.1.3 项目计划与决策
7.1.4 项目实施
7.1.5 项目检查与评估
7.1.6 强化拓展实训：计算机系迎评网主页HTML代码的编写
7.2 习题

第8章 层叠样式表的应用
8.1 情境：计算机科学与工程系迎评网CSS设计
8.1.1 项目展示与项目目标
8.1.2 项目资讯
8.1.3 项目计划与决策
8.1.4 项目实施
8.1.5 项目检查与评估
8.1.6 强化拓展实训：庄辉个人网站样式表设计
8.2 习题

第9章 框架与表格网页布局设计
9.1 情境1：图形图像专题学习网站主页设计
9.1.1 项目展示与项目目标
9.1.2 项目资讯
9.1.3 项目计划与决策
9.1.4 项目实施
9.1.5 项目检查与评估
9.1.6 强化拓展实训：框架中超链接的使用
9.2 情境2：表格布局淮信科技有限公司培训中心网站
9.2.1 项目展示与项目目标
9.2.2 项目资讯
9.2.3 项目计划与决策
9.2.4 项目实施
9.2.5 项目检查与评估
9.2.6 强化拓展实训：评建网的表格布局
9.3 习题

第10章 DIV+CSS布局网站
10.1 情境：DIV+CSS布局软件项目化综合实训精品课程网站
10.1.1 项目展示与项目目标
10.1.2 项目资讯
10.1.3 项目计划与决策
10.1.4 项目实施
10.1.5 项目检查与评估
10.1.6 强化拓展实训：CSS代码的优化
10.2 习题

第11章 使用模板与库制作静态网站
11.1 情境：软件项目化综合实训精品课程网站静态站点设计
11.1.1 项目展示与项目目标
11.1.2 项目资讯
11.1.3 项目计划与决策
11.1.4 项目实施
11.1.5 项目检查与评估
11.1.6 强化拓展实训：网页设计中的界面的借鉴与创新实例
11.2 习题

第12章 静态网站的动态化
12.1 情境：书法家庄辉动态网站建设
12.1.1 项目展示与项目目标
12.1.2 项目资讯
12.1.3 项目计划与决策
12.1.4 项目实施
12.1.5 项目检查与评估
12.1.6 强化拓展实训：项目后期完善
12.2 习题

第13章 ASP动态网页编程
13.1 情境1：新生录取查询系统的实现
13.1.1 项目展示与项目目标
13.1.2 项目资讯
13.1.3 项目计划与决策
13.1.4 项目实施
13.1.5 项目检查与评估
13.1.6 强化拓展实训：模糊查询的制作
13.2 情境2：班级通讯录管理系统的实现
13.2.1 项目展示与项目目标
13.2.2 项目资讯
13.2.3 项目计划与决策
13.2.4 项目实施
13.2.5 项目检查与评估
13.2.6 强化拓展实训：简易计数器的制作
13.3 习题

第14章 基于工作过程的英语专题学习网站教学案例
14.1 项目目标与项目展示
14.1.1 项目展示
14.1.2 项目目标
14.2 项目资讯
14.2.1 网站需求分析
14.2.2 网站风格定位
14.2.3 规划草图
14.3 项目计划与决策
14.4 项目实施
14.4.1 效果图设计
14.4.2 效果图切片导出网页
14.4.3 后期网页编辑
14.4.4 动画制作
14.4.5 动画的使用
14.4.6 代码融合
14.5 项目检查与评估
14.6 强化拓展实训：开发音频设备专题学习网站

第15章 项目开发综合实训
15.1 网站开发规范
15.1.1 组建开发团队
15.1.2 开发工具
15.1.3 网站开发流程
15.1.4 文件夹和文件的命名规范
15.1.5 网站首页head区代码规范
15.1.6 网站建设尺寸规范
15.2 实训任务安排
15.3 项目进展计划
15.4 实训报告书
参考文献

    1.3.1 网站的分类
    网页设计者在设计网页时，要根据站点的性质和客户的要求，实现不同的功能和表达不同的主题，从这个任务类别上可以将网站分为以下3类：
    1.资讯类网站
    如新浪、网易、搜狐等门户网站。这类网站一般会为访问者提供大量的信息，而且访问量较大。因此，应对这些信息进行合理地分类，将页面划分为多个栏目，页面结构要合理、美观，便于浏览者浏览。
    2.形象类网站
    如一些中小型公司或单位的网站。这类网站一般较小，有的只有几页，需要实现的功能也比较简单，网页设计的主要任务是宣传企业形象。对于这类网站来说，版式、色彩、动画设计等是项目重点，一般对美编的要求较高。
    3.资讯与形象相结合的网站
    如大型公司或高校的网站。这类网站在设计上要求较高，既要考虑到资讯类网站的各项功能，伺肘又要突出企业、单位的形象。
    当然根据网站功能也可以分为门户类、娱乐类、电子商务类、交易类、企业类、政府类、个人主页类等类别。
    1.3.2 优秀网站欣赏
    1.门户网站
    门户网站主要是为上网用户提供信息搜索、网站注册、索引、网上导航、网上社区、个人邮箱等服务并进行分类及整合服务的站点，网站信息服务往往涵盖多个领域，依托拥有海量用户群体的优势来盈利。
    目前不少门户网站正在朝着专业门户网站的方向调整，只针对某一类特定用户群提供相应的专业信息，即逐渐演变为垂直门户。垂直的意思就是将某一类信息做深，这也是众多门户网站所追求的，在强调“垂直”的同时加强“门户”的概念。它不是简单地追求内容的垂直深度。而是同时追求在某一专业领域内如IT、娱乐、体育等信息的全面和精确，形成在某一领域内有了定深度的专业门户。