摘要：随着“互联网+”国家战略的大力推进，社会对网页设计专业人才的培养提出了新的要求。该文根据平面设计专业网页设计课程的特点，分析该课程教学存在的问题，并针对问题从教学内容、教学方法两个层面阐述具体改革措施，旨在提高平面设计专业网页设计人才的社会实践对接能力。
关键词：平面设计;网页设计;课程教学;改革
随着“互联网+”国家策略的大力推进，我国社会发展急需大量优秀的互联网人才，而网页设计人才是互联网人才的重要组成部分。为了配合国家战略实施，目前国内各大高校纷纷把网页设计设置为平面设计专业高年级学生的必修课程。然而，随着近年来平面设计高等教育的不断扩招，以往的课程体系和教学方法已无法满足当代和未来社会对网页设计人才的要求，而忽视市场需求的人才培养模式也会使人才培养与市场需求间的距离越来越大。所以，对平面设计专业网页设计课程教学的探讨十分重要。
一、教学现状分析
平面设计教育在我国起步虽晚，但发展迅速，其人才培养方法备受各方关注。网页设计是一种新兴的数字艺术，它的创意取决于企业的文化属性和互联网的特色，它是一种附属于互联网、融合艺术与技术的新型设计形式，它的界面设计从平面设计入手，内涵却远远超出了平面设计概念，既要注重界面中的平面构成元素，又要考虑用户体验，还要注重各页面链接的空间关系和视觉协调性，从而成为具有互联网特征、综合性的平面设计。目前，国内各大本科院校多依据所属专业确定网页设计课程的教学侧重点。计算机类的侧重代码编程，注重培养网站后台人才；艺术类的侧重界面规划和美化，致力于培养网站前台、网页美工。但各专业在网页设计课程教学上主要存在以下两种现象：一是“轻维护、重美观”，培养出的学生多注重静态页面的艺术性，不在乎是否有利于后台维护；另一种是“轻线下、重线上”，部分学生往往只在意屏幕的视觉效果，对线下互联网用户的需求了解不够。这导致他们设计的网页界面看起来很漂亮，链接也很流畅，但实用性不强，更不利于线下产品的开发。因此，对平面设计专业网页设计课程教学进行改革势在必行。
二、教学内容的调整
对于平面设计专业网页设计课程教学中出现的问题，首先要从教学内容上进行调整。新的教学内容调整为艺术理论课程和软件实践课程两大模块。
1.艺术理论课程模块
艺术理论课程模块的知识点分为三部分：网页设计的功能元素、网页交互设计、网站品牌形象的美学塑造。网页设计的功能元素是网页界面设计的基础元件，了解功能元素的特点、作用及各元素之间的相互关系，对网页设计工作起着至关重要的作用。网页设计的功能元素有背景与底纹、按钮与控件、页眉与页脚、导航器和目录、功能板块和广告位等，这些功能元素依靠文字、图片、色彩、多媒体和超级链接实现。这些功能元素的形式语言设计遵循传统平面设计的设计原则，又和传统平面设计有很大不同。如，传统平面设计多以印刷为最终呈现方式，作品尺寸是固定数值，而网页设计是以用户的显示器为最终呈现载体，所以作品的宽度不宜超过显示器宽度，高度可以任意，但只能显示一屏的高度，随着浏览者拖动滚动条，作品的显示高度随之变化。用于传统平面设计中的色彩在输出过程中是以印刷色CMYK形式出现的，而网页设计中的颜色是RGB模式，是标准的光色。因此，教师在此部分教学中不但要传授网页设计各功能元素的作用与特点，还应该指出它们与传统平面设计中相对应元素的异同，让学生在区别中学习。交互设计是网页设计最为重要的功能设计。交互设计源于工业设计的概念，原来的平面设计专业教学中没有交互设计的内容，为了更好地让教学内容与市场接轨，在调整后的教学内容中新增了这一知识点。此部分教学内容包括用户体验研究、层级结构设计、流程设计等，通过模拟用户上网实际操作进行分析，找出用户的关注点，确定网站特色和栏目，将站点ID、栏目、实用工具、搜索引擎等交互设计元素和平面设计知识结合，将功能设计教学落到实处。品牌化建设是企业视觉形象设计的延续和拓展。和大多数线下公司一样，优秀的网站也需要塑造品牌形象。从企业文化和性质入手，树立准确而独特的网站品牌形象，有利于企业在互联网上从同类公司中凸显出来，提高上网者对该企业网站的浏览兴趣，增强上网者的浏览记忆，促进该企业的宣传推广。在艺术理论课程模块教学内容中应渗透品牌形象概念，将此概念应用到网页设计的各个环节之中，无论是网页LOGO、网页色彩还是版式和导航等设计，都应该保持品牌形象的一致性。
2.软件实践课程模块
软件实践课程模块包含两部分：“新网页三剑客”和常用简单代码识别。Fireworks、Dreamweaver、Flash是传统意义上的“网页三剑客”，过去网页设计的教学基本是对它们的学习。这虽然具有普遍性，但对不同专业学习的针对性不强。结合平面设计专业学生现有软件掌握情况（Photoshop是平面设计专业学生必修基础软件，多数学生已掌握它的基本操作技巧），把此部分内容调整为“新网页三剑客（Photoshop+Dreamweaver+Flash）”的学习。简单地说，就是根据界面规划草图，用Photoshop制作出精美的静态界面效果图，并在此基础上再次利用Photoshop软件进行切片、优化和输出Html文档，用Dreamweaver进行版式美化处理和超级链接设计，最后用Flash做特效替换，最终做出具备跳转链接功能的动态网页设计效果图。平面设计专业最终制作的网页设计作品需要软件工程师根据动态效果图代码编程上传，这样才能更好地在互联网上呈现。为了更好地与后台工程师沟通，把动态效果图设计得更准确，网页美工师需要了解一些常规编程代码知识，但平面设计专业学生多是文科生，数学和英语的掌握水平普遍不高。对此，在代码教学内容上应选取一些常用的、简单的代码语言，并结合Dreamweaver的Html标签和CSS规则的使用方法，利用框架，对现有模板进行优化和美化，提高网页设计动态效果图的实用性。
三、以项目教学方法为载体，提高学生的实战能力
为了提高学生的实战能力，将社会项目、经典案例引入课堂教学，并分层次逐级深入。
1.第一级：精选案例、分解任务阶段
教师应该根据学生的特点和网页设计所需掌握的相关知识点，精选典型实际案例，引入教学环节。分解项目到每一个知识点，边教边练，将实践和理论有机结合，并逐一讲解。教师选择的案例要具有吸引力、综合性，能涵盖知识点，案例不需要多，两三个即可。教师在讲授案例时应强调学生的主体地位，对学生进行引导和解惑，遵循由浅入深、由易到难的原则，以具体分解任务作为驱动，进行教、学、练的课堂活动。此阶段应激发学生自主学习的兴趣，培养他们独立自主分析、解决问题的能力和实践能力。
2.第二级：项目分工合作阶段
此阶段将学生分成若干设计小组，几个小组共同承担一个项目，每组在项目中的任务各不相同，各小组分工协作，大家共同制订项目计划和实施方案，推举大组长为项目总负责人，负责最终方案的定稿和项目材料的整理。在项目设计的整个环节中，每个小组拥有充分的自主权，大大地调动了学生的积极性。各小组成员共同面对随时出现的问题，合作完成任务。这样的交流过程使每名学生都能参与项目设计活动，提升自主学习能力。在这种交流中，所有学生的思维碰撞出火花，产生新的创意，大大提高了学生的创造激情和探索冲动，加强培养了他们的团队协作能力，为他们以后步入社会打下了基础。教师在这个阶段应该全程监控，引导学生自主解决问题，表扬优点，发现不足，汇总各个组项目实施中的共性问题，对共性问题所涉及的理论知识与软件操作集中补充讲解。
3.第三级：对接社会、校企合作阶段
平面设计专业网页设计课程教学改革的最终目的是为社会输出合格的互联网网页设计人才，更好地服务社会。对此，平面设计专业网页设计课程教学对接社会、加强校企合作就显得尤为必要和重要。学校应该根据自身特点选择合适的企业建立教学实践基地，聘请企业网页设计骨干作为指导教师参与网页设计课程实践教学。学校也可以组织部分优秀学生组建设计团队，成立工作坊，工作坊可以按照企业模式管理、运营，承接校外的网页设计项目。此阶段教学培养学生的社会接轨能力，为学生对接社会提供条件，将企业文化和行业规范引入教学，实现校企无障碍对接，真正将理论教学与实践教学有机结合在一起。在计算机信息技术飞速发展的环境下，平面设计专业网页设计课程更要紧扣时代的脉搏，求实创新，不断地更新和丰富教学内容，结合市场发展趋势创新教学方法，及时将最新案例和相关知识点引入课堂，最终培养出满足“互联网+”国家战略实施需要、具有综合素养的网页设计高级应用人才。
作者:洪涛 单位:河南大学艺术学院
摘要：《网页设计》是高校很多专业的一门专业必修课，本文分析了目前该课程的教学现状，提出了针对电子商务专业调整教学内容的措施，让课程的教学更符合电子商务专业的要求，让学生真正学到知识。
关键词：电子商务专业；网页设计；教学
一、《网页设计》教学现状
目前各大高校开设了《网页设计》课程的专业有电子商务、艺术设计、计算机软件、信息工程等专业，有的学校还把该课程设置成全校公选课程，但是教师上这门课时在教学方式、教学内容上几乎完全一致，没有从专业发展的角度来安排教学内容，严重影响了学生在其专业领域的发展。目前该门课程教学内容的设计有以下几种：
（一）介绍网页三剑客软件的使用
“网页三剑客”软件包括：DREAMWEAVER是一款可进行静态和动态网页制作、网站管理的所见即所得网页编辑器。FIREWORKS主要是用于网页图片的制作与处理，也可用于网页布局。FLASH主要用来制作动画。按照这种教学内容培养出来的学生往往只是熟悉软件的使用，不懂网页源代码，做出来的网页效果一般，缺乏特色，学生将来从事网页设计工作时会感觉困难重重。
（二）只介绍DREAMWEAVER软件的使用
这种教学方式比较常见，教师只讲述DREAMWEAVER软件的使用，包括：DREAMWEAVER的工作界面、文档编辑、图像与多媒体、超链接、表格、框架、CSS、模板和库、表单、行为、网站测试与。学生学习该课程后，能熟练使用软件，能用表格、框架、层来进行页面布局，懂得基本的CSS样式设置，会利用行为面板添加一定的网页特效，在网页设计完成之后，能进行网站的测试与。相比前一种，这种方式培养出来的学生网页设计基础知识更为扎实，但是相关的技术掌握太少。
（三）HTML5、CSS3、JAVASCRIPT网页设计技巧
HTML（HypertextMarkupLanguage），是用于描述网页文档的一种标记语言，HTML5是当前最新版本。CSS即层叠样式表（CascadingStyleSheet），在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确地控制，CSS3是CSS技术的升级版本。JAVASCRIPT一种直译式脚本语言，用来给HTML网页增加动态功能。HTML5、CSS3、JAVASCRIPT是网页设计的主流技术，是教学的重点和难点。
（四）动态网页设计
除了介绍DREAMWEAVER软件的使用外，还重点讲述后台数据库的访问，即C#语言、数据库编程。由于《网页设计》课程通常开设在大一，对于很多从来没有接触过编程和数据库的学生来说，他们会觉得特别难，容易产生抵触心理，消磨掉学习兴趣。
二、电子商务专业《网页设计》教学内容的设计
电子商务专业的培养目标是培养掌握电子商务系统开发技术和电子商务管理与应用知识和技能的高素质人才。《网页设计》是电子商务专业的一门专业必修课，是一门涉及面很广泛的学科，仅仅讲述DREAMWEAVER显然是不够的，毕竟在一个完整的网站中，除了有合理的页面布局之外，用户还希望能看到画面优美的图片、制作精美的动画作品、引人入胜的网页特效，网站设计完成之后，还需要将网站上传和定期维护。另外对于正在读大一的电子商务专业学生来说，在《网页设计》课程中讲述动态网页也不合适，超出了他们的接受程度。因此本人在给电子商务专业的学生讲课时，结合他们的专业特色，将教学内容和课时（一学期64个课时）做了如下安排：
（一）教学内容安排
1、FIREWORKS图片切片处理考虑到我校大一新生第一学期就学习了《PHOTOSHOP图片处理》，掌握了图片处理的技巧，所以图片处理部分只讲述切片和精确提取属性值，而且这部分不单独拿出来讲述，可以穿插在综合案例的DIV+CSS页面布局中。2、FLASH动画设计：10课时这部分内容是学生最感兴趣的，重点讲述动画设计的基本方法，要求学生能够设计出网页中常见的动画效果，能将动画作品成swf文件或者gif文件，并将作品添加在网页中。3、DREAMWEAVER软件使用：10课时因为学生在大一第一学期学过办公软件OFFICE，所以DREAMWEAVER软件的使用他们很容易掌握。教学目标包括：了解创建站点的方法、视图的切换、常用面板的使用；熟悉常用的html标记；能用软件建立超链接、插入图片和多媒体文件、设计表格、表单。学完这部分，学生能利用软件的菜单和工具栏完成各种类型的简单网页的设计。4、DIV+CSS页面布局：32课时这一部分是本门课程的教学重点。教学目标包括：理解DIV盒子模型、熟练掌握CSS常用样式、精通页面布局技巧，最终学生能根据效果图自如地设计出网页。5、JAVASCRIPT网页特效：10课时对大部分电子商务专业的学生来说，因为从来没有接触过程序设计，所以这部分内容对他们来说是最难掌握的。教师对他们不能提出过高的要求，以免打消他们学习的积极性。教学目标是：学生掌握JAVASCRIPT基本语法，能设计简单特效，能修改网上下载的网页特效素材，灵活运用到自己的网页中。6、网站测试与：2课时让学生掌握网站测试与的方法。
（二）教学先后顺序
通常《网页设计》课程的教学顺序是：网站基本知识、HTML、DREAMWEAVER（HTML5+CSS3+JAVASCRIPT）、FLASH、FIREWORKS。本人在讲述该课程时教学的先后顺序如上所示，原因有两点：首先符合网页设计的基本流程：先确定主题，然后准备素材，PHOTOSHOP制作网页效果图，然后用DREAMWEAVER根据效果图设计网页。常言道“巧妇难为无米之炊”，只有先把网页素材准备好了，才可以开始网页设计。其次相比DREAMWEAVER网页设计，动画设计和图片处理效果更为生动直观，更能激发学生的学习兴趣。
三、结束语
任何一门课程的教学都应该根据专业的特色来调整教学内容，培养出适应社会需求的专业性人才。上述《网页设计》课程教学内容的设计使电子商务专业学生能够扎实掌握网页设计技能，同时为后续专业课程学习奠定了良好的基础。
作者:彭珊珊 彭琼 马丕玲 单位:湖南涉外经济学院
摘要：《网页设计》是一门以培养学生的实作能力为主的课程，应充分利用仅有的32课时有效提高学生的操作与实践能力，让学生学以致用。本文探讨了基于项目教学的《网页设计》课程教学实践，希望对课程的教学提升有所帮助与启示。
关键词：《网页设计》；项目教学；教学实践
《网页设计》课程是青岛农业大学传播学专业网络传播方向的一门专业基础课，其主要目的是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS和网页制作工具，熟悉网页的制作和流程，能够根据客户需求进行静态网页设计与制作以及进行小型网站的维护和管理工作，是一门操作性与实践性都很强的课程。课程设置32学时，内容多、课程紧，如何在有限的时间内最优化学生的学习效果是授课教师面临的重要课题。
一、理顺与先修后继课程的关系
以《网页设计》课程为中心，重新规划了传播学专业网络传播方向的相关课程群内容，课程的先修课程包含有通识课程《计算机基础》，专业基础课程《C程序设计》及《电脑美术平面设计》，课程的后续课程包含有专业基础课程《计算机网络技术》，专业课程《网络传播》《网站创建于管理》，专业拓展课程《网络数据库技术》《手机APP开发》《网站策划与设计》及《动态网站建设》。
二、确定课程的教学目标
在对课程进行了重新定位和性质分析的基础上，确定课程的总体教学目标为培养学生静态网站设计与制作的实际工作技能，其中：知识目标：了解HTML标记语言，熟练使用网页制作工具Dreamweaver，能完成DIV+CSS标准布局。能力目标：能进行网站需求分析、总体设计，能实现界面设计、基本网页制作，能制作多种页面特效，能进行网站的基本管理。素质目标：培养学生良好的职业素养、团队协作意识、自我学习能力、沟通表达能力和知识归纳与积累能力。
三、课程内容设计
设计课程的讲授学时为16学时，实践学时为16学时。教学内容制定的依据是以岗位需求为导向，对网页设计师和网络美工的工作过程进行分解分析，确定岗位的核心能力；将核心能力整合提炼为对应的课程项目；依据课程项目提炼章、节、知识点；构建出以工作体系为基础的课程体系。其中课程项目规划设计6个，对应16课时的实践学时。分别为：项目一网页设计基础、项目二Dreamweaver基础、项目三表格布局的页面制作、项目四页面美化、项目五CSS+DIV布局的页面制作及项目六页面特效制作。围绕6个课程项目，规划课程教学内容10章，对应16课时的讲授学时，内容包括网页设计基础、Dreamweaver基础、页面与文本、图像与多媒体、超链接、表格、CSS样式、CSS+DIV布局、APDiv和Spry及行为。
四、《网页设计》项目教学实践
课程的实施步骤主要包括知识引入、项目布置、项目分析、分解实施及分步总结5个环节，本文以“页面特效制作”项目为例，具体阐述课程教学实施过程[1,2]。
（一）知识引入
平时浏览到的网页，很多都有网页特效。像图1左右两侧的对联悬浮广告，以及图2中的图像变化效果，这些特效的实现与“行为”这一知识点密切相关。针对行为是什么和如何为网页添加行为，围绕第十章行为相关知识点开展教学。在基本知识点完成学习的基础上，布置本次需要完成的项目是“制作甜品饮料吧网页特效”。
（二）项目分析
教师对项目任务的重点、难点进行细致的分析讲解，学生针对性地记录相关知识点。例如，对“甜品饮料吧”案例进行分析，确定该项目的操作要点为：一是在“热卖产品”下方，分别为图像“茉莉花香”“冰火两重天”“生命之绿”，“巨杯甜饮”添加显示-隐藏元素特效。二是在“特色产品”下方，添加交换图像特效。学生要在教师的指导下充分理解项目要求。
（三）分解实施
学生根据项目任务做好详细地分步实施计划，教师按照任务节点要求以及学生学习计划指导学生进行网页设计与制作，并注意纠正学生自主学习过程中出现的偏差，着重培养学生的项目实践能力。
（四）分步总结
对于项目实施过程中的重点与难点，找出共性问题进行讲解。
五、结束语
项目教学是培养学生自主学习能力、自主分析与解决问题的能力及实作能力的有效方法，与《网页设计》课程的教学目的与要求契合。实践表明，将项目教学法应用于《网页设计》课程显著提高了课程的教学效率和效果。但是在实际应用中也存在一些问题：学生计算机理论及实际操作能力较弱，个别学习能力较强的学生会利用自已准备的素材设计具有个人特点的作品，大部分基本利用老师提供的素材和按照提供的效果图完成最终任务，从作品中看出学生灵活变通能力、自主创作设计能力不足。部分学生更希望老师操作演示，自己减少思考和动手操作过程，所以要密切关注学生当堂学习情况并及时调整教学方法。此外可以采用小组分工合作等方法活跃课堂气氛，要通过小组评价、小组互评、教师评价等方法尽可能在评价反馈方面详尽合理，同时要注意过程性评价与总结性评价相结合[3]。
作者:孙晓梅 单位:青岛农业大学
摘要：网页设计与制作是计算机应用专业的重要课程，如何采取有效手段、方式，实现学生的计算机自主学习与实践能力的提升，让学生具备较强的操作及技能，以提升计算机网页设计与制作的教学质量与效率，是当前广大教育工作者急需解决的主要问题。该文主要分析了基于项目教学的“网页设计与制作”课程改革与实践，希望能为课堂教学提供参考。
关键词：项目教学；网页设计与制作；课程改革；实践
项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。
1教学改革的理念与思路
在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。
2基于项目教学的“网页设计与制作”课程改革与实践的途径
2.1课程整体设计
在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。
2.2建立项目小组
在明确项目教学的内容后，教师应召集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。
2.3项目教学的实施
项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。
2.4成果展示
在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。
2.5考核方式的改革
项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。
3结束语
综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。
作者:吴细花 单位:长沙职业技术学院
摘要：随着网络新时代的到来，网页早已成为人们生活不可缺少的一种信息载体，也为视觉设计者提供了一个新的设计领域，随着人们对网页视觉要求的提高，网页视觉元素的运用与审美功能的体现，也显得更加重要。针对网页设计中视觉元素功能与审美性研究进行几点分析。
关键词：网页设计；视觉元素；功能；审美
在科学技术日新月异的今天，因特网这个崭新的传播媒体，使人与人之间的距离更近。在网络迅速发展的今天，人们可以足不出户的利用网络获取外界信息，因此对浏览界面也有了新的要求，除了功能性更强以外，审美性的要求也更高。而视觉语言的应用，为网页设计提供了新的方向，也促进了网页设计的发展。
1功能与审美性
1.1网页浏览的视觉规律
与印刷设计相似，网页设计也要遵循视觉规律的引导与利用。人们观看网页，遵循这一定的移动规律，而视觉的移动规律，能够引导浏览者浏览网页的视觉顺序，进而使网页浏览更加轻松。这就要求设计者，要依靠视觉语言各要素直接的联系与外形呼应，建立网页页面中的视觉流动，将浏览者无形的视觉移动规律与网页设计视觉要求建立一种心理联系和呼应，从而达到提高网页浏览效率与浏览享受的目的。在应用网页视觉语言的过程中，运用这额联系，能够为人们创造更多的组合和安排，从而使网页设计设计也更加简便化。网络可以达到提高人类信息交流与传播的目的，让日常生活变得更加方便，也提升了基本生活标准。
1．2网页页面导向设置
网络页面中会呈现多条与搜索相关或无关的信息，为了提高浏览者准确找到需求信息的速率，也为了确保浏览页面具有一定的指示性，网络页面的导向性功能至关重要。与传统的网络页面相比，最新的页面信息排版以及引导方式，除了利用原有的文字进行信息提示外，还在适当的位置添加图片信息，方便浏览者进行资料搜索，加快对重点信息的浏览速度。网络页面的整体构图也应清晰合理，避免对浏览者造成视觉干扰，只有这样，才能保证浏览者可以按照导向指示，完成资料的搜索任务。
1．3网页的版式语言表现
由于人体视网膜构造的原因，人体视网膜晶体只能产生单一焦点，这就限制了人类浏览信息的速度，所以，浏览者需要按照个人需求有顺序地进行信息的观看。为进一步提高网页的点击量，页面设计者应合理布局，将重要信息排版清晰，并尽量符合人类视觉网络浏览的基本习惯，有效区分各信息之间的主次关系，尽量显示信息的重要内容，提高浏览者的阅读速度。
1．4审美性
网页页面设计需要合理布局，而其中掺杂的语言，也应按照主次关系进行分类，具体所遵循的原则，可以从以下几点分析：
1．4.1网页页面内容与形式的一致性
网页页面所呈现的信息量十分巨大，这对浏览者会造成一定的信息干扰。为保证可以在重要区域凸显重点信息内容，也为了合理利用仅有的网页空间，设计者应尽量多地呈现具有浏览价值的信息，并合理构建信息的内容与表现形式模型，让最终的页面效果具有视觉冲击感，并可以缕清浏览脉络，为浏览者提供适合人眼阅读的页面环境。点击的页面内容应确保与所呈现的文字形式高度一致，避免浏览者被不精准的信息干扰，影响浏览心情，降低浏览速率。
1．4.2重要信息的突出显示
在大量的页面信息中找到需要的信息内容，这对浏览者的阅读速度是一种考验，为尽量普及页面的浏览功能，设计者需要合理布局，尽量将重点信息内容放在符合浏览者视线浏览的区域内，让页面更有层次感。在适当的位置配上文字主题说明，并采取加大浏览字符或文字标红的形式，突出重要信息内容。
2网络设计中视觉元素具体应用
2．1动态视觉元素
设计师在对网页进行语言编辑的过程中，需要合理添加动态设计元素，其中包括声、像、影、音等多媒体文件。在网页中添加这些动态元素，可以明显提高网页的信息点击量，提升信息的点击价值。浏览者可以利用页面进行信息的快速搜索，并被动态信息吸引，增强页面视觉影像力的同时，获得愉快的浏览心情。比如：动画媒体能给浏览者以强烈的视觉冲击，在为其提供具有亲和力的视觉影像资料的同时，可以同步满足浏览者的好奇心，并通过动态视频资料给浏览者更真实的视觉体验。二维、三维动画影像的出现，提高了人与电脑之间的交流速度，形成一条特别的获取信息的桥梁，同时，它既可以为人的某些情绪提供宣泄场所，又可以让简单整洁的画风，给浏览者更舒适的视觉体验。在网页系统的合适位置添加声音信息，能够让浏览者解放双眼，得到短时间的视觉放松，尽情地获得听觉的享受。互联网将同步提供音乐播放下载、网页电影直播、影视实况转播等多个浏览模块，给消费者以身临其境的感受。这种如同深陷其中的现场真实感觉，可以快速唤起浏览者的共鸣，提高视频影像资料的影响力。首帧画面将带给消费者以最大的视觉吸引，这就要求设计师需要选择合适的图片元素，才能最大程度地提高点击量，让更有价值的声音和影像信息被浏览者获取，让重要信息拥有全新的宣传和发展空间。
2.2人性化视觉语言
浏览者可以在网页中第一时间获取想要知道的信息内容，并可以在正确的引导下完成下一步的信息搜索，这是网页设计师想要看到的成果。这种较为人性化的网页设计理念既要充分突出网页的特点，又要保证浏览页面的简单。浏览者可以在既智能又含有技巧性的网页内快速接受被宣传的信息，这是网页设计高手以及制图软件高手具有的基本网页制作能力。设计高手本身需要具有较强的理解、语言组织、网页编辑、宏观调控等多项能力，为满足不同浏览者的浏览需求，在体现人性化网页色彩搭配上，可以为女性浏览者提供以紫色为主色调的浏览页面，并尽可能提供精准的信息检索项目。网页设计需要具有足够的吸引力，才能保证商家在页面上进行信息的公布。没有人点击或搜索的页面设计，就好比没人阅读的海报、说明书、杂志封面一样，不具备信息的传播和引导能力。设计师应十分注意网页的人性化设计理念，将需要宣传和引导的信息放在网页的显眼位置，既可以增加这些信息被点击的可能性，又可以对浏览者进行信息的引导，但是，多数网页设计人员并没有这么做，浏览者通常无法点击到那些敏感且悠闲的区域，这就促使某些重要信息始终无法被阅读，失去其存在的价值和意义。合理地对现有网络框架进行布局，并通过文字或图片引导的方式，让网页的排版更加有序，增强页面对浏览者的视觉冲击感，确保浏览页面具有一定的引导功能。合适的背景音乐可以放松浏览者的心情，并快速获取浏览者的关注，在避免其出现审视疲劳的同时，可以给浏览者以更真实的感受和体验。
2．3交互化视觉元素
“链接”是网络应用中比较常见的一种资源共享和交流的方式，在网络上利用链接进行资源共享，可以实现对文字词语视频以及影像资料的及时交换，提高资料搜索的准确度。超链接同样作为网页浏览的另一种资源交换方式，这种资源分享的途径可以完成全新视角的元素分享，并做到信息及时同步，提高信息的利用价值。交互化世界元素的主要表现方式应尽量做到人性化系统处理，比如：在合适的位置添加导航条，或为视频提供播放按钮，再或者可以在地图上提供工具热点，这些信息都应放在主页面的明显位置，以便浏览者可以迅速找寻并点击进入。链接内容可以依次进行排列，为进一步方便浏览者对网页进行资源搜索，需要在底部设置返回主页、返回顶层等选项，可以将这些按钮以红色按钮的方式进行展示，来引起浏览者的注意，这也是体现人性化设计的主要方式。加强人与商品之间的信息沟通和交流，可以进一步提高购物的乐趣。网页设计应尽量做到简洁明了，排除过多不必要文字的叙述，让浏览者可以快速分清主次关系。适当地添加图片，可以提高浏览者的点击量，让网页更加美观。网页还要保持整体的设计风格，及时对重要信息进行分层分结构处理，向公众传达完整、准确、详细的信息内容。统一的风格可以为浏览者提供更准确的区域模块，让浏览者在进行网页信息搜索的过程中，可以按照导航条的指示完成信息的检索。结构统一、版式布局清晰合理，并提供精简的文字描述，让一致的风格为浏览者的信息搜索提供方便。为避免不合理信息布局对浏览者的信息搜索造成干扰，网页设计人员需要保证重要信息具有逐次递进关系，并以图片引导的方式，时刻对浏览者进行提醒，并为浏览者提供更自由的搜索空间，让浏览者有更愉快的搜索感受。
3结语
对网页设计中的视觉元素功能与审美进行了分析，对如何进行网页视觉元素应用展开了研究。从中可以发现，在网页设计中应用视觉元素，充分借助人们浏览网页的规律和习惯，借助一些视觉元素尽心合理的网页组合、排版，不仅仅能够方便人们阅读，提高网页整体的审美性，同时也能够提高网页设计的质量和效率，促进网页设计的进步与发展。
作者:甄凤其 单位:湘西民族职业技术学院
摘要：
本文首先分析了《网页设计与网站建设》课程的教学现状和存在问题，在此基础上引入项目化的教学模式，对该课程进行教学改革。阐述了项目化教学的基本内涵、教学改革设计及实施的过程和注意事项。教学实践证明，与传统的教学方法相比，基于项目化的教学模式可以有效地激发学生的学习兴趣，有利于学生将理论知识与实践操作相结合，增强学生的实践动手能力。
关键词：
项目化；课程改革；教学改革；教学模式
随着计算机技术和互联网应用的快速发展，电子商务对各行各业的影响越发明显，社会对页面设计、网页制作、程序编写及其相关岗位的人才需求日益增加，巨大的社会需求和高校电子商务专业毕业生数量不足、质量不高之间的矛盾越发突出，如何培养高素质的电子商务应用型人才成为当务之急。作为电子商务专业核心专业基础课的《网页设计与网站建设》，其课程教学目的是使学生掌握设计并实现一个完整电子商务网站的基本技能，该课程集理论性、实践性、创新性于一身，授课知识涵盖了图形图像处理、平面与色彩设计、flash动画制作、数据库、程序设计等内容，但在传统的教学和考核模式下，学生的实践动手能力未能达到预期的要求，并且由于教学内容与职业技能需求脱节，导致学生毕业后需要重新培训才能适应工作岗位的需求。因此，要改变这种状况，增强学生的实践动手能力，培养符合社会需求的应用型人才，必须对现有的教学模式进行改革。
一、课程教学现状及存在问题
（一）教学指导思想落后
尽管在新版的人才培养计划当中，逐步加大了该课程实践课时的比例，但在实际的教学过程中，教学指导思想还是没有真正转变，理论教学与实践教学联系不够紧密，传统的试卷考核方式导致学生的实践动手能力没有得到真正的锻炼和体现，与实际的职业岗位能力需求不相匹配。
（二）教学内容缺乏新意
教学内容改革是教学改革的核心内容之一，目前的教学大纲基本还是沿用之前的内容，只是对个别知识点进行了调整，没有质的改变，理论教学大纲和实验实训大纲的更新均已滞后，对新知识的引入和使用程度较低，与当前计算机建站技术日新月异的现状不相匹配，缺乏完整的案例开发指导，导致学生进入社会需要重新学习和培训。
（三）教学方法落后
教学方法还是沿用填鸭式的风格，以教师讲授为主，缺乏师生之间的交流和互动，对教学辅助设备的使用还不够充分，理论学习和实践操作相分离，制约了学生将理论与实践相结合的能力，直接影响了学生思辨能力和创新意识、创新能力的培养。
（四）考核方式不合理
当前的考核方式未能体现加强实践教学的需求，依然停留在重视理论，忽视实践的阶段，缺乏对学生实践能力以及对课程内容整体性掌握的考核，考试成绩中实践部分占的比例偏低。
（五）对知识应用缺乏整体感
当前教学的模式决定了学生在学习过程中，所掌握的都是零散的知识点，没有办法从整体层面考虑实际的应用问题，因此，当课程学习完毕，如何从整体上去应用知识解决实际问题，学生还需要一个知识重组的过程，没有结合实际案例的教学，会让学生在实践环节缺乏目标和方向。
（六）缺乏实际工程项目开发体验
本课程是非常强调实践过程的，如果没有实际的开发案例作为训练，只停留在理论讲解和浅层次的模拟层面，学生就无法体会所学知识在实际工作中的作用，也没有办法发现知识运用过程中可能碰到的问题以及解决的办法，将会抑制学生的学习兴趣，影响学习效果。
二、项目化教学方法
（一）项目化教学概述
项目化教学法是由美国著名教育家、伊利诺易大学教授凯兹博士和加拿大教育家、阿尔伯特大学教授查理博士共同提出的，它是以构建教学理论为基础，以学生为中心，促进学生全面发展的教学方法。项目化教学法的本质是：以师生共同参与为前提，以项目为主线，贯穿整个教学活动的始终，其教学目的是更好地融合实践教学和理论教学，强化学生的实践动手能力，充分发挥学生的积极性和创造性，提高学生解决实际问题的能力，是“行为导向”教学法的一种。项目化教学中涉及的项目应该满足一定的要求：首先与教学内容或者知识点有紧密的联系，能够将理论与实践技能结合起来，其次是与企业需求或者现实经营活动有一定的关系，具有一定的应用价值和具体目标，可以让学生运用知识和技能去解决实际中的问题，达到增强实践动手能力的效果。一般而言，在项目教学中，会采取分组的形式来实施，由老师指导各组学生完成整个项目的开发过程。首先由学生讨论选择开发的项目以及进行项目分工，并对项目开发的重点、难点以及解决方案进行分析，以保证项目的顺利实施；然后在老师指导下，结合理论知识进行项目开发，围绕项目的实施，由学生小组进行一系列有针对性的学习、应用活动；项目结束后，由各小组展示各自的完成情况，并由老师和同学进行点评，给出合理的改进措施。通过项目的开展和总结，可以充分调动学生的积极性，有针对性的根据某个明确的目标进行学习，进而提高学习的效率，这种方法可以很好把理论知识融入实践动手环节，有利于学生在接近日后工作流程与项目开发方法的环境下逐步累计项目研发经验，所以在高校经管类计算机系列课程中采用此教学方法非常合适。
（二）项目化教学的意义
1、有利于培养学生综合素质
项目化教学是教学环节非常重要的一个组成部分，它的综合性和真实性对于培养学生的实践动手能力、解决分析问题的能力、交流协作能力和团队精神有非常重要的作用。
2、有利于发挥教师的创造性
项目化教学是以具体案例为基础实施的，它要求学生能够结合理论知识解决实际问题，该方法同样要求老师有较高的创造性和应变能力，需要深刻地理解和把握项目化教学的理论体系，根据不同的实际项目作出相应的教学调整，激发学生的学习兴趣，引导学生主动学习并高质量的完成项目作业。
3、有利于推动教学改革
教学方法的改革，不仅在于教学形式的改变，更重要的是于思维方式和观念的转变，它不仅包括教与学角色和组织结构形态的变革，还包括考查评估方法的创新、教学文化建设等，以教学方法改革为牵引，不仅能激发大学办学的生机活力，还能激发学生的创新意识和创新创业精神等内在需要。
4、与实际岗位技能紧密相关
项目化教学中涉及的项目具有较高的真实性和模拟性，其中包含的知识和技能要求与社会工作岗位要求高度一致，有利于学生在学习过程中，通过了解、观察、分析和解决问题获得经验和教训，为学生以后的就业奠定了坚实的基础。
三、课程项目化教学设计与实施
与传统的教学方法相比，项目化教学法是以构建理论为基础，以学生为中心的，学生是认知的主体，是信息意义的主动建构者，它要求学生从“要我学”转变为“我要学”，从以课本为中心转变为以项目为中心，从以课堂为中心转变为以实践为中心。所以，教师在实施项目化教学法时，首先要了解学生的基本情况，然后根据其教学思路和上述设计原则，制定合理的教学计划，一般而言，包括以下四个基本环节。
（一）项目设计
本文以《网页设计与网站建设》课程为例，进行项目化教学的探索，以项目需求和功能为主线，贯穿融合课程涉及的主要知识点，学生通过完成项目的方式实现对理论知识的理解和掌握，可以从整体上更好地把握课程的核心的内容，因此如何选择合适的项目，是整个课程设计的关键，必须充分地考虑项目的可行性、适度性、完整性和真实性。
（二）制定项目教学计划
选定项目后，第二步需要完成的是制定项目实施的计划，把项目分成若干个模块，并把每个模块涉及的知识点以及能力要求进行整理，结合教学进度安排表，形成最终的教学计划，然后通过师生的共同实施，达到每个项目所必须的能力要求，具体步骤如下：1、制定计划。制定出完成项目的具体设计方案，时间安排进度表以及分工情况等。2、情景设置。以知识点为依据，设置仿真场景，模拟现实环境。3、明确任务。结合场景的内容，总结归纳出所包含的需要完成的知识点。4、操作演示。通过解决实际问题，演示知识的基本内涵以及在实际问题解决当中的作用。5、学生实践。让学生对同类型的场景进行实践操作，加深对知识点的理解，主动思考分析解决实际问题，为解决项目打下基础。6、协作学习。通过组内的分工协作实施项目，定期开展小组讨论和交流，共同解决实际问题。7、学习评价。根据项目的完成标准，由学生和老师共同对项目的完成情况进行评价。
（三）实施计划
项目的具体实施，在老师的统一指导和协作下，由各组学生独立完成。在项目实施前，老师首先要把项目实施的基本软硬件设施和网络环境准备好，以减少意外因素对项目进展的影响，对于项目实施过程中的关键环节、重点和难点，通过统一讲解和指导的方式来完成，以保证项目的顺利开展。
（四）检查评估
项目控制是项目顺利开展和完成的保障，因此，在教学过程中，应该结合教学进度表定期检查各小组的完成情况，保证严格按照计划开展工作，对开发过程所出现的问题给予及时的指导，并把各种常见的错误情况及解决方案及时反馈给各个小组。
四、项目化教学实施注意事项
在项目化教学过程中，我们不仅关注项目的最终成果，更加重视项目实施的过程，要求师生共同完成这个具有创造性的实践环节，实施过程中需要注意的问题是：
（一）教师应改变观念
从传统的教学模式到项目化教学是一个逐步转换的过程，教师不是针对理论知识去引入实践环节，而是需要针对一门课程去设计一个贯穿的项目，并且将项目分解为模块，通过模块覆盖教学大纲要求的全部知识点，这就需要教师调整教学的理念，对课程本身及其应用有非常深刻的理解，对项目本身与课程考核目标之间的匹配度有全面的认识和把握。
（二）教师的合理引导非常关键
项目化教学的主要工作由学生小组完成，但是教师的引导和掌控作用不可忽视，要求教师不但要具有较强的专业知识，还要具备丰富的实践经验，可以及时发现项目开展过程中存在的问题。一方面要引导学生结合项目开展完成理论知识的学习，另一方面要引导学生在实践的基础上加深对知识点的理解并加以扩展，教师的引导不仅包括对学生小组的引导，同时也包括对学生个体的引导。
（三）项目设计要正确把握工作任务与理论知识的联系
只有同时掌握理论知识与实践能力才是我们最终的培养目标，因此项目设计的难点在于如何通过项目内容把两者很好的关联起来，教师在选择项目时应该充分考虑针对性和实用性，在划分项目模块时要与教材的章节对应，在实现功能时要与技术细节相关联，把操作流程与理论知识融为一体，真正做到“实践为主，理论够用”。
（四）及时开展项目后评估活动
学生小组完成项目后，应该及时开展项目评估和总结。在项目设计阶段，应该设计较为全面的指标进行考核，既有定性的考核指标，也有定量的考核指标，通过纵向和横向的对比，从多个角度进行评估，发现自身的不足，指出改进的方向，加深学生对知识应用的理解。
五、实施效果
在开展项目化教学的过程中，为了更好的与实际需求相结合，我们利用组织学生参加全国电子商务三创赛和网络商务创新应用大赛等学科竞赛的契机，以赛事中对网站建设的需求为导向，引导学生以赛事作为目标开展教学活动。实践证明，项目化的教学模式能够加深学生对知识的理解和应用，提高学习的兴趣，明确学习的目标，能够从总体上很好地把握系统开发的流程和基本技能，使学生综合运用知识的能力得到提升，使学生的职业能力得到锻炼。近几年参加学科竞赛的优异成绩也说明了项目化教学改革的有效性。
六、结论
通过项目化教学方法的实施，《网页设计与网站建设》课程的教学效果有了明显的提升，学生对知识点的理解和掌握不单纯停留在理论层面，学习的积极性更高，目标更加明确，可以从整体上更好地把握网站开发的基本流程，对网站开发的关键技术理解更加透彻。因此，可以考虑在经管学院计算机类课程中逐步推广项目化教学的模式，同时为了取得更好的实施效果，专业教师应该更积极地参与科学研究和社会实践，以获取更多的项目教学案例，进而为项目化教学的实施奠定坚实的基础。
作者:叶艺勇 单位:五邑大学经济管理学院
摘要：
网页的排版与布局在整个网页设计中起着至关重要的作用，通过合理的排版与布局能够提升网页的视觉效果，实现信息的有效传达。本文就网页设计中排版与布局的主要原则、相关内容、设计方法及常见类型进行探讨与研究。
关键词：
网页设计；排版与布局；原则；方法
前言
随着我国信息时代的不断发展，人们主要通过网络来获取相关信息，网络的作用也日益凸显，而网页作为网络的重要展现形式，其在设计过程中的排版与布局会直接影响一个网页的浏览量。因此，对网页设计中排版与布局研究有着重要意义。
一、网页设计中的排版与布局的原则
排版与布局是网页设计中的重要组成部分，其主要目的是让信息页面更加美观，使信息内容更加合理且条理清晰，让浏览者得到更好的客户体验。因此，在进行网页排版与布局的过程中，为达到预期效果应遵循一定原则：首先，纵观全局，整体规划。通过对页面的文字和图片进行整体平衡，并融入趣味内容，实现页面的和谐统一；其次，突出网页主题。即利用网页版面的主次关系，将具有较高价值的信息放在版面上部位置，起到重点突出的作用；再次，版面恰当装饰。即在不影响网页功能的前提下，对网页予以简单装饰，做到疏密有度、图文并茂；最后，遵循色彩原则。为了让一个网页在众多网页中脱颖而出，在对网页进行排版设计的过程中，应对页面色彩进行合理组合，形成强烈的视觉冲击力，以引起浏览者的重点关注[1]。
二、网页设计中的排版与布局的内容
网页设计中排版与布局主要是对文字和图像进行版式设计，使两者合理组合，向浏览者准确传递相关信息的同时展现页面美感。其基本内容主要包括网页标题设计、网页文字编排、网页图文结合及页面设计的节奏感。其中网页标题一般被放在网页最上方且位置居中，根据不同需求还可使用图片予以装饰，而剩余页面文字则根据网页的具体需要以点、线、面等方式进行合理编排。不过通篇的文字叙述易使浏览者产生厌烦感，进而放弃阅读，于是页面内容文字还应配图说明，通过图文结合的形式，依据不同网页类别将相关图片与文字进行灵活搭配，使页面内容变得更加生动活泼，从而激发浏览者的阅读兴趣，充分发挥网页传递信息的作用[2]。
三、网页设计中的排版与布局的方法
在进行网页设计之前，首先，要对页面的表达内容予以整体规划，通过简洁明了的布局排版方法对主要信息予以重点突出。其次，合理控制页面主色调，即主色彩控制在五种之内，并确定一种为主色调，其它几种只起到烘托作用即可。最后，注重字体的设置。整体页面的字体在三种以内，且大小适中，同时对标题与正文的字体大小和颜色加以区分。
四、网页设计中的排版与布局的常见类型
目前，网站种类众多，从形式上划分主要包括门户类、形象类、电子商务类、企业类和政府类等，尽管不同种类的网站对网页版面要求也不尽相同，但网页排版与布局的常见类型也就几种。（一）排版的主要类型。排版的基本类型大致被分成十类，其中最为常见的有以下三种：一是满版型。满版型的整个页面被图像占满，采取图像为主、文字为辅的排版设计，使页面具有开阔之感；二是分割型。分割型是把页面进行上下分割或者左右分割，然后将文字和图片分别在两个不同区域，形成直观的视觉感受；三是倾斜型。倾斜型是将文字和图片做倾斜式编排，使页面整体形成视觉冲击效果。（二）布局的主要类型。常见的布局类型有T型、 口字型和同字型，其中T型是指页面的顶部为标语和横幅部分，左下方和右下方分别分布着主菜单和详细内容。这种布局模式能使整个页面主次分明、清晰明了，但也缺乏一定灵活性，显得相对枯燥。而口字型的最大优势则是可以充分利用版面，将主题内容放在中间位置，在其上下左右分别放入横条广告、菜单、内容导航、友情链接等内容，整个布局类似一个口字型。这种布局在国外站点较为常见，在国内的使用率相对较低。除此之外，还有一种同字型布局，这种布局一般设有大标题和小标题，其位置均在页面上方，相应内容被布置在左右两侧，而页面下方通常情况下会被留白，即使有内容也多为网站基础信息及网站制造方。
五、结论
综上所述，网页设计中的排版与布局影响着网页的成败，为不断满足人们对网络的需求，网页设计人员应针对不同类型的内容采取相应的排版与布局方式，进而提高网页质量和优化网页视觉效果，为人们带来更好的浏览体验。
作者:阿斯哈尔·努尔兰 单位:新疆轻工职业技术学院
摘要：
在传统的高职专业课教学模式中，大多采用的是单门课程理论加实验的教学模式，学生学的专业课门数虽然很多，但在学习后续专业课时，前续课程掌握的知识和技能也逐渐淡忘了，对各门专业课的联系了解不深，前后续课程教学所用案例联系不大或没有联系。该项目围绕图书销售网站，整合网页设计、SQLServer、Java程序设计，结合这几门课程的特点，设计完整软件项目并基于这一软件项目有效地衔接各门课程的知识点和技能点，根据学生的课程学习进度来循序渐进地完成软件项目设计与实现，提高学生的学习效率和实践动手能力。
关键词：
项目教学；网页设计；网站开发
一、改革背景
随着职业教育的大力发展和互联网的广泛应用，《网页设计》已成为计算机类相关专业主要课程之一，传统的教学方法是单科学习，网站建设的前后台相关课程，也会随着不同的授课老师而采用不同的案例来教学，学生学到的知识都是片断化，很难掌握整个学科体系，学生到企业中也很难上手去做，因此改革势在必行，为使学生实现零距离就业，我们使用企业真实的开发案例，通过案例衔接各门课程的知识点和技能点，从而提高学生的学习效率和实践动手能力。
二、网页设计课程的教学目标
2.1专业能力培养目标。熟悉网站设计流程，掌握最新的网站开发技术、运用HTML+CSS+JavaScript等技术布局网页，制作符合Web标准的网页、能够将网页设计师的效果图快速转换为Web标准原型、并能够认识并编写HTML代码，2.2方法能力目标。具有较好的理解沟通能力、工作协调能力和创新精神、积极肯干、吃苦耐劳，具有高度的责任感、具备良好的职业素养和团队合作精神，具备优良的职业道德、认真的工作态度，并能承受一定的工作压力。2.3社会能力目标。树立网络安全意识、具有创新意识、具备良好的思想道德修养和职业道德素养、具有爱岗敬业和团队合作精神。
三、项目教学法的特点
3.1项目教学法的概念。项目教学法是指在教师的指导下,让学生独立完成一个相对独立的项目，学生可独立完成，或按小组的形式完成，贯穿信息收集、方案设计、项目实施、综合评价等各环节，学生通过项目的执行，了解项目过程中每一个环节的基本要求。3.2项目教学法的特点。“项目教学法”是以项目为主线、学生为主教师为辅，主要特点有：（1）项目教学周期短、见效快；项目教学法通常是在一个短期内、小范围空间内进行的，并且教学效果良好。（2）收益的多样性；对学生，让他们在主动积极的学习环境中，激发创新能力，培养学生分析问题解决问题的综合能力。对教师，不再是主导者，转变了传统的教学观念，通过对学生的指导，成为学生学习的促进者、组织者和指导者。对学校，有利于教育理念的整体转变，并逐步完善和整合学校课程体系。（3）可以激发学生的学习兴趣，培养学生积极思考问题的能力，发挥出学习潜能。比如说在讲到“图书网站布局”的时候，先要讲解盒子模型，并完成上下布局的网页，再让学生自己去网站观察网页布局，再引出其它的布局方法，让学生跟着一起思考怎样做出左右布局，以及布局的嵌套方法等等。通过这样一个个具体项目完成，激发同学们积极思考，并最终在自己的努力和教师的指导下完成整个项目，提升了学习的成就感。（4）注重理论与实践相结合。项目教学法是学习小组成员共同完成项目，并取得共同进步的教学方法，也促进了教师教学能力的提升。每个学生在理论的指导下，实现的网站也不同，也会有很多不同，会遇到很多不同的问题，老师和学生、学生之间都可以相互探讨，找到解决问题的最佳方法，收获颇丰。（5）积极营造创新环境，培养学生创新意识。 有创新才有发展，创新是动力源泉，教师要在育人过程中，要培养学生的创新思维。让学生能够运用知识去创造作品，要充分发挥想象力和潜能，从而实现自己的想法。比如在讲解表单知识点的时候，引导学生观察到网站下载资料时大部分需要注册会员，先让学生观看会员注册页面，结合所学内容，讲解此类会员注册页面运用了哪些表单元素，并给学生设计以下子项目：要求学生参考资料，设计某网站会员申请页面。学生可以发挥自己的想象力，也可以参考互联网中的相关案例，利用各种工具及方法来进行设计与布局。根据经验和想象力，做出一个全新的作品。（6）可以培养学生的自学能力和团队合作精神。 “项目教学法”注重培养学生自主学习能力和合作学习的能力。在《网页设计》课程中，教师在进行“项目”设计时，要分别设计出不同的“自主学习项目”和“合作学习项目”。对于自主学习的“项目”，让学生利用已学的技术和知识，来完成作品，培养学生的自主学习的能力。对于合作学习的“项目”，则要求由多个学生共同协作完成。比如在图书网站项目的制作过程，要求小组成员分工不同，相互配合，使整个网站风格统一，各子页面功能不同，使学生与教师与、学生与学生之间产生多向交流，并在不断地交流学习中提高技能，增强学生的自我学习能力及团队合作精神。
四、项目教学法在网页设计课程中的应用
4.1确定网站项目。确定优秀的项目是项目教学法取得成功的关键，为了更好地与后续课程衔接，本课程采用的图书销售网站的制作，在上第一节课时，先对学生介绍项目的完成目标，项目的主要过程，并对学生进行分组，尽量使每一组学生的能力水平大致平衡。4.2制定网站项目计划。当项目确定以后，学生要根据已有的功能需求，设计出需要的页面内容及数量。完成站点的建立并画出网站结构图。制定出完整的项目计划，并按照计划和网站的需求分析来确定项目需完成哪些功能模块，并把一个个功能模块细分为一系列小项目，在小项目中实施过程中侧重锻炼学生的各种能力，学生根据项目的时间安排，结合项目内容撰写网站开发计划书。4.3网站项目实施。项目的实施过程是项目教学法中的核心环节。为了保证项目能够按照项目计划书的时间进度安排，按时保质保量完成相应的功能模块，由于学生之前没有学过本门课程，因此项目的实施必须分阶段稳步进行。第一阶段是基础阶段，主要教授学生网页设计软件的使用方法，每讲一个基础知识点，就完成一个实验项目，这样有针对性的练习，可以使学生牢固地掌握基础知识，使其形成相应的具体能力。第二阶段是项目实施过程，要结合第一阶段学生对知识的掌握情况，根据项目计划书的要求进行项目开发实施。在此阶段，教师要适时对教学小组的学生情况进行点评和指导，解决学生在网站开发中遇到的难题，并对各小组共性的问题进行集中讲解。定期召开项目小组长会议，反馈项目的进度，收集各项目小组的难题问题，举行项目经验交流会，在会上探讨解决疑难问题。第三阶段项目实施总结过程，当完成一个项目阶段后，要撰写总结报告，总结项目开发的经验，为下一阶段的项目工作提供有力保证。阶段性总结评价对项目的顺利完成也是至关重要的，在完成每个阶段后，还应对学习成果进行展示、总结、评价，不足之处要限期整改纠正，从而巩固项目成果，为后续工作的开展打下坚实的基础。评价不仅要有教师的，还要有学生的互评成绩，如果是企业的真实项目，企业的评价比重应占得更高更重。在做出评价时还应考虑学生的学习态度、参与程度、合作能力等多方面进行评价。4.4网站项目的总结和应用。项目完成后要有项目总结环节，并将其成果应用到实际中，实现该门课程的教学目标。制作的网站项目和后续课程衔接完善后，可择优推向市场，并应用到相关领域，由买家和用户反馈使用满意度，并根据反馈意见及时做出修改。项目完成后应总结经验并进行经验交流，各小组可以取长补短，继续完善作品。
五、总结
通过教学时间证明，这种改革方法能够让学生通过参与项目从而掌握整个学科体系。学生在网页设计中做的网站开台，通过JAVA和JSP的整合，可以实现与后台数据库的连接，从而能够实现网站前后台功能的实现，项目教学法有利于学生明确学习目标，发挥他们的主观能动性，能够调动学生学习的积极性，也能使学生各门课程知识的系统化组织，有助于他们自我学习能力的培养，提升动手能力和团队合作能力，提高了学生的创新意识。在今后的教学过程中，还应不断改进教学方法和教学手段，及时总结教学经验，以达到更好的教学效果。
作者:康丽 单位:内蒙古电子信息职业技术学院
摘要：
《网页设计》课程是中职学校计算机专业以及一些相关专业所开设的一门实践性很强的技能课程。随着计算机技术与网络技术的迅猛发展，对网页制作人才的需求越来越多，如何提高学生的网页设计实践操作技能和职业能力素质来适应社会需求，是中职学校急需解决的一个问题。笔者根据教学实践，对本课程的教学内容和教学方法进行了探讨。
关键词：
网页设计；教学模式
《网页设计》课程是一门实践性、技能性要求非常高的学科，这正符合了中职学校以培养学生的实践技能为目的的特点。传统的授课方式多数采取：课堂讲解，课后实践。然而对于基础普遍较差的中职学生来说，单纯的讲解很难吸引他们的注意力。刚开始很多学生充满好奇听讲，当接受过多的理论灌输后，兴趣锐减，讲课质量会大大下降。另外，课后的实践缺乏有效的监督和引导，很容易在短暂的好奇之后失去兴趣。所以，在教学过程中，需要我们结合学生的爱好与兴趣，研究一种新的教学方案，探索一种更贴近学生特点的教学模式。针对中职学校《网页设计》课程的教学，本文从以下几方面去考虑：教学内容、教学目标、教学方法、教学实践、教学评价。
1教学内容、目标和组织形式
在网页设计教学过程中，首先，根据中职生的特点，研究清楚学生对本门课的认知，他们对这门课的期望程度，想从这门课学到什么。然后，有选择性的制订教学内容和教学计划，尽量避开单纯的理论讲解，不断改进教学方法，以激发学生的学习兴趣。本课程的教学目标是要求学生把握一种现代的创新理念、层次思维、组织能力和审美观点，培养学生具备设计与制作优秀网页的能力。教学过程的组织形式一一团队合作。在整个教学活动中，主要采取分组学习的形式。根据学生的特点，合理地组成学习团队，分组的依据为：学生的性别、学习成绩、行为习惯、学习能力等，主要以互补的形式为主。每个团队5~6名学生，并在每组中设立小组长，全面负责小组的学习讨论和学习项目的分工安排，同时强调团队互助合作的重要性。
2教学方法
2.1行为导向法
行为导向教学法是职业教育的主要教学方式，是一种先进的职业技术培训教学法。它不是指某种具体的教学方法，而是一系列教学技术和方法。包括项目教学法、案例教学法、角色扮演法等。行动导向教学法以教学生“学会学习”为目标，学生是学习过程的中心，从注重“教法”转到注重“学法”，将学生的学习与学生发展密切结合起来。教师是整个教学过程的引导者与协调者，在教学活动中与学生互动，引导学生自主学习和独立探索，让学生在自己“动手”的实践中习得专业知识和实践技能，进而形成自己的知识体系。
2.2默会知识
英国著名的科学哲学家波兰尼在《人的研究》一书中首次提出了默会知识的概念与理论，他认为：“人类有两种知识，通常所说的知识是用书面文字或地图数学公式来表达的，这只是知识的一种形式，还有一种知识是不能系统表述的，例如我们有关自己行为的某种知识，如果我们将前一种知识称为显性知识的话，那么我们就可以将后一种知识称为默会知识。”它是一种只可意会不可言传的知识，是一种经常使用却又不能通过语言文字符号予以清晰表达或直接传递的知识。教学过程既是一个传递和掌握显性知识的过程，同时也是一个通过实践活动领悟和获取必要的默会知识或直接体验的过程。而学生要获取以默会知识为主体的实践知识和技能，关键是通过对具体实践行为的观察、模仿和体验，而并非语言的传递。因此，以培养学生实践技能为核心任务的职校必须积极探索指向实践行动的教学改革。例如，与相关企业合作，提供学生顶岗实习的机会，让学生亲身体验真正的工作环境。在《网页设计》实践教学中，笔者以学校举办的科技节活动为契机，实施“小组合作，团队协作”的教学策略，在共同完成任务的过程中习得默会知识。
3教学实践
3.1知识技能的掌握
行为导向教学是学生积极参与的教学，强调学生学习兴趣的培养，具有针对性强、教学效率高的特点。因此，针对中职生的学情，在《网页设计》基本知识技能的掌握上，笔者采用行为导向教学法之：案例法、小组讨论法、辩论法、媒体展示法和任务驱动法。本文简要说明案例教学法和小组讨论教学法。1)案例教学法案例教学法是以某个实例为先导，提出问题引导学生思考，进而实现举一反三、触类旁通的迁移，将问题一般化。以网页中的“行为”这个知识点的学习为例。按照传统的教学方法，首先直接给出行为的基本概念：行为是在某一对象上因为某一事件而触发某一动作的综合描述；然后开始按顺序逐个介绍各个行为的使用。学生跟着教师的步伐可能可以完成相关行为的应用，但在这种情况下，他们很难真正理解“行为”的含义，什么是“动作”、什么是“事件”，更不用说实现举一反三的效果。笔者在讲解“行为”这个概念之前，先引导学生反复练习简单“电子地图”的制作，之后通过这个例子中涉及的“显示-隐藏元素”、“交换图像”等动作形象地引入“行为”所包含的“对象”、“动作”和“事件”，让学生自己对号入座（对象：图片热区；事件：鼠标的移入和鼠标的移出；动作：图片的显示和隐藏；行为：鼠标的移入+图片的显示，鼠标的移出+图片的隐藏。）。从而让学生自发地认知“行为”这个概念。在接下来的“行为应用”的例子中，始终以不变的步骤：“选择对象——选定动作——确定事件”来分析和熟悉各个行为的应用。按照这个步骤，学生就可以以不变应万变，灵活掌握各个“行为”的使用。行为中的“对象”、“动作”、“事件”几个比较抽象的概念通过实例形象化后，再加强，使学生较好地掌握了本堂课的内容，有效地突破了重点和难点。2)小组讨论教学法在网页设计实践训练过程中，每位学生都有自己的见解，教师要鼓励学生发表自己的想法，也把自己的实践经验与其他同学交流，通过师生间、学生间的对话交流，提高学生学习兴趣的同时，实现知识的融合与共享。例如，在网页的布局上，让学生分小组讨论“表格、AP元素、框架”这三个布局技术的优缺点与适用场合，结果以小组之间辩论的方式展示和总结。从而加深对这三个重要技术的认识。
3.2综合应用
在《网页设计》课程的知识技能的综合应用上，笔者采用行为导向教学法之项目教学法。项目教学法是目前中职学校专业课教学普遍采用的一种方法，尤其是计算机教学特别适合于采用项目教学法。笔者以学校举办的“科技节活动”为契机，实施“小组合作，团队协作”的教学策略，在共同完成任务的过程中习得默会知识。最终在全校范围内进行成果作品的评比，相应的奖励是有效的激励手段。项目教学的实施步骤：
1)确定项目主题
由教师提供一些参考主题（如个人主页、班级主页、学校6S管理、中国传统文化、美食、旅游等）或学生自定的主题。项目的任务是绘制网站模板并完成网站的设计。项目的目标是每个小组制作出一个完整的网站。
2)制订计划
由小组讨论制定项目实施计划,确定实现步骤和程序。
3)组织实施
项目小组学生分工后,按照既定步骤和程序开展工作，小组成员协作完成项目。第一，收集素材。网页初学者在搜集素材上的一个共同特点是，从网络上大量收集素材后却无从下手，不知如何应用。搜集素材的关键在于精而不在于多。因此，要求学生在搜集素材前，小组内首先讨论清楚自己要做什么内容、网站分为几个模块、各个模块需要哪些素材，从而有针对性地整理自己的素材，切忌灵感泛滥，什么都想做。第二，绘制网站模板。利用图片处理工具Photoshop或者FireWorks绘制网站模板，教师提供一些典型的网站模板供学生参考。要求学生自己参阅一些知名网站的设计与组织架构。建议小组成员做好分工合作、有效实现技术的共享。Logo的设计、Bannner条的制作、网页版面的布局和色彩的搭配都是网站设计成功的关键。网站版面的设计缺乏规划和创意是网站的初学者的通病，网页元素的随意堆砌容易使整个网站版面条理不清。小组负责人需要将任务分解并分配到小组成员的身上，在独立完成自己的任务的同时加强与成员之间的交流。第三，鼓励学生在实践操作中对话交流。默会知识很难流动，它只有在显性化或被他人吸收、利用时才能发挥作用，只有在人际互动学习中才便于其生成与获得。
4)项目结果汇报与作品展示
各个小组展示模板和网页，并陈述作品的创作过程。
5)评价总结
在课程结束的时候，举行了一次作品展览答辩会，由教师组建评价队伍，对各个小组的作品分别进行评价，评出优秀作品，并在全校范围内展示。评价主要包括：自我评价、组内互评、组间互评和教师点评。项目评价的目的是，通过答辩交流了解学生在学习过程中有无困难、是否顺利等来判断项目的设置和要求是否过高或者过低。
4结束语
实践教学的质量决定中职学校的人才培养质量，所以教学改革需要不断地深化。本文对《网页设计》课程的教学内容、教学方法、教学评价等方面进行改革，增强学生的学习兴趣和学习积极性。提高中职生的实践操作技能，需要在实践教学过程中不断地进行探索和完善。
作者:吕溪敏 单位:厦门信息学校
摘要:
随着我国互联网信息技术的飞速发展，通过网络流量网页观看新闻、图片和视频等已经成为人们日常生活中必不可少的生活内容，因此，网页设计所受到的关注度越来越高。其中图形图像处理技巧是网页设计最重要的影响因素之一，决定着网页设计整体效果、主题思路和浏览感受。为了满足人们对网页设计日益增长的审美要求，必须充分发挥出图形图像处理技巧的优势，设计出更加优秀和美观的网页。本文对网页设计中的图形图像处理的优势、构图方法和处理技巧应用等方面进行了简要分析。切实希望有助于提升网页设计中的图形图像处理的水平和质量。
关键词:
网页设计;图形图像处理技巧
近年来，随着我国科学技术的飞速发展和人民生活质量的不断提高，通过互联网信息技术浏览网页已经成为人们日常工作学习生活的一部分，不但如此，各个行业领域、机关部门都需要借助网络来辅助办公，因此，网站和网页建设是目前备受关注的焦点。网页设计中最重要的一个环节就是图形图像处理的过程，由于网页是面向网站用户的直接对象，网页所展示出的整体效果和层次脉络代表着网页所有者的能力和态度，能否把网页设计与艺术美感有机结合是获取浏览者认同度和满意度的基础因素。这就要求网页设计中图形图像处理过程的质量和水平要格外高超，用专业的图形图像处理技能和知识配合富有艺术美感的处理技巧，充分满足人们对浏览网页的视觉需求和效用需求。
1网页设计中的图形图像处理技术分析
1.1网页设计过程中运用图形图像的优势
首先，在网页设计过程中使用图片首先可以给用户带来直观的视觉冲击，具有视觉优势，以图片作为网页版面的构成要素可以烘托出特殊的网页风格，而且图片具有良好的适配性和包容性，能够配合网页中蕴含的其他因素，从而使网页获得统一、协调的美感。其次，图片内容的受众性逛具备认知优势，通过图片设计者可以忽略由于语言文字产生的信息障碍，增大浏览和观看的受众范围，即使用户不认识文字或者来自不同语言文化的国家，都可以通过图片内容来准确理解设计者所表达的思想内涵。
1.2网页设计过程中运用图形图像的构图方式
网页设计中主要的构图方式按结构划分有三种，分别是纵向式、水平式和中心式构图。其中，纵向式构图是指将网页中的全部元素按照竖直方式进行排列，这种构图方式比较简洁明了，用户能够直观、清晰地感受到网页的主体内容，多适用于广告设计中。而水平式构图与上一种构图方式类似，只不过是将排列方式转变为横向，这种构图方式体现出庄重、朴实和严谨的风格，适合用户的浏览习惯，主要适用于政府机关、企业单位和学校等机构的网站中。中心式构图运用较少，其设计理念是把所有元素统一集中到网页中心，集中表现力较强，但是给人的感觉过于拘谨。
1.3网页设计过程中运用图形图像的处理技术
1.3.1图形图像去噪
网页在添加图形图像的时候会伴随着噪声，噪声的产生是由图形图像的自身属性所决定的。通过图形图像去噪处理，可以有效提高图形图像的分辨率，对图片质量和大小进行优化。
1.3.2图形图像增强
主要是通过后期制作将中心图像四周的图像进行淡化处理，以此达到突出中心主题的目的。图形图像增强能够有效提升图片的画面感，其主要技术有，边缘增强、图像色彩增强和锐化增强等。
1.3.3图形图像压缩
这种技术被大范围适用于数字图像中，主要是针对图像数据中冗余信息进行压缩处理，以提升图形图像的分辨率、像素水平，降低图像的失真性，提高图片质量。
2网页设计中的图形图像处理技术的应用
2.1图形图像的形式与网站整体风格的匹配度与协调性
网页设计中所涉及到图形图像的表达方式大致有三种，分别是四方图、退底图和边缘模糊图。每一种图片表达方式都有其独特的视觉效果和浏览体验，需要通过合理的运用组合，才可以设计出高水平的网站网页。在网页设计过程中，要充分考虑到图形图像的形式与网站整体风格的匹配度与协调性，按照主题风格将图片内容进行层次性排列设计，突出中心主题图像，对次要信息表达的图片进行弱化处理，从而设计出最佳效果的网站网页。
2.2对图片的格式、大小和颜色等因素进行处理
在设计网页的过程中要按照实际需求选取图片格式，科学规范的图片格式设置可以保证网页设计的合理性和美观性，通过对拍摄图片、截取图片和拼接图片的处理，增强用户的视觉感官与浏览享受，运用“图片+文字”的手法是网页设计中较为普遍的设计形式，为了不影响整体效果和中心内涵，不同格式的图片设计是必须考虑清楚的环节。由于网页的版面所限，如何在有限的空间中高效运用图片进行信息输出是设计者需要考虑的重要内容，网页设计中图片大小主要影响图形图像的分辨率清晰度，同样需要配合网页中心思想来进行设置，突出重点来提升网页浏览效果。网页设计过程中图形图像的不同颜色搭配，能够展现出不同的设计风格和不同的表达效果，与图表、背景和文字之间的协同搭配是设计师在选择图片颜色时考虑的重要因素。
2.3图形图像处理的相关技术
要想制作出具备观赏性和艺术性的高水平网页，图形图像处理的相关技术的运用必不可少。Photoshop作为功能性和适用性较强的图形图像处理软件，在网页设计过程中应用较为广泛。根据网页设计要求，Photoshop能够对图片的位置、大小和版式等多项内容进行处理和调整，其中，图片分割技术是较为常用的一种技巧。通过多幅图片的分割、重构和组合能够设计出别具风格的图形图像，极大地增加了图片的灵动性和美感。
3结论
综上所述，网页设计对技术性和美观性的要求越来越高，设计师对图形图像处理技巧运用的能力更为重要。在设计网页的过程中，通过强调图形图像的形式与网站整体风格的匹配度与协调性，根据主题对图片的格式、大小和颜色等因素进行处理，运用Photoshop等图片处理软件，可以有效提升网页的艺术性和美观性，提高网页设计的质量和水平。
作者:徐智旭 门威 单位:河南广播电视大学
摘要：
随着科学技术的不断发展，各种网络产品几乎渗透到生活的方方面面，在人们生活中产生重要的影响。网络成为人们获取信息的主要平台，网页成了信息的主要载体，所以网页对人的吸引力有着实际的意义。
关键词：
色彩对比；网页设计；吸引力；视觉效果
1引言
在网站形象的传达过程中，色彩是首位要考虑的视觉因素。为提高网页对人们的吸引力，网站能够给人们留下深刻的印象，提升网站运行的质量，做好色彩对比与调和的措施具有实际可行的意义。色彩，作为生活中不可或缺的调和剂，在网页设计中，可以促使信息分类以及浏览的速度都有所上升，所以在网页设计的因素参考中具有较为实际的意义，在近几年的发展中，重要性不断突出。色彩对比和调和的积极作用在实践中得到突出的表现。
2色彩对比与调和在网页设计中的应用背景
随着网络技术水平的不断提高，网络技术逐渐渗透到人们生活的方方面面，并产生了重要的影响。基于网络化使得人们的生活更加便利，许多信息都是在网页中进行了解，所以网页成为人们生活中一个重要的信息载体。因此，在网页上进行更好的信息传达，成为现代研究工作中重要的一项新的课题。在具体的网页设计过程中，作为传达信息最为直接因素的色彩，在网页设计越发重要的情况下，其积极作用也越发明显。如何更好的通过色彩的对比和调和，来提高网页对人的印象成为研究和关注的重点。色彩设计是整个网页设计的灵魂，也是网页作品的表达语言之一，对人们的视觉传达有着重要的作用，是重要的手段和途径。色彩对比和调和是利用色彩的重要的基础的手段，运用到网页的设计过程中，对整体的协调和局部的突出都有着重要的作用。在网页中做好色彩的对比，可以使色彩的明度和纯度等对网页的视觉效果都有着重要的作用。虽然对比和调和是色彩利用中较为矛盾的两个方面，但是处理好这二者的关系，可以使得在色彩的促进作用下，人们更直接的注意到相关的信息。在各种网页的设计中，色彩本就是不可或缺的重要因素，对于提高广告的重要意义有着突出的作用。色彩的不同处理，对于群众主体以及群众对网页信息的获取和理解都有着巨大的差别，所以做好色彩的处理对于网站持久的影响力有着重要的影响。
3色彩对比与调和在网页设计中的应用方法
色彩有着重要的意义，在实际的网页设计中也有着许多不同的表现，发挥着不同的作用，笔者经过相关资料的调查，得出相关的应用表现有如下几点：
3.1注重色彩的对比
在网页的设计和实施的过程中，对于不同的颜色，不同的人会有不同的感觉，整体的表现效果也有着明显的不同，所以要根据具体的内容使用不同的颜色，使得颜色对于主要的阅读群体有着重要的影响。要做好色相的对比，对主色和其他的颜色进行搭配的综合考虑，使得主色和其他颜色的整体效果较为突出。如果两种颜色较为接近，就是柔和的对比，如果颜色差别较大，有一定的强调作用，但可能因为对比太过突出从而降低整个的协调感。色彩的明度包括色彩差和非色彩差大部分的内容，不同的色彩会使得色彩的明度有所差异，人们看见的明度会以空间层次的效果进行呈现，所以明度的设计也要符合整个网页的设计要求。颜色的安排要根据网页信息的面积进行具体的安排，提高网页整体的质量。
3.2同种色彩的调和
网页色彩搭配的过程中，对于同一种色彩来说，进行调和作用，降低颜色相似带来的单一感，对色彩的纯度和明度进行充分的利用。运用不同的颜色进行网页功能的划分，也可以使得网站拥有更好的韵律感。在同一色环对立位置的颜色调和，则有更加重要的问题。要注意明确二者的突出关系，使得颜色在对比中保证整体的协调感，以免网页设计过程中颜色严重的突兀。渐变色要调节网页带给人的视觉的层次性，所以在进行渐变色的利用时，要保证网页的整体节奏感和协调感，使得整个网页带给人的节奏感进一步上升。
3.3对比调和规律
色彩对比看似矛盾，但在有效的利用过程中，也可以提高整体的协调性。为了使色彩的运用更加的协调和平衡，在具体的设计过程中，高度重视对比和调和的色彩处理的综合应用。在进行色彩选择时，运用同属性的色彩相互配合，使得网页设计中的色彩在与其他元素进行配合时，有更好的兼容性，提高网页综合的质量和吸引力。
4色彩对比与调和在网页设计中的应用重要性
网站进行形象设计时，色彩作为首位的视觉因素需要进行考虑和设计。为使访问网站的用户留下深刻的印象，色彩的处理具有重要的作用。即使用户无法记住网页的整体情况，也会因为颜色的作用对个别内容有深刻的印象。色彩在网页的设计中发挥的作用有许多，如划分视觉区域。在色彩的应用中创造出一种有序的视觉感，设计中的色彩也可以突出主次的效果，使得用户能够注意到强调的主要内容。在海量的信息中以最快的速度获取想用的信息，就必须借助颜色等有利的因素进行协调。色彩不仅可以美化整个网页，重要的是可以对重点的内容进行突出，对浏览者提供重要的帮助。借助色彩的力量也可以增强网页的吸引力，当下的科学技术不断发展，类似的网站数量不断增加，利用好色彩可以使得网页脱颖而出，促进网站的长远持久发展。一个优秀的色彩的设计者，赋予一个网页强有力的生命力，不仅反映在视觉上，还能够使得网页的色彩、使得网站拥有象征意义，以及重要的独特心理影响的作用。在网页设计中体现更多的艺术性，是保证网页在发展中具备一定竞争力的重要要求。网页的发展是科技信息时代下发展的蛀牙潮流，进行质量的提高具有视觉的意义，色彩的对比和调和的作用不可忽视。
作者:刘娜娜 单位:天津市科学技术信息研究所
摘要：
伴随着信息网络技术的发展，人类已经进入信息时代。人们的各项工作都离不开网络。企业网是展示企业形象的重要窗口，是传播企业文化、企业信息、辅助业务办公、服务生产经营的重要手段。本文介绍了企业网的搭建过程和几个重要网页部件的功能。
关键词：
静态网页；Sharepoint2010；Web部件
1.静态网页概述
所谓的网页就是在浏览器上看到的一幅幅画面，又称web页，实际上它是一个文件，存放在和internet相连的某个服务器上。而静态网页指的是网页内容固定不变，当浏览者通过互联网的和channelfoot.html文件内。网页的页头和页脚就制作好了。在网页中部添加需要的取静态页面（带宏替换）Web部件和新闻列表Web部件，配置部件属性，指定路径到对应的html文件。页面保存并，这样一个网页就搭建好了。
3.常用部件简单说明
(1)取静态页面（带宏替换）Web部件。取静态页面（带宏替换）Web部件可将静态文件中的代码整合到页面指定位置，用于制作静态内容。用SharePointDesigner2010打开站点，选择左侧菜单中所有文件，点击_EX_STATICPAGES_，在文档库区域中右键新HTML，修改文件名为英文字符即可。右键静态文件，选择打开，将静态代码添加进去，保存关闭即可。添加的静态代码为HTML代码片段，原则上不允许向其中添加<html><head><body>等网页结构标签或声明语句。代码片段中仅填写结构代码，建议将样式、图片等资源放置在站点PageAssets的对应文件或文件夹中，如Styles中的page.css，Images文件夹等。进入页面编辑状态，在指定Web部件区域添加。如下图：如果引用其他站点中的静态文件，点击文本框右侧的蓝色区域，弹出文本编辑器，在其中添加引用静态文件的绝对或相对地址。保存部件配置，保存页面，即可看到静态内容替换效果。(2)新闻列表Web部件。新闻列表Web部件实现动态读取指定新闻频道内的新闻并以列表形式在页面中展示。添加新闻列表WEB部件方法同内容编辑器WEB部件。点开“新闻列表”右侧下拉箭头，选择编辑web部件。新闻列表Web部件包括内容设置、显示设置、筛选和排序、图片新闻显示设置等7类属性。设置好相应的属性，就可以显示对应的新闻栏目了。(3)IP过滤Web部件。我们可以采用两种方式控制用户对网站中某项内容的访问：权限管理或访问IP限制。权限管理的控制最为准确，因为网站使用用户的账号来辨别其是否有权限打开受限内容。但在面对“我希望本单位所有的员工都有权访问这个页面”这样的需求描述时，用给帐号授权的方式去控制访问就变得有些困难，所以我们把它改造为“我希望在本单位内可以上网的电脑都有权访问这个页面”，这个时候用IP地址进行辨别就派上了用场。IP过滤Web部件通过对客户端的IP地址进行辨别，判断用户是否打开这个页面，更加适用于一种面向“结构”的访问约束。所谓面向的“结构”，如一个部门、一个单位、众多组织，或如上面所提到的，一个边界十分清晰的空间。我们所要准备的东西只是拿到“结构”内的IP地址分配情况，开始配置。IP过滤Web部件只能在内网中使用，只能拖拽到Web部件页中。进入页面编辑状态，在指定Web部件区域添加。布局中勾选“隐藏”。自定义属性中的参数“允许的IP范围”填写可访问页面的IP段，IP段一定要有头有尾，中间用“-”连接，IP段和IP段之间用分号隔开，最后一个IP段后不再使用分号。这样就设定了两个IP段可以访问，其它地址的电脑无法访问网页。
4.结束语
全球性的网络化、信息化进程正改变着人们的工作方式。Internet技术的应用为人们带来了极大的方便。网络办公已经深入到了企业的各个角落。现在的企业网功能丰富，为人们的工作提供了便利。
作者:宋英茹 单位:大港油田第二采油厂
摘要：
“项目教学法”是以项目小组的形式来共同实施一个完整的项目而进行教学活动，它作为行为导向教学法中的一种，学生在老师的指导下寻找实施项目的途径和结论，最后通过展示和自我评价得分来提升学生的综合素质。在整个过程中，教师起到重要的作用，他不再是教学过程的主导者，而是参与到学生学习过程中，担负起引导和监督学生完成项目的责任。笔者分析了项目教学法在网页设计课程教学中的应用效果和价值，充分展示项目教学改革的必要性，探讨项目教学法应用在网页设计教学过程中的重要意义。
关键词：
项目教学法；计算机信息化；网页设计课程
项目教学法是对传统教学方法的改革，它以实践的项目为导向，从教学这一职业的本质需求出发，选取典型的一个项目来进行教学，通过学生和老师的参与，将这个项目完成，到达教学的效果。在项目教学过程中，学生能够积极主动地参与到学习的过程中，梳理和应用知识，强化了对知识点的整体记忆。项目教学法体现了注重学生的自主性、有计划的行动、解决问题的过程的全新教学理念。在课堂教学过程中把书本中的理论应用到实践中，充分激发学生的学习兴趣，提高学生解决实际问题和团队合作的综合能力。对于中职教师而言，项目教学法在教学过程中既发挥了教师的主导作用，同时也展示了现代职业教育以能力为本位的价值取向，提高课堂教学质量和效果。如何在网页设计与制作课程中利用项目教学法提高网页设计与制作课程教学质量，强化学生职业能力培养，是教师需要重点关注和解决的问题。
1项目教学的教学设计原则
在教学过程中，以学生为中心，在教师的协助下完成选取的项目，是项目教学法的设计原则。一方面，教师要根据教学课程的内容需要，同时结合学校学生的实际水平，选取适当的现实的项目，这个项目应包括本课程的基本的知识点内容，能够起到学生解决问题、牢记知识点的作用，同时教师和学生共同参与到项目的实施过程中，帮助学生完成难度适合的项目。另一方面，项目的实施过程要分组完成，让学生有更多的机会接触到项目的各个部分，充分把自己所学的知识应用到项目中，为学生提供多种学习资源。同时，要积极促成学生小组之间的讨论交流，让他们在相互交流之中查漏补缺，了解自己的优点和不足，养成学生协商、交流解决难题的能力，提高他们的团队协作能力，从而实现整体的进步。
2教师使用项目教学法的基本流程
项目教学的过程是实现教师的主导与学生学习主体的结合。在教学过程中，需要两个大步骤：一是教师根据教学计划制定项目，明确本节课的教学内容、目的和相关知识，同时关注学生在完成项目的过程中易出现的问题；二是学生具体实施和完成项目的过程和结果。如图1所示：
3项目教学法在网页设计教学中的实践
以网页设计与制作课程为例，结合项目教学法的模式特点，选取了制作企业网站的综合应用为案例，来进行项目实践。
3.1制定项目任务书，明确项目名称和目标
教师首先选取合适的教学容容，明确项目名称、教学目标，同时将学生进行分组，如设计制作信用卡网站。教学的目标是让学生通过使用Photoshop、Dreamweaver等工具制作符合企业要求的实用型网站。通过实践项目，使学生熟练掌握网站制作、测试、的整体流程，同时使学生能够掌握多个网页的布局设计方法，加强对CSS+DIV的综合应用能力。
3.2点评学生项目设计，完善项目计划书
在项目小组接受任务后，教师要指导学生设计和制作项目实施计划，引导学生搜集、整理项目内容和信息，在学生制订设计实施计划后点评各小组的项目计划书，让小组之间进行交流，不断完善项目和活动计划表。
3.2.1明确网站定位和功能定位
教师通过引导学生分析银行信用卡网的需求，让各小组根据分析结果明确信用卡网站定位、功能定位。信用卡网站的定位应为提供最专业全面的用卡知识介绍及经验交流与分享等服务。所以在网站设计中，要体现产品和服务，宣传企业品牌，介绍企业的信用卡产品。尤其在提出优惠促销、鼓励信用卡消费方面，要激发潜在用户，并且要提供网络信息服务和网上银行登录服务。
3.2.2分析网站整体框架设计
针对信用卡网站定位和功能，需要对网站布局进行整体分析和设计。企业网站页面一般需要展现企业的LOGO和BANNER动画等标志信息。网站导航必不可少，可以帮助浏览者准确检索信息。网站导航可以利用动画或交互方式实现。主体功能区部分，展示网页的主要信息和浏览者需要获取的信息。按照用户的浏览顺序，遵循从左至右、从上倒下的规则设计主体部分页面。版权和法律声明区一般选择放在网页的底部，以达到形式和标志信息区呼应的效果，同时使版式完整规范。通过整体分析，企业网页布局比较合适使用“T”字型布局，从上到下分别是页头区、主内容区、版权和法律声明区。此种布局既可以突出网站的整体形象，也可以展示网页的重要内容，条例清晰，是企业网布局的首选类型。
3.2.3设计网站外观效果
通过使用CSS控制网站中文字的链接，取消文字链接的下划线，产生超链接效果。同时用CSS控制超链接和背景图片，制作鼠标移上链接元素背景图片改变的效果，制作鼠标移上链接文字改变颜色的效果。对于文字效果，通过列表展现信息内容的多文字排版，达到整齐美观的布局效果。同时利用CSS控制图片和文字，取得网站图文混排的效果。对于特效效果，利用CSS实现整齐的边框效果。利用CSS、JS等创建下拉菜单，在有效利用网页空间的同时，提升页面的动感效果。
3.3项目的实施
教师通过展示做好的网站及各个页面，或通过互联网让学生仿效制作，如交通银行信用卡、建设银行信用卡、招商银行信用卡网站，引导学生完成项目。在项目教学的整个实施阶段，学生将成为课堂教学的主角，教师变为配角，主要工作为巡回指导，对各小组的制作进行一对一的指导。各学生分组合作，进入制作主页及其他网页的过程。项目小组中，学生分别发挥各自的长处进行制作。通过小组内的沟通与交流，通过参考课本、网络资料等，加深理解网站制作的全过程。通过项目实施，学生对项目的参与度提高，学生的学习主动性和积极性提高。小组之间的讨论能够帮助学生加强发现问题、分析问题与解决问题等能力，同时团队的合作能够帮助学生加强合作、沟通等社交的能力，对学生形成敬业的素质及职业道德和团队合作精神有重要影响。
3.4评价阶段
在评价阶段，各小组上传班级网站，进行宣传和展示。每组需派代表进行项目的展示并讲解操作流程，根据各小组之间互评和教师的总结性点评，各小组进行适当的修改，最后每个学生填写自评表进行自评。项目教学法的评价方式有教师的指导性评价和学生的自主性相互评价两种。教师的指导性评价能够起到指导学生学习的作用。因此，教师的评价应注重学生的项目制作过程，既要根据学生对知识点的理解和能力的掌握情况，又要考虑学生的态度和情感发展。既要关注学生实施项目的结果，更要看到学生在项目实施中的发展和成长，进行鼓励式评价。学生作为项目的主体，学生的自主性互评更应提倡。通过学生的自我评价，学生能够查漏补缺，发扬自己的长处，弥补自己的不足，使自身各方面能力得到提高。而各小组之间的互评，能够使学生团结合作，培养他们沟通、协调的能力，帮助学生适应团队的项目合。
4结语
实施项目教学法，对教师来说是一个新的挑战，尤其是网页设计这种实践性较强的学科，这就更加需要教师在教学过程中，要求学生在实践中掌握知识，将理论的知识点用到实践的操作中，加深学生的记忆。同时通过一个完整的项目，可以帮助学生将零碎的知识点整理成为系统，理解不易理解的知识点，激发了学生对课程的学习兴趣，让学生在一个团队中认识自己的定位，使学习效果得到显著提高。
作者:王少琳 单位:上海市商业学校
摘要：
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
课程的开发与实践是教育实施中始终不能停止的工作，不仅要根据课程教学的一般规律行事，还要根据不同专业、不同课程加以调整，另外也并不是所有课程都能很好地适用项目化教学方法，在职业技术教育中只有与时俱进，本着培养实用型人才、服务于社会经济发展的宗旨，才能真正让学生对课程知识学得快、学得好、用得着。
作者:周苏峡 单位:湖北三峡职业技术学院
摘要：
网站是互联网技术的基本表现形态，也是信息输入和输出的重要平台，随着近年来我国电子商务产业的快速发展，网站建设的安全性要求也不断提高。网页作为网站的基本构成要素，往往因为存在设计方面的安全缺陷而成为黑客、病毒和木马威胁的对象，由此造成严重的经济损失，甚至造成社会恐慌。本文中笔者针对网站建设的安全性展开研究，以网页设计的安全缺陷为切入点，通过分析并提出相应地防治策略。
关键词：
网站建设;网页设计;安全缺陷;防治对策
一直以来，网站建设中都将安全性作为首要考虑对象，尤其在当前互联网经济环境下，各类网站的运营均以会员制度展开，尤其是电子商务网站，除了用户的个人隐私之外，还包括重要的金融信息，很容易被不法分子所觊觎。针对网站的非法行为主要是利用技术手段找到破绽，从而达到非法获利的目的，因此对广大网站运营主体而言，在网站建设前、中、后期都要做好全面的安全防护工作；相对而言，网页设计中存在的安全缺陷较多，如权限级别过高、数据库漏洞等，所以应该将其视为网站安全防护的重点。
1、网站建设中网页安全的重要性
狭义上说，网站是由不同功能界面的网页构成的，网页的形式总体上分为静态和动态两种。静态网页是网站技术早期的一种形式，通过浏览器可以访问预先设计好的网页格式，但静态网页中的所有元素都是固定的，如图片、文字、视频等，修改工作也基于人工操作完成，信息不会因为用户的操作而发生变化，严格意义上说，静态网页除了IP之外不存在其他“入口”。然而，静态网页显然不符合网站建设的发展趋势，随着用于规模扩大、信息容量增加，网站逐渐采取了动态技术，如PHP、ASP、C++等，其优势在于网页内容可根据用户操作发生相应的变化，反馈用户所需要的信息，换而言之，基于服务器中断的网页设计中包含了大量脚本语言，利用程式化优势来提高网站资源的统筹和管理效率，而“网页”变成一种临时性的调用元素“集合”，当用户需要某一网页形式时，脚本语言直接从数据库中调取相应的元素，如用户登录网页和注册网页中存在的“验证码”部分，事实上属于同一种验证机制。理论上说，任何一种系统都存在漏洞，以技术实现的网站系统更是如此，在动态网页驱使下产生的安全缺陷更多，具有高超计算机程度能力的黑客只需要简单的步骤就可以找到“突破口”。
2、网站建设中网页设计的安全缺陷分析
目前在国内网站技术背景下，常见的网页设计安全缺陷主要有以下几种表现。
2.1验证安全缺陷
验证安全缺陷是目前国内网站中最为常见的一种，尤其是在大量自主开发网站中，其源程序和代码均来源于网络，难免存在一些设计缺陷。验证机制最早是针对恶意注册、网络攻击而开发的，最早出现与一些公众交流平台，如论坛、贴吧、聊天室等，由于它可以很好地保护网络的通畅性，因此迅速的在广大网站中流行开来。但是，登录验证机制只是网站安全的“最低门槛”，虽然通过提高验证复杂性来规避恶意注册，却不能将其视为保护网站安全的唯一途径。事实上，验证机制由于和服务器、数据库之间的密切联系，很可能成为一个被刻意攻击的对象，而对于网站程序员而言，很少会刻意强化一个本质上属于“安全机制”的组件，一旦登录验证被攻破，网站的整个安全性也就随之降低。
2.2地址安全缺陷
通过SQL注入的方法可以欺骗服务器，找出网站数据库存在的安全漏洞，从而进行非法活动，尤其在以WEB表单递交查询关键字的网站系统中，黑客可以绕过敏感网页的权限直接进入后台页面，这一缺陷在国内大量成品网站中十分突出，如事业单位、企业单位、个人网站中，长期忽视安全级别更新，不法分子在得知某一个网页的文件名、路径、元素之后，能够绕过登录、注册和验证机制。
2.3防护安全缺陷
病毒和木马是人为制造出来的计算机恶性应用程序（或代码），也是针对网站展开攻击频率最高的一种形式，不法分子只需要制造并传播病毒、木马即可，而不需要亲自操作。以计算机网络病毒为例，一旦被激活之后就会迅速感染计算机文件，并通过正常的网站操作进入网站系统，从而对整个网站的安全产生威胁。事实上，网站空间中的病毒也常常伪装为网页文件（如.ASP/.PHP等）、图片、压缩文档等形式，让人真假难辨，且十分顽固、难以清除。
3、网页设计的安全缺陷防治对策
结合现状来说，网站建设技术已经相对稳定，在安全防护机制上重点突出硬件的特征，但网页作为一个基本因素也不可掉以轻心，这是因为网页设计的安全缺陷不仅仅是技术方面造成的，还与设计人员自身的安全意识相关。在网站建设技术日益成熟、防范杀毒系统（包括硬件）功能不断增强的前提下，人为因素导致的安全缺陷开始增加，由于设计人员缺乏足够的安全意识，在网页设计过程中会忽略大量的安全要素。第一，加强网站源代码的保护力度。在网络资源免费共享的诱惑下，大量开源网站代码被植入到网站设计中，一些设计人员为了节省开发成本，对于安全级别较高的网页缺乏审查，增加了后门和漏洞的风险。因此，在网站运行前和运行中都应该不断进行网页安全级别测试，及时法相存在的问题。第二，提高验证机制的安全性水平。目前，验证机制不仅仅被用于注册、登陆，包括下载、修改、删除等操作也大量存在，客观上为网站入侵提供了更多的渠道。对于涉及验证机制的网页或组件应该提升安全级别，如设计二次登陆或加密算法。第三，重视文件上传内容的健康性。为了吸引用户，一些网站提供了大量的免费空间服务，这也是一个典型的安全漏洞，特别是在局域网络中，如公司内部网、校园网、网络硬盘等空间中，一些被巧妙伪装的病毒、木马也可以上传成功，从而产生严重的安全问题；因此，在提供免费空间服务的网页界面中，要提高对上传者的身份验证、权限验证和内容审查力度，加强文件信息和数据过滤的强度。
作者:乐蓓 陈莉 单位:江西现代技师学院
摘要：
网页设计课程是高校计算机专业中的一门核心课程，其实用性和综合性很强。如何建立高效率的课堂，让学生学习好这门课程，成为广大教师重点关注和亟待解决的重要问题。
关键词：
计算机；网页设计；教学模式；实践；互动
《网页设计》课程相对其他学科来说，是一门趣味性较高的课程，如何吸引学生的兴趣，激发他们学习的热情，是广大教师应该深入思考的问题。而且网页设计课程最大特点是易学易忘，学生如果仅仅在课堂上学习，课后的自学意识和复习意识差，那么他的学习质量将难以保证。因此，为提高网页设计课程的教学效率，必须不断改革与充实教学内容，改进教学方式，注重突出网页设计课程的实践性和应用性，注重培养学生的动手意识和计算机操作能力，使学生能够运用所学知识进行网页管理和设计。
一、营造融洽的课堂气氛，体现师生互动
传统教学中教与学的关系，使教师与学生的角色产生了定型。教师如果只管教，学生爱听不听，这种教育效果会很不理想。为提高教学效率，必须营造出融洽的课堂氛围，在教学中注重师生互动，及时反映出教师和学生的不足。教师可以针对不同的教学内容、学生的掌握程度，灵活采用多种教学方法。在教学中，教师要了解学生的领悟情况，注意学生所反映出的问题，及时跟学生进行相应互动。实践证明，充分的师生互动，可以提高学生的参与热情，同时也能活跃课堂气氛，大大提高学生的学习效率，从而提升教学效果。
二、充分利用案例教学，加深学生印象
网页设计是一门实用性和综合性很强的学科，在高校教学中，应该更注重这些特点。因此，教师在教授网页设计课程的时候，要充分利用好实例教学的模式，突出学科的实用性，同时，也能激发学生的学习兴趣。在教学中，教师可以切入和学习内容有关的情景或实例，让学生通过参与情境学习，分析和判断学习情境所带来的问题。教师在教学实例的选取上应该以贴切实际为原则，以实际应用的案例为主线，让学生切身体会实例从需求分析、设计、制作、测试到完成的整个过程，使每次学习都变成一次实践，从而加深对学科的印象。同时，教师要引导学生自己去分析整个实例过程，使每个学生都参与其中，培养他们的分析能力和自学能力，激发学生的学习兴趣，使学生的学习更有针对性和实用性，为他们以后参加工作打下坚实基础。
三、采用分阶段分模块的方式教学
教师在制定教学目标的时候，应当根据教学内容，同时结合学生的学习能力，制作出一个整体大纲，根据由浅入深的原则，分模块教学。例如，网页设计课程中，可以尝试计划出四个教学阶段，第一阶段目标是让学生能够熟练使用网页设计的超文本标记语言HTML，能相应地制作简单的网页和超链接文本。教师根据第一阶段学生学习的情况，及时进入第二阶段学习，第二阶段的目标是让学生能熟悉并熟练使用网页基本制作工具Dreamweaver，同时可以在记事本和工具之间自由切换。第三阶段是让学生能进行网页设计中的图像插入和简单的Flash制作，相应地教导学生用Photoshop进行图片处理。第四阶段让学生掌握在网页中嵌入Java脚本语言，从而实现网页动态效果。这样一个由浅入深的过程，不仅能适当减少学生的学习压力，同时能一步步带领学生感受新知识的魅力，激发学生的求知欲望，使学生主动学习，大大增强教学效果。
四、举办各种竞赛活动，激发学生的学习热情
教师在网页设计的教学过程中，可以通过举行各种比赛或活动来吸引学生的参与热情。例如，在学习中教师可以建立一个学习园地、作品展示区。在园地中，学生可以大胆发挥自己的想象能力，制作有自己特色的作品，可以是关于学校宣传、学科学习、个人兴趣的网站等，教师则帮助启发学生设计思路。又如举办“学生网页设计大赛”，给学生搭建一个交流学习的平台。通过这个平台，一方面可以使学生展示出自己的学习成果，激发其学习热情。另一方面教师也可以在学生展示的作品中了解前期学生的学习情况，适当调整教学方法。这样一个平台，明确了学生的学习方向，同时也能让学生体会到一个实例的制作过程，提高他们的动手操作能力，也教育学生要学以致用，提高学生的综合实践能力。
五、结语
随着信息技术的发展，教学模式要更加多样化才能满足学生的学习需求。网页设计是一门实用性和综合性很强的课程，如何通过此课程，提高学生的动手操作能力和综合实践能力，值得人们思考。只有通过不断探索和改进，才能提高课堂的教学效率和学生的学习质量，从而培育出更加优秀的人才。
作者：王宇祥 单位：辽宁广告职业学院
随着互联网的发展，现在的人们会花费更多的时间浏览网页、网站。然而网页上每一部分的大小，每一部分的长宽比，都是怎样的数值才能让用户获得更好的体验跟更精准的点击呢？有没有一种科学的依据呢？费茨法则就是一种科学的界定大小、长宽比的非常科学的法则。依据费茨法则，可以设计出拥有更好用户体验的网页。
一、费茨法则是什么
费茨法则（Time=a+blog2(D/S+1)），其中D是鼠标到达目标的距离，S是目标的宽度或者说是目标的尺寸，a代表设备的启停时间（截距），b代表设备的固有的固有速度（斜率）。费茨法则主要是为人机交互提供了一个度量的法则，每个目标的大小，距离屏幕的距离都提供了一个科学的依据。其实费茨法则已经运用在电脑操作的各方各面上，不仅仅是网页设计。一打开电脑，桌面上的图标的默认大小就是经过费茨法则设计过的，才能使用户在使用的时候既能快速又能准确的点击到客户想要点击的目标。
二、费茨法则的应用
费茨法则在生活中的方方面面都是在使用着的，例如汽车的设计。汽车的刹车和油门的大小就是经过费茨法则设计过的。在汽车上，刹车和油门的距离较近，并且刹车的大小比油门大一些，这就是运用了费茨法则进行的设计。刹车与油门距离较近，可以使得使用者能尽快的踩到想要踩到的目标，而刹车的大小较大可以使用户想要踩刹车时比较快速的踩到刹车，防止一些事故的发生。然而在游戏厅的赛车游戏中，刹车和油门的大小与正常车的大小成反比，也就是油门比较大，刹车比较小。这是因为在赛车游戏中，操作者更加需要快速踩到油门的时间比较多，需要踩刹车的时间比较小。而且操作者会希望比较快速的完成游戏，踩油门的几率十分高。在电脑操作系统上费茨法则的运用频率也是十分高的，例如windows系统和macintosh系统。非常大的一个差别就是macintosh系统的工具栏是始终在屏幕最顶端，而windows系统的工具栏是在标题栏的下方。事实表明，工具栏固定放在屏幕最顶端比放在工具栏下方更容易点击。当鼠标想要点击工具栏时，使用macintosh系统可以鼠标直接向上移，不用担心会因为移动的距离过于大而无法快速的点击目标，而使用windows系统时就需要斟酌一下鼠标移动的距离，不然就会因为移动的距离过大而错过目标。
三、费茨法则在网页设计中的应用
很多设计者其实在无意中都会运用费茨法则来进行设计。比如最经常用到的百度网站，它就会把一些经常用到的按钮比较集中的放在一起。同时，搜索引擎最重要的搜索框放在最中间，最醒目的地方，并且在让用户舒服的前提下让搜索框尽量的大一些，使用户能更快速更精准的点击到搜索框。微博也是一个很好的费茨法则的例子，还未登陆之前，重要的登录入口和一些活动页放在最顶端也是最醒目的地方，同时能吸引住还未注册的用户注册并同时进行广告宣传。登陆入口就在活动区域的右侧，能顺利且快速的找到并点击想要的目标，同时将登陆入口放在右边较醒目的位置能减少用户使用鼠标从当前位置到目标的路程距离。登陆进入后的页面，新微博占据了较大的空间位置。想新微博的用户能迅速准确的找到自己想要寻找的目标进行新微博的，不想新微博的用户可以运用滚轮进行浏览。在利用滚轮进行浏览时，微博的用户信息的大小就进行了一番设计。头像占据了一块比较大的距离，那是因为比起文字，大多数人更倾向于记忆图片。然后是用户的名称，用户名称也是使用的用户经常会点击的区域，所以用户名也是比较大的。相对来讲，点击微博时间的人数会少很多，所以在设计上，时间运用了比较小的字体，占据的位置也不是十分重要。微博内容有时会十分长且复杂，所以设计者在设计内容布局上比较注重文字的清晰程度，运用了和用户名相同的大小，但是更加清晰的文字来使用户更加清晰快速的获得想要获得的信息。费茨法则在网页中的应用多种多样，比较常见的就是运用在链接的点击区域上，例如登陆界面，用户名输入框的大小、长宽比，密码输入框的大小、长宽比，确认和注册按钮的长宽比，他们之间的距离，在页面中的位置都可以运用费茨法则来进行设计。费茨法则在网页设计中的应用是十分广泛的。虽然费茨法则的应用十分广泛且实用，但是也不必刻板的遵循费茨法则。有时，脱离了费茨法则定义的设计反而会使得网页更加生动有趣。费茨法则在网页设计中主要是给点击区域，文字，图片的大小和长宽比以及各种元素之间的距离给定了一个可以依靠的科学依据。让设计者们在设计时可以拥有一个站得住脚的科学依据。
四、结束语
本文主要就费茨法则的应用进行了讨论。经过本文的讨论可以发现，费茨法则是与我们生活息息相关的一条法则。不止是在小小的电脑屏幕上，只要是人类与机器的交互上就会或多或少的使用到费茨法则。只是某些时候费茨法则不应当是一个约束，只是将其当做一个可以合理解释为何这样设计、为何设计成这样的科学依据将能更好的理解与应用费茨法则。
作者：侯晓雨 单位：山东女子学院
摘要：
在网络技术迅速发展的今天，网页设计与制作已经成为当今社会上一种比较热门的技术，也是“计算机应用技术、网络技术、电脑艺术技术”等专业学生的必修课，同时，也是相关专业学生的选修课。在实际的计算机网络设计教学中，由于教师专业经验不足、课时及实践设置不合理等原因，使教学的效果大打折扣。为了保证教学过程取得成功，提高教学质量，本文简要分析现阶段网页设计教学模式存在的一些问题，并介绍一些比较先进的教学方法，希望能为达到理想的教学效果提供借鉴。
关键词：
计算机；网页设计；教学模式
1引言
随着互联网的高速发展，我国逐步进入信息化时代，各行业领域对于专业计算机知识人才的需求都有了明显的增加。为了满足社会的需求，我国一部分职业技术学校与高等学校纷纷开设计算机运用与维修、计算机网页设计等课程，这些课程的开设为我国培养了大量的IT人才。近些年，虽然计算机教学取得了不俗成绩，但是我们也要正视教学中存在的一些不足。
2计算机网页设计教学中存在的问题
2.1教师专业经验不足
我国职业院校的大部分老师是师范毕业生，这些教师往往存在教学基础与经验的不足，教师缺乏必要的实际应用动手操作能力。因此在教学时大多是照本宣科，并没将教材的知识点与实际运用情况相融合，生硬的课堂语言，让课堂气氛变得沉闷，学生学习的兴致不高。网页设计这门课程实用性强，不但需要扎实的理论知识，而且需要大量的实践过程[1]，如果不能实践上机操作的话，那么就会对所学的知识一知半解，达不到教学的要求。
2.2课时及实践设置不合理
很多职业院校一周只安排2个课时的网页设计教学，课时过少，学生在进行网页设计与制作的实践时，跟老师互动、交流的机会也就相应减少，这就不利于学生对所学知识的巩固。而且学生若在实践过程中碰到难题不能在老师的帮助下及时得到解决，这也会极大挫伤学生学习的积极性。此外，学校更多的是注重理论知识的灌输，常常忽略实践上机操作的重要性。
2.3学生本身学习能力有限
随着90年代末高校的扩招，高等教育事业得到了迅猛的发展，高校的扩招对中专教育造成了强大的冲击，很多人选择了去高校就读，导致中专院校招生越来越困难，学生数量以及整体质量均有所降低。大多数中职生基础比较薄弱，而且自觉性比较差，上课时不主动积极，导致其不能完全接受、消化教师所传授的内容，更不用说进行深层次的探索与创新了。
3提高计算机网页设计教学质量的方法
3.1提高教学质量，改进教学方法
在传统的教学中，大多数老师仍然沿用灌输式的教学模式进行教学，教学方法单一，枯燥乏味，沉闷的课堂气氛会大大降低学生学习的积极性，甚至会让学生产生厌学情绪。为了激发学生的学习热情，现在很多老师在教学中融入了项目教学法、案例演示法、头脑风暴法等较先进的教学方法。第一，项目教学法。项目教学法就是在老师的指导下，将一个相对独立的项目交由学生自己处理，信息的收集、方案的设计、项目实施及最终评价，都由学生自己负责，学生通过该项目的进行，了解并把握整个过程及每一个环节中的基本要求。“项目教学法”最显著的特点是“以项目为主线、教师为引导、学生为主体”，具体表现在：目标指向的多重性；培训周期短，见效快；可控性好；注重理论与实践相结合。项目教学法是师生共同完成项目，共同取得进步的教学方法。但是教师在应用这一教学方法时要对学生的学习能力、基础知识的储备进行全面的考虑，不能一刀切。第二，案例教学法。案例教学法是教师根据教材内容，选择具有启发性的、紧扣教材内容的典型案例，通过具体的情境提高学生理解、掌握知识、感悟等综合素质的一种教学方法。传统的教学方法是老师讲、学员听，听没听、听懂多少。要到最后的测试时才知道，而且学到的都是死知识。在案例教学中，学生拿到案例后，先要进行消化，然后查阅各种他认为必要的理论知识。这无形中加深了对知识的理解，而且是主动进行的[2]。捕捉这些理论知识后，他还要经过缜密地思考，提出解决问题的方案。第三，头脑风暴法。通常所说的“头脑风暴法”，是指将不同专业与背景的人集中到一起，让他们互提设想，互相撞击，求得新创造、新构思的方法。它是一种名符其实的集思广益法，它能使每个参与者在决策的过程中，思考相互冲击，迸发出火花，作出创造性的问题解决方案。在教学中实施头脑风暴法有助于培养学生的创造思维，让每个学生的脑子动起来，极大地提高课堂教学效果。
3.2设计科学、合理的专业教学
计算机专业的课程一般都属于要求具有较高动手操作能力的专业技能课程，因此，在专业教学课程的设定方面，应该以实践上机操作为主，让学生多动手练习，实践理论知识的学习，引导学生对所学知识的思考。专业课程的设计应该将重点方向定位于社会实际应用。学生所学的专业知识与技能，在今后的岗位中，主要的应用就是实践操作。只有让学生多方位地全面掌握基础，在基础的层面上加深专业技能的培训，才能让学生在众多的竞争者中脱颖而出。中职教育的最终目的在于学生就业，因此，教学内容的设定应该与就业紧密结合，这样才能够为社会培养出高素质的计算机专业劳动者和技能人才。
3.3加强教师技术培训
当今社会，知识更新越来越快，特别是在计算机领域方面。我们的教师也要不断学习，强化自己的专业能力。此外，可以有计划的安排专业教师到企业实践，这样才能让教师了解计算机网络发展的最新动向，加强教师的实际应用动手操作能力，为教师今后的教学指导方向。
4结束语
计算机传统的教学模式，已经不能适应现代不断更新的计算机技术的需求。教师必须摒弃传统的教学模式，改变教学理念，培养学生拥有较强的专业技能、较高的综合素质，只有这样学生才能够适应社会发展的需求，在众多竞争者中脱颖而出。
作者：陈上 单位：海南软件职业技术学院
购物车(0)
