网页设计课程标准

网页设计与制作课程标准
课程编码：BZ 课程类别：必修课
适用专业：电子商务授课单位：管理工程系
学时：48 编写执笔人及编写日期：李铮 2014-11-8
学分：4 审定负责人及审定日期：
1、课程定位和课程设计
1. 1课程性质与作用
本课程是电子商务专业所开设的一门专业基础课。

通过本课程学习让学生在已掌握计算机基础、计算机网络等基本计算机技能的基础上进一步掌握网页设计开发技能，同时培养了学生网站建设与运营能力，使其具备从事网站编辑相关岗位的职业能力。

本课程前置课程有计算机基础、网络基础等，后续课程为商务网站开发与维护、移动互联网应用等课程。

1.2 课程设计的理念
1.行动导向的课程理念
《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。

充分发挥学生的主体性作用，使学生积极主动参与工作过程；
2．学生主体，过程导向的教学理念
在教学中体现学生主体、过程导向的理念，按照“项目教学法”设计和实际工作过程一致的学习任务单，学生通过《个人网站》《博客》《旅游网站》及《立名咨询网》这四个模拟型项目的设计与开发，分阶段实现不同任务，达到“做中学”目的；教师成为任务的安排者、检查者和引导者，学生按照任务单上的要求完成相应的工作任务。

通过工作任务的实施，不但培养了学生的职业技术能力，而且培养了学生自主解决实际问题的方法能力，提高了学生的岗位责任感和成就感。

3．建构主义知识观学习观理念
在知识传授过程中体现建构主义的知识观，学习是一个积极主动的建构过程，最好的学习是个性化学习，最好的教育是自我教育。

学生在适宜的工作环境（实训中心）中，经历一系列的学习性工作任务，让学生主动建构自己的经验和知识体系，受益终生。

1.3课程设计思路
《网页设计与制作》课程开发建设贯彻以下设计思路：
我们根据企业对系统管理员岗位的职业要求，以网站设计项目开发过程为典型工作任务，设计了与本课程紧密相关的《网页设计与制作工作调查表》，通过收集整理行业企业专家的反馈信息，经过课程小组的分析讨论形成《典型工作任务分析表》，再经过广泛的分析论证，确定了网站开发与维护的工作流程。

课程设计的基本理念是遵循行动导向的教学理念，按照商务网站开发的实际设计与维护过程，设计教学的内容。

典型任务确定课程方案。

通过实践专家研讨活动，分析本专业职业岗位的典型工作任务，构建工作过程系统化专业课程体系；通过典型工作任务分析，形成井站运行与管理的“典型工作任务、岗位职责任务和能力目标分析”结果，以“会做什么”的能力为依据选择课程内容，并按照职业能力从易到难的顺序安排教学。

课程目标注重工作任务。

课程按照实际企业网站开发过程进行安排，通过“确定任务、制订计划、决策指导、实施计划、检查评估”等过程步骤，让学生掌握完整的工作过程，培养综合职业能力；重视能力的表现性、可见性，重视培养可迁移的关键能力，如社会责任感、独立性、合作能力、自我调整和提高的能力以及决策和规划能力。

项目工作引领情境学习。

以具有挑战性并促使工作能力提高的项目工作任务为导向，专兼职教师共同精心创设学习情境，结合岗位工作的实际问题进行有针对性的教学，学习与工作合为一体；学习情境要超越当前的和特定工作任务，注重学生的学习者角色，在完成项目任务的过程中，实现理论、实践一体化学习和相关的多学科知识一体化学习。

把整个教学体系从原来的章节授课改为个人网站、博客设计、旅游网站、立名咨询网四个大项目，项目从易到难，从简单的表格布局设计网站到复杂的层布局，从个人网站到企业网站，完全能够掌握网站开发的全部细节；同时不同的教学项目采用不同方法、教学模式使学生既便于接受知识也能够慢慢从原来课堂教学体系下的思维定势进行转换。

2、课程目标
2.1、知识方面
具有HTML、CSS及静态网站开发的相关知识，能够利用层布局实现各类静态网页，理解静态网站开发的整体思路及过程。

2.1、职业能力
通过本课程的学习，培养学生针对商务网站编辑岗位的相关职能能力，并使学生通过一个学习周期能
2.2 职业素质
通过分组完成工作任务，能有效培养学生的团队协作精神，提高学生相互配合与协作能力，树立诚信意识，锻炼学生沟通交流、自我学习的能力；
能通过开放型项目的实施培养学生创新精神与创新思维能力；
能通过企业网站现状的调研与需求分析，有效培养学生搜集信息、整理信息的能力，以及锻炼和提高学生的社会交往能力；
能通过撰写报告和方案，提高学生的书面表达和信息组织能力；通过学习对网站项目实施过程的控制，培养学生项目管理综合素质与项目实施过程中发现问题、协调处理问题的能力。

