陕西国防工业职业技术学院..:精品课程--网页设计:..

高等学校省级精品课程简介

课程名称：网页设计

分类体系：计算机类

授课对象: 计算机应用、计算机网络专业专科生

主讲教师：胡昌杰

湖北职业技术学院
二OO四年八月十日

·课程简介

一、教师队伍

1、课程负责人林锦章
课程负责人：林锦章男，1964年出生，毕业于华中科技大学，工学硕士，副教授。近五年来，主讲《网页设计》、《网络基础》、《数据库程序设计》、《计算机应用基础》等理论与实践课程，周学时6节，已任教四届，学生共计700余人。同时承担实验教学和毕业论文答辩共四届达580人。2003年任《中国高等职业技术教育研究会IT类专业协作委员会》委员，参与湖北省" 九·五 "重大教育课题《高等职业教学内容、教学方法、教学手段的研究》。在2003年"湖北省精品课程—《网页设计》"建设中，任课程负责人。2001年12月至2002年12月承担国家高新技术研究发展计划（863计划）---《瓦级全固态激光器关键技术及产业化》课题中“电子技术”部分的主题研究；2003年5月至2005年6月承担中国船舶军工集团第七院717研究所“新型激光谐振腔的研制”课题研究，完成“民口配套研制项目可行性研究报告”并主要参加其中的“实验研究”工作。在SPIE上发表论文三篇，1997年主编出版《电工学》教材、2004年主编出版《C语言程序设计》高职类教材。

2、主讲教师：胡昌杰
主讲教师；胡昌杰，男，1969年8月出生，1993年6月毕业于湖北师范学院物理专业，2003年9月在职攻读华中科技大学工程硕士研究生，讲师。自1998年以来主讲网络工程、网络数据库、网页设计、计算机网络安全技术、JAVA语言程序设计等课程的教学与理论研究工作。多次主持网络工程专业实验室和湖北职院校园网的建设。发表学术论文5篇，为满足教学之需要，主编、主审、副主编、参编各类教材、辞典及资料3本。

3、教师队伍结构

姓名	姓别	出生年月	职称	学科专业	在教学中承担的工作
张怀中	男	1968．11.04	副教授	软件工程	信息系统
林锦章	男	1964．04.06	副教授	光纤通信	网络基础
唐新国	男	1959．10.14	副教授	计算机及应用	计算机基础
潘志安	男	1967．10.22	副教授	软件工程	信息系统
许新华	男	1968．06.20	副教授	网络系统	网站建设
胡昌杰	男	1969．06.13	讲师	网络工程	网站建设
朱红高	男	1969．07.23	讲师	网络系统	网络维护

4、主要成员教学经历
　　 7个骨干教师全部具有本科学历，其中有2人是武汉大学的在职研究生；3人是华中科技大学研究生。
主要成员教学经历：
　　张怀中，教龄15年，连续3年被评为先进教师，年度考核2次被评为优秀等次。
　　林锦章，教龄18年，连续5年被评为先进教师，年度考核3次被评为优秀等奖。完成“民口配套研制项目可行性研究报告”，并主要参加其中的实验研究工作，在SPIE上发表论文三篇，并被EI收录。发表学术论文8篇，出版教材1本。
　　唐新国，教龄25年，连续5年被评为先进教师，年度考核3次被评为优秀等奖。发表学术论文38篇，出版教材9本。
胡昌杰，教龄12年，连续3年被评为先进教师，年度考核3次被评为优秀等奖。发表学术论文3篇，出版教材5本。
　　按照以培养为主，培养与引进相结合，以专职为主，专职与兼职相结合的思路，注重老师学历和职称结构的优化，特别是加大对35岁以下青年教师的培养力度。每学期选派中青年优秀教师到相关大学进修、培训或到各相关公司进行培训学习。每年鼓励一定数量的青年教师参加各种研究生学习考试，以进一步提高个人学历及我系的教师整体水平。通过各种考试，已选送张怀中、胡昌杰、王斌、李远敏、袁瑛、潘志安、赵荣、李岚、许新华等教师攻读华中理工大学、武汉大学等的相关专业的硕士研究生。在此基础上，我们又以此课程为突破口，先后三年以进修的形式派李进军、胡征勇、沈平、沈小波、朱运桥等同志学习网页制作的相关课程。先后派胡昌杰、李进军、朱运乔、胡征勇、沈平、朱红高、胡世港等到各大学或公司专业进修学习并获得了相关证书。为本课程及网络工程技术专业配备了一大批优秀的专业技术人才。

