网页设计课程标准 

网页设计与制作课程标准

课程编码：B050125Z 课程类别： 必修课 适用专业：电子商务 授课单位： 管理工程系

学时：48 编写执笔人及编写日期：李铮 2014-11-8 学分：4 审定负责人及审定日期： 1、课程定位和课程设计 1. 1课程性质与作用

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

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

1.2 课程设计的理念 1.行动导向的课程理念

《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。充分发挥学生的主体性作用，使学生积极主动参与工作过程；

2．学生主体，过程导向的教学理念

在教学中体现学生主体、过程导向的理念，按照“项目教学法” 设计和实际工作过程一致的学习任务单，学生通过《个人网站》《博客》《旅游网站》及《立名咨询网》这四个模拟型项目的设计与开发，分阶段实现不同任务，达到“做中学”目的；教师成为任务的安排者、检查者和引导者，学生按照任务单上的要求完成相应的工作任务。通过工作任务的实施，不但培养了学生的职业技术能力，而且培养了学生自主解决实际问题的方法能力，提高了学生的岗位责任感和成就感。

3．建构主义知识观学习观理念

在知识传授过程中体现建构主义的知识观，学习是一个积极主动的建构过程，最好的学习是个性化学习，最好的教育是自我教育。学生在适宜的工作环境（实训中心）中，经历一系列的学习性工作任务，让学生主动建构自己的经验和知识体系，受益终生。

1.3课程设计思路

《网页设计与制作》课程开发建设贯彻以下设计思路：

我们根据企业对系统管理员岗位的职业要求，以网站设计项目开发过程为典型工作任务，设计了与本课程紧密相关的《网页设计与制作工作调查表》，通过收集整理行业企业专家的反馈信息，经过课程小组的分析讨论形成《典型工作任务分析表》，再经过广泛的分析论证，确定了网站开发与维护的工作流程。课程设计的基本理念是遵循行动导向的教学理念，按照商务网站开发的实际设计与维护过程，设计教学的内容。

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

1

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

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

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

2.1、知识方面

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

2.1、职业能力

通过本课程的学习，培养学生针对商务网站编辑岗位的相关职能能力，并使学生通过一个学习周期能够完成与职业能力相关的工作任务。 商务网站编辑主要职业能力及工作任务 职业能力 工作任务 1、进行企业产品信息的初期加工 2、根据业务需要进行信息系统数据的录入 商务信息采集处理能力 3、正确筛选企业信息 4、独立完成企业信息的加工处理 5、能利用商业网站发布系统进行信息发布 1、进行商务网站建设的需求分析 2、正确安装使用企业常用信息系统 商务信息管理能力 3、进行商务网站基本页面和功能的开发 4、诊断企业商务网站和信息系统故障 5、根据业务需求进行信息系统设置和数据处理 6、监测商务网站信息系统运行状态 2.2 职业素质

通过分组完成工作任务，能有效培养学生的团队协作精神，提高学生相互配合与协作能力，树立诚信意识，锻炼学生沟通交流、自我学习的能力；

能通过开放型项目的实施培养学生创新精神与创新思维能力；

2

能通过企业网站现状的调研与需求分析，有效培养学生搜集信息、整理信息的能力，以及锻炼和提高学生的社会交往能力；

能通过撰写报告和方案，提高学生的书面表达和信息组织能力；通过学习对网站项目实施过程的控制，培养学生项目管理综合素质与项目实施过程中发现问题、协调处理问题的能力。

3、课程内容与要求

对于教学内容的组织，我们根据“工学结合”的思路，把典型工作任务按照工作流程、系统的信息处理流程和方便形成阶段性成果的特点，分割成一个个项目，形成“任务引领”式的教学内容，使学生在完成任务的同时掌握企业网站系统设计、维护的相关职业能力和相关知识，也就是通过“做中学”方式使学生在“工作”中学习。同时，我们依照“项目教学”和“行动导向教学”的基本思路组织教学活动，选择最有效的教学方法（如竞技教学法、角色扮演教学法、项目驱动教学法等）进行课堂教学。