3、课程内容与要求
对于教学内容的组织，我们根据“工学结合”的思路，把典型工作任务按照工作流程、系统的信息处理流程和方便形成阶段性成果的特点，分割成一个个项目，形成“任务引领”式的教学内容，使学生在完成任务的同时掌握企业网站系统设计、维护的相关职业能力和相关知识，也就是通过“做中学”方式使学生在“工作”中学习。

同时，我们依照“项目教学”和“行动导向教学”的基本思路组织教学活动，选择最有效的教学方法（如竞技教学法、角色扮演教学法、项目驱动教学法等）进行课堂教学。

3.1 内容总体设计
对原有的教学章节按实际开发过程进行修改，以学生熟悉的网站为载体设计学习情境，构建课程内容体系，网站的开发项目流程贯穿于整个教学过程，循序渐进，让学生易于接收消化并基于此基础上进行自主的学习开发。

教学采用基于工作过程的项目教学法。

充分调动学生的自主学习兴趣。

培养学生的成就感和自信心。

在《商务网站开发与维护》课程中贯穿两组平行的工作项目：
《个人网站》《博客》《旅游网站》《立名咨询网》这四个模拟型项目的设计与开发作为核心的教学内容，这四个项目技术由浅入深，结构由简单的表格结构到复杂的层结构，项目由来从虚拟项目到企业真实案例，项目基本涵盖了商务网站开发的常见技术和主要项目类型，并将项目划分为互相联系的任务，网站项目的开发流程贯穿于整个教学过程，通过对各任务的具体实现使学生能够熟悉网页、网站开放的主要技术HTML 和CSS，同时可以掌握商务网站的设计过程。

在进行这四个项目教学的同时，平行安排一个开放型项目《企事业宣传网站》，学生根据课上所学知识自主设计开发，这样既注重培养学生网站设计、开发、维护与管理等能力，解决问题和团队合作的能力又提高了学生自主学习、独立分析问题及创新能力。

以完成该模仿型项目作为教学载体,将四项目分解成19个任务，每个任务间呈递进和部分包容关系，它们环环相扣，依次推进。

模仿型任务全部安排在课内完成。

以完成开放型项目为考核主体，根据项目完成的优劣影响学生考核成绩。

3.2、具体项目安排及要求项目一、个人网站
项目二、博客网站
三、旅游网站
项目四、立名咨询网
项目名称
任务安排
任务要求
序号
任务名称
任务内容
旅游网
站设计
任务简介:首页设计是网站设计最重要的一环，也是最复杂的一环，因此安排在学生对所有基础知识及基本应用已经基本掌握之后，本项目利用旅游网站项目使学生掌握各种网页布局方法及首页设计方法，并掌握企业网站的设计过程。

1
网页菜单设计
1.1、图片列表项
1.2、为链接增加背景色 1.3、为链接增加背景图片 1、掌握翻转链接的设置方法。

2、掌握背景图和翻转链接的结合方法。

2 网页布局设计
2.1、层布局过程
2.2、层布局结构设计训练 项目、个人首页设计II(I) 1、巩固掌握层布局的设计过程。

3
完成首页左部分模块
3、完成首页左部分模块 1、完成首页左部分模块。

4
完成旅游网站首页设计
4、完成旅游网站首页设计
1、完成旅游网站首页设计。

3.3
4、教学模式、教学方法与手段4.1 教学手段与方法
4.2、教学评价、考核要求
实行“以完成模仿任务质量为基础，以完成开放任务质量为重点，兼顾学习态度、学习纪律、协作能力等，全方位、多角度”的考核评价模式。

依据完成模仿型任务和开放型任务质量，重点考核学生知识综合运用和拓展的能力、网页设计实际能力、自我学习的能力、协作学习的能力和创新能力。

5、课程实施条件
5.1 对任课教师的要求
本门课的任课教师须具有计算机、网站开发等专业教育背景，通晓网站开发基本理论，并能够理论联系实际，良好的沟通能力与表达能力等。

5.2对教学条件的要求
整个教学过程均在机房完成，模拟实际工作环境，避免课堂教学与实际工作环境的脱节。

机房环境：
（1）硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或 128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器、声卡、耳机（学生自备）。

（2）操作系统：Windows 2000/2003/XP
（3）软件环境：Dreamweaver 8.0
（4）特殊要求：必须将 IIS 配置好，能正常进行 WEB 浏览
5.3 课程资源的开发与利用
(1)教材
《网页设计与制作》刘雪松徐向阳编著人民邮电出版社
(2)、课程参考资源
1、《网页设计与制作案例教程》陈承欢编著人民邮电出版社
2、《Dreamweaver MX 经典范例教程》北京希望电子出版社总策划孙赵林编写北京希望电子出版社
3、《网页界面设计艺术教程》张帆罗琦宫晓东编著人民邮电出版社
6、其他说明。