时间：2022-05-21 03:14:56
本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与我联系，我会及时更改本规范的相关代码样例和文档。
/基本要求
1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。
2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，
/脚本编写
我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。
1.Html文件的通用模板：
其他meta标记
样式表定义
客户端javascript函数定义及初始化操作
……
补充：
为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要用单引号或者双引号括起，即我们应该写而不是.
2.允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords和Description元标记，例如：
3.CSS文件的格式样例代码：
这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。
在写互相嵌套时，严格按照的规范，对于单独的一个来说，对齐，缩进两个半角空格，中如果还有嵌套的表格，也缩进两个半角空格，如果中没有任何嵌套的表格，结束标记应该与处于同一行，不要换行，
如我们注意在源代码中不应有这样的代码：
而应该是这样的：
这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：
属于同一个级别的
一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px的单元格应该在和之间写一个如果高度小于12px,则应该在和之间插入一个1*1大小的透明的gif图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->applysouceformatting进行重新整理！
5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在
的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。
/一般原则
1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。
2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用
标记，以便能够使这个大表格分块显示。
3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上
标记，注意，一般情况下，请不要省略
结束标记。
4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。
5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用
来人工干预分段。
6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。
7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。
8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。
9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。
10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.
11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：
12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。
13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。
/文件命名原则
1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm
2．文件名称统一用小写的英文字母、数字和下划线的组合。
3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：
在根目录下开设news目录
第一条缺省新闻取名index.htm
所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…
所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…
如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。
5.图片的命名原则遵循以下几条规范：
名称分为头尾两两部分，用下划线隔开。
头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。
一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner
标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title
依照此原则类推。
尾部分用来表示图片的具体含义。
下面是几个样例，大家应该能够一眼看明白图片的意义：
一、案例教学法
要想通过有限的课时教学使学生能够做出优质的网页，拓宽学生的眼界，开发学生的思维是首要任务。因此在高职的《网页设计与制作》教学中，教师可以根据实际教学的需要，选取一些比较经典的案例，对学生进行教学，在增长学生见识的同时，促使学生取长补短，从而有效提高学生的网页制作能力。因此教师必须充分利用起身边的教学资源，根据高职《网页设计与制作》教学的需要并结合学生的喜好，从网络上搜索一些高水平的网站，作为教学案例，向学生分析网站设计和制作的优点和缺点，以及相关的设计和制作技巧，从而使学生对所学的内容有更加立体的认识。需要强调的是，教师切忌不能在所有的教学中都采取一个网站作为案例，要多选取几个，且随着更多优秀网站的出现，教师还应该对教学案例进行不断的补充和更新，进而有效激发学生的学习动力和积极性，推动高效教学的实现。比如在教授如何设计网页栏目、logo以及导航条时，教师可以先向学生介绍一些基本内容，然后向学生展示一些做的比较出色的网页，如学校网站首页等，并向学生分析学校网站首页制作的特点，然后通过启发和引导的方式，让学生模仿学校网站首页进行创作，从而有效提高学生的制作水平。
二、任务驱动教学法
所谓的任务驱动教学法就是给学生一个任务，由学生来完成，教师可以从旁指导和帮助，在任务的驱使和激励下促使学生主动学习，积极探索，相互合作的学习方式。值得注意的是，教师在使用这一教学方教学法是建立学生必须已经掌握一定的基础知识，学会如何使用一些基本的应用软件的基础上，因此任务驱动教学法并不是以教材和知识点为中心，而是以培养和锻炼学生的在网页设计和制作上的综合运用能力为中心。在实际的高职《网页设计与制作》教学中，教师可以通过专题或者话题的形式，在交流中引导和启发学生，然后定下一个主题，让学生围绕主题来设计出一个完整的网站。由于完整的网站涉及的内容较多，包含目标需求分析、网站定位、网页规划、内容收集、网页设计、内容排版以及文字和图片的处理编排等，因此教师在教学中可以采用小组合作的模式，从而提高学生的合作能力和人际交流能力；也可以由一个学生单独完成，期间教师可以组织几次检查和交流活动，对自己的作品进行不断地修改和完善。通过任务驱动教学法可以使学生对网页设计和制作的流程有一个全面的认识，让学生掌握系统的网页开发流程，同时也有利于提高学生团队协作能力、创新能力、独立解决问题的能力。
三、活动探究教学法
活动探究是高职《网页设计与制作》教学中重要的教学组成部分，有助于学生开展项目学习，在活动探究过程中学生可以掌握到大量的知识内容和技能技巧，能够帮助学生在网页制作和网站开发的过程中创作出更加优秀的作品。所谓活动探究教学法，就是指教师向学生提供定的资源和信息，由学生从已有的材料中进行挖掘和拓展，让学生对教学项目中的问题进行主动的探索和研究，从而促使学生构建和完善自己的知识体系。此外，学生在进行探索时，教师也要从旁进行观察和指导，对于学生不当的行为要予以纠正，对于做的好的学生给予表扬和鼓励。比如在设计网页链接的过程中，有不少学生对外部文件与网页内的链接出现疑问，教师可以就这个问题对全体学生进行示范和讲解，一方面使得学生对所学有更充分的了解，另一方面保持学生的学习热情和积极性，使学生能够将作品完整的制作出来，从而有效地提高高职《网页设计与制作》的教学效率和学生的综合素质。
结语
总而言之，《网页设计与制作》是一门实用性和综合性较强的学科，学好这门学科有助于提升学生的培养和提高学生的创新力和独立思考的能力，对学生未来的职业生涯发展有着重要的意义。因此教师必须提高对《网页设计与制作》教学的关注度，积极总结教学经验，不断改进教学方教学法，以学生的全面发展为落脚点，通过多种渠道，多种方式对学生施教，使学生真正学好和掌握网页设计与制作的技能。
作者:仲静 单位:南京中华中等专业学校
关键词：网页设计与制作；案例教学；教学方法
网页设计课程是一门综合性很强的课程，既需要技术作为支持，同时也需要美感。为了提高课堂教学质量，在教学实践中从教学内容、教学方法、实训几方面进行了探讨与实践，在这里谈一谈自己的一些体会。
一、明确教学目的，把握教学内容
基础学习很重要，要打好网页设计的基础。学完网页设计这门课程，学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此，老师来安排自己的教学。
1.掌握一门好的网页制作工具
我认为，目前最好的网页制作工具是Dreamweaver，Dreamw-eaver一直以来作为可视网页编辑工作的标准，它在代码编辑和应用程序开发方面的功能比较强大。同时，制作网页中的动画素材可以选择Flash，处理和制作网页中的图片可以选择Fireworks，这三个软件具有良好的嵌入性，被称为“网页三剑客”。
2.要求学生能够利用Dreamweaver设计各种网页，开发一定规模的网站
授课时以Dreamweaver为主线，讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。
（1）重视对HTML的教学，HTML可以说是网页的灵魂，网页的最基本构成是HTML标记符。熟练掌握了HTML语言，可以很轻松地修改网站的网页结构，而且对SEO网站优化很有用处，另外，无论是PHP、ASP、NET、JSP等网站编程语言，都要用到HTML。所以说学习HTML是我们学习制作动态网页的基础。
（2）掌握CSS的基本使用。CSS就是一种叫做样式表的技术，也有人称之为层叠样式表。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制，可以轻松地控制页面的布局。
（3）掌握Javascript脚本语言应用基础。Javascript语言简单，但功能强大，具体有几点功能：
①制作网页特效
②提升使用性能
③窗口动态操作
④摆脱现实环境的束缚
所以，学生掌握Javascript脚本语言对网页制作有很大的帮助。
二、把握好课堂，多采用实例教学
1.教学，首先要把握好课堂
一次课，45分钟的理论教学是枯燥和沉闷的，因此首先要在多媒体教学课件上下工夫。课堂教学的灵魂是多媒体教学课件，它不只是文字与图像的组合，还融合了音频、视频和动画信息等各种元素，使课堂变得更加生动和精彩，这样可以大大提高学生的学习兴趣。
2.用实例作为课堂切入点
要想让课堂生动活跃，就要充分调动学生的学习积极性。为此，我们需要找到学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程，教师可以用实例作为课堂切入点。课堂上可以先演示实例，让学生看到实际效果，引起学生学习兴趣，然后以实例引出具体知识点，将知识点融入具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容如下：
演示案例：制作一个介绍作家的站点，包含6个页面，主页为内嵌框架页，其余页面为“作者生平”“作品简介”“文学评论”等等。页面导航放置在表格左下位置，框架内放置目录中超链接的内容。
基本要求：在此案例中，再添加“经典文章”和“关于我们”两个内容，资料在网络中获取，适当设置网页的背景以及文本属性，使页面美观大方。
较高要求：用此站点结构制作一个介绍自己的个人站点，要求至少包括6个页面以上，主页用内嵌框架结构，站点中导航清晰，布局合理，美观大方。
三、强化阶段实训，培养学生的动手能力
实训教学是教学过程中的重要环节。网页设计课程实训内容的选择要真正做到以技能培养为目标。在实训过程中，学生可以自行查阅资料，根据自己的兴趣设计网站，独立完成。也可以分组完成，鼓励学生以团队协作的方式完成某一个网站项目，锻炼学生的团队协作能力。
四、其他方式
要想让学生学习掌握网页设计课程，单靠课堂教学还是不够的，可以在校园内举办一些网页设计的比赛，通过比赛，既可以更大地提高他们对此课程的积极性，也可让学生找到差距，激励他们努力，不断提高网页设计水平。
五、结束语
在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实例教学和课程实训等方面进行探讨和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。在未来的社会中，网页在生活中所起的作用将越来越重要，对这门课程的教学要求也越来越高，教师的教学要适应科技的发展，要有改革进取的精神，培养能真正适应社会的人才。
参考文献：
［1］韩陵宜.中职学校《网页制作》课程教学的探讨.电脑知识与技术，2005.
［2］张丽香.高校《网页设计》课程教学探讨.大众科技，2006（5）.
【摘要】
随着互联网技术的发展、普及且互联网在信息宣传上商业价值日渐凸现，使得互联网作为世界上第三大媒体深入人们生活的方方面面。为了满足市场对网页设计人才的需要，各大高职院校都相继开设网页设计课程。但是，网页设计课的教学与现实有一定差距。本文就在分析网页设计教学的基础上对课程改革做进一步的探索。
【关键词】网页设计 教学改革
目前，网页设计课程涉及网站功能、建设及管理方法和网页制作技术及业界最新动态，是计算机专业及理工类学生公修课程和大学生较喜爱的选修课。高职院校网页设计教学要求以理论教学为核心和实际操作为重点，通过网页设计实践将网页设计理论和相关动画理论和美学知识运用于熟练操作中来培养学生基本技能并提升其综合能力。为了提高网页设计课的质量，不仅需要教师具备扎实的理论功底、高超的操作技能，而且还需要教师不断探索专研教学和总结教学经验，并根据教材和学生的实际情况进行相应的教学改革以达到实现因材施教的良好效果。［1］因此，我们对网页设计课的课程改革作进一步的再探就很有必要。
1 目前网页设计教学中存在的问题
网页设计课程是一门实用性和综合性特色鲜明的高度综合课程，包括网络基础、网页基础知识、数据库应用、平面设计与动画设计基础及应用、ASP、PHP或JSP编程等。网页设计课在高职院校计算机专业课中占有至关重要的地位，是计算机专业的必修基础课程和专业核心课程，也是许多理工类学生公修课程和大学生较喜爱的选修课程。网页设计突出技能和技巧，尤其注重实践性、应用性。但现实中该课程却存在一些问题。一是高职院校学生学习程度参差不齐不利于课程教学及课程改革的有效开展。升入高职院校的学生一般没有养成良好的学习习惯，而网页设计不仅要求有扎实的计算机理论知识和娴熟的平面设计和动画设计应用，还要有很宽泛的文化视角和不断钻研的学习能力。而这些对目前高职院校的生源状况而言是很大的挑战。二是网页设计教学课程设置、课程安排及教师配备与目前市场需求还有一定差距。互联网极强的商业性要求课程突出专业适应性和能够准确把握市场需求，这些都要求教师具备极强的教学钻研能力和改革能力。教学课程安排落后，虽然教学中贯穿案例等较好的教学载体，但在给学生布置具体任务时没有形成良好系统，更没有合理的考核方法能够达到对学生学习本课程给予一定的项目压力和相关激励。三是本门课程有知识面广、综合性、实践性强的特点，本门课程能最大可能的激发学生的参与性和锻炼学生动手能力，要在教学中实现理论与实践的结合，增加学生动手实践的机会以使学生能熟练地掌握网页设计的实际应用，从而实现“理论教学为实践教学服务、实践教学推动理论教学发展”的目标。但现实中，学生往往听课时能看懂、能理解但课后没有养成复习习惯就忘记做试验更摸不着头脑。而网页设计知识点多、学习节奏快而周期长容易使人疲劳和滋生厌学心理。综上所述可知进行网页设计课程的改革很具现实意义。［2］
2 网页设计课程改革的相关措施
网页设计课是高职院校计算机专业的一门基础课，是理工科学生必备的技能。网页设计课程具有系统性、综合性和实践性。网页设计课程要克服目前固有的一些缺点就要在教师队伍建设、教学方法改革及考核方式改革等方面进行不断探索，以促进网页设计课程改革的不断深入。具体如下：
2.1 加强师资队伍建设，为网页设计课程教学改革提供智力支持。
既然目前高职院校生源质量不尽如人意，那就要在造就一支专业理论扎实、实践技能高超的教师建设上下功夫。可以说，高素质的教师队伍对于应对生源素质多样化还是能起到关键作用的。进一步狠抓“双师型”队伍建设，即要建设一支既能把握网页设计发展脉搏和具有高超教学技能的技能型人才又具有扎实理论功底和持续推动教学改革深入的教育家的综合性的教师队伍。
2.2 在网页设计教学中注意教学方法的改进和突出“合作学习”、“案例教学”。
计算机相关学科具有知识更新速度快的特点。这要求网页设计教学不仅要注重基本知识、基本理论的传授，也要注重学生学习能力和创造能力等灵活运用新知识的能力，要通过课堂教学使学生不仅扎实的学会基本知识和基本技能而且能够自觉的应用到新知识的运用中，从而以教学方法的改进来提高学习质量。
“合作学习” 就是在网页设计中基于网络的特殊架构，发扬 “团队学习” 精神来克服设计中结构复杂、功能模块较多的缺点，由相关网页开发人员精诚合作，“拔尖” 学生作为项目负责人，引领组员共同讨论以制定系统方案、分析系统功能模块、搭建系统软硬件构架和对网页的背景及文化内涵发表综合意见。
实例教学就是要贯彻“学以致用”的教学原则。通过在教学中对一些优秀网页进行分析，来发掘网页设计方面诸如制作技巧、文化元素、文字布局等，开拓学生的视野和增强学生创新意识。并进一步通过让学生承接一些具体网页制作作业以在实践中发现问题和解决问题。
2.3 对网页设计课程考核方式进行全面改革。
结合网页设计课程考核系统性、层次性的特点，根据教学计划和学生接受能力采用以实际实例教学作业和团队合作等形式具体制定考核方法。［3］考核时间和方式根据教学进度的需要突出灵活性，已达到及突出教学内容的系统性和层次性的要求。评定形式方面以多样化的考核形式替代传统的单一考试模式以适应该课程技术层面广博艰深、知识联系复杂的系统要求，除操作以及技术数据准确等情况由教师评定外，其他方面通过“团队开发”形式考核。
3 小结
目前，网页设计课程教学改革工作已经引起广大高职院校的广泛重视。而网页设计课程要适应经济快速发展进而达到适应社会快速进步要求，必须通过多措并举来不断推进网页设计课程改革，以达到提高教学质量、培养合格人才的目的。
参考文献
［1］ 钟启泉、李雁冰.课程设计基础［M］济南：山东教育出版社，2000
[关键词]网站建设与管理、网页设计师、活跃思维、提高学生自我能动意识
中图分类号：G642 文献标识码：A 文章编号：1009-914X（2016）04-0236-01
一、课题的提出
1.背景
十以来，我们国家对职业教育事业越来越重视，职业教学的改革步伐也在日渐加快，当前需要我们创造先进的、有效的经验来带动国家职业教育的创新发展。网页设计专业，在我们国家的网站建设与管理专业中发挥着举足轻重的作用，其作用发展历史长久，正处于稳步前进的上升期。
2.现状
网络发展飞快的今天，网页对于我们中职院校的学生来说很是熟悉，如“淘宝网站”、“京东网站”等等都是由网页组成的网站。伴随着历史进步的脚步、计算机技术的不断提高，人们对网站的要求不仅仅只满意于网页的简单操作，这就需要我们中职院校的教师能正确的培养出一批优秀的网页设计师。
3.基础
在学习《使用Photoshop设计网页》之前，学生已经在上一学期中学习了《使用Photoshop处理图形图像》、《计算机的基础课程》及《配色与布局》的课程，已经对网页设计有了基本的了解，本次课题的研究是让学生更好的掌握网页元素――“网页LOGO”和“网页按钮”的设计。
4.意义
学生通过使用Photoshop设计网页时，可以使学生们的头脑能够充分的发挥、活跃学生们的思维，设计出更好的作品。
二、理论依据
设置问题情境，是中职“做中学”的重要途径，不少教学实践表明，基于工作过程导向的教育是对学生专业能力培养的突破口。本课题借鉴姜大源的基于工作过程导向的课程开发方法的探索中的宝贵经验，着眼于中职网页设计专业学生实际出发，在工作项目的制定与实施上加以创新。
三、核心概念的界定
本课题是对我校高一年级“网页设计”专业学生进行研究，以现阶段的在校学生学习情况为出发点，研究我校学生在“网页设计”专业自我动手能力，分析原因，研究出在“网页设计”专业方面提高学生自我能动意识的办法，让学生能够更好的发挥自己的设计理念，使学生在“网页设计”专业方面达到学会制作，创新制作的程度。
四、研究目标
针对中职学生的实际情况，合理安排学生在“网页LOGO设计”和“网页按钮设计”方面的课程，做到有目的、有实效，以培养中职学生的综合能力为主要目标，制定有效的能力检测手册。
五、研究内容及对象
1. 研究内容
1）进行市场调研，确实掌握市场需要的人才所应具备的专业技能，明确专业定位与培养目标，撰写市场调研报告。
2）实施“网页设计”专业工作任务中需要具备的专业技能。
3）研究“网页设计”中“网页LOGO设计”工作岗位具体工作任务和工作项目。
4）研究“网页设计” 中 “网页按钮设计”工作岗位具体工作任务和工作项目。
2.研究对象
我校网站建设与管理专业一年级学生。
六、研究方法
1、实践研究法 2、调查研究法 3、文献资料法 4、案例分析法
七、研究的主要步骤和过程
1、准备阶段，认真选题，制定研究课题方案，确定课题的名称、课题研究的对象、研究方法、研究目标和研究任务，进行市场调研，编写市场调研报告。
2、实施阶段，根据网站建设与管理岗位学生的市场调研结果制定对策，制定科研项目实施方案及细则，编写《专业技能检测手册》。根据科研项目实施方案及细则付诸实践
3、总结阶段，研究总结阶段的主要任务是对研究实施阶段的成果进行综合分析总结，对研究过程中发现的问题进行反思，提出改进设想，为以后进一步研究做资料储备。
八、研究成果和结论
根据网页设计专业岗位的要求，我们制定了网页设计之“网页LOGO设计”和“网页按钮设计”研究课题，具体成果和结论如下：
（一）、网站建设与管理包括了2个典型的工作任务：
A.典型工作任务一：网页设计B.典型工作任务二：网络编辑
网页设计包括3个具体工作任务：
a）具体工作任务一：网页色彩与板式，b）具体工作任务二：网页图像处理，c）具体工作任务三网页动画制作，网络编辑包括3个具体工作任务：a）具体工作任务一：网页编排，b）具体工作任务二：布局美化页面c）具体工作任务三：网页特效制作
工作项目一：网页LOGO的设计，工作项目二：网页按钮设计
根据所编写的《专业技能检测手册》对学生进行考核，通过学生的考核结果了解学生对“网页LOGO的设计”和“网页按钮设计”掌握的很好。
（二）学生应该具备下列专业能力：
单项专业能力二：能熟练应用Photoshop软件进行网页图像处理
项目技能一：能熟练应用Photoshop软件制作网页LOGO
我以“宝马公司LOGO”的制作作为案例进行考核、分析、讲解
学生应该掌握以下4点的专业技能：
1）LOGO的简介：LOGO的书面翻译是作为标志的语句，标识语。在实际生活中，LOGO就是标志、徽标的意思。
2）LOGO的设计原则：符合企业的文化、精神、产品，应该具有较强的时代感，简洁易懂富有美感。
3）LOGO的表现形式：根据网页内容需要，确定LOGO的表现形式是图形方式、文字方式还是综合方式。
项目技能二：能熟练应用PS软件制作网页按钮
我以“Vista风格按钮”的制作作为案例进行考核、分析、讲解
学生应该掌握以下3点的专业技能：
1）按钮的简介：一个按钮至少应该具备两个条件：（1）代表了某种功能，并且通过某种形式将它所代表的功能表示出来；（2）人们通过这个按钮可以产生人机互动，来实现这个按钮所代表的功能。
2）按钮的表现形式：根据网页需求的按钮功能，确定按钮的表现形式是图形方式、文字方式还是动画方式。
3）按钮的设计原则：按钮是人机交互的纽带要醒目引人注意，按钮是人机互动的桥梁要准确反映功能，按钮不是独立存在的按钮的风格要与整体页面统一。
（三）根据岗位需求和国家职业鉴定标准，我们制定了网站建设与管理专业网页设计专题学生专业能力考核标准如下：
单项专业能力二：能熟练应用PS软件进行网页图像处理（满分100分）
考核项目一：设计网页LOGO（满分10分）
考核内容与要求：
①LOGO设计的准确性。（3分）② LOGO设计的独立性。（3分）③LOGO符合企业的文化、精神、产品。（4分）
考核项目二：设计网页按钮（满分10分）
考核内容与要求：①按钮表现形式凸显页面需求。（5分）②按钮的制作实用、符合按钮的设计原则。（5分）
九、存在的主要问题及今后的设想
1.存在的主要问题
在使用Photoshop设计网页元素的刚开始时期，学生常常会一次性形成一个或者多个创造思维方式，可是往往表现不出来，手与大脑的配合不能协调。
2.今后的设想
政府部门门户网站建设是根据国家对政府信息公开的相关政策要求，实现部门政务信息公开的优先手段和必然选择。论文详细描述了一个基于ASP技术和ACCESS数据库系统网页的实现过程。网页设计及制作主要围绕政务公开、在线办事和网上交流三大功能进行，前台信息发布共设置领导讲话、政务公开、工作动态、政策法规等十大功能模块。后台管理采用Client/Server和Browser/Server相结合的技术方式，将超文本标记语言（HTML）和简单的JScript语言相融合开发，使用Session对象进行Web页之间的数据传递，并跟踪用户登陆，实现了不同权限用户对新闻信息的计算机网络管理和Web查询功能。网页新闻访问采用主页+标题面+子页面三级模式，主页面提供了本网页的一个宏观样式，并让各模块与之配合联系，构成一个完整的网页系统。
【关键词】
政府网站
网页制作
ASP 技术
ACCESS 数据库
【英文对照】
ABSTRACT
The portal website of government departments is the best candidate and inevitable choice for government affairs opening. Its construction is based on the related policies and regulations on government affairs opening which are enforced by the state. This paper presents the construction of one portal webpage based on ASP and ACCESS database. The design and implementation of webpage mainly consists of three parts: government affair opening， online government office， and online communication. The front-end consists of ten major modules， including leader's speech， government affair opening， government dynamics， policies and regulations etc. The backend is a hybrid of C/S and B/S technologies， HTML and JScript are combined together and session object is used for inter-page data communication and traced the status of user logon， web based lookup and remote administration of webpage are implemented and access control to user of different privileges is achieved. The access to webpage news adapts a three-tier scheme which includes main page， title page and sub-page， the main page provides the overall look-and-feel and orchestrate all the modules so to form a complete webpage.
【KeyWord】
Government website
Webpage Making
ASP
ACCESS database
【目
录】
前言 2
正文 3
第 一 章 概 述 3
1.1 网页制作背景 3
1.2 网页制作的意义 3
1.3 开发工具简介 4
第 二 章 可行性分析 5
2.1 B/S结构介绍 5
2.2 ACCESS 数据库 5
2.3 ASP 技术 5
第 三 章 网页需求分析 7
3.1 总体功能需求分析 7
3.1.1. 基本功能需求 7
3.1.2. 功能结构图 7
3.2 网页具体功能模块需求分析 8
3.2.1. 政务公开功能 8
3.2.2. 网站办事功能 8
3.2.3. 网上交流功能 8
3.3 网页结构图 9
3.4 网页版面规划 10
3.5 网站CI形象设计 10
3.6 网页布局技术 11
第 四 章 数据库设计 12
4.1 数据库概念结构设计 12
4.2 数据库逻辑结构设计 14
第 五 章 人机界面设计 17
5.1 后台登录界面设计 17
5.2 用户管理页面设计 18
5.3 信息检索页面设计 18
5.4 后台管理页面设计 19
第 六 章 系统程序设计 20
6.1 程序设计语言 20
6.2 部份源程序实现及文件 20
第 七 章 网页测试 30
7.1 测试网站的建立 30
7.1.1. 测试网站环境 30
7.1.2. Web服务器IIS5.1简介 30
7.1.3. 网页测试 30
7.2 网页发布及网站维护 31
第 八 章 结论 32
参考文献 33
致 谢 34
【前言】
在我国，继党的十六大提出推行电子政务、提高行政效率之后，十六届三中全会进一步强调要发展电子政务，提高政府的服务和管理水平。政府网站作为电子政务建设的龙头是完善政府公共服务接入渠道的主要手段，它实现了按照用户对象进行信息资源的整合，提供覆盖用户全生命周期的各种信息和服务。同时，网页信息传播的即时性和全面性确保了政府大量重要信息的广泛共享，优化了社会资源配置，让政务信息更便捷、更低成本地进行传递。通过访问政府网页，企业和社会公众可以24小时不间断地，不受任何空间界限影响地与政府进行信息交互，在促进政务公开，改进公共服务，提高行政效能，确保公众知情权、参与权和监督权等方面有着显著成效。
政府网站建设的含义就是利用Internet/Intranet等计算机通信技术，在Internet上建立正式站点，通过网络实现政府在政治、经济、社会、生活等诸多领域中的管理和服务职能，推动政府办公自动化与网上便民服务，是政府和社会互动的重要窗口。论文就巴中市网页的设计和制作作了详细描述，网页主要功能模块设置紧紧围绕部门职能职责，密切结合公众需求，实现了预期设计目标，网页经本地局域网测试运行正常。
【正文】
网页制作
第 一 章 概 述
1.1 网页制作背景
在当前这个网络时代，电子政务是各国政府倡导和推动网络化的5个重要应用领域中的首要。美国早在克林顿政府时期就开始积极倡导和推动电子政务和电子政府的建设。英国于2005年将所有的政府服务实现上网。新加坡更是从1981年就开始发展电子政务，目前其电子政务的发达程度已备受世人瞩目。在我国，政府信息门户网站作为展示政府整体形象的窗口和联系群众、服务群众的桥梁正日益得到各级政府的重视。如今，全国各地的电子政务建设已进入实质阶段，全国257个地市级城市中已经有90%的城市建立了自己的政府网站。在应用上，电子政务建设已经从网络基础建设向功能应用层面和社会服务层面转变。随着我国信息化进程的深入推进，将极大地调动整个社会活力，推动中国社会的飞速发展，并对中国未来的发展产生巨大的影响。
1.2 网页制作的意义
首先，政府网站关系到政府的服务形象，关系到百姓的切身利益。政府部门通过制作网页建立网站，是电子政务的最佳切入点和重要内容，政府网页的发展水平是衡量一个地区电子政务进程的标志。在政府网页上，政务信息公开程度，有关为民服务栏目健全情况，信息反馈情况，在线办公与网上受理情况等关系到政府的服务形象，关系到百姓的切身利益。其次，政府网页制作有利于政府各类信息的充分共享，有利于政府决策水平的不断提高。通过网页的各类平台迅速直接地获取公众的反馈信息，准确掌握外部环境，大幅提高了正确决策与快速反应的能力。随着政府各类信息的公开化，政民互动不断加强，政府将在公众面前展现出高效、透明的良好形象，这有利于提高社会凝聚力，对于维护社会稳定、促进社会发展具有重要意义。
1.3 开发工具简介
在众多的网页设计与制作工具软件中，我根据实际需求及对软件的熟悉程度，主要选取了Photoshop CS3、Fireworks 8.0、Flash MX 2004、Macromedia Dreamweaver8进行网页的开发和制作，这些软件的主要特点分述如下。
网页图像设计工具——Photoshop CS3、Fireworks 8.0
在网页制作过程中，首先要使用Photoshop或Fireworks 设计网页和整体效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大，操作界面友好，得到了广大第三方开发厂家的支持，从而也赢得了众多的用户的青睐。Fireworks是Adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。
动画制作工具——Flash MX 2004
Flash MX 2004是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，它还采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放，这些优点使flash日益成为网络多媒体的主流。
网页排版工具—— Macromedia Dreamweaver 8
Macromedia Dreamweaver 8是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务。
第 二 章 可行性分析
2.1 B/S结构介绍
B/S（Browser/Server，简称B/S）结构，即浏览器/服务器模式，它是WEB兴起后的一种网络结构模式，从传统的二层C/S结构发展而来，通常采用三层结构：浏览器-Web服务器-数据库服务器，WEB浏览器是客户端最主要的应用软件，浏览器通过Web Server 同数据库进行数据交互。
在B／S体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。而其余如数据请求、加工、结果返回以及动态网页生成、对数据库的访问和应用程序的执行等工作全部由Web Server完成，这样大大简化了客户端，减轻了系统维护与升级的成本和工作量，降低了用户的总体拥有成本（TCO）。
该结构的缺点是存在数据安全性问题、对服务器要求过高、数据传输速度慢、软件的个性化特点明显降低，难以实现传统模式下的特殊功能要求。
2.2 ACCESS 数据库
Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库+ASP服务器端程序+客户端IE浏览器，是一个精练、实用、高效的组合模式。
2.3 ASP 技术
ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具有实现动态网页技术；包含在HTML代码所组成的文件中，易于修改和测试；可以使用服务器端ActiveX组件来执行各种各样的任务；方便连接ACCESS与SQL数据库等多种优点，其主要缺点是开发人员要有丰富的经验，否则会留出漏洞，让黑客利用进行注入攻击。安装ASP时，系统提供了两种脚本语言：VBScript和JScript，而VBScript则被作为系统默认的脚本语言。
第 三 章 网页需求分析
3.1 总体功能需求分析
网页功能分析就是以系统的观点，对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么，最终为后面的设计工作打下基础。
该网页作为电子政务的一种服务平台，政务公开、在线办事、网上交流是其基本的三大功能。
3.1.1. 基本功能需求
政务公开功能
根据2008年5月1日起施行的政府信息公开条例规定，行政机关应当将主动公开的政府信息，通过政府公报、政府网站、新闻发布会以及报刊、广播、电视等便于公众知晓的方式公开，确保公众享有充分的知情权、监督权。
网站办事功能
网上办公办事是网页功能服务中非常重要的组成部分，是电子政务建设努力的方向。通过提供一些行政审批等项目的在线办理极大地方便了群众，减少了不必要的人为环节，节省了社会资源。
网上交流功能
通过搭建政民交流平台，让公众不但能够将自己的建议与意见直接反映给部门领导，实现普通群众参政、议政的夙愿，而且使领导能够通过这一平台，倾听民声、关注民情、体察民意，进而为群众办理更多的实事、好事、贴心事。
3.1.2. 功能结构图
3.2 网页具体功能模块需求分析
根据总体功能需求分析，该部门网页确定政务公开、工作动态、领导讲话等八大功能模块，具体组成分别如下。
3.2.1. 政务公开功能
领导讲话模块
功能：即时发布领导关于三农工作的各种会议、现场讲话。
作用：传达精神，贯彻意图。
政务公开模块
政务公开模块包含七个子模块：机构职能、领导介绍、内设科室、农口系统、人事信息、规划计划、财政信息。模块根据国家信息公开条例等法规政策要求，针对该政府部门必须公开的七个方面进行设置。
工作动态模块
工作动态模块，包含六个子模块：综合信息、新村建设、农业产业化、劳务开发、农田建设、移民工作。功能根据该政府部门各科室（办）所承担的职能职责进行设计，实现了各责任条块当前工作信息的即时公开。
政策法规模块
模块设置农业法规、政策文件两个子模块，提供近年来国家关于三农工作各种重要法规、政策的浏览和下载，同时对本区、部门关于三农工作制定的各种政策文件进行了公开，使法规政策透明化，接受公众监督。
专题专栏模块
模块包含科学发展观、调研文章、企业推介、农业前沿四个子模块。科学发展观子模块紧扣时代所需，调研文章子模块是在互联网上开辟的一个崭新的调研舞台，企业推介子模块为本地龙头企业的宣传、推广提供了一个新平台。农业前沿子模块放眼全球，宣传、推介农业领域的最新技术、最新品种。
3.2.2. 网站办事功能
网上办事模块
模块设置便民服务、服务流程、资料下载、统计报表四个子模块，将该部门能够进行网上办理的相关行政审批事项予以了公开，方便了群众，提高了办事效率，提升了部门形象。
3.2.3. 网上交流功能
在线交流模块
模块设置三农论坛、领导信箱、咨询留言、网上投诉、网上调查五个子模块。三农论坛子模块为公众之间相互交流提供了平台。领导信箱、在线咨询等四个子模块，为政府部门决策即时提供了群众的意见及建议。
联系我们模块
该模块主要功能：收集网站的反馈信息。
3.3 网页结构图
3.4 网页版面规划
全部网页采用1024×768分辨率制成，网页访问采用首页、导航页和新闻页三级页面形式。
首页
首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型，即最上面是网站的标题+主菜单，下半部分分为3个区域，左右分列一些两小条内容，中间是主题内容，与左右一起罗列到底，最下面是网站的一些基本信息，联系方式，版权声明等。这种布局的优点是能够充分利用版面，信息量大;缺点是页面拥挤，不够灵活。
导航页
采用拐角型布局，优点是页面结构清晰，主次分明，缺点是规矩呆板，容易让人“看之无味。
新闻页
使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构。
页头
本站页头以900×150的农村风景图为底，左置“巴中市”六字及名称英文“”Office of rural affairs，Bazhou District，Bazhong City，右边放置宣传语（FLASH动画）一起构成。
页脚
本站页脚如下：
3.5 网站CI形象设计
主色调与色彩
网站采用代表了春天、希望、田野的“绿色”为主色调，与部门的农业、农村、农民三农工作性质相吻合。
字体
导航栏字体为“黑体”，14px；网站主栏目字体为“宋体”，14 px；正文字体为“宋体”，9 px；
交互方式
网站设置了专门的在线交流模块，提供了论坛、网上投诉、咨询留言、网上调查等多种交互方式。
3.6 网页布局技术
网页使用表格方式布局，同时用CSS进行样式控制。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。表格布局的缺点是，当我们用了过多表格时，页面下载速度受到影响。CSS层叠样式表是W3C组织新近批准的一个辅助HTML设计的新特性，它使整个HTML保持统一的外观。过去在设置文本时，为了保持整个段落都使用相同的外观，不得不为每一段设置属性，很麻烦。采用CSS可以在设置文本之前，就指定整个文本的属性，比如颜色、字体大小等等，获得统一的文本外观。
第 四 章 数据库设计
数据库在一个网页系统中占有非常重要的地位，数据库的结构好坏将直接影响到应用系统的实现效果和数据操作效率以及能否保证数据的一致性、完整性和安全性。
4.1 数据库概念结构设计
数据库概念设计的任务是根据用户需求设计数据的概念数据模型，简称概念模型。概念模型是按用户的观点对数据和信息进行建模，是从用户的角度看到的数据库，它可以用E-R模型来表示。构成E-R图的基本要素是实体型、属性和关系，其表示方法为：实体型：用矩形表示，矩形框内写明实体名；属性：用椭圆形表示，并用无向边将其与相应的实体连接起来；关系：用菱形表示，菱形框内写明关系名，并用无向边分别将有关实体连接起来，同时在无向边旁标上联系的类型。
根据前面的需求分析，可以得到本网页数据库系统的E-R图，如图4-1所示。
上述E-R图的关系说明如下：管理员可以对所有网上调查、新闻信息、投诉留言、论坛发贴等实体进行增删编辑，它们都是1：n的关系。一个管理员可以对论坛所有注册用户进行监管，一个超级管理员可以对多个后台管理普通用户进行监管，它们的关系也都是1：n。
各实体属性的E-R图如下：
4.2 数据库逻辑结构设计
通过分析系统涉及的相关实体以及要收集、存储和操纵的数据信息，本网页数据库共设置了新闻信息表（News）等6个表，分述如下。
新闻信息表:用于存储新闻及政务信息。
表4-1 新闻信息表(News)
三农论坛表:用于存储论坛发帖。
表4-2 三农论坛表(BBS)
投诉留言表:用于存储群众来信、投诉、咨询及回复。
表4-3 投诉留言表(Message)
论坛注册用户表:用于存储三农论坛注册用户信息。
表4-4 论坛注册用户表(User)
后台管理员表:用于存储管理员姓名、密码、权限。
表4-5 后台管理员表(ManageUser)
网上调查表:用于存储网站调查项及投票。
表4-6 网上调查表(OnlineSurvey)
第 五 章 人机界面设计
5.1 后台登录界面设计
设计思想：登录页面主要实现用户的登录。通过用户名、密码、随机密码、IP、SessionID的组合验证实现未登陆用户的正常登陆和已登陆用户中同一用户名允许在同一IP上重复登陆，拒绝同一用户名在不同IP上重复登陆。
图5-1 登录流程图
图5-2 管理员登录界面
5.2 用户管理页面设计
设计思想：登录页面主要实现用户的登录，用户有超级管理员、普通管理员。超级管理员可以对其进行任何的操作，包括对普通管理员的增删、密码修改。一般用户只可以做权限之内的操作和只能对自身的信息作修改。
图5-3 用户管理流程图
图5-4 用户管理界面
5.3 信息检索页面设计
设计思想：根据输入的关键字实现单字段或多字段组合查询。
图5-5 信息检索流程图
5.4 后台管理页面设计
网站后台管理系统提供了添加新闻内容、管理全部新闻、领导信箱管理、在线咨询管理、公众留言管理、网上投诉管理、网上调查管理、信息中心管理、超级管理选项、文件上传十个功能选择项，可以完成新闻信息的在线编辑发布、咨询留言的在线回复、网上调查项的增减等管理任务。
图5-7 后台功能结构图
第 六 章 系统程序设计
前面着重讨论了系统功能模块的设计，详细分析了每一个模块的功能，本章将就系统中模块功能的具体实现，选取部分源程序进行讨论。
6.1 程序设计语言
网站主要采用ASP作为程序设计代码的开发工具。使用ASP作为开发工具可以方便地建立动态的、高性能的、安全的、跨平台的先进动态网站，其突出特点有以下几个：
ASP可以将内容的生成和显示进行分离
Web页面开发者可以用HTML或XML 标识进行对最终页面的设计，同时使用ASP Tag 或Java Script 来生成页面上的动态内容，因为所有的脚本都在服务器端运行， 所以， 如果核心逻辑部分被封装在标识中， 那么Web管理人员或页面设计者将只能编辑ASP页面的显示方式， 而不会影响其内容的实质。
对不同浏览器的兼容
由于ASP技术采用了将ASP Tag 和Java Script 在服务器端解释并执行而只将结果以HTML或XML的形式送回到客户端的方法， 从而保证了对其它基于HTML的Web浏览器的完全兼容。
6.2 部份源程序实现及文件
数据库访问技术
网页在采用微软IIS/PWS的网络平台，通过服务器端运行的ASP程序来访问后台Access数据库。数据库访问采用匿名身份验证方式，使用户无需输入用户名或密码便可以对数据库进行访问。匿名身份验证是指由 IIS创建IUSR、计算机名称、帐户（计算机名称是正在运行IIS 的服务器名称），当匿名用户请求数据库内容时IIS 会将该连接分配给 IUSER_ComputerName 帐户，其中ComputerName。默认情况下，IUSER_ComputerName 帐户为 Guests 组的成员。此组具有 NTFS 文件系统权限所规定的安全限制，这些限制指定访问级别以及可提供给公共用户的内容的类型。建立Access数据库连接的步骤及参数意义如下：
第一行程序：建立一个ADO对象集中的Connection对象，也即连接对象。这是建立数据库连接的初始步骤。执行这行程序后，Conn成为一个连接对象。
第二行程序：建立一个ADO对象集中的Recordset对象，以便利用Recordset对象操作数据库（当然，这只是对数据库操作的多种方式之一）。执行这行后，rs就成为一个Recordset对象。
第三行程序：利用连接对象Conn的Open方法打开一个指定的数据库。首先利用Server对象的MapPath函数，取得要打开数据库的完整的文件路径，并存储在变量DBQ中。其次，因为我们要打开的是Access数据库，所以要指定ODBC驱动程序参数，表示要透过Access的ODBC驱动程序来访问数据库。到这里，就已经打开了数据库名指定的数据库。
第四行程序： Sql指令串。
第五行程序：利用rs对象的Open方法打开数据库中的数据表。这其中有四个参数，其意义如下：
数据表名或SQL指令串：在这个参数里指定要打开的数据库内的数据表名称，或者是用SQL的Select指令串确定的数据表的指定范围数据
Connection对象：指定已经打开的数据库的Connection对象。
Recordset类型：表示打开数据表的方式，有四种选择。数字0表示只读方式，且当前记录只能下移；数字1表示可读写方式，当前记录可自由上下移动，但不能及时看到别的用户建立的新记录，除非重新启动；数字2表示可读写方式，当前记录可自由移动，而且可以及时看到别的用户增加的新记录；数字3表示只读方式，但当前记录可以自由移动。
锁定类型：这个参数指定数据库的锁定功能。因为网络上的数据库都是多用户的，很可能同时有多个用户在操作数据库。为了避免错误，让同一时间只可能有一个用户修改数据，就要用锁定功能。有四种选择：数字1表示只读方式锁定，用户不能更改数据；数字2表示悲观锁定，当一个用户用rs对象开始修改数据时就锁定数据库，直到用户用rs.Update更新记录后，才解除锁定；数字3表示乐观锁定，只有在数据写入数据库中的时候才锁定。数字4表示批次乐观锁定，只有在使用rs.UpdateBatch成批更新数据时候才锁定数据记录。
身份验证
本网站身份验证采用服务器端验证代码方式，密码算法采用流行的MD5算法，同时附加客户端随机密码验证。MD5全称Message-Digest Algorithm 5（信息-摘要算法），是由MIT Laboratory for Computer Science和RSA Data Security Inc的Ronald L. Rivest在90年代初向IEFT提交的一种不可逆运算加密算法，经MD2、MD3和MD4发展而来，面向32位的电脑。登陆验证按一个IP可以有多个用户登陆，一个用户只能登陆一个IP的原则进行设计，具体代码及解释如下：
网上调查功能实现
图6-1 网上调查投票界面
图6-2 网上调查结果界面
网上调查实现代码
第 七 章 网页测试
7.1 测试网站的建立
7.1.1. 测试网站环境
网页测试使用本单位局域网进行，配置如下：
服务器端：操作系统—Windows xp
Web服务器—IIS5.1
浏览器—IE6.0
客户端：Internet Explorer6.0
7.1.2. Web服务器IIS5.1简介
IIS是Internet Information Services的缩写，是目前使用最广泛的Web服务器，可以在UNIX和Windows平台上运行。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的Internet／Intranet站点。IIS组件主要包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面。
7.1.3. 网页测试
IIS配置
当IIS被成功安装后，将在计算机C:\Inetpub\wwwroot下新建一个默认网站，通过修改默认网站配置可以建立自己的站点。如自己的网页放在D:\Wy目录下，首页文件名为Index.asp，其具体步骤如下：
第一步：在“默认Web站点”上单击右键，选“属性”，以进入名为“默认Web站点属性”设置界面。
第二步：转到“主目录”窗口，再在“本地路径”输入（或用“浏览”按钮选择）好自己网页所在的“D:\Wy”目录。
第三步：转到“文档”窗口，再按“添加”按钮，根据提示在“默认文档名”后输入自己网页的首页文件名“Index.asp”。
第四步：在“默认Web站点”上单击右键，选“新建虚拟目录”，依次在“别名”处输入“test”，在“目录”处输入“D:\Wy”后再按提示操作。
数据源（ODBC）配置
第一步：选择控制面板中的管理工具打开数据源（ODBC）。
第二步：在选项卡系统DNS中添加Microsoft Access Driver(*.mdb)驱动并指定数据源为网站的数据库文件。
测试
打开浏览器，直接在地址栏中输入：localhost/test/index.asp或者127.0.0.1/test/index.asp即可。
7.2 网页发布及网站维护
在测试完成后，网页就可以发布到互联网上了，接下来要做的就是网站的日常维护了。网站维护就是对服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间，制定相关维护规定，将网站维护制度化、规范化，主要包括以下内容：
即时更新新闻内容
留言、投诉、咨询、信箱定期回复
数据库内容定期备份、删减、分类
更正数据库使用过程中发现的问题
定期进行综合分析，不断优化数据库中数据结构，提高使用效率
在系统运行过程中应定期对管理员用户名和密码进行更新，并对IIS和NT权限作相应设置
第 八 章 结论
本次利用毕业设计的机会，为自己工作的单位设计了网页。网页使用ASP技术开发，具有良好的交互性能，具备强大的后台管理功能。新闻发布、信息检索、互动交流等主要模块设计做到了与单位职能职责的紧密结合，达到了预期设计目标。网页经单位局域网多次测试，在WindowsXP操作系统，IIS5.1的服务器环境上正常运行。
此次网页制作，通过大量阅读书籍和求助互联网，使我初步掌握了网页设计制作的一般过程、ASP简单设计应用、CSS和表单布局常识、ACCESS数据库设计技能。特别是在ASP编程阶段，通过无数次解决测试过程中排查出的问题，我不仅回顾和应用了以前学习过的理念知识，还掌握了许多新的知识和技巧，获益良多。但由于时间仓促，受一些技术和设备所限，网页在美工、需求分析、网页安全等方面存在诸多不足之处，有待后期运行中进一步改进和完善。
参考文献
1. 《Dreamweaver CS3 入门 提高 精通》，薛凯，康亚雄编著，机械工业出版社 2008
2. 《Photoshop CS3 平面设计标准教程》，李建宏，雷波编著，机械工业出版社 2008
3. 《ASP网页数据库短训教程》，刘瑞新，汪远征编著，机械工业出版社 2005
4. 《Flash CS3动画制作》，华信卓越编著，电子工业出版社 2008
5. 《网页设计三合一》，甘登岱编著，清华大学出版社 2009
6. 《网页设计与网站建》，邱云飞，温国峰编著，清华大学出版社 2009
7. 《Access2007数据库应用与开发》，杨继萍，孙岩，梁文新编著，清华大学出版社 2008
8. 《网页制作从入门到精通》，谭贞军，刘斌编著，清华大学出版社 2008
9. nbagri.gov.cn/index.jsp（宁波农村经济综合信息网）
10. 68design.net/（网页设计师联盟）
11. wznb.gov.cn/（温州市委农办）
12. bjnw.gov.cn/（北京市农委）
［关键词］网页设计与制作 案例教学 任务驱动
在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术。“网页设计与制作”是我院网页设计专业的必修课，作为一门新型学科，与传统的其他学科相比具有鲜明的自身特点：
（1）具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。
（2）极富创造性。学生通过对信息技术、信息科学基本理论和方法的学习，在掌握基本技能的同时，不仅拓展了思维，而且培养了独特的创造力。
（3）集现实性、实效性于一体，具有明显的时展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能，而是通过学习计算机、网络等一系列基本技能，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。
基于以上特点，“网页设计与制作”这门课程设计出了一套从学生实际出发，以“教师为主导，学生为主体”的符合这门学科特点的教学与管理模式，让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生实践动手能力。课堂教学采用案例教学法，实践教学采用任务驱动法。所采用的教学模式在授课过程中，根据教学内容安排及要求，由教师创设环境，师生发现问题，以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识，从而培养学生的创造能力。
一、课堂教学采用案例教学法
所谓案例教学，是为了培养和提高学习者知识能力的一种教学方法，即将已经发生或将来可能发生的问题作为个案形式让学习者去分析和研究，并提出各种解决问题的方案，从而提高学习者解决实际问题的能力。
案例教学的目的是在学生掌握了基本理论知识的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过独立思考和共同写作，进一步提高学生分析、解决实际问题的能力。在教学任务上，要求学生通过对案例的分析研究积累经验，以发展自己的创造能力。在教学活动中，学生在教师引导下分析和解决问题，学生活动在教学中处于主导地位，教师的传授、指导为辅，配合学生进行。在教学过程中，总是从案例开始，然后分析问题，最终解决问题或提出解决问题的捷径。因此，引导学生做好独立分析研究工作是教学的中心环节，而教学的准备、教师的指导都是为学生的分析研究服务的。
在讲授“网页设计与制作”课时，首先向学生讲授Flash，Fireworks软件的使用，再介绍DreamweaverMX网页编辑工具，并将三者结合起来，讲解图片插入网页中和在网页中如何设置字体格式等网页制作的基本知识，然后结合学生的实训课题，将一个有特定主题的网页呈现给学生，引导学生对这张网页进行分析，并提出实现网页的方法和步骤。在教学过程中，针对不同的内容，可采用不同的教学方式。在刚开始介绍DreamweaverMX网页制作工具时，由于学生对DreamweaverMX网页制作工具的使用还比较生疏，可采用以教师为主的案例讲解法，等学生熟练使用DreamweaverMX后，教师则可采用案例讨论教学法。在实施案例教学过程中，必须注意以下问题：
1.选择合适的教学案例。教师要根据教学进度和教学要求设计案例，并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，以提前查阅相关资料应对。选择的案例必须具有典型性、针对性、实践性、系统性的特点，并且与学生的学习、工作紧密相关。我们结合课程内容，制作了近百个精美的案例，每个案例都综合了若干个知识点。课堂上先让学生观看相关案例，引出问题，然后在讲解知识点的同时实现案例的功能。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强高职院校学生的实践动手能力。
2.组织良好的课堂讨论。案例教学法实际上是强迫学生参与到课堂学习中去，要求学生真正从实际工作的角度来思考问题。组织案例讨论旨在分析问题，提出解决问题的途径和方法。教师要引导学生删除案例中次要的细节，发现案例中主要的结构和案例与理论知识之间的内在联系。教师关键要做好启发引导工作，想方设法创造自由宽松的讨论氛围，在宏观上把握和指导好案例讨论，让学生成为案例讨论的真正主角，同时又不至于出现大的方向性的偏差。
3.进行适宜的案例总结。案例经过学生的讨论后，教师应该及时做出讲评，并再次讲授案例分析中所需要用到的理论知识和技能。这样做有利于学生把要求掌握的知识记牢，符合高职院校学生的实际情况。
同时，我们改革课程成绩的评价方式，提高平时成绩的比例，刺激学生上课的积极性。实行一段时间之后，学生变上课被动为主动，课堂气氛日渐活跃。学生课下主动复习预习，课上积极发表自己的见解，取得了很好的效果。
二、实践教学采用任务驱动法
任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。
在做“网页设计与制作”这门课程的第一次实验时，我们会推荐一些富有特色的网站供学生欣赏，将学生带入真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务――建设一个完整网站。然后针对课程中每一部分知识点将总体任务细分为若干大任务，如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等，再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法。而后，通过布置一个学习任务（网站作品），使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。学生可以个人或团队方式对任务进行分析和探索，最终使问题得到解决。该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。
在高职院校网页制作的教学实践中，任务的设计必须考虑到学生的差异。动手能力强的学生可以做一些较复杂的网页，动手能力弱的学生可以先做一些简单的网页，遵循“模仿―提高”这一过程。例如，在学习“表格”的内容时，教师可通过让学生浏览观察几个网站的页面，激发他们的热情，再提出任务。初始任务可以是较为简单页面的制作，其中包含“表格的插入”“表格的修改”“表格属性的设置”等一些知识点。之后，教师可给出较为复杂的设计任务。例如让学生利用“布局视图”“布局表格”“绘制布局单元格”去实现一些较为复杂的页面。最后可以让学生根据页面主题内容进行页面的布局设计，为后面的教学打下基础。这样的教学设计使基础差的学生，在前两个任务完成后，再逐渐过渡到最后的创新设计中；而基础好的学生，从开始就可以完成较复杂的任务，大胆地展示自己的想象力及创造力。
在任务驱动实践教学的过程中，我们要求每个学生务必做到以下几点：首先，要求学生对一个网站进行全面的剖析，分析网站的基本要求和技术要求。基本要求包括整体风格、排版布局、色彩搭配、网站Logo、音乐、网页特效、网站中必有的网页元素等；技术要求包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等。其次，在完成演示案例制作的基础上，对学生提出拔高要求，让他们根据教师提供的素材和要求做出扩充的演示案例网页；也可以给学生一个更高要求，让他们自己收集资料和素材，以教师提供网页案例为模板，制作网页。最后，选择任务时，要仔细推敲每个知识点，统筹兼顾，为学生设计出一系列有典型的操作性和针对性的任务，让学生在完成任务过程中掌握知识、技能和方法，真正体现教学中学生的主体地位和教师的主导地位，充分发挥学生的主观能动性，训练他们的创造性思维，全面提高他们的综合素质。比如最后阶段，要求制作个人求职网站，学生需要结合所学网页设计制作知识，根据设计任务，分析求职素材，独立做出设计，从而提高学习理论知识的兴趣和实践动手能力。
三、总结
在两年的高职院校“网页设计与制作”课程教学中综合运用案例教学法和任务驱动法，有利于学生实践能
力的提高和理论知识的掌握。通过一段时间的运行，取得了很好的效果。学生在走出校园之后，能够很快适应社会发展的需求，赢得了用户单位的好评。我们将进一步采用各种先进的教学方法和手段，提高课堂教学效果和教学质量，培养符合时展要求的新型高素质应用型人才。
［参考文献］
［1］颜谦和，颜珍平.《网页设计与制作》课程运用案例教学法初探［J］.电脑知识与技术（学术交流），2007（9）.
［2］吴安平，王明珠，王继忠.案例教学法研究与实践［J］.长春大学学报，2002（5）.
【关键词】汇编作品 网站 网页 独创性
如何认定网页的独创性？如何不踏入网页抄袭的雷区，是网站设计者应当考虑的重点问题。网站就是由域名和包括主页在内的网页构成的，本文旨在探讨网页的独创性。
著作权法意义上对网页的理解
1.网页具有独创性，属于汇编作品
著作权法意义上的作品是文学、艺术和科学领域内，具有独创性并能以某种有形形式复制的智力创作成果。由于网页的可复制性是显而易见的，网页以数字化形式储存在服务器的硬盘上，也可以以各种形式进行复制，具备传播的可能性，因此网页符合作品的形式性要件。
网页是否具备了法律规定的独创性，对于独创性的理解，各个理论学者都有自己的见解，所论种种，皆涵盖两种含义，一是独立完成；二是一定程度的创造性或个性体现。笔者以为独创性的网页应当属于著作权法意义上的“汇编作品”，可受到著作权法的保护 。网页非单独作品，常常是一种以上作品汇编而成，属于著作权法意义上的汇编作品。
2.网页独创性的体现方式
对于独创性网页的法律归属可以适用汇编作品的相关规定。对于网页构成中的文字、图片、动画、音乐元素，符合独创性标准的著作权仍然属于创作人。网页元素的独创性与否并不影响到网页本身的独创性，而网页的设计者仅仅对其独具匠心的整体汇编作品——网页本身享有著作权。
如何体现网页的独创性，这是理论界和实务界都探讨的话题。笔者以为：（1）如果网页构成元素相同，网页布局设计独特仍然具备独创性。网页都是按照一定的格式、内容等排列组合而成，而大多数文学、艺术作品的语言、文字、格式等构成元素都是相同的，这并没有使得作品失去独创性。在实践中网页所用色彩、文字及图形虽已处于公有领域，但网页的设计者只需将颜色、文字、图标以数字化的方式加以特定的组合，给人以视觉上的美感，不要简单地对事实进行排列，能体现出作者独特构思和视角，这应当是独创性的体现。（2）如果网页构成要素不同，素材内容不同，但网页布局设计无独创性，网页也则失去独创性。笔者以为即使网页的内容丰富，构成要素多元化，但网页是以一种无序的排列和组合存在，无任何特殊的构思和智力成果，这应当属于不具备独创性的网页。2001年深圳尊皇公司与哈尔滨福照公司的著作权侵权纠纷案充分地说明了这一点：即使网页内容不同，但布局风格一致仍然构成侵权。
实例分析汇编作品——网页的独创性
1.案例简况
2006年11月西安光大国际旅行社（以下简称西光国旅）委托乔哲为其提供网站制作栏目、网站页面设计、数据库、程序开发等业务。2007年3月15日西光国旅行社开通自己网站，与乔哲约定：该网站的域名归西光国旅所有并管理使用，网页版权由双方共同行使；如发现本网站版权被盗用链接、盗用版权、盗用网站后台，双方有权单独或联合采取法律途径维护双方合法利益，乔哲对该网站上的网页内容享有著作权，有权对侵犯该网页著作权的行为提出诉讼。同年3月24日西安西部国际旅行社（西西国旅）备案了网站。
网站网页载明西光国旅优惠酒店的价格、机票价格、汽车租赁价格、公司简介、招聘信息、国际、国内游线路等内容；而西西国旅的网站页面也显示了酒店的价格、机票价格、汽车租赁价格、公司简介、招聘信息、国际、国内游线路等内容。经比对，二者页面内容、结构、排列位置、文件名、部分文字和图片、滚动文字栏基本相同。此外，网站页面上显示了西安光大国际旅行社的名称和来访客户的详细信息。乔哲以西西国旅侵犯其网页著作权将其诉至西安中院。
2.笔者对本案的分析
（1）所涉网站是否具备独创性：本案中原告乔哲对网站网页涵盖面极为广泛，对整个网页的布图设计有自己的独特性考量，故而这应当归属于有独创性的网页，且具备可复制性，符合作品的构成要件，应受著作权法保护。
（2）所诉网站是否具备独创性：网站网页其页面内容、结构、排列位置、文件名、部分文字和图片、滚动文字栏与原告网站基本相同，所诉网站在网页的排版设计等布图上有着惊人的相似，已构成了网页的实质相似，这也是中院认定所诉网站的抄袭性质的有力证据。
3.结论：中院认为本案所涉网站页面是作者独特构思的体现和智慧的结晶，具有独创性、可复制性。西部旅行社的网站构成对争讼之著作权的侵犯。
结 语
网站的页面设计具有独创性，应受著作权法保护。企业或个人在建立网页时如何避免和他人的网页设计雷同，此种思量皆须谨慎。
参考文献：
[1]张玉敏.知识产权法[M].北京：法律出版社，2005.
[2]李明德，许超.著作权法[M].北京：法律出版社，2009.
[3]王迁.知识产权法教程[M].北京：中国人民大学出版社，2007.
[4]杨巧.知识产权法[M].北京：中国政法大学出版社，2012.
[5]冯刚.浅谈网页的知识产权保护[J].著作权，2001（3）.
进入21世纪，高校计算机基础教育面临两个挑战:一是中学计算机普及后，大学的计算机教育应当怎么办?二是在网络时代应该怎样进行计算机教育?针对这两个挑战，高校计算机基础教育应该要有新的思路，要上新的台阶，应当提高大学生的IT水平、加强应用能力，提倡创新精神，着眼培养人才。计算机公共基础教育是面向非计算机专业学生开设的，目的是培养学生的计算机应用能力，而现有的计算机基础教学中，以网页设计课程为例，存在不少的问题:(1)学生的层次不同，接受能力也不同，但教学内容和方法却是完全一样，导致最后的教学结果参差不齐;(2)学习了大量的理论知识，但是学生的实际动手能力却没有得到相应的提高。针对这些问题，笔者对于所教授的网页设计课程进行了实践式教学方法的探索改革，以分层次教学，提高学生实践能力和分析能力为主，达到“学以致用”的目的，取得了较好的效果。
二、教学内容改革
由于“网页设计与制作”课程要求学生掌握网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生管理、设计网站的能力。故设置其先驱课程为“计算机文化基础”、“图形图像处理技术”，后继课程为“动态网页设计”、“计算机网络”等。这些课程互相渗透、相互依赖，共同构成一个完整的、科学的课程体系。该课程要求学生了解网页制作和网站建设所需的基本知识，掌握HTML超文本标记语言以及CSS的使用和网页中文本、图像、超链接、表格、表单、图层和框架等的处理方法，了解相关美学的知识与网页制作流程。主要掌握网页制作工具Dreamweaver的使用，了解PhotoShop、Flash的基本功能和使用方法，以及相关技术的发展趋势。由于培养方案的改革，网页设计课程面临着从原来3个学分降为2个学分的问题，如何在更短的时间让学生掌握到更多的应用技能，如何提高学生的自我设计能力，首先需要解决的就是教学内容的重新设置和分配。根据之前教学中存在的重理论、轻实践的问题调整了理论和上机课时量，将30%的课时用来讲授理论知识，70%的课时用到学生动手实践上。理论课程主要侧重于网页设计的站点结构的搭建、相对路径的管理、色彩的搭配、HTML源代码以及CSS层叠样式表的讲解;而把网站布局工具(表格、框架、图层)、网页中的文本、图像、超链接、表单的理论讲解转移到实践中来，在实践中通过案例式教学将理论讲解和实践操作相融合，从而使教学效果得到更大的提升。
三、教学方法改革
要改善教学效果，首先要提升学生的学习兴趣为了更好的实现教学目的，笔者在网页设计教学课程改革中使用了多种教学方法相结合的方式并加以灵活实现。
(一)分层次教学由于网页设计是一门面对全校非计算机专业学生的选修课，［1］学生对于计算机技能的掌握差异性很大。如何掌握教学进度并照顾到大多数学生的学习要求是网页设计教学改革中的首要问题。在第一堂课正式授课前充分了解学生的专业分布，［2］其所在专业对于计算机技能的要求以及前期计算机相关课程学习情况。在教学过程中循序渐进，根据学生接受能力差异、现有水平和兴趣，由简单到复杂，由表及里。除了讲解网页设计必须了解的基础知识外，可以额外增加一些选学知识，以便于计算机技能较好以及对课程有进一步学习要求的同学掌握。如在表格布局教学中除了讲解表格的基本知识外，额外增加了如何使用表格结合HTML源代码制作细线布局的内容展现了表格多元布局的一面。不仅满足了学生的学习要求，也进一步带动了大多数学生的学习积极性。而在具体实践课程中，一般均有两个设计题目，一个为基础设计题，另一个为进阶设计题使学生能够根据自身能力和兴趣选择完成题目同时促进学生的自学能力，提高学生的积极性。
(二)任务式教学任务式教学就是让学生在一个个典型的任务驱动下展开教学活动，［3］从网页设计实际工作出发抓住重点和难点进行任务设计和实现。教学中应遵循两个原则:其一是倒序讲授原则，尤其是在理论课上，如何吸引学生的注意力是首要解决的问题。先展示设计后的成果，然后引导学生进行整体分析，重点是如何布局和配色。最后画出流程图，展现各个实现步骤。二是以提高能力为目的的原则。注重传授给学生解决问题的思路和方法，在分析过程中鼓励学生使用不同的方法解决同一问题。在这个过程中，学生会不断获得成就感，更大的激发他们的学习欲望。从而培养其勇于进取、独立解决问题的学习能力。具体实现流程如图1所示:
(三)实践式教学
网页设计课程除了要求学生掌握网页设计的基础知识外，更重要的是能够熟练运用设计工具，独立地完成网页设计任务，此时，实践式教学是必不可少的。在理论教学中，最大的问题在于学生无法亲自动手实践，对于教师所讲知识一知半解，甚至听过就忘。针对这一情况，笔者采用了师生互动的方式。即在简单讲解理论知识后，请学生上讲台来当助教，教师讲解，学生操作。在整个过程中，学生的积极性被调动起来了，并且在学生的操作过程中还可以发现很多之前没有发现的细节问题，如此讲解下来，学生吸收起来也会更快并且更主动。对于实践内容则采取双线教学方法，实验内容采取命题作业，以达到对于教学内容的专项练习。理论作业则采取自主作业，要求学生完成一个个人网站需要的系列网页，不仅达到了练习学生操作技能的目的，也进一步完善了学生对于网页的宏观规划和具体实现的能力。
四、考核方法改革
一种好的考核方式，不仅有利于全面真实地反映学生的学习水平，而且有利于刺激学生的学习积极性。考试内容侧重于对记忆型知识的考查，忽略了实际网页制作中对知识运用能力和实践能力的考查。笔者尝试改革网页设计的考核方法，并在实际操作中取得了较好的效果。以学生实际制作的网页作品作为考核的主要内容，并对学生的学习过程进行考查，以全面反映学生的学习情况。故课程最终成绩的生成为10%的课堂考勤+30%的实验报告+60%的自我制作的网页作品。并且为了提升学生的组织能力和合作能力，要求以3人为一组，完成一个网站所需网页的制作。在验收网页过程中，由该小组学生在讲台上通过投影仪将网页展示出来，并且讲解整个构思、设计以及实现过程。这样既可以保证学生是自己独立完成的网页，又可以达到一个交流的目的，更有利于提高学生的学习积极性和主动性，促进学生的个性发展。实践证明，由于强化了平时的实践环节考核力度，提高了过程考核的比例，重视了学生基本专业素质的培养，取得了很好的教学效果。
关键词：网页制作；职业能力；高职教育
作者简介：柳珺（1963-），女，北京人，河北政法职业学院计算机系，副教授。（河北 石家庄 050061）
中图分类号：712 文献标识码：A 文章编号：1007-0079（2013）10-0135-03
一、高职教育概述
高等职业教育作为高等教育中的一个类型，其人才培养规律不同于学术人才培养规律。高等职业教育应该以社会需求为目标，实践动手能力的培养为主线，所学知识、技能具有岗位针对性。因此高等职业教育的教育过程应以“项目化”的实训任务为引领，以培养学生职业能力为核心，通过职业技能的培养，努力挖掘学生的动手能力，能够让学生在学中做、做中学、学做一体，从而提升学生的专业知识应用能力和职业技能的迁移能力。
当前高等职业教育所面临的核心任务是课程的改革，而“任务引领”教学模式符合职业教育规律，强调理实一体、做中学的理念，[1]因此“任务引领”教学模式是突出高职办学特色、促使课程改革走向优质的一条有效途径。
“任务引领”是指在整个教学过程中以工作任务为主体，强调理论与实践相结合，在真实的工作环境下将所要学习的新技能、新知识渗入学习任务中，以完成任务的过程作为教学活动的核心，教学活动、教材内容和教学条件等环节均围绕一系列的任务进行，实践和理论高度融合。[2]
“任务引领”教学模式的特点可以概括为：以工作任务为引领；以岗位技能为导向；以实践教学为主题；以掌握能力为目的。任务引领让学生在享受工作过程的乐趣中，学习知识、掌握技能、培养责任、积累信心、完成教学任务，同时激发了学生的学习兴趣，调动了学生学习热情。[3]
在教学实践中，将“任务引领、学做一体”的教学模式引入的了高职“网页设计与制作”课程中，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的实践任务，使学生在任务完成的过程中，获得了网页设计制作的知识和技能，取得了较好的教学效果。
二、“网页设计与制作”课程设计理念
1.根据“网页设计与制作员”职业岗位需求确定课程目标
“网页设计与制作”课程是培养学生网站规划、设计与网页制作能力的课程，其对应的职业岗位是网页设计与制作员。因此，该课程的目标是掌握网页制作方法、强化网页制作技能、积累网页制作经验，以满足网页设计与制作员职业岗位的需求。
2.以职业能力为依据组织课程内容
“网页设计与制作”课程根据网站开发和网页制作技术领域和网页设计与制作员职业岗位的任职要求，参照网站开发和网页制作的职业资格标准，以网页设计与制作员岗位应具备的职业技能为核心，并考虑后续课程的衔接统筹选择课程教学内容，突出职业能力培养，实现理论和实践的完善统一。
3.以“任务”为主线设计教学环节
教学全过程围绕任务（实际的网页）进行，把网页设计与制作员所需要掌握的知识点和技术要点穿插到各个任务中，教师边分析讲解、操作演示，学生边模仿操作、动手练习，真正做到讲练有机结合。这样，既可以提高学习效率，又可以激发学生的学习兴趣，进而提高学生分析问题、解决问题的实际能力，使学生能够轻松学习、自主学习。
4.通过“阶梯上升式”实践教学模式强化技能训练
“网页设计与制作”课程设置了课内实训、课外拓展、模块综合实训、项目综合实训四个阶梯上升式实训教学环节，学生通过不断实践，实现网页制作技能由点到线再到面的不断推进。而每一个实践环节，都围绕着真实任务（网站或网页）进行，最终使学生达到与网页设计与制作员职业岗位的“零距离”接触。“阶梯式上升式”实践教学模式如图1所示。
三、“网页设计与制作”课程教学内容的选取
“网页设计与制作”课程以培养学生开发网站与设计制作网页的职业能力为课程设计的主线，在课程体系与课程内容上突出“应用”、“实用”。教学中注重处理好理论知识讲授与技能素质培养之间的关系，教学重点不仅仅是使学生掌握课程所讲授的理论知识，而是侧重于培养学生实际能力与才干。
“网页设计与制作”课程按照培养技能型、应用型人才的目标，根据行业企业对网页设计人才的知识、能力、素质的需求，并考虑前导、后续课程的衔接，确定课程教学标准与教学内容，同时按照实际工作流程重新组织教学内容，使教学内容具有很强的针对性和适用性。
“网页设计与制作”课程教学内容选取流程图如图2所示：
在选定课程内容的前提下，选择Dreamweaver、Fireworks、Flash网页设计三剑客软件包分别作为网页制作、图像处理和动画制作的工具，把网页制作技能的培养转变为三种软件使用方法的学习。
四、“网页设计与制作”课程的实施
“网页设计与制作”是一门实践性很强的课程，课程的目标是培养学生网页、网站的开发设计能力、软件工具的应用能力、再学习能力和创新能力，实现与网页设计与制作员职业岗位的“零距离”接触。为了达到课程的培养目标，在教学内容的组织与安排上突出了以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用“任务引领、学做一体”的教学模式。
教学过程均是围绕着一个个教学任务（网页案例）展开。课堂教学采用任务引领、项目（实际网站或网页）驱动，学做一体化授课，将知识点嵌入项目中进行讲解、练习、实验，使学生在“学中做、做中学”，逐步掌握所学知识，提高操作技能。
1.课程结构“模块化”
在“网页设计与制作”课程的具体实施中，为了适应网页设计与制作员职业岗位工作的需要，并考虑高职学生的认知水平和认知能力，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的模块化课程结构，将知识和技能分为网站规划、网页制作基础、网站管理、初级网页制作、图像处理、动画制作、高级网页制作、网站维护和综合实训9个模块若干个教学单元，每一个教学单元又包含若干个具体操作任务，在任务完成过程中进行教学内容的讲解。
2.课程内容随着网页制作技术的发展不断调整、更新
随着计算机技术和网络技术的发展，网页设计三剑客软件包的版本在不断更新，网页设计与制作技术也在不断升级换代，为此“网页设计与制作”课程的内容也必须根据网页制作技术发展不断地改进、更新，以适应计算机技术、网络技术的发展和社会的需要，保证学生所学的知识不过时。
3.教学环节标准化
每一个教学单元的教学都按照“任务展示”、“教师演示”、“课内实训”和“总结提高”的过程展开，体现“以学生为主体”、“以实践为核心”的教学思想。
在任务展示环节，教师首先说明本次课要完成的目标并展示本次课任务（网页）的浏览效果，让学生了解本次课的教学目标和需要完成的任务，激发学生对新知识的学习兴趣；在教师演示环节，教师逐步示范任务（网页）的制作过程，给出任务的操作方法；在课内实训环节，学生通过模仿教师完成相应任务，训练网页制作的基本技能；在总结提高环节，教师对任务完成过程中涉及的知识点和技术要点进行归纳讲解，使学生达到举一反三的目的。
4.“阶梯上升式”实践教学模式
实践教学是高职课程教学的生命线，而以“做”为特征的“网页设计与制作”课程，重视实践教学更是具有突出的意义。网页设计与制作的理论知识必须通过学生动手练习才能变成学生具备的网页制作职业技能。基于这些，形成了“课内实训、课外拓展、模块综合实训、项目综合实训”阶梯上升式的实践教学环节。这种教学模式的实施说明如表1所示。
5.采用符合高职学生认知规律的教学方法
高职层次的学生善于形象思维、动手能力强，厌学理论知识、乐学实际操作，因而最适合“做中学、学中做”。基于此采用了基于真实项目的“任务引领、学做一体”教学模式。
课程的教学过程围绕着一个个任务（网站或网页）进行，在课堂中，教师通过分析解剖一个个具体的任务，围绕一个个实际网站的构建及实现的方法，从简到繁，从易到难，引导学生制作网页，理论与实践相结合，边学边练，以练为主，最终完成实训任务，达到“课完即会、课后即能”的效果。
通过不断的探索和改进，我院“网页设计与制作”课程已经形成了“围绕一条主线，通过三个构建，实现三个目标”的教学特色：
一条主线即任务；三个构建为任务引领、学做一体化教学模式的构建，“模块化”课程结构的构建和“阶梯式”实践环节的构建。
达到三个目标，第一，素质综合化，通过任务的学习和网页设计开发，培养了学生刻苦钻研、勇于开拓的创新精神，培养了学生科学严谨、实事求是的工作态度，加深了学生团结协作、互帮互助的集体观念，全方位地提高了学生综合素质；第二，设计个性化，通过任务的学习和网页设计开发使学生的设计思想得到充分的展现，设计的作品更具有个性；第三，能力岗位化，通过任务的学习和网页设计开发让学生的能力更符合岗位的要求，实现与网页设计制作员岗位“零距离”接触。
多年的教学实践证明，在“网页设计与制作”课程中引入“任务引领、学做一体”教学模式，用任务作为教学的载体，让学生在学中做、做中学、学做一体，通过学生主动的实践、探索，使学生在获得网页设计与制作职业能力的同时，还锻炼了学生的动手能力，提高了学生分析问题和解决问题的能力，培养了学生严谨的工作态度和团结协作精神，达到了学生与网页设计与制作员职业岗位的“零距离”接触。
参考文献：
[1]李亚桂，竺辉.“任务引领型”专业课教学的实践与启示——以《建筑组合体的投影》一节课为例[J].职业，2011，（11）.
本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。
关键词：
网页设计与制作；课程；教学改革；策略
随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。
1《网页设计与制作》课程教学存在的问题
1.1学生学习被动
长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。
1.2学生动手能力较差
在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。
1.3缺乏沟通
首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。
2《网页设计与制作》课程教学改革的策略
2.1重新定位课程教学标准
首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。
2.2优化教学内容
《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。
2.3更新教学模式
高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。
引用：
[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)
【关键词】网页设计与制作 一体化
根据一体化教学的要求，在《网页设计与制作》教学中实施一体化教学，要做好以下几个环节设计：
一、课程标准
专业知识目标。熟悉和掌握网页设计与制作的基本知识，了解和熟悉HTML语言，掌握静态网页设计与制作的知识，掌握网页中动态效果的设计与实现方法，掌握网页中图片设计和处理、动画设计的知识，掌握网站检查与的知识。
职业能力目标。具备收集、处理、准备、加工的能力；具备网页设计及网页中图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等简单科技文件的基本能力。
职业素质目标。按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。
二、课程设计
围绕“将工作任务转化为任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。
工作任务分析。具备Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态网站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。
工作任务设计。在《网页设计与制作》学习领域中贯穿两个平行的工作任务：一个是模仿型总任务：《XX学院网页》网站设计与制作；一个是开放型总任务：个人网站设计与制作；以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分为若干子任务，学生依据任务样本，在教室的示范引导下通过模仿逐个子任务，最后完成总任务，获取学习成果。
学习领域设计。本课程学习中每个情境对应一个子任务，设计方案如下：
三、实施建议
（1）教学模式。本课程采用“理实一体、任务驱动”的教学模式。课程教学全部在多媒体机房进行，“教、学、做”完全融合，整个教学过程分为“总任务导入逐个完成由模仿型总任务分解而成的子任务，与此同步逐个完成开放型总任务最后完成两个总任务（获取学习成果）”的过程。
（2）教学方法：任务驱动，讲练结合：采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体。学生通过完成任务的过程实习对所学知识的构建；案例引入，创设情境：引入颇具代表性的各类网站，一一展示给学生，并和他们一起就网站特点、内容、结构、技术逐一进行分析和讨论；讨论交流，启发引导：在完成工作任务时，怎么做，按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。教学过程中注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。
《网页设计与制作》一体化教学是一个系统工程，在一体化教学中要注意计算机教室、教学计划、教材、教案、学案、及教法、师资等的设计，只有这样，才能符合一体化教学的要求，才能组织好一体化教学。相信在不久的将来，为适应职业技术教育的发展要求，逐步实现一体化教学，为职业技术教育培养出更多更好的实用型、技能型人才。
参考文献：