5、教改项目和措施
    我们为了适应计算机网络的发展和多媒体教学的需要对本课程的教学内容进行了大胆的整合。《网页设计》课程原是网络工程专业的一门重要专业课。主要涉及到《FRONTPAGE网页设计》、《HTML网页制作》、《JavaScript网页编程》三个方面。以前作为三门独立的课程，由三名教师承担教学任务，这样就产生了三门课程在很大地程度上出现教学内容重复、教学方向不易把握和学生的教学实践无法达标的问题。在本学期教学中，我们根据本专业学生必须达到的能力模块进行了三门课程的内容整合。删除了教材中过时的、理论性偏强的部分章节，以学生完成网页设计这一项目所必须掌握的能力模块为根本、以“能懂、够用、实用”为教学原则、以教学项目模块为中心，以学生为主体，以培养学生动手能力为目标，分阶段达标的方法指导整个教改思路。
    一、我们将整个教学内容分为三个阶段，每一阶段设计了若干能力教学模块。
       第一阶段使学生能熟悉并熟练使用网页制作工具FRONTPAGE；第二阶段使学生能熟练使用网页设计的超文本置标语言HTML；第三阶段为学生能使用JavaScript脚本语言编程设计网页中的特效。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标。
    二、充分利用多媒体设备组织教学
       在备课时，我们将教学内容制作成了课件，在教学中通过投影演示每一个教学项目的实现过程及具体的分解方法。在课堂上通过分组讨论、学生演示和讲解、课堂练习等方式组织学生参与到教学的过程中来，促进教学过程中的师生互动；通过设计具有多媒体组件的网页和欣赏FLASH特效来活跃课堂氛围。同时，在学生上机实践时在机房进行部分案例项目的现场教学，让学生边听讲，边练习。
    三、以能力培养为主线，强化实践性教学，突出“理论教学为实践教学服务”的教改重点。
        在实践教学中，我们设计了规范的实验大纲，在每次实验前将实验内容给学生。使学生实验前有准备，实验进行有目的，实验结束有收获。
    四、以学生实际能力考核为出发点，完善考试方法和制度
       1、参考平时上课和上机的考勤记录为总成绩的10%。
       2、学生在规定的一周时间内设计一个含5个以上页面的个人站点，具体内容需包含表格、表单、图片热点链接、时钟设计及日期显示设计、动态页面设计、个人资料介绍等。以此来综合全面考查学生的动手能力、实际操作能力，并让学生在完成此内容后全部上交磁盘由主讲教师在计算机上测试并评出学生的成绩，形成对学生专业技能的进行评价。此成绩占总成绩的20%。
       3、平时要求学生完成两次在计算机上网页设计设计方案及内容，两次实验报告的作业和两次书面作业，作为学生的平时考查成绩。此成绩占总成绩的20%。
       4、进行定性和定量的综合理论考核和上机考试，重点考查学生对教学知识点的理解和能力项的掌握以及实际操作能力等。网页设计理论考试由教研室统一命题，分A、B两卷，系临考前随机抽卷使用。试卷要求难易恰当，重点突出，涵盖面广，命题深度、广度符合教学大纲要求。此理论考试占总成绩的30%，实验考试做20道题的标签，让学生自己抽题，并六个人一组在主讲教师的监视下限20分钟内完成，并评出A、B、C、D等级作为学生的考查成绩、此实验占总成绩的20%。
       5、利用专门的学生成绩管理软件系统对学生的成绩进行综合分析，以找出下一步工作的重点和教学薄弱点。
       经过这些教学改革尝试，实际教学效果比较好，学生的学习兴趣很浓，动手能力也得到了锻炼和提高。在下一阶段的教学中，我们将进一步尝试和完善以教学项目模块为中心的教学模式，精心设计教学案例，进一步增强课堂中的师生互动和活跃课堂气氛，寓教于乐，争取更好的教学效果。

