【关键词】研究性教学；网页设计与制作；人才培养
中图分类号：G420
所谓研究性教学，是指确立以探究和创新为核心的教育理念，更新教育教学观念，着眼于培养学生的探索精神和创造性，构建以培养学生的创新精神和创新能力为基本价值取向的教学内容和教学方法体系，着力解决教师研究性"教"和学生研究性"学"的问题，培养具有创新意识和创新能力的高素质人才，发挥学生在学习过程中的主动性和积极性，使之成为我国经济社会发展需要的具有较高素质和较强能力的易就业人才。
一、课程研究性教学的目的和意义
《网页设计与制作》课程研究性教学的实践性探索旨在通过对网页设计与制作职业岗位群的分析，充分了解市场对本专业学生知识、能力、素质的要求，确定切合市场、科学合理的模块化课程体系，选用适当的教学手段和方式，有效地促进教学质量的提高，提高学生的专业技能和就业机率，最终实现专业培养目标。
二、课程研究性教学的理论依据
1、现代学生观
2、多元智力理论
3、建构主义学习理论
4、发展性教学评价理论
三、课程研究性教学的实践过程
1、网页设计与制作岗位需求分析
通过广东省大中专毕业生就业指导中心网站、智联招聘、中华英才等专业招聘网站对广州、北京、上海、哈尔滨、南京、天津、武汉、深圳、沈阳、杭州、西安等大中型城市的人才招聘信息进行分析统计，确定与高职《网页设计与制作》课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计、网页编辑、网站运营，在这些岗位需求中，选取了800个岗位进行分析，如表1所示。
2、根据岗位需求分析，构建新型课程体系
（1）本课程在计算机类专业课程体系结构中的位置
本课程在计算机类专业课程体系中处于一个非常重要的位置，《计算机应用基础》、《数据库应用技术》、《VB/C语言程序设计》作为其先导课，为其提供必要的知识准备，比如设计平台的熟悉、数据库设计方法的掌握以及程序代码的设计规范等等，而《网页设计与制作》课程又为其后续课程《Web程序设计》、《网站建设与维护》、《软件工程》等课程提供有力的支持，比如管理信息系统开发过程中对于开发界面的设计、学习JSP、ASP/、PHP等开发工具中对于HTML代码的熟悉掌握等等。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质。
（2）课程体系结构内容
从内容结构体系来说，《网页设计与制作》课程包括了五大部分，分别是：网页设计基础知识、网页编程语言、网页设计工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、动态网页介绍、综合实践（实训），它是一门技能整合的课程。
3、《网页设计与制作》课程设计
（1）设计理念
1）突出专业课程的职业性、实践性和开放性。
2）学以致用。
3）学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。
（2）设计思路
以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。
4、教学内容的重构
（1）教学内容的针对性与适用性
《网页设计与制作》是我院计算机网络技术专业的核心课程，同时还是计算机类其它专业、艺术设计类以及电子商务类专业学生的必修课。结合职业需求，我们所确定的教学内容在针对性和适用性方面具有如下特征：
1）教学内容的设置，满足职业能力培养的需要
通过大量的社会调研，分析了网页设计人才应具备的职业能力素养，从而选取合理的教学内容。内容的选取着重培养学生具备以下能力：
①网页的赏析能力
②网页布局的设计能力
③网页色彩运用的能力
④网页的编程能力
⑤常见网页设计工具和图形图像处理软件的运用能力
⑥网站建设和网页的能力
⑦项目开发中的协作能力和人际沟通能力
2）基于工作过程的模块化教学内容的设计
针对职业能力的培养要求，采取基于工作过程的模块化教学，按照网页设计制作实际流程来安排教学内容。
5、教学方法与手段的创新
（1）教学模式的设计与创新
《网页设计与制作》课程是计算机类专业学生的核心课程。为了让学生更好地掌握网页设计的方法和技巧，提高学生的动手能力，借助多媒体手段、电子教室、教学网站、电子邮箱和QQ流等手段，在教学方法上进行了一系列的改革举措：
1）课程内容模块化，化解难点，循序渐进
2）精心准备案例项目，从宏观上进行教学设计
3）微观教学采用"四阶段教学法"，将"教、学、做"融为一体。
4）注重师生互动，营造课堂气氛
5）充分利用现代化教学手段，提高教学效果
6）举办学生作品大赛，展示成果、促进交流
（2）多种教学方法的灵活运用
1）多媒体教学
2）"理论+实践"教学模式
6、建立以应用为导向的考核方式
打破传统的考核模式，建立新的、开放式的全程考核模式。根据本课程的特点，提出并逐步实行以项目系统考核为主线的考"应用"不考"理论"模式，同时也鼓励学生以证代考。成绩评定：
（1）期末综合作品和网页制作水平占50%
（2）平时作业、学习态度、出勤等占30%
（3）阶段性实训作品占20%
五、教学效果
1、学生对专业的学习兴趣明显提高，原来消极学习的学生现在也变成了"好学分子"。
2、 研究性教学的实践性探索的开展，使教师有机会和条件将理论和实践教学两种教学能力结合起来进行系统深入的研究，使理论教学和实践教学两种教学能力在有机结合中得到相互促进、相互提高，受到了学生的普遍欢迎和认可，教师教学的主体地位得到了强化。
3、学生考证通过率显著提高。
【参考文献】：
项目一：个人网站的设计与制作。随着网络技术的不断发展，个人网站已成为人们展示自己的一种手段。本项目将通过制作一个简单的“鸿澜”个人网站，从任务资讯、任务决策与计划、任务实施、任务检查与评估和练习与提高五个方面进行描述，了解个人网站规划与设计的基本原则和主要内容，熟悉网站建设的基本流程，掌握Dreamweaver的基本操作和表格布局排版技术，认识HTML语言的基本结构和常用标记符<table>、<img>、<font>、<p>、<br>等使用方法，培养学生团队合作和独立思考的意识，养成良好的职业素养，为制作更加复杂的网站做好知识准备。项目二：电子商务类网站的设计与制作。21世纪以来，电子商务伴随着IT的成熟，逐渐发展壮大，成为网络经济的核心。企业通过电子商务网站实现了宣传公司形象、企业动态、产品展示、网上订单、网上交易等功能，与客户间的距离进一步贴近。本项目通过完成整个电子商务网站的设计与制作，相关内容层层展开，在学生头脑中形成“如何搭建整体网站”的概念。项目三：中小企业网站的设计与制作。作为企业类网站，主要实现的功能首先是具有较强的盈利能力。其次网站是企业树立形象和展现文化的重要窗口，是为顾客提供服务的一个工具，是企业整体营销战略的一部分。常见功能有企业信息、新闻中心、产品展厅、人力资源、会员中心、留言反馈等。本项目通过某一中小企业类网站的整体设计，培养学生在学习过程中发现问题、解决问题的能力，提高学习的主观能动性。项目四：主题网站的设计与制作。本项目给出网站设计与制作的如下要点：（1）建立网站站点；（2）建立网站页面（首页为：index.html），页面元素完整；（3）应用表格或者div、css布局页面；（4）在页面中插入文字，并用css美化文字大小、字体、颜色等效果；（5）在页面中添加超级链接，并用css美化超级链接；（6）建立模板，并制作其他页面；（7）至少完成8个及以上页面，页面标题栏、状态栏、版权等信息齐全；（8）页面中超级链接如没有链接页面以空链接（#）代替。学生根据以上设计要求，结合所学内容，从旅游类网站、时尚类网站、教育类网站、门户类网站等几个大类中选择某一项进行设计制作。教师将根据学生完成情况的复杂程度和实际效果给予评价，锻炼了学生的实践动手能力，增强了自信心和学习兴趣。
二、教学素材的选用方法
教学素材是以完成课堂教学任务为目的，以教师引导学生开展课堂活动的形式呈现的教学材料。1.合理性。以个人网站设计来说，文本的制作上讲求清晰、明了、突显个性化，Logo和导航的字体、字号设计可以依个人的喜好采取不规则式，选择跳跃感强的色彩。在图像的选取上也是以色彩丰富、形状多样的图案为主。2.整体性。选用的教学素材要能够自然、贴切地把各个知识点整合在一起，教学素材要服务于教学目标，要突出教学的重点。电子商务类网站以从事电子商务为主，对安全、稳定等性能要求较高，比较考验网站中运行的程序。在知识点上以表格嵌套、模版运用、脚本语言和行为语句为重点进行讲解。3.现实性和针对性。课堂教学中选取的素材要符合学生的认知水平和实际生活，教师可以从具体教学对象的特殊性出发，根据教学对象因人、因地、因时选材，为他们“量身定制”针对性较强的教学素材，如在教授电子商务专业学生时，素材的选取多以电子商务平台或某一个人网店为主，以便引导学生从自己熟悉的教学素材中直观体验获取知识、提高能力的喜悦。
三、教学模式在教材中的运用
在《网页设计与制作》校本教材的开发上主要采用“基于过程的项目式教学法”。即“在引导学习者融入有意义的项目完成的过程之中，让学习者积极地探究与发现，自主地进行知识的整合与建构，以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标，项目完成的过程也是学习者学习活动进行的过程”。为此，以项目作品开发为主线，把教材中的范例网站分解成若干个子任务，将课程标准中的图像处理、动画制作、音视频处理、网页页面设计制作、站点维护等多方面的知识点融入其中，在整个课堂教学实施中，教师根据网站设计开发的实际工作顺序安排，以作品演示的方式从头至尾带领学生操作，让其感受网站从无到有一步步制作的全过程，有助于提高学生的学习兴趣，培养其创新设计能力。
四、结语
通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
2.考核方式
>> 浅谈网页设计中页面布局的教学 浅析网页设计中的页面布局 浅述网页设计中的页面布局技术 基于CSS页面布局的网页设计 浅谈网页设计中的布局工具 PHP网页设计中SHTML页面的应用 《网页设计与制作》教学中任务的设计 浅谈《网页设计与制作》课程的实训教学 浅谈《网页制作》教学中任务单的设计 浅谈网页制作课程教学中的引导页设计 网页设计中布局模式的比较 浅谈网页设计与制作中应遵循的一些原则 浅谈网页设计与制作中应注意的几个问题 浅谈项目式教学在网页设计与制作中的应用 网页设计与制作中超链接的运用 《网页设计与制作》 浅谈“网页制作”之网页版面的教学设计 《网页制作》教学中的“任务设计” 浅谈网页制作的经验与技巧 浅析基于Photoshop的网页页面设计方法与流程 常见问题解答 当前所在位置：l”“leflframe.html”“mainframe.html”及“框架示例html”。
第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。
第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。
第七，在左框架的表格中选中文字，分别设置文字的超链接。
第八，按下F12键，打开浏览器查看网页内容。
这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。
三、表格和框架的优缺点
表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。
框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。
使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。
四、小结
关键词:专题学习网站;网页设计与制作;设计
中图分类号:TP393 文献标识码:A 文章编号:1009-3044(2009)15-4089-02
The Design of Subject Learning Webside: Web Design and Making
HUANG Yi-bao
(Gaozhou Normal Subcollege of Maoming University,Gaozhou 525200,China)
Abstract: The development of Information technology improves Educational Informatization. So under the network condition, the buiding of educational resources are the important parts of Educational Informatization. Subject Learning Website represents the importance of the buiding of educational resources. This paper takes the course Web Design and Making ( Gaozhou Normal School of Maoming College) as an example, presenting the design of Subject Learning Webside, and mostly expatiating three aspects: demanding analysis, system design and function design.
Key words: subject learning Webside; Web design and making; design
1 专题学习网站的概述
专题学习网站是指在互联网络的环境下,围绕某门课程或多门课程密切相关的某一项或多项学习知识点,有机地结合起来形成专题,让学习者进行广泛深入研究的资源型学习网站。它可以用来存储传递加工和处理教学信息,能让学生进行自主学习和协作学习,并对学生的学习情况提供在线反馈。根据这些理论,专题学习网站主要包括专题结构化知识库、专题资源库、专题协作学习工具和专题学习评价四大部分内容[1]。
2 专题学习网站的需求分析
《网页设计与制作》在本校是大专学生比较感兴趣的学科,并且本学科具备操作性强、个性突出、资源广泛等特点,有利于引导学生的学习主导性和协作性。
2.1 专题功能需求分析
根据专题学习网站的总体要求和本学科的特点,本专题学习网站主要实现以下功能:
1) 资源管理功能。按专题学习网站的理论要求和教学需要,资源管理功能必须能对资源进行查询、修改、删除、分类、整合等资源处理功能,同时还要提供资源的搜索和资源下载功能。2) 交流讨论功能。向用户提供一个交流讨论的空间,可以对学习内容的交流讨论,也可以上传与学习相关知识或问题或作品进行交流讨论。3) 评价展示功能。包括作业批改、作品展示、自我测试、竞赛投票等在线评价。4) 用户管理功能。包括专题学习网站的资源管理用户、学习留言用户和专题论坛用户。根据不同的需要设置不同的权限,以使师生共同使用和合作管理。
2.2 专题角色需求分析
功能的需求主要来源于角色,不同的角色有着不同的需求。本专题学习网站的角色主要有两类:学习者和管理者。各类用户有自己相应的权限,登录后只能访问自己权限内的功能模块。
1) 学习者的功能需求。学习者主要是利用专题网站进行学习活动,包括查看专题知识与相关资源、交流心得与讨论问题、提交作品与上传资源、测评反馈与投票评价。2) 管理者的功能需求。管理者主要是利用专题网站向学习者提供学习的资源与协作的场景,包括资源管理、讨论管理、评价管理和用户管理。
3 专题学习网站的系统结构设计
3.1 专题学习网站系统框架设计
根据需求分析中的专题网站功能分析,可以把专题网站分为网页基础、动态技术、数据库、辅助工具、作品展示、专题论坛等模块,网站的框架结构设计如下 :
1) 专题结构化知识:网页基础、动态技术、数据库、辅助软件。2) 专题资源库:拓展资源、相关链接、强化训练、素材集锦。3) 专题协作学习工具:学习留言、专题论坛。4) 专题学习评价:作业批改、自我测验、作品展示、竞赛投票。
3.2 专题学习网站系统程序流程设计
根据需求分析中的专题网站角色分析,可以把专题网站分为前台应用和后台管理两个模块,网站的程序流程图(如图1所示)如下。
3.3 专题学习网站体系结构设计
专题学习网站作为管理信息系统又称MIS(Management Information System)的一种,根据功能需要,主要包括前端应用程序以及后台数据库的建立和维护的后台管理。要把前端应用程序与后端的数据库联系起来,即给用户提供数据库相应信息和将用户相应信息存入数据库等,本专题学习网站基于面向互联网和用户机要求不高的基础上,采用的体系结构为B/S。B/S是Brower/Server的缩写,客户机上只要安装一个浏览器(Browser),服务器安装数据库。浏览器通过Web Server 同数据库进行数据交互。那样通过用户的登录,以及相应的权限,就可以实现在远端对系统的浏览、查询和修改。基于B/S的体系结构得出专题网站运行模式包括有客户机、应用程序服务器、数据库服务器三部分[2],其各部分运行工作如下:
1) 客户机:属于表示层,用于界面的入导,接受用户输入,然后向应用服务器部分发送服务请求,最后显示处理结果。2) 应用程序服务器:属于业务逻辑层,执行业务逻辑,向数据库服务器发送请求。3) 数据库服务器:属于数据存储层,执行数据逻辑,运行SQL式存储过程。
4 专题学习网站的功能设计
专题知识资源的输出应用,即前台显示主要是依托动态技术和数据库技术的结合,根据用户需求提供一定的参数,动态地从数据库提取数据,并自动整合为网页形式输出。而作为专题学习网站的管理部分,即后台管理则是通过管理平台与数据库联合起来实现的。
4.1 专题学习网站资源的形成
为了达到为师生提供结构化的专题知识的需要,必定要将学习内容相关的文本、图形、动画、视频等资源按一定的教学策略进行分类、组织、入库,以此达到知识结构化重组,形成了以网页形式的专题网络教学课件[3]。并且提供上传、下载、维护、搜索等资源管理与应用功能,以此形成专题资源库。除了设计组在初期完成的教师教学资料和收集的资源外,网站的管理员或授权的教师甚至学生根据教学的需要和使用的反馈信息,能不断地对专题知识或专题资源库更新、调整。这是一个不断循环、动态调节的资源生产过程。根据数据库设置的角色,用户可以拥有相应的添加、修改、删除、重组资源等权限。并且还设置了审核权,这个权限要赋予教学的专业教师负责,以确保资源的正确与有学习意义的。
4.2 专题知识的结构化重组
使用专题网站教学,既要学习专题知识,又要学习有关联且经过整合的拓展知识;既可以根据个人爱好或能力自主选取相应的其它知识学习,还可以进行相应专题的实践训练。基于这些目的,专题网站必须能够提供有针对性的自主探究学习,才能调动学生的主导性和能动性。由于本专题学习网站采取了网页设计的动态技术和数据库技术,所以除了对专题知识的查询、添加、修改等外,还可以对已有的资源进行重组整合。例如,在教学网页图片的应用时,给学生提供了Fireworks软件的拓展学习资源,那样除了可以根据教学进程Fireworks的教程外,在学习完Fireworks后,可以将的所有Fireworks教程,重组成一个资源。只需要将所有Fireworks教程根据教学顺序,将其超链接集合成一个新的资源到专题知识栏目,如此可以方便学生的学习。同样可以对各章节或各年级学习遇到的问题或教师一个阶段的教学心得等,进行结构化重组,有利于不同程度的或不同级别的学生学习和教师对教学的改进。
4.3 专题协作学习工具
专题学习网站为师生提供协作学习的空间,既利于学生之间的交流,共同学习相应内容,也利于学生对相应学习内容反馈问题和教师根据反馈进行调整或解决问题。同时,对学生以外的网页爱好者开放,更利于学生与互联网上的网页爱好者交流,以使知识面更广和交流更深刻。在本专题学习网站,专题协作学习工具主要包括有学习留言和专题论坛。学习留言主要是专题知识后的留言板,在每一个资源后都给学生提供留下学习心得或需求信息的空间,以便于其他学生的便捷认识或教师掌握教学程度。教师对学习留言拥有整理和回复权,以确保信息的有意义和回复相关问题。专题论坛主要为学习者之间或教与学之间进行讨论、问答、交流而进行的协作、探讨学习的交流工具。根据《网页设计与制作》学科特点,将论坛分为新手上路、CSS美化、图片加工、动画制作、数据库、动态技术、素材源码等栏目,可以让师生分享教程和学习心得,探讨相关问题。除专任教师要管理论坛外,还可以在各栏目设置学生版主,这样既让问题得到及时解决,也让资源得到及时更新,还可以加强资源审核。
4.4 专题学习评价
包括学生提交作品、教师评改作业、学生互评、学生自我测试、竞赛投票等功能,根据评价内容不同,有打分数等级的评价,也有详细评析的评价,也有公开投票的评价。主要是要实现到师生能进行评价、能看到评价、能交流评价、能反馈评价,只有这样才能达到评价的最终目的。首先,通过收集与学习专题相关的思考性问题和总结性考察的评测资料,学生完成相应专题或阶段或知识点后,可以进行自我测试,以检测个人掌握程度;其次,学生在此提交作业,教师对作业打分或评析;再次,学生通过网络提交作业或竞赛作品,教师对作业或竞赛作品进行展示,也给学生之间提供了比较和交流,从而进行他人评价和自我评价。
5 结束语
专题学习网站实际上就是一本拓展的课本和一个开放的课堂,有着多元的内容和多样的评价,既使师生学习的空间得到了拓展,也满足了学生因材施教的发展。但正因为如此,专题学习网站不能成为纯粹的资源收集网站,更应该达到鼓励和引导自主学习、协作学习、创新学习的目的。因为不管是教师在教的过程,还是学生在学的过程,都不仅是一种利用资源的过程,更是一种创新资源的过程。因此,专题学习网站的设计要遵循整合性、自主
性、交互性、开放性等原则。在设计中注重把主动权交给用户,不要把学习的模式或内容固定,让用户在教与的基础上,既能学习基础知识和拓展知识,又能讨论交流和相互评价,更能够在教学过程中创造资源。
参考文献:
[1] 谢幼如,余红,尹睿.基于专题网站的开发性学习模式的效果分析[J].中国电化教育,2004,1.
【关键词】课程定位 可持续发展能力 课程内容 项目化
一、课程现状分析
随着网络技术的不断发展，计算机网络应用日趋丰富，已经渗透到人类社会的各个角落，网络在人们生活的作用也越来越大，利用Internet足不出户就可以获取所需的信息，实现购物、炒股、旅游和学习等。网页和网站是Internet的重要组成部分，拥有一个自己的网站是政府机关、企业、个人的共同需要，制作出精美的网页来吸引浏览者的眼球，提高网站的知名度，是大家追求的共同目标，而这一切都依赖于网页的设计和制作技术的运用。
因此，该课程的课程设置必须符合教育教学规律和学生成长成才规律，符合专业人才培养要求。按照创新型人才培养模式重新构建课程建设平台，整体优化课程内容，重组课程结构，构建以能力为核心的课程体系，更有利于学生可持续发展能力的培养。
二、课程定位与课程目标
与高职“网页设计与制作”课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计等。
目前，许多高等院校都开设了《网页设计与制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、电子商务、计算机应用专业公共的必修课程，也受到了其他专业学生的喜欢，成为一门选修人数最多的课程之一。
（1）对于多媒体专业。本课程与《图形图像处理》、《动画制作》等必修课程相结合，主要用于设计与制作网页，对网页中的文本、图像、动画进行加工处理。本课程作为多媒体专业的专业课程之一，是多媒体专业实践体系的基本技能模块之一。
（2）对于软件技术、计算机信息管理、计算机网络、电子商务等专业。本课程为后续课程提供静态网页设计与制作的理论基础和操作技能。本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML语言、CSS样式、JavaScript等知识。
（3）对于非计算机类的专业。《网页设计与制作》也是非计算机类专业学生最受欢迎的一门全院性选修课，通过该课程的学习，扩展知识面，了解网页设计与制作的一些基本知识和技能。
课程培养总体目标是通过4个项目（2个基础项目，1个提高项目，1个综合项目），使学生掌握网站开发的过程及网页的设计制作方法，能开发静态的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。
根据高职学生的特点我们将人才培养目标定位于主要从事网站建设、网站维护等一线工作的高性能人才。考虑到计算机专业更新换代很快，学校教育不仅仅要教给学生技能，更重要的要教给学生一种学习的方法，以维持学生职业的可持续发展。我们在教学过程中采取项目化教学，以学生为主体，着重培养学生自主学习能力、创新能力，培养学生养成良好的学习习惯，以期学生在以后的工作中能够快速、高效的接受新知识，新方法。
三、课程内容的选取与序化
根据对职业岗位的需求调研分析，高职《网页设计与制作》这门课程的教学内容主要选取以下内容：HTML、CSS、JavaScript、网页制作基础知识、站点创建与管理、页面的整体控制、文本与图像操作、网页的布局、网页中的动感元素、超级链接与导航栏、表单网页、网页特效、网站规划与网页设计原理、网站测试、与维护。
充分考虑学生的认知水平和认知能力，把握学生的认知规律，合理地组织教学内容。按照由简单到复杂、由局部到整体、由易到难循序渐进地学习知识、训练技能。
高职学生对知识的认知有其自身规律，但高职学生认知规律与网站开发的工作过程存在不一致、不同步的问题。为了适应岗位工作需求，教学内容序化时应充分考虑企业开发网站的工作流程，以“网站开发工作过程”为导向，提高岗位的适应性。
综合考虑“网站开发工作过程”和“高职学生的认知规律”，将高职网页设计与制作教学内容划分为五个教学阶段：
第一阶段：欣赏优美网页，留下直观印象，激发学习网页设计的兴趣。
第二阶段：学习网页制作的基础知识，熟悉网页制作工具，训练创建站点、制作网页的操作技能，形成制作网页的感性认识。
第三阶段：学习HTML语言，掌握美化网页、制作网页特效的方法，进一步提高网页制作的技能，深入了解网页制作的编程技术。
第四阶段：学习网站规划与开发的流程，熟悉网页设计的原理与技巧，掌握网站测试与的方法。使用读者的网页制作水平由操作应用层提高到设计规划层，由感性认识提高到理性认识，由简单操作提高到综合设计。
第五阶段：按照企业开发网站的工作过程全面熟悉网站开发的全过程，将前面所学习的知识，所掌握的技能应用到实际网站开发的实践中。
经过对课程内容的选取和序化，教学内容的主线为：网站赏析-基础知识-站点创建-网页整体控制-文字操作-图像操作-网页布局-动感元素-超级链接-导航栏-表单网页-HTML语言-CSS样式-JavaScript技术-网页特效-网站规划与网页设计-网站测试、与维护-网站开发。
四、开发“项目化”的实践任务
“项目化”的实践任务具有工学结合、点线面结合等特点，训练网页制作、设计、开发的技能，达到学以致用、强化职业能力的目的。优选了5个有特色的网站让学生欣赏，开发5个真实网站，用于实践教学和技能训练。
【关键词】网站开发与网页制作 网络现状分析 网络设计未来发展规划
网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。
1 “网站开发与网页制作”网络设计现状分析
1.1 网站开发语言安全性
网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。
1.2 静态网页制作中Dreamweaver的应用
现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。
1.3 收录引擎对网站的友好度
搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。
2 “网站开发与网页制作”设计发展规划
2.1 多层次深发展满足不同领域的需求
网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。
2.2 整合资源优化知识结构，提高网络课程设计效率
在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。
2.3 理论实际相结合，培养学生动手能力
在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。
2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理
网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。
3 结束语
时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。
参考文献
[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.
[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.
[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.
作者简介
史文斌（1986-），男，籍贯：江苏苏州，大学本科，现供职于苏州大学计算机学院，研究方向为计算机技术。
