前言

FOREWORD

一、缘起

随着计算机网络技术的发展，人类正快速进入一个前所未有的、网络化、信息化的社会。由于互联网的迅猛发展，以及全球范围内信息化的逐步实现，网络已遍及人们生活的每个角落，逐渐改变着人们的生活、学习和工作方式，并进一步引起产业结构的变化。越来越多的企业、事业单位、行政机关和个人通过建设自己的网站，制作网页来宣传自己的形象，展示自己的风采，同时也不断地从其他网站上获取自己所需要的信息。时代的发展呼唤更多的网页设计与制作人员加入到这个前景广阔的工作中来。网页设计与制作课程也成为高等院校计算机及其相关专业的一门重要的专业基础课程。

二、结构

本书每一个单元都由“教学导航”“本单元单词”“预备知识”“操作准备”“模仿训练”“拓展训练”“单元小结”组成；单元1至单元7还配备了“单元习题”；“模仿训练”中每一个任务都包括“任务描述”“任务实施”两个部分。

教学导航：明确教学目标、教学重点、教学难点和教学方法。

本单元单词：列出了本单元需要学习者熟悉的相关英文单词。

预备知识：给出了完成任务所需的相关知识。

操作准备：在正式完成网页制作任务之前做好创建所需的文件夹、复制所需的资源、创建本地站点等方面的准备工作。

模仿训练：引导学习者一步一步完成网页设计与制作的相关任务。

拓展训练：参照模仿训练的过程，学习者自主完成类似的网页设计与制作任务。加深学习者对知识的理解，对知识进行迁移，并强化学习者分析问题和解决问题的能力，激发学习者的创新实践能力。

单元小结：对本单元的知识和训练的技能进行简要归纳总结。

单元习题：给出了各种题型的练习，包括上机题，以帮助学习者巩固对本单元知识点、技能点的理解。上机题主要针对本单元中需要重点掌握的知识点、技能点以及在程序中容易出错的内容进行练习，通过上机题的练习可以考察学习者对知识点、技能点的掌握情况，手工编写代码的熟练程度。

三、特点

1.强调技能训练和动手能力的培养，重在培养应用型人才

本书以培养网页设计与制作项目开发的基础能力为目标，注重网页设计与制作项目开发技术的应用，通过一个真实的、完整的“北京大学网站设计与制作”项目，对HTML和CSS的知识点、技能点进行重构和序化，读者通过对该项目的模仿训练，可对所学的知识和技能有所理解和掌握；通过“绿色食品网站网页设计与制作”项目的拓展训练，可加深学习者对所学知识的理解。

此外，本书强调手工编写代码的能力，为后续课程的学习打下良好的基础。

2.基于工作过程，注重理论性和科学性

本书按网页设计与制作的工作过程来设计和组织教学内容，根据计算机相关专业的职业岗位、职业能力要求，把需要掌握的相关知识点、技能点进行重构与序化，将项目分解为各种任务，并对任务进行模块化处理，形成由易到难、由简单到复杂的能力递进的学习路径。

本书由企业技术专家和学校教师共同开发，企业技术专家参与教材项目的选择和项目实训的编写，并在技术的选择以及项目分析方面提出了很多的合理化建议。

3.强调“四个真实”

本书以训练网页设计与制作技能为中心，在真实的开发环境中，以真实的制作流程，执行真实的开发要求，制作真实的网站。

真实环境：在真实的网站开发环境中完成网页设计与制作任务，并要求在编辑器中手工编写代码。

真实过程：执行完整的作业流程，体验真实的工作过程，教学内容的递进过程实际上就是网页设计与制作的真实工作过程。

真实要求：以职业化技术标准规范制作过程，严格按照W3C规范来要求。

真实项目：以真实的“北京大学网站设计与制作”项目作为教学载体，真实的“绿色食品网站设计与制作”项目作为拓展训练项目。

4.丰富的课程资源

本书配套的课程资源丰富，包括：内容提要、教学导航、课程标准、课程整体设计、课程单元设计、单元单词、任务实施微课视频、任务实施电子教案PPT、单元习题、单元案例、项目源代码、单元课程资源和微课云课堂等，如下表所示。

四、致谢

本书由贵州航天职业技术学院汤智华主编，由贵州交通职业技术学院信息工程系主任、贵州大数据产业职业教育集团秘书长王爱红教授主审。

本书在编写的过程中，得到了贵州省精品在线开放课程“网页设计与制作”项目团队老师的大力支持和帮助，他们提出了许多宝贵的意见和建议，在此向他们表示衷心的感谢。同时，本书的编写还得到了重庆德克特信息技术有限公司教学总监张跃和遵义携购科技网络有限责任公司技术总监何海堂的指导和帮助，他们对于项目的选择、项目实训、任务设计提出了很多宝贵意见，在此对他们一并表示感谢。

由于作者水平有限，书中难免出现错误和不妥之处，敬请广大读者批评指正。

编者

2018年4月