静态网页设计课程标准

《静态网页设计》课程标准

1. 概述

课程的性质

《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。学生毕业后可胜任网站管理员、网页设计师等工作岗位。

课程设计理念

本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。

课程开发思路

本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。经验从实践中来，因此学生实验课时约占到了总课时的三分之二。

按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需

要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。

2.课程目标

本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力。使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。为以后的学习动态网页设计课程打下基础。

知识目标

(1) 了解WEB站点的工作原理；

(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；

(3) 了解服务器、客户端、浏览器的概念和作用；

(4) 掌握常规网站的规划及流程；

(5) 熟练掌握HTML语言中各种标记符的运用能力；

(6) 熟练掌握Dreamweaver应用软件的使用；

(7) 理解网页中脚本语言的使用方法；

(8) 熟练开发常规静态网站。

素质目标

(1) 培养具有较强的网页设计创意思维、艺术设计素质；

(2) 培养学生在学习过程中解决困难的能力；

(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；

(4) 培养学生理论联系实际的工作和学生方法；

(5) 培养具有高度责任心和良好的团队合作精神；

(6) 具有社会责任感。

能力目标

(1) 熟练掌握Dreamweaver应用软件制作网站及网页；

(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接；

(3) 掌握在网页中添加CSS的方法；

(4) 培养学生设计、制作和维护动态网站。

(5) 培养学生搜集资料、阅读资料和利用资料的能力；

(6) 能独立制定、实施工作计划。

(7) 具备检查、判断能力；

(8) 具备简单的需求市场分析能力。

3.课程内容和要求

4.课程实施和建议

课程的重点、难点及解决办法

课程的重点：HTML语言、网页的布局方式、CSS及属性的设置。

课程的难点：CSS及属性的设置、JavaScript及文档对象模型。

解决办法：

(1) 为树立学生网页设计思想，掌握网页设计与制作相关技术精髓，在理论教学上，我们采用“项目驱动”教学方法，将相关知识点融入项目，通过项目实现，让学生掌握网页设计与制作关键技术，并对Dreamweaver工具制作网页有一个直观和更加感性的认识，再通过案例演示、实用教学等方法，从项目中提炼出相关知识点，让学生掌握学习HTML与CSS的基本方法与技巧。

(2) 在培养学生基本编程能力方面，我们采用“榜样学习”的模式，学生在教师讲解的项目的基础上，完成与之知识点类似的项目，以进一步强化学生的实际编程能力。

(3)在培养学生实际工程能力方面，我们采用“三段论”教学方式，通过“项目调研、项目实现、项目验收”，熟悉企业项目开发流程，培养学生分析问题、解决问题能力和团队合作能力。

(4) 学生创新能力方面，对学习程度较好的学生，通过让学生跟踪网页设计与制作新技术，锻炼学生的创新思维能力，并带动整体学风建设。

(5) 在遵循本课程标准的前提下，可根据企业的实际需求，可适当调整或修改教学情境，从而更好的达到教学的目的。特别是对新知识，新技术的选取上尤其重要。

教学方法和教学手段

4．2．1教学方法

本课程主要采用“任务驱动式”教学法、“讨论法”教学法和“项目案例”教学法等多种教学方法。

（1）任务驱动式教学：把教学内容巧妙地隐含在每个任务之中，让学生提出问题，分析问题，自己解决问题，培养学生的自学能力和相对独立的分析问题、解决问题的能力。

（2）讨论法教学：同学之间讨论问题，可以让学生养成独立思考问题、相互交流意见的习惯，从而提高他们分析和解决问题的能力。

（3）项目案例教学法：以一个实际的项目或案例（超级课表）为例展开教学，将知识点融入项目中，运用面向对象的思想进行分析、设计和实现，树立学生面向对象的程序设计思想。

4．2．2教学手段

多媒体教学：在课件设计中，营造轻松活泼的课堂气氛，通过图片、动画、实例演示等方式使课程内容变得容易理解、学习，教学方式更为直观生动，教学过程更为紧凑，更能吸引学生的注意力，学生更能发挥学习的主体性和能动性，从而本课程的教学效果更为显著。

软件模拟教学：由于程序设计课程的特点，如果将程序以课件形式提供给学生，学生可能会出现照抄课件的情况。因此，在课堂上，对于要实现的程序，都是主讲教师边分析，边实现。学生在教师分析的同时，可以自己实现程序，通过与教师所写程序的比较，找出自己的不足，提高自己的程序编制能力。

网络教学：在课堂教学的基础上，课程组开发的网络课程为学生提供了教学课件、论坛讨论等前沿技术拓展学习资料。利用校园网的优势，我们把该课程的所有教学资源上网，并利用电子邮件、课程BBS与学生进行课外交流，为学生提供了更为广泛的沟通渠道与环境。通过网络平台，学生可根据自己的学习情况有重点地选取再学习的内容，提高了课程学习的效率。

教学评价