二、教学内容

1、课程内容体系结构
　　《网页设计》课程是我院重点专业-----网络工程技术专业的一门核心课程也是一门综合课程，它涵盖了《FRONTPAGE网页设计》、《HTML网页制作》、《JavaScript网页编程》等多项相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧，为后续《网站建设及安全技术》、《网络数据库技术》等课程打下一个坚实的基础。
      通过本课程的学习，使学生掌握运用FRONTPAGE进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握JAVASCRIPT脚本编程语言的基本语法知识，HTML中JAVASCRIPT程序的嵌入方法，对象的概念及使用JAVASCRIPT来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。

2、实践性教学的设计思想与效果
　　在实践教学中，我们设计了规范的实验大纲，在每次实验前将实验内容给学生。使学生实验前有准备，实验进行有目的，实验结束有收获。
    我们将整个教学内容分为三个阶段，每一阶段设计了若干教学模块。第一阶段的教学目标为：熟悉并熟练使用网页制作工具FRONTPAGE；第二阶段的教学目标为：熟练使用网页设计的超文本置标语言HTML；第三阶段的教学目标为使用JavaScript脚本语言设计网页中的特效。每一阶段的教学内容完成后，我们在机房组织单元考核，以实现分阶段达标。
    充分利用多媒体设备组织教学。在备课时，我们将教学内容制作成了课件，在教学中通过投影演示教学。在课堂上通过分组讨论、学生演示和讲解、课堂练习等方式组织学生参与到教学的过程中，促进教学过程中的师生互动；通过设计具有多媒体组件的网页和欣赏FLASH特效来活跃课堂氛围。同时，我们尝试在机房进行了部分案例项目的现场教学，让学生边听讲，边练习。
    以能力培养为主线，强化实践性教学，突出“理论教学为实践教学服务”的教改重点。
经过半个学期的教学改革尝试，效果比较好。学生的学习兴趣很浓，动手能力也得到了锻炼和提高。
    在后一阶段的教学中，我们将进一步尝试和完善以教学项目模块为中心的教学模式，精心设计教学案例，进一步增强课堂中的师生互动和活跃课堂气氛，寓教于乐，争取更好的教学效果。

三、教学条件：

1、教材建设
　　网页设计与制作教程、主编：胡昌杰、科学出版社
java程序设计实训教程、主编：胡昌杰、科学出版社

2、实践教学环境
　　我系共有八套多媒体投影机教学设备，能满足我系的教学工作，按照我系要求，所有教师在上课时要有教案、电子教案及实验教案。所有教师都能使用电化教学设备，所有专业教师都能进行计算机辅助教学和多媒体教学。
在实验设备上，学院在原有设备的基础上,于2000年投资46万建设计科系专用基础实验室、2001年投资38万元建设了专业实验室、2002年初总投资达220万建成了学院的校园网(千兆主干光纤，百兆到桌面及学院信息管理系统等)、2003年11月学院投资148万元在1号教学楼七楼建设了《网络工程技术实训中心》下含《网站设计实验室》、《网络操作系统实验室》、《网络互连及布线实验室》等三个大型实验室，极大地改善我本专业和本课程的办学条件，为学生提供了提高理论水平和实践技能的一个良好平台。

		（1）、网络操作系统实验室功能简介网络系统集成NSI(NETWORK SYSTEM INTEGRATING)是在系统工程科学方法的指导下，根据对用户需求的分析和计算机软硬件工程开发的技术规范，提出计算机网络系统的解决方案。并将该网络硬件系统、软件系统、人员系统进行综合，集成为可以满足设计功能、性能要求的完整体系。 ◙ 先修课程网络基础，计算机网络工程 ◙ 实训模块 A、以太网及WINDOW98对等网络。主要掌握构建简单以太网和测试方法。熟悉网络组件及网卡、协议、客户、共享资源等参数的设置和安装方法。
