网页设计与制作项目式教程（HTML+CSS）-教学大纲.docx
《网页设计与制作》教学大纲
一、前言
（一）课程性质
本课程是中等职业学校计算机应用专业的一门专业核心课程，是从事Web前端开发岗位工作的必修课程。围绕互联网+、新兴技术行业带来的Web前端开发技术技能人才需求，通过对相关工作岗位进行整体化的调研与分析，以就业为导向，采用模块化项目式的课程开发方法，形成的一门学习领域课程。通过对本课程的学习，要求学生掌握网页制作的基本概念，学会使用网页制作工具制作网页、掌握基本的网页代码语言HTML+CSS，能够设计制作小型静态网站，具备基本的维护能力。同时通过本课程的学习，培养学生的综合职业能力和良好的职业道德。
（二）设计思路
本课程总体设计思路是以计算机技术应用专业相关工作任务和职业能力分析为依据，参照“1+X”Web前端技能等级（初级）标准确定课程目标，设计课程内容，以工作任务为线索构建任务引领型课程。课程结构是以网页制作为线索进行设计，进行一个完整的教学项目。
为了充分体现任务引领、实践导向的课程思想，将课程的教学内容设计成若干个工作任务，以工作任务为中心引出相关专业知识；以典型的网页制作技术为基础，展开网页制作教学过程。教学活动设计深入浅出，采用参与式教学模式，提升学生的课堂参与度与获得感。本课程要求充分运用现代职教理念与技术，引导学生在学习活动中学会学习，培养兴趣；在与自然的交流中培养一切从实践而来，尊重科学的理念；在与身边的老师、同学共同讨论中深化对学习内容的理解，形成基本的职业能力。
二、课程目标
通过本课程的教学活动，使学生能整体认识网页制作的一般流程，每个环节要注意的事项和实现办法，培养学生具备如下基本职业技能。
（一）知识目标
1.掌握网页制作软件的安装。
2.掌握网页文字处理的一般原则。
3.能运用不同技术进行设计。
4.掌握图片在网页中的运用。
5.理解并掌握CSS技术在网页中的应用。
6.明白表格、表单设计的一般原则，掌握美化办法。
7.理解网页的布局方式，掌握常见布局定位办法。
8.能掌握网页制作的相关技巧。
（二）能力目标
1.善于与客户沟通，明白客户需求，留住项目。
2.明白不同行业用户的需求，能按照用户的要求快速规划网站的设计方案；
3.能按照设计方案，创意性设计网页界面。
4.能在规定的时间拿出设计草图，再次与用户沟通，整改并确定设计草图。
5.会选取、制作网页需要的素材，包括文字、图片、动画等。
6.能按照网页三层结构，遵循Web设计标准，设计网页。
（三）素质目标
1.具有良好的人际交往能力、团队合作精神和客户服务意识。
2.具备吃苦耐劳、积极进取、敬业爱岗的工作态度。
3.具备勤于思考、善于动手、勇于创新的精神。
三、课程内容与要求
（一）教学内容选取依据
针对就业岗位需求，建构课程体系；以工作过程为导向安排学习的进程，以获得职业工作能力为目标，进行专业核心能力一体化教学，对“工作任务—案例—项目”进行“非线性结构”的整合，通过对课程的有效控制与评价，促进学生工作任务的完成，在参加职业活动中学习“如何工作”。
（二）教学内容组织与安排
教学内容共4个项目，结合HTML+CSS的基础知识及技能应用，提供了3种不同类型的网页开发实例。
项目一为Web前端开发基础。介绍Web前端开发的基础知识，包括Web的起源、Web的相关概念、Web标准三剑客、前端框架技术、前端开发工具、浏览器工具、Web工作原理、前端开发流程、HTML文档的基本结构等。
项目二为简单展示类网页开发项目。通过讲解HTML中文本、图片、超链接元素以及CSS的概念、引入方式和基本样式等知识技能，让学生能够制作“中国民俗”网站的专题内容。
项目三为网站功能模块类开发项目。通过讲解CSS选择器基础、盒子模型、浮动布局以及列表、表格元素等知识技能，让读者能够制作“古诗文”网站的功能模块。
项目四为综合电商类网站开发项目。通过讲解CSS选择器进阶、元素类型转换、CSS精灵图、定位布局以及表单、iframe框架元素等知识技能，让学生能够制作“助农乐购”网站页面。
项目2~项目4为3个完整的网页设计与制作实例，按照网页结构功能细化知识点，用任务带动知识点的学习。在学习这些项目时，要求读者要多上机实践，以加深对项目中所涉及知识点的理解。
四、实施建议
本大纲适用于计算机应用及相关专业中职学生，根据各学期教学周数的不同，学时数可能有所调整。建议学时为48~64学时，建议采用理实一体化的教学模式，各任务的参考学时见下面的学时分配表。
项目
项目和任务内容
建议学时
项目1
Web前端开发基础
任务1.1、任务1.2
1-2
任务1.3、任务1.4
1-2
项目2
简单展示类网页开发项目——
“中国民俗”网站专题内容的实现
任务2.1、任务2.2
4-6
任务2.3
4