3.1 内容总体设计

对原有的教学章节按实际开发过程进行修改，以学生熟悉的网站为载体设计学习情境，构建课程内容体系，网站的开发项目流程贯穿于整个教学过程，循序渐进，让学生易于接收消化并基于此基础上进行自主的学习开发。教学采用基于工作过程的项目教学法。充分调动学生的自主学习兴趣。培养学生的成就感和自信心。

在《商务网站开发与维护》课程中贯穿两组平行的工作项目：

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

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

以完成该模仿型项目作为教学载体,将四项目分解成19个任务，每个任务间呈递进和部分包容关系，它们环环相扣，依次推进。模仿型任务全部安排在课内完成。以完成开放型项目为考核主体，根据项目完成的优劣影响学生考核成绩。

3

3.2、具体项目安排及要求 项目一、个人网站 项目任务安排 名序任务要求 称 号 任务名称 任务内容 项目简介:本项目主要是使学生掌握网站开发的基本过程及HTML、CSS技术，并掌握表格布局设计网页的方法。 1 为网页添加链接及1.1 文本标志 1、熟练掌握文本、多媒体和链接标志。 文本 1.2 多媒体标志 2、能够利用标志建立简单的网页。 1.3 相对路径和绝 对路径 1.4 链接标志 1.5 其他标志 2 为网页添加表单及2.1 表格标志 1、能够在网页中加入表格。 表格 2.2 表单标志 2、能够改变表格的结构。 3、能够在网页中加入表单。 个 HTML部分测验 人3 为网页中添加CSS 3.1 CSS概念 1、了解CSS的概念。 网3.2 CSS编写方法 2、掌握CSS的基本使用方法。 站3、能在网页中加入CSS样式。 设4 利用CSS设置文本4.1 CSS文字样式 1、掌握CSS字体属性。 计 样式 4.2 CSS段落文字 2、掌握利用CSS控制段落的方法。 3、能够在网页中插入各种文字。 5 CSS设置段落及表5.1、段落样式设计 1、掌握段落设计方法。 格样式 5.2、无边框表格设2、掌握特殊表格的设计过程。 计 3、掌握表单相关样式结构。 5.3、特殊表单设计 4、能够利用CSS设计特殊的表单。 6 完成个人网站首页6.1、布局基础知识 1、掌握布局的概念 设计 6.2、利用表格布局 2、掌握布局的基本过程 6.3、完成个人首页3、掌握表格布局的方法 设计 4、会利用表格进布局。 CSS部分测验

4

项目二、博客网站 项目任务安排 名序任务要求 称 号 任务名称 任务内容 项目简介:通过项目一的设计学生已经基本掌握了网页设计的技术基础，本项目的主要任务是通过复杂的页面设计使学生重点掌握定位、布局及链接特效等难度更高的CSS技术，并掌握层定位设计网页的过程。 1 利用容器属性装1.1 容器属性 1、掌握CSS容器的概念。 饰网页 2、掌握CSS容器属性的应用方法。 3、能够设置标志的容器属性。 2 利用CSS定位页2.1 布局标记 1、熟记布局标记。 面内容 2.2 盒子结构 2、掌握CSS布局属性。 2.3 元素浮动 3、能够利用布局属性实现简单的布博2.4 元素定位 局。 客设3 制作网页图文混3.1、float设置 1、掌握定位的概念及使用方法。 排效果 计 3.2、定位的使用 2、掌握图文混排的设计方法。 3.3、图文混排效果设计 3、能够CSS设计图文混排网页。 4 制作特殊链接和4.1、链接特效 1、掌握链接标志的使用。 列表 4.2、列表设置 2、掌握各种链接的设置方法。 4.3、综合应用 3、掌握列表的使用方法。 4、能够结合列表和链接设计特殊变色列表。 5 利用层对网页进5.1、层布局基础 1、掌握层布局的基本过程 行布局 5.2、个人博客层布局设计 2、掌握层布局的方法 3、会利用层进布局。 6 完成个人博客设6、完成个人博客设计 1、完成个人博客设计。 计

5