《网页设计与制作》课程标准

营销型网站建设实训

课程标准

课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分

一、课程定位

1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。

围绕电子商务专业的培养目标，该课程的定位为：

.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。

.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。

.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。

2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。

通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。

知识目标：

•熟悉和掌握静态网页设计与制作的基本知识；

•掌握Web国际标准基础知识；

•了解和熟悉HTML语言；

•掌握静态网页设计与制作的知识；

•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；

•掌握网站检查与发布的知识；

•坚持手写代码，形成良好的代码规范编写习惯。

能力目标：

•具备信息收集、处理、准备、加工的能力；

•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；

•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。

素质目标：

•按时守信的诚实作风；

•乐观向上的敬业精神；

•沟通协作的团队意识；•知识获取和应用的自主学习能力；

•探索实践的创新能力；

•手写HTML代码的能力；

•正确使用手册的能力。

3.前导后续课程衔接《网页设计与制作》课程作为电子商务专业的一门专业基础课，是面向“网站维护”职业岗位的学习领域课程，也是满足职业岗位任职要求的基本能力课程，侧重于学习基于W3C网页设计标准的静态网页的设计与制作、HTML语言、CSS样式等相关知识。

本课程的前置课程是网络营销基础、办公技能与应用、Ph。toshop图像处理、网站策划，其后续课程是“网站优化类”课程。可以解决中对网站前台界面的设计和制作需求。二、课程设计

1.课程设计理念

（1）课程设计体现动手实践能力

同类课程大都围绕网页设计与制作软件（如：Dreamweaver）的功能使用展开教学。为使学生毕业后能满足实际工作岗位的需求，课程教学必须要教会学生熟悉Web标准，掌握DIV+CSS网页布局方法，使用网站建设的流行技术，坚持手写代码，形成良好的代码规范编写习惯，制作符合Web标准的静态网站，为后续“Web系统开发技术类”课程的学习打下良好的基础。由此，形成了课程设计的雏形。

本课程倡导“开放式学习、实践中学习、自主学习、按需学习”的学习观念，本课程的教学资源全部可在网上浏览和下载，任何学习者（Anyone）在任何时候（Anytime）、任何地方（Anywhere）都能获取知识、训练技能，保证学习者按需学习和自主学习。

注重与企业合作，按照“职业岗位一岗位需求能力一确立教学项目”的项目导向式的运行机制来组织教学，以突出专业课程的职业性、实践性和开放性……

⑵课程教学贯穿职业能力和素质培养

在进行课程设计时，通过将理论知识和实践技能整合，将专业能力培养和职业素质培养整合，将工作过程与学生认知规律整合，使课程教学贯穿职业能力和素质培养。通过创设真实的情境获得职业内容和工作环境的感性认识；学以致用，通过融“教、学、做”一体的教学活动、通过实施以学生为中心的教学，通过提高教师的教学驾驭能力和发挥榜样作用，切实提高人才培养质量。

（3）课程实施通过真实任务驱动在具体教学过程中，以真实项目导向，真实任务引领，并以任务驱动来完成整个教学过程。在任务中涵盖教学的基本要求和从事实际工作所需要的知识和技能，并留有自主学习和拓展提高的空间。让学生介入完成实际工作任务，让已有知识和技能作为完成下一步任务的基础，让完成任务的过程成为一个愉悦的过程，让学生在完成任务后取得明确的成果，让自主获取新的成果成为进一步激发学习热情的动力。

2.课程设计思路围绕“将工作任务转化为真实项目导向、任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。

（1）工作任务分析

“用户界面设计（UI）”职业岗位的核心工作任务是：网页设计与制作，即：网站前端设计。

其具体的工作为：按照客户的要求进行网站规划和网页设计，综合运用网页编辑软件、图像处理软件（或Fireworks）设计和制作网页，应用DIV+CSS网页布局设计方法，完成基于Web国际标准的静态网站策划、分析、设计、布局、测试的工作，并解决'Web系统开发技术类”课程中对网站前台界面的设计和制作需求。坚持手写代码，形成良好的代码规范编写习惯，也为今后胜任小型动态网站建设、大型网站的规划与建设工作打好基础。

（2）工作任务设计

在网页设计与制作课程学习领域中贯穿两个平行的项目：一个是模仿项目：北京大学网站设计与制作；一个是拓展项目：绿色食品网站设计与制作；模仿型项目来源于北京大学网站，这是一个真实的项目，也是一个学生感兴趣的项目。以模仿型项目作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该项目中。根据网页设计和网站建设的实际工作流程，将该项目分成若干子任务，学生依据任务样本，在教师的示范引导下通过模仿而逐个完成子任务，最后完成项目，获取学习成果。

与完成该模仿型项目相平行，以拓展项目作为提高。教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。在主讲教师和企业兼职教师的共同指导下，组织学生参与实际项目开发，全面锻炼学生的综合素质和职业能力。

创建的网站包括3个页面，分为两层，第一层为首页，第二层为1个列表页和1个详情页。

教学内容完全根据真实任务来确定。网页只有链接成网站才有其存在的意义，所以网页设计与制作实际上就是网站设计与制作。

（3）教学模式设计该课程采用“项目导向、任务驱动、理实一体”的教学模式。

课程教学全部在多媒体网络机房进行，整个教学过程分为“项目的导入〉逐个完成由模仿项目切分而成的子任务，与此同步逐步完成拓展型项目>最后完成两个项目（获取学习成果）”的过程，辅以课余参与实际项目的开发，给学生提供进一步锻炼与提高的机会。

（4）评价考核模式设计课程考核是检验课程教学效果、学生知识技能掌握程度的有效手段，本课程在设计考核

方式时应遵循学生主动性原则、合作学习原则、体验成功原则、注重过程原则，对网页设计与制作课程的考核方式进行全方面、多角度的设计。

本课程主要采取“平时考核+阶段考核+综合评价”综合性的考核方式。该课程实行“以完成模仿项目质量为基础，以完成拓展项目质量为重点，兼顾质量、学习态度、学习纪律、协作能力等，全方位、多角度”的考核评价模式。

将课程考核分为：平时、阶段和综合三部分。

平时考核依据完成模仿项目的质量。学生在教师引导下完成模仿项目情况能准确地反映