B、WINDOWS 2000 SERVER安装及管理。：协议管理与路由器的使用，用户和安全管理与资源使用。WEB应用开发、远程服务、代理服务设置及防火墙技术。 C、UNIX网络操作系统。包括网络系统管理、掌握UNIX网络组成及网络驱动程序和协议程序在网络中的作用。 D、LINUX网络操作系统网络实训。通过实训掌握LINUX的安装方法和具体过程，并熟悉LINUX的工作环境。 E、异种网络系统及局域网络互联及使用实训。 ◙ 面向专业网络工程技术专业、计算机软件应用专业、电子与信息技术专业等。实训能力评价通过模拟实际中的多种网络环境来训练和培养学生在网络设计，网络管理和网络应用三个方面的综合能力。进行网络的安装设计、配置、互联以及局域网络中常见故障的排除。以及网络数据库的应用和开发。使学生能够独立地熟练地使用、维护、管理计算机系统，并能够对计算机及网络系统进行维护并进行软硬件故障的排除。
		（2）、网络互连及布线实验室功能简介本实训内容是在完成“计算机网络系统规划、设计、安装与配置实训”后进行的，运用简单网络管理协议(SNMP)、 TCP/IP协议、代理服务器等，掌握网络安全技术、构筑防火墙、广域网的接入、网络运营实训、网络应用系统开发等内容。 ◙ 先修课程网络基础与网络操作系统、网络安全与系统维护 ◙ 实训模块 A、网络管理：掌握网络的配置、性能、故障、安全和记帐管理。熟悉运行网管软件平台方法，掌握面向特定网络功能、网络设备、操作系统管理的支持软件系统。 B、网络安全：了解网络安全技术，了解防火墙的几种结构，理解虚拟网络的概念，设置网管系统技术。
C、广域网组成：掌握局域网与英特网连接，接入方式、设备的选择和设计。 D、构造应用：掌握INTERNET和INTRANET系统构建与开发平台。WEB的体系结构和工作机制，WINDOWS对象的结构属性和方法。 E、远程访问代理服务：建立网上服务管理系统，提供信息查询，文件上传下载。进行电子文件管理，建立综合远程管理信息系统。 F、提供CCNA、HCNE证培训的实训。提供CISCO公司及华为公司的网络工程师认证的教学和实训。 ◙ 面向专业网络工程技术专业、网络认证培训学员、电子与信息技术专业等。实训能力评价通过实训学生掌握网络设备的识别，网络安全，广域网接入的构造与应用。独立完成企事业单位网络系统集成的“软环境”设计与施工，培养计算机网络日常管理人员，计算机网络客户端软件开发人员，网上信息资源制作人员，计算机网络开发及信息开发管理与维护人员，网络安全人员。
		（4）、计算机基础实训室(共8个) 功能简介计算机基础实训室主要承担计算机基础知识与操作、程序设计语言、高等数学、软件开发技术、流行应用软件、数据库原理及应用；计算机辅助设计、微机邦联诊断与维修、VB、C程序设计等内容，经过严格的训练，可以使学生掌握坚实的计算机操作持能，为社会培养技能型、应用型人才奠定基础。 ◙ A Office2000、 Windows2000计算机基础实训 B IE5、 Internet网络基础实训 C FrontPage2000多媒体计算机技术 PhotoShop多媒体计算机技术 D C语言入门、C++程序设计 Visual Basic6.0程序设计 Fortran优化设计 E SQL Sever数据库原理及应用、 Visual Foxpro6.0程序设计、Mathematica2.2应用数字与计算 ◙ 面向专业网络工程技术专业计算机及应用专业 ◙ 硬件环境实训能力评价通过计算机基础的实际训练，可以掌握计算机应用多方面软件知识，同时可以获得国家教委劳动人事部颁发的职业证书，为毕业生就业创造良好件。
		（4）、计算机基础实训室(共8个) 功能简介计算机基础实训室主要承担计算机基础知识与操作、程序设计语言、高等数学、软件开发技术、流行应用软件、数据库原理及应用；计算机辅助设计、微机邦联诊断与维修、VB、C程序设计等内容，经过严格的训练，可以使学生掌握坚实的计算机操作持能，为社会培养技能型、应用型人才奠定基础。 ◙ A Office2000、 Windows2000计算机基础实训 B IE5、 Internet网络基础实训 C FrontPage2000多媒体计算机技术 PhotoShop多媒体计算机技术 D C语言入门、C++程序设计 Visual Basic6.0程序设计 Fortran优化设计 E SQL Sever数据库原理及应用、 Visual Foxpro6.0程序设计、Mathematica2.2应用数字与计算 ◙ 面向专业网络工程技术专业计算机及应用专业 ◙ 硬件环境实训能力评价通过计算机基础的实际训练，可以掌握计算机应用多方面软件知识，同时可以获得国家教委劳动人事部颁发的职业证书，为毕业生就业创造良好件。
