网页设计课程标准

1网页设计与制作课程标准课程编码：B050125Z课程类别：必修课适用专业：电子商务授课单位：管理工程系学时：48编写执笔人及编写日期：李铮2014-11-8学分：4审定负责人及审定日期：1、课程定位和课程设计1.1课程性质与作用本课程是电子商务专业所开设的一门专业基础课。通过本课程学习让学生在已掌握计算机基础、计算机网络等基本计算机技能的基础上进一步掌握网页设计开发技能，同时培养了学生网站建设与运营能力，使其具备从事网站编辑相关岗位的职业能力。本课程前置课程有计算机基础、网络基础等，后续课程为商务网站开发与维护、移动互联网应用等课程。1.2课程设计的理念1.行动导向的课程理念《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。充分发挥学生的主体性作用，使学生积极主动参与工作过程；2．学生主体，过程导向的教学理念在教学中体现学生主体、过程导向的理念，按照“项目教学法”设计和实际工作过程一致的学习任务单，学生通过《个人网站》《博客》《旅游网站》及《立名咨询网》这四个模拟型项目的设计与开发，分阶段实现不同任务，达到“做中学”目的；教师成为任务的安排者、检查者和引导者，学生按照任务单上的要求完成相应的工作任务。通过工作任务的实施，不但培养了学生的职业技术能力，而且培养了学生自主解决实际问题的方法能力，提高了学生的岗位责任感和成就感。3．建构主义知识观学习观理念在知识传授过程中体现建构主义的知识观，学习是一个积极主动的建构过程，最好的学习是个性化学习，最好的教育是自我教育。学生在适宜的工作环境（实训中心）中，经历一系列的学习性工作任务，让学生主动建构自己的经验和知识体系，受益终生。1.3课程设计思路《网页设计与制作》课程开发建设贯彻以下设计思路：我们根据企业对系统管理员岗位的职业要求，以网站设计项目开发过程为典型工作任务，设计了与本课程紧密相关的《网页设计与制作工作调查表》，通过收集整理行业企业专家的反馈信息，经过课程小组的分析讨论形成《典型工作任务分析表》，再经过广泛的分析论证，确定了网站开发与维护的工作流程。课程设计的基本理念是遵循行动导向的教学理念，按照商务网站开发的实际设计与维护过程，设计教学的内容。典型任务确定课程方案。通过实践专家研讨活动，分析本专业职业岗位的典型工作任务，构建工作过程系统化专业课程体系；通过典型工作任务分析，形成井站运行与管理的“典型工作任务、岗位职责任务和能力目标分析”结果，以“会做什么”的能力为依据选择课程内容，并按照职业能力从易到难的顺序安排教学。2课程目标注重工作任务。课程按照实际企业网站开发过程进行安排，通过“确定任务、制订计划、决策指导、实施计划、检查评估”等过程步骤，让学生掌握完整的工作过程，培养综合职业能力；重视能力的表现性、可见性，重视培养可迁移的关键能力，如社会责任感、独立性、合作能力、自我调整和提高的能力以及决策和规划能力。项目工作引领情境学习。以具有挑战性并促使工作能力提高的项目工作任务为导向，专兼职教师共同精心创设学习情境，结合岗位工作的实际问题进行有针对性的教学，学习与工作合为一体；学习情境要超越当前的和特定工作任务，注重学生的学习者角色，在完成项目任务的过程中，实现理论、实践一体化学习和相关的多学科知识一体化学习。把整个教学体系从原来的章节授课改为个人网站、博客设计、旅游网站、立名咨询网四个大项目，项目从易到难，从简单的表格布局设计网站到复杂的层布局，从个人网站到企业网站，完全能够掌握网站开发的全部细节；同时不同的教学项目采用不同方法、教学模式使学生既便于接受知识也能够慢慢从原来课堂教学体系下的思维定势进行转换。2、课程目标2.1、知识方面具有HTML、CSS及静态网站开发的相关知识，能够利用层布局实现各类静态网页，理解静态网站开发的整体思路及过程。2.1、职业能力通过本课程的学习，培养学生针对商务网站编辑岗位的相关职能能力，并使学生通过一个学习周期能够完成与职业能力相关的工作任务。商务网站编辑主要职业能力及工作任务职业能力工作任务商务信息采集处理能力1、进行企业产品信息的初期加工2、根据业务需要进行信息系统数据的录入3、正确筛选企业信息4、独立完成企业信息的加工处理5、能利用商业网站发布系统进行信息发布商务信息管理能力1、进行商务网站建设的需求分析2、正确安装使用企业常用信息系统3、进行商务网站基本页面和功能的开发4、诊断企业商务网站和信息系统故障5、根据业务需求进行信息系统设置和数据处理6、监测商务网站信息系统运行状态2.2职业素质通过分组完成工作任务，能有效培养学生的团队协作精神，提高学生相互配合与协作能力，树立诚信意识，锻炼学生沟通交流、自我学习的能力；能通过开放型项目的实施培养学生创新精神与创新思维能力；3能通过企业网站现状的调研与需求分析，有效培养学生搜集信息、整理信息的能力，以及锻炼和提高学生的社会交往能力；能通过撰写报告和方案，提高学生的书面表达和信息组织能力；通过学习对网站项目实施过程的控制，培养学生项目管理综合素质与项目实施过程中发现问题、协调处理问题的能力。3、课程内容与要求对于教学内容的组织，我们根据“工学结合”的思路，把典型工作任务按照工作流程、系统的信息处理流程和方便形成阶段性成果的特点，分割成一个个项目，形成“任务引领”式的教学内容，使学生在完成任务的同时掌握企业网站系统设计、维护的相关职业能力和相关知识，也就是通过“做中学”方式使学生在“工作”中学习。同时，我们依照“项目教学”和“行动导向教学”的基本思路组织教学活动，选择最有效的教学方法（如竞技教学法、角色扮演教学法、项目驱动教学法等）进行课堂教学。3.1内容总体设计对原有的教学章节按实际开发过程进行修改，以学生熟悉的网站为载体设计学习情境，构建课程内容体系，网站的开发项目流程贯穿于整个教学过程，循序渐进，让学生易于接收消化并基于此基础上进行自主的学习开发。教学采用基于工作过程的项目教学法。充分调动学生的自主学习兴趣。培养学生的成就感和自信心。在《商务网站开发与维护》课程中贯穿两组平行的工作项目：《个人网站》《博客》《旅游网站》《立名咨询网》这四个模拟型项目的设计与开发作为核心的教学内容，这四个项目技术由浅入深，结构由简单的表格结构到复杂的层结构，项目由来从虚拟项目到企业真实案例，项目基本涵盖了商务网站开发的常见技术和主要项目类型，并将项目划分为互相联系的任务，网站项目的开发流程贯穿于整个教学过程，通过对各任务的具体实现使学生能够熟悉网页、网站开放的主要技术HTML和CSS，同时可以掌握商务网站的设计过程。在进行这四个项目教学的同时，平行安排一个开放型项目《企事业宣传网站》，学生根据课上所学知识自主设计开发，这样既注重培养学生网站设计、开发、维护与管理等能力，解决问题和团队合作的能力又提高了学生自主学习、独立分析问题及创新能力。以完成该模仿型项目作为教学载体,将四项目分解成19个任务，每个任务间呈递进和部分包容关系，它们环环相扣，依次推进。模仿型任务全部安排在课内完成。以完成开放型项目为考核主体，根据项目完成的优劣影响学生考核成绩。43.2、具体项目安排及要求项目一、个人网站项目名称任务安排任务要求序号任务名称任务内容个人网站设计项目简介:本项目主要是使学生掌握网站开发的基本过程及HTML、CSS技术，并掌握表格布局设计网页的方法。1为网页添加链接及文本1.1文本标志1.2多媒体标志1.3相对路径和绝对路径1.4链接标志1.5其他标志1、熟练掌握文本、多媒体和链接标志。2、能够利用标志建立简单的网页。2为网页添加表单及表格2.1表格标志2.2表单标志1、能够在网页中加入表格。2、能够改变表格的结构。3、能够在网页中加入表单。HTML部分测验3为网页中添加CSS3.1CSS概念3.2CSS编写方法1、了解CSS的概念。2、掌握CSS的基本使用方法。3、能在网页中加入CSS样式。4利用CSS设置文本样式4.1CSS文字样式4.2CSS段落文字1、掌握CSS字体属性。2、掌握利用CSS控制段落的方法。3、能够在网页中插入各种文字。5CSS设置段落及表格样式5.1、段落样式设计5.2、无边框表格设计5.3、特殊表单设计1、掌握段落设计方法。2、掌握特殊表格的设计过程。3、掌握表单相关样式结构。4、能够利用CSS设计特殊的表单。6完成个人网站首页设计6.1、布局基础知识6.2、利用表格布局6.3、完成个人首页设计1、掌握布局的概念2、掌握布局的基本过程3、掌握表格布局的方法4、会利用表格进布局。CSS部分测验5项目二、博客网站项目名称任务安排任务要求序号任务名称任务内容博客设计项目简介:通过项目一的设计学生已经基本掌握了网页设计的技术基础，本项目的主要任务是通过复杂的页面设计使学生重点掌握定位、布局及链接特效等难度更高的CSS技术，并掌握层定位设计网页的过程。1利用容器属性装饰网页1.1容器属性1、掌握CSS容器的概念。2、掌握CSS容器属性的应用方法。3、能够设置标志的容器属性。2利用CSS定位页面内容2.1布局标记2.2盒子结构2.3元素浮动2.4元素定位1、熟记布局标记。2、掌握CSS布局属性。3、能够利用布局属性实现简单的布局。3制作网页图文混排效果3.1、float设置3.2、定位的使用3.3、图文混排效果设计1、掌握定位的概念及使用方法。2、掌握图文混排的设计方法。3、能够CSS设计图文混排网页。4制作特殊链接和列表4.1、链接特效4.2、列表设置4.3、综合应用1、掌握链接标志的使用。2、掌握各种链接的设置方法。3、掌握列表的使用方法。4、能够结合列表和链接设计特殊变色列表。5利用层对网页进行布局5.1、层布局基础5.2、个人博客层布局设计1、掌握层布局的基本过程2、掌握层布局的方法3、会利用层进布局。6完成个人博客设计6、完成个人博客设计1、完成个人博客设计。6三、旅游网站项目四、立名咨询网项目名称任务安排任务要求序号任务名称任务内容旅游网站设计任务简介:首页设计是网站设计最重要的一环，也是最复杂的一环，因此安排在学生对所有基础知识及基本应用已经基本掌握之后，本项目利用旅游网站项目使学生掌握各种网页布局方法及首页设计方法，并掌握企业网站的设计过程。1网页菜单设计1.1、图片列表项1.2、为链接增加背景色1.3、为链接增加背景图片1、掌握翻转链接的设置方法。2、掌握背景图和翻转链接的结合方法。2网页布局设计2.1、层布局过程2.2、层布局结构设计训练项目、个人首页设计II(I)1、巩固掌握层布局的设计过程。3完成首页左部分模块3、完成首页左部分模块1、完成首页左部分模块。4完成旅游网站首页设计4、完成旅游网站首页设计1、完成旅游网站首页设计。73.3学时安排任务名称任务内容学时分配1、为网页添加链接及文本1.1文本标志1.2多媒体标志1.3相对路径和绝对路径1.4链接标志1.5其他标志42、为网页添加表单及表格2.1表格标志2.2表单标志23、为网页中添加CSS3.1CSS概念3.2CSS编写方法24、利用CSS设置文本样式4.1CSS文字样式4.2CSS段落文字25、CSS设置段落及表格样式5.1、段落样式设计5.2、无边框表格设计5.3、特殊表单设计26、完成个人网站首页设计6.1、布局基础知识6.2、利用表格布局6.3、完成个人首页设计27、利用容器属性装饰网页7.1容器属性28、利用CSS定位页面内容8.1布局标记8.2盒子结构8.3元素浮动8.4元素定位29、制作网页图文混排效果9.1、float设置9.2、定位的使用9.3、图文混排效果设计210、制作特殊链接和列表10.1、链接特效10.2、列表设置10.3、综合应用211、利用层对网页进行布局11.1、层布局基础11.2、个人博客层布局设计212、完成个人博客设计12、完成个人博客设计213、网页菜单设计13.1、图片列表项13.2、为链接增加背景色2813.3、为链接增加背景图片14、网页布局设计14.1、层布局过程14.2、层布局结构设计训练项目、个