4、经费投入及使用　　根据专业建设的需要，总投入资金482万元。　　在实验设备上，学院在原有设备的基础上,于2000年投资46万建设计科系专用基础实验室、2001年投资38万元建设了专业实验室、2002年初总投资达220万建成了学院的校园网(千兆主干光纤，百兆到桌面及学院信息管理系统等)、2003年11月学院投资148万元在1号教学楼七楼建设了《网络工程技术实训中心》下含《网站设计实验室》、《网络操作系统实验室》、《网络互连及布线实验室》等三个大型实验室，极大地改善我本专业和本课程的办学条件，为学生提供了提高理论水平和实践技能的一个良好平台。

四、教学手段与方法：

1、改革传统教学方法，激发学生的专业兴趣及专业潜能。
　　在教学方法上，要逐步从以教师为主体的知识灌输型，转变为以学生为主体的素质能力培养型教育。大力提倡启发式、直观式、讨论式教学，鼓励学生独立思考，激发学生的主动性。实行模拟教学、案例教学、模块教学等先进有效的教学方法和模式，不断增强学生应用能力，使理论教学和实践有机结合起来。

2、改善教学设备，丰富教学手段，提高教学效率，提高教学效果。
　　加强对现代教育技术、手段的研究和应用，投资建立网络中心、多媒体实验室、多媒体计算机房，加快计算机的辅助教学软件的推广使用，改善目前教学手段单一现状。

3、构建项目教学--分阶段练习--项目实验--专业实习实训相结合的以动手为根本特点的专业教学运行机制。
    我们根据本专业学生必须达到的能力模块进行课程的内容整合。删除了教材中过时的、理论性偏强的部分章节，以学生完成网页设计这一项目所必须掌握的能力模块为根本、以“能懂、够用、实用”为教学原则、以教学项目模块为中心，以学生为主体，以培养学生动手能力为目标，分阶段达标的方法指导整个教改思路。
    一、我们将整个教学内容分为三个阶段，每一阶段设计了若干能力教学模块。
       第一阶段使学生能熟悉并熟练使用网页制作工具FRONTPAGE；第二阶段使学生能熟练使用网页设计的超文本置标语言HTML；第三阶段为学生能使用JavaScript脚本语言编程设计网页中的特效。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标。
    二、充分利用多媒体设备组织教学
       在备课时，我们将教学内容制作成了课件，在教学中通过投影演示每一个教学项目的实现过程及具体的分解方法。在课堂上通过分组讨论、学生演示和讲解、课堂练习等方式组织学生参与到教学的过程中来，促进教学过程中的师生互动；通过设计具有多媒体组件的网页和欣赏FLASH特效来活跃课堂氛围。同时，在学生上机实践时在机房进行部分案例项目的现场教学，让学生边听讲，边练习。
    三、以能力培养为主线，强化实践性教学，突出“理论教学为实践教学服务”的教改重点。
        在实践教学中，我们设计了规范的实验大纲，在每次实验前将实验内容给学生。使学生实验前有准备，实验进行有目的，实验结束有收获。
    四、以学生实际能力考核为出发点，完善考试方法和制度

4、进一步扩大和完善校外实习基地
　　学院1号教学楼计算中心是我系的专业基础和部分专业课教学的实训和实习基地。
     计算机组装实验室和网络组装实验室能完成网络工程专业课的实训和实验，并具有承担学生实验的功能，可以提高学生的学习兴趣。此外，亚光医用电子有限公司作为产学研基地。
     我们已经在4404厂、审计局、信息产业局建立实训实习基地，将逐步加强与福星科技、孝感供电局变电分局合作，同时认真落实“产学”结合方针，积极开展联合办学，在做好省内实训基地建设的基础上，大力拓展省外实训基地，目前已与广州天河人才交流中心、成都市远大电子科技公司达成合作意向。
     我们正在与华为-3COM公司联系，并准备挂牌成立《华为-3COM网络认证培训学院》

五、课程建设规划

（一）本课程的建设目标、步骤、课程资源上网计划等
     1、加大"双师型"教师培养力度。
　　鼓励教师到行业部门、到企业实训；鼓励教师报考各种职业资格考试；聘请相关部门的专业人员做兼职教师。按照以培养为主，培养与引进相结合，以专职为主，专职与兼职相结合的思路，注重老师学历和职称结构的优化，特别是加大对35岁以下青年教师的培养力度。每学期选派中青年优秀教师到相关大学进修、培训或到各相关公司进行培训学习。每年鼓励一定数量的青年教师参加各种研究生学习考试，以进一步提高个人学历及我系的教师整体水平。
    2、《网页设计》课程是自99年计算机科学与技术系成立就作为计算机应用专业的一门专业课程在开设。
    3、为了把此课程办成我专业的一门精品课程，我系先后培养了李进军、王斌、余丽、沈平、李岚等一批中青年教师，2001年2月，为了更好建设这门课程，以计算机科学与技术系系主任张怀忠负责，以网络工程技术专业教研室主任胡昌杰为课程建设负责人，进行了为期一年的课程建设。重新定制了本课程的教学大纲、实验大纲、教学计划、实验计划、并对本课程进行了课程调整。
    4、自2003年起，我系加大了教学改革力度，《网页设计》课程作为专项改革课程，重新配置了教学资源、从师资队伍、多媒教室的使用、专业实验室的使用、新增实验室的建设等各个方面都给了极大支持。
为了保障其教学效果，我系配置了7名骨干教师：张怀中（研究生，副教授）、林锦章（研究生，副教授）、胡昌杰（讲师）、唐新国（副教授）、潘志安（高级工程师）、沈平（助教）、朱红高（讲师）等。其中专职教师6人、实验技术人员1人。

（二）、本课程已经上网的资源名称列表
1、《网页设计》精品课程介绍
2、《网页设计》理论教学大纲
3、《网页设计》理论教学计划
4、《网页设计》实践教学大纲
5、《网页设计》实践教学计划
6、《网页设计》理论教案讲义
7、《网页设计》实践上机指导
8、《网页设计》精品课程课件
9、《网页设计》实践练习题库
10、在线视频
11、网上答疑

六、说明

1、网络工程技术专业建设委员会
主任：李本初（湖北职业技术学院副院长教授）
副主任：张怀中性别：男系主任研究生副教授
林锦章性别：男系副主任工学硕士副教授

成员：许三林、张怀中、林锦章、胡昌杰、唐新国、潘志安、许新华、朱红高、李进军、孙健、杨华芬

2、网页设计教学改革专班
成员：张怀中、林锦章、胡昌杰、唐新国、潘志安、许新华、朱红高

3、有关配套政策
（1）学院制定了教科研成果奖励办法，对在教学研究和教学改革上做出贡献的教师给予物质和精神奖励，在评选先进、晋级、晋升职称时给予优先考虑。
（2）在重点专业建设上，学院给予财力、人力、物力的支持。

湖北职业技术学院计算机科学与技术系

2004年9月