摘 要：《网页设计》作为中职计算机课程系列中的一门必修课，具有很强的综合性和实践性。本文对网页设计指导教师在使用项目教学法进行教学时应该注意的问题进行探讨，旨在提高学生学习这门课程的兴趣与设计制作网页的能力，提高《网页设计》的教学质量，避免出现一些常见的教学问题。
网页设计作为计算机实训项目之一，需要通过40-50学时的学习，学生才能完成一个完整网站的制作。在实施项目教学中，通常会出现这样几个问题：
在分组中多数采用了按学生意愿自由组合，一般对全班同学进行分组，4～6人一组，采取组长负责制，由组长统筹安排其他组员的分工，这样出现的问题是，有的小组学习能力很好，很容易就完成了教师布置的任务，而有的小组全组的学习能力都很差，根本无法完成教师布置的任务，甚至出现全组人都去做其他事情，根本不做教师布置的任务的情况。
解决方法：教师根据实际情况及时调整各小组之间的成员。达到每小组都有1～2名学习能力强的学生作为负责人，带动其他学习能力差的学生。指导教师需要随时观察各小组，对出现问题的小组，及时与小组成员进行沟通与协调，解决小组内部出现的相互合作不适应的问题。
在制作网站前，给学生重点介绍几种流行的专题网站，也可让学生上网找出自己感兴趣的网站，要求学生在浏览网站的同时，把该网站的风格特点进行总结，并把自己的心得介绍给同学。课前让学生进行网站需求的调查，在调查过程中寻找具有一定的应用价值的网站项目。课堂上让学生结合各自调查情况，提出一个网站设计的项目，参考《网页设计》教材制定好一份初步计划书，确定网站主题。在这个过程中常常出现的问题是学生的选题过大，选择的网站功能过多，制作技术过于复杂。这些问题往往导致学生在制作的过程中完成不了相应的计划，网站设计的热情、积极性逐步降低，最终导致计划设计的网站无法实现。
解决方法：教师在学生浏览网站过程中加强引导学生进行合理的选题。指导小组负责人合理分析小组成员的能力，教师需要在每组学生制定规划时引导学生发现问题，找到解决问题的方法。
本着发挥学生个人特长，让每一位学生参与到网站设计中，结合《网页设计》课程的教学内容，引导项目负责人对每个小组成员进行合理的分工，对各成员具体需要完成的模块内容及需要的时间进行详细的规划。在这个过程中经常会出现的问题是：项目负责的学生与其他成员的沟通不足，对其他成员的能力了解不够，容易出现分配不合理，个别成员无法完成分配的任务等问题；其次还会出现项目负责的同学对模块分配过大，不够细致，导致开发的小组成员容易出现无法入手，不知道从哪里开始的情况。
解决方法：引导项目负责的学生对网站模块进行细化，把每个大模块具化到每个无法再分的最终模块；通过小组讨论，调查，形成合理的开发时间表，让小组成员能在规定的时间内做好计划的内容。
学生确定各自在小组内的分工及合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题，常规的做法是教师把问题集中起来，要求各小组在解决问题时充分发表意见，同学之间相互帮助，然后教师根据学生的掌握情况进行及时补充，在学生应用上确实有困难的地方，教师提供给他们解决问题的方法。但在实际中往往会出现收集的问题不全面的情况，这是因为学生在做设计的时候没有做相应的记录，时间长了会忘记部分问题；所以教师在收集问题，集中讲解后，仍然达不到预期的效果，还会有部分小组无法开展网站的制作。
解决方法：要求每个小组每次设计时，出现问题就记录在开发日志中，同时有好的方法也记录下来，方便以后遇到相同情况时使用。
网站制作结束前，需要经过指导教师的验收，才可以宣布整个项目工作的结束。每个小组需要向教师及其他小组的同学展示自己的网站，并进行作品的答辩。以团队的形式，分模块展示，体现合作的同时还应有细致分工，这能促进学生的团队意识。但是在展示过程中通常会遇到网站演示出错的问题，这是因为学生做完网站后，自己小组进行一个简单的测试就提交给指导教师；指导教师在验收网站的时候，由于时间关系，基本不可能把学生的每个网站都很细致的进行测试，而是从专业角度，先入为主地查看估计会出错的部分，这就忽律掉了其他部分。
解决方式：在小组成果展示之前，加入小组相互测试部分。这样的好处是：第一，便于发现问题。俗话说得好，当局者迷、旁观者清。自己开发的模块太熟悉了，通常会去找熟悉的部分，很难找到问题所在，而相互测试可以克服掉这个问题。第二，节约时间。不但节约了教师验收的时间，还节约了学生认识理解别人项目的时间，便于在网站演示时大家对它的理解。因为测试过，使用过，大家对演示网站就更容易理解了。
每个小组在完成网站设计后，指导教师会要求他们对自己的网站和其他小组的网站进行评价，最后教师再对各项目组的网站进行综合评价。教师在评价学生网站时，有的教师只进行优劣评价，直接给学生一个评价量规表就结束了，忽略了网站存在的问题，没有给出具体的需要改进的地方和修改的建议等。
解决方式：在评价量规表后加入一个建议表，详细列出网站在今后的设计中需要注意的问题以及进一步提高设计水平的方向。
网页是网络传达信息的主要载体，网页设计作为人机界面的一个重要对象，其视觉形式直接影响网络最终的传播效果。网页版面设计的视觉流程是人在观看网页时候的视觉线路走向。根据人的生理特点和心理特点，人们在观看网页时通常是从第一感觉印象到具体信息传达、最后产生整体印象的过程。下面，笔者分析一下网页版式视觉流程的设计原则和表现形式，以及网页视觉流程中的变化性特点。
网页版式设计是网页设计的重要组成部分，它遵循一定的认知心理学和审美原则。通过设计创意和设计原理构成网页页面，能更好地实现信息传达和视觉效果传达。承载网页设计的媒介终端的数字化特点，决定了网页版式的视觉流程在具体设计中要遵循以下原则：
1.科学性。网页版式设计的视觉流程以人眼的生理结构和视觉心理认知特征为依据，因此网页版式的视觉流程是符合一般视觉原理和大众认知基础的[1]。根据视觉流程的特点，网页版式在设计上遵照从左到右、从上到下的原则，因此设计中要选择最佳的视觉区域，设计符合科学理性的视觉流程方法。如图1所示视线流动的一般规律，在网页版面中，1区即左上区域，一般为观者视觉进入版面的区域，因此一般放置比较醒目、鲜明、简洁的视觉元素，如标志等。这些元素一般以图形或是文字设计的形式出现，让观者在第一时间了解到网页的代表符号，对网页产生深刻印象，并能同其他网页区别开来。区域2即页面的右上角，虽然不是视觉进入版面的区域，但同样处于页面上方，因此也可放置一些重要信息，在具体设计中，banner、导航条常布置在1、2两个区域。网页的中间部分，如图3区左中和4区右中为放置主要内容的区域，这部分一般放置内容性文字或者图形，属于元素集中区域，是观者阅读和获取信息的主要区域；而3区由于位于页面左侧，处在视觉进入区域一侧，因此在设计中也常常将导航内容放置在3区左侧，便于操控。5、6两个区域靠近屏幕下方，6区一般是视觉线路的终点，因此这两个区域一般放置非重要的信息。
2.识别性。在网页版式视觉流程设计的过程中，最终目的是保障网页内容被更准确、快捷地识别。识别性在视觉流程的设计中关系重大，设计行为都应该围绕着识别性这个主题而展开。根据设计内容的需要，对视觉元素进行处理，如区分主次关系进行设计、通过色彩区别元素、加强设计的整体性等，都是加强页面识别性的设计手法。视觉传达设计的内涵与形式也不是一成不变的，无论采用哪种视觉表达形式，终端受众都必须借助视觉感知来接受信息。[2]
3.合理性。合理性是指在网页版式视觉流程的设计中依照设计的原理合理地展开视觉流程的引导。网页的浏览过程是动态的、互动的，观者获取信息的过程不尽相同，有时浏览者可能会从其他网页链接跳过主页直接进入网站子页面中；同时网页的互动性也容易吸引受众。因此，合理地处理每个网页的视觉流程，让各级页面都拥有设计清晰、可操作性强的导航，便于受众在各种情况下进行浏览。
视觉流程在运动的过程中受各种外部因素和主观因素的影响，会产生各种运动形式。结合网页版面设计的特点，主要有如下几个方面：
1.线性视觉流程。线性视觉流程是最常见、最基本的视觉流程样式。文本阅读的方式就是以线性视觉流程的形式呈现的。主要的线性视觉流程有直线种形式。直线视觉流程在版面中引导人的视线做直线的视觉流动，具有直观、确定、一目了然的特点。斜线视觉流程动态性很强，具有较强的个性特征，常用在表现突出动态或个性化的设计中；斜线视觉流程稳定性相对较差，要注意画面的整体均衡。曲线视觉流程是颇具韵律感的视觉流程形式，曲线在版面中的融会贯通让版面舒畅、自然、饱满且充满张力，如“S”曲线形态的视觉流程使页面元素上下左右运动，能在有限的空间中穿插回旋，具有一定的张力。
2.导向视觉流程。在网页设计中使用能诱导观者视线的诱导性元素，令观者的视线能通过诱导按照设计者的布局进行一定顺序的运动，将所有元素从主到次、从大到小构成一个有机整体，形成一个重点突出、流程动感的视觉组合。诱导性的元素有很多种，常见的有文字导向，利用文字的排列组合后的线、面特点来引导视觉走向；肢体导向，利用人体的肢体语言或是手部动作的方向性，来引导视觉走向；指示导向，利用符号箭头的方向性特点，将视线引向主体；形象导向，利用众多的事物形象特征来引导视线，如人或者动物的视线.反复视觉流程。反复视觉流程是指由于相同或者相似元素的规律出现，而产生的一种有秩序和节奏的运动。反复视觉流程构成的版面动感性差，通过元素的处理方式能产生很强的节奏和秩序的美感，吸引视线。由于网页技术特点决定了这种反复视觉流程是比较常见的视觉流程表现手法，在网页的导航设计、图片排列、文本信息等设计中常见这种排列手法。
4.散点视觉流程。散点视觉流程使用了后现代的视觉表现中的一些特点，自由、随意、新颖。散点视觉流程指版面中的视觉元素，包括图形、文字等视觉元素及其各元素之间的组成关系不拘泥于规则、严谨的理性编排方式，而是强调感性、自由、随意、分散的排列组合状态。散点视觉流程在初始感官上给我们以散乱的感受，信息获取过程不如其他视觉流程顺畅，但是只要稍加观察我们就会发现散点的视觉流程通常是“形散而神凝”。在对待元素的处理方式、版面的整体协调、主次的关系处理、色彩的利用等方面，都更加刻意精心地遵循着一定的规则，这就使散点视觉流程的表现在灵活、感性、生动之余，不乏理性的雕刻。
5.复向视觉流程。复向视觉流程是从页面的中心点开始，产生向心或离心等形式的视觉运动，画面中心突出、主题明确，视觉冲击力比较强，常用在对某一事物进行强调的页面设计中。
网页版式设计同传统媒介版面设计虽然都是在一定的空间中进行视觉元素的组织，但由于二者在最终显示方式上存在差别，因此网页版面在具体的视觉流程表现中必然会受媒介变化的影响。
1.网页版面中的变化性。网页版面设计同传统的版面设计有着一定的联系，但也有着很大的不同，这就是它的动态变化性。对于同一个网页版面而言，观者所见的第一感觉印象未必是最终的感觉印象。由于网页版面互动性的特点，在观者和网页版面的不断接触过程中还会出现各种动态的图标或悬浮导航条等，这些都是带来变化的元素，都会对初始页面视觉流程产生一定的影响。变化会打破最初视觉状态下的相对稳定，在视觉流程的设计中都应该整体考虑。变化的视觉流程可以使网页页面更加生动、多样化，但这也为设计增加了很大的难度，这种变化的视觉流程多用于一些娱乐性的或追求与众不同的个性化网页设计。
2.页面之间跳转的变化性。除了同一网页版面内部的变化性以外，在不同网页页面之间的非线性跳转也是网页设计不同于传统媒介的特征之一，超链接改变了网页内容空间的前后关系。由于网页具有超链接功能和多维性的特点，使得不同站点以及同一站点的不同页面之间跳转成为网页变化性的又一表现。通常来讲，一个站点是由多个页面构成的，观者的浏览顺序是不固定的，可能从主页开始，也可能从二、三级页面开始，因此保持整体的视觉流程至关重要。这就要求设计者尽可能在一个网站的整体设计以及页面的跳转过程中保持视觉元素设计的连贯性，保持视觉流程特征的连贯性，保持整体设计风格的连贯性，来更好地适应页面跳转过程中的变化。
3.视觉元素的动静变化性。网页既包含了传统媒体的形式，其本身又是新的媒体，它具有极大的兼容性和互动性。网页设计中既包含传统的静态设计，又存在具有互动性的游戏、动画、影像和线性播放的影像、广告等元素，这就构成了页面中的动静对比。
对网页浏览者而言，视觉流程的变化还受页面元素动静变化的影响。通常来讲，事物要引起人注意应具备两方面的特点，一是有刺激物出现。在这里网页上的动态元素，如视频、动画、广告等外界刺激具备引起人无意注意的行为，即浏览者事先没有目的也不需要做意志努力就能注意到的，这类变化节奏越快越能吸引人的视线。这是一种动态的吸引，可以改变人的视觉流程，能较先吸引人的视线。因此，在一些页面上，常将一些重点信息进行动态化处理以吸引人的第一注意力。二是视觉主体的意向性。浏览者作为视觉主体，更容易受动态元素的吸引。动态元素的视觉形象力更加明显，受人注意的程度要多于静态元素。因此，我们可以看到，新的媒介赋予了设计以更丰富的内容，网页版式的视觉流程同传统设计相比较增加了动态效果对其的影响，网页上的动态元素可以吸引观者的视线，使观者能按照设计者给出的特定视觉线路进行视觉移动，而页面上的静态元素较之动态元素，其视觉吸引力相对较弱。
视觉是一种主动性很强的感觉形式，新技术在很大程度上要依靠人类的视觉感官去获取、传达和交流，技术的进步让我们开始更加关注网页信息传达的品质。[3]网页视觉流程的设计直接关系着网页版式构成并影响到网页信息传达的效果；在网页设计中组织视觉元素进行视觉表现，使设计形式的组织达到对浏览者视觉线路的引导，能更好地发挥设计元素的功能。总之，加强网页设计的视觉文化基础，利用视觉表现达到提升网页信息传达的目的，对于网页信息传达来讲具有重要的意义。
[1]方新普，陆峰，孟梅林.视觉流程设计[M].安徽：合肥工业大学出版社，2004：49.
[2]王怡，裘梦漪.跨媒体时代的视觉僭越――现代视传设计中“视觉思维”与“传播媒介”关系研究[J].北京理工大学学报（社会科学版），2009（6）：98－100.
用Photoshop和Dreamweaver轻松布局网页表格 Dreamweaver网页设计中表格与层布局的比较 CSS+DIV布局与表格布局网页的对比 CSS+DIV与表格实现网页布局的比较 网页设计中的表格绘制 网页版面布局设计教学之我见 浅谈网页设计中页面布局的教学 网页设计教学中表格与层的应用研究 网页表格布局方式和DIV+CSS布局方式的比较研究 网页设计的布局和用色技巧 基于CSS页面布局的网页设计 网页版面布局设计的探讨 浅析网页设计中的页面布局 网页设计中布局模式的比较 浅谈网页设计中的布局工具 浅谈网页设计用图 基于项目化教学的“网页设计与布局”课程教学研究 表格与DIV+CSS的布局设计分析 “网页设计”课程中DIV+CSS布局技术的教学 DIV+CSS布局在网页设计教学中的应用研究 常见问题解答 当前所在位置：打开）请你将这个页面中的文字和图片排列整齐（文字、图片无法排列整齐，再打开bg2.htm）。现在请你将图片和文字分别放到表格中，看看效果。
教师：说得很好，表格的作用就是将网页中的文字、图片等素材对象进行定位。网页都是用表格来进行布局的，请看两个范例（展示网页的表格）。
【设计意图】事先预设此环节，安排学生李彦在适当的时候提出问题，引出课堂知识冲突，为下一环节做好铺
垫；同时吸引学生的注意力，及时调整学生的学习状态。通过设计一个对比实验，用实验验证学生的猜想，让学生总结实验结论――表格在网页布局的作用，培养学生的钻研、思考、解决问题的能力。
教师：插入表格之前，为了编辑的方便，我们通常要先设置网页大小。在通常情况下，我们一般将网页大小设置成默认状态的“当前网页大小”。
教师：接着请各位设计师在此页面中按照你的布局草图的行列数插入表格，最后将相应的文字信息填写到表格中，效果请参照大屏幕。
【设计意图】通过演示法讲解、回顾打开网站站点的技巧与方法、网页大小设置方法，快速进入任务二的学习中。
教师：各位设计师，表格插入好的请举手。（环顾学生）若有不会的，请一个设计师演示。请各位结合Word中表格的相关操作，还可以结合教材中的步骤，完成单元格的合并与拆分的操作，使网页布局更加合理。
【设计意图】关于表格的插入、拆分、合并单元格等操作已经在Word、PowerPoint设计多媒体作品时学过，学生可以凭已有的知识完成，也可以参照教材的步骤完成，培养学生的自学能力与意识。
作品的保存与评价 要求所有设计师保存提交作品，展示1～2个设计师作品，并做好评价。
【设计意图】及时评价与反馈学生的作品，能够鼓励和督促学生认真完成作品的设计。
课堂拓展练习 如图3所示课堂提高练习，在第二行调整导航栏这一行单元格列宽，使他们平均分布时不影响第三列图片这一行，该如何实现？请参照教材的阅读材料一提供的方法试一试。
【设计意图】结合教材阅读材料，通过设计课堂拓展练习，能使学习有余力的学生在课堂上有充分发挥，培养其自学能力。
现代社会“网页”的出镜率不断攀升，在人们的工作、学习和生活中扮演重要的角色，成为人们熟悉、使用互联网的关键通路。
网页设计作为一门技术与艺术衔接比较紧密的设计课程，同时也是“教育与产业发展相结合”的实践环节，常常开设在各大专院校和职业学院，并被设置为主干课程。在教学过程中，我们一般沿用工程项目的构思、设计、实施、运行的流程开展教学活动。而本文中重点谈到的是这些教学活动中涉及到的具体“配色设计”。
网页设计中，设计师往往通过色彩传达丰富的信息，色彩除了发挥基本的辨识作用外，还可在更深层次影响人们的心理活动，更进一步影响人们的行为活动。
红色作为可见光谱中光波最长的颜色，鲜明的色彩成为人们关注的视觉中心。红色还会带给人们直接的生理感受，在红色环境中会刺激人们肾上腺素分泌，产生兴奋、紧张等情绪。在色彩表现上，红色传达着热情、奔放、活力、战争、危险等讯息。在网页设计配色方案中，我们常常会接触到红黑、红黄和红白的配色应用。在设计中红黑配色是经典的配色方案，给人带来沉稳、安全的心理感受。红黄配色为网页营造带来富贵、喜庆、活力的氛围。红白搭配给人带来醒目、清新的气氛。
橙色是一种成熟的颜色，带给人们甜蜜、丰收和喜悦的色彩感情。橙色属于暖色系色彩，可以营造出温暖、柔和、舒适的色彩氛围。在网页设计中运用橙色，会带给访问者朝气、活力、喜悦、愉快的心理感受。网页设计中常用的配色方案有橙白、橙黄、橙蓝、橙绿等。
黄色在光谱中波长处于中间位置，黄色也是有彩色中明度最高的颜色，黄色带给人们明亮、绚烂等太阳的特质，也会为人们带来愉快的心情，黄色也是一种青春的颜色，即懵懂又青涩。在特定背景下黄色也有不同的含义，如中国古代帝王使用黄色，黄色代表尊贵和权力。佛教中黄色表示脱俗、素雅、超然物外。
在设计中通常不大面积使用黄色，黄色明度较高，长时间观看容易引起视觉疲劳，另外，在心理上黄色过多使心情急躁。在网页设计中黄色常与其他颜色搭配调和使用，如黄黑、黄白、黄蓝、同色系搭配等方案。
绿色在光谱中的分布居中，视觉感觉较为平和。绿色带给人自然、新鲜、希望、健康等心理联想。在网页设计中常见绿黄、绿白、绿蓝渐变过渡，给人提供清新、舒适、安全等信息。
蓝色属于冷色调，在光谱中属于频率最短的颜色。蓝色带给人睿智、沉稳、忧郁、宁静等心理感受。在网页设计中蓝色和灰色常常带有科技色彩，会出现在信息类网站的页面配色中。另外，明度较高的浅蓝色也会给人带来活泼、松弛、休闲的感受。网页中常使用蓝黄、蓝白、蓝与彩色等不同的配色。
紫色是波长最短的可见光。紫色带给人以权利、高贵、神秘、迷惘、历史感等感觉。紫色介于蓝色与红色的混合，因此我们还会接触到蓝紫色与紫红色两种颜色。在网页配色中我们常见的有紫白、紫黄、紫兰、紫红等搭配。
黑色属于无彩色，常常做为辅助色和多种颜色搭配，增加网页页面效果。黑色表达深沉、稳定、尊贵、苦涩、痛苦和死亡等多种含义。
白色也属于无彩色，具有纯洁、干净、干练等特质。在网页中常常和多种颜色搭配使用，增加页面明度和空气感，不会使页面沉闷；同时，也会与黑色搭配使用，以国画白描和西方素描的绘画形式表现页面效果。
色彩可以反映特定国家、地域和民族的文化，同时承载特定历史时期的时代讯息，为人们留下深刻的印象和丰富的联想。
在我国人们对红色情有独钟，红色除了色彩辨识上的鲜明特色外，具有诸多的引申释义，如：吉祥、喜庆、热烈的感情等，常出现在节庆装点、婚庆服饰、传统艺术与古代建筑中；可口可乐在红色的使用上更好的与中国“节庆文化”链接，充分展现了红色热烈、喜庆的特质。
色彩在各国出现的显著代表如：各国的国旗、服装、饮食等。以国旗为例，中国的五星红旗，美国的星条旗，英国的米字旗，法国和意大利的三色旗等。国旗的配色都共同反映了本国家、民族的特色，及其特定历史时期的文化承载。
色彩可以提供给我们冷暖的体验。夏天，我们喜欢穿浅色的服装，带给人凉爽的感觉。冬天，人们大多喜欢选择穿着色彩饱和度较高的服装，如深蓝色、紫色、红色、褐色、黑色等颜色。在网页设计中我们也通过这种冷暖关系影响访问者的心理，进而产生色彩的冷暖感知交互。必胜客官网选用红色的渐变效果来展示自己的产品，给人火热、新鲜出炉的感觉，进而影响人们的食欲，促进消费心理。雪碧官网采用不同明度的绿色和蓝色搭配，给人带来凉爽、清新的感受，正应和了那句slogan，“透心凉，心飞扬”。
色彩还可以提供给我们嗅觉的体验，在记录片“舌尖上的中国”中，我们很好的感受到了色彩带给我们的嗅觉盛宴，各色特色美食，为我们带来的视觉与嗅觉的冲击，调动人们即刻前往品尝的欲望。
在网页设计中，我们也时常根据产品与信息设置网站配色。咖啡色、黑色会带给人苦涩的滋味，在特定咖啡品牌网站或可可饮品销售网站中比较多见。橘色和红色带给人酸甜、鲜辣的嗅觉体验，在餐饮类网站选色中多被采用。不同明度的绿色代来新鲜、、酸涩的体验，多出现在餐饮、儿童等特定网站中。
在网页设计中单色应用交常见，可以根据色彩的心理影响来选择，比较好掌握，可以配合黑和白这两种无彩色使用。在化妆品牌“安娜苏”的官网界面设计中，采用了紫色这一主色，一是紫色为其企业形象配色，另外，紫色代表高贵、典雅、温柔、神秘等女性特质，正好迎合了该品牌的产品。
在网页设计中双色应用也交常见，可以选用对比色或互补色，营造特别的视觉效果。亨氏儿童辅食网站，网页配色上采用明亮的浅绿色、天蓝色和白色，给人清新、健康、安全的感受，让访问者可以放心购买这种品牌的食品。普拉提健身网站，采用橙绿的主题配色方案，给人健康、愉悦、放松身心的感受。
在网页设计中多色应用会根据需求使用，可以选用近似色或同类色，或者渐变色等。同时，多色的使用会在视觉上造成杂乱，中心点不明确等感受，应遵循统一性、平衡性和变异性等设计原则。多色设计多出现在儿童相关网站、个人风格网站（设计师网站等）、和特定企业网站中（如摄影机构网站等）。
网页设计课程依据实际项目案例教学，教师可以根据实例引导式教学，以“临摹”实例的方式，教导学生理解运用技能，再进一步拟定题目，变换要求，锻炼学生的创新思维，将理论结合实践，在实践中锻炼创新，为今后的教学与产业结合打好基础。
色彩在网站页面设计中的应用探讨 视觉传达设计在网站设计中的应用 Flas设计在网站中的应用 Ajax技术在网站设计中的应用 信息图形设计在网站界面中的应用探究 浅析flash在网站设计中的应用 数据库技术在网站设计中的应用 动态Cache技术在网站性能设计中的应用 FLASH在网站中的应用分析 FTP在网站管理中的应用 FLASH动画在网站制作中应用的研究探讨 浅析多媒体技术在网站艺术设计中的应用 浅论项目教学法在网站设计教学中的应用 浅谈Flas在网站设计与制作中的应用 数据库设计在网站管理系统中的应用 探析网页标准化设计在网站建设中的研究与应用 试论数据库设计在网站开发中的应用 在网站设计中关于WEB安全字体的应用研究 SEO在网站设计中的优化策略分析 浅谈用户体验在网站设计中的体现 常见问题解答 当前所在位置：l或者index.asp或者index.jsp等格式。双击index文件以后即可进入网站首页编辑页面，通过文件上面的“标题”输入框可以输入首页标题“购物商城”。
在使用Dreamweaver8进行页面布局设计时，通常使用表格来定位页面中的各类元素，常用的页面布局形式见下图，它主要包括顶部的 Logo区、Banner区、上面的导航菜单区、中间的页面内容区、底部的版权区、左边的栏目区等几个部分组成。
（2）插入视频文件比如AVI、wma、rmv、brm、flash、mp4、mid、3GP等。Dreamweaver8中的视频文件插入方法：将光标定位到页面中需要插入视频文件的地方，点击主菜单“插入媒体插件”菜单命令。
（3）嵌入声音文件比如wav、aif、mp3等，插入方法和插入视频的方法类似。
在Dreamweaver 8工具中，可以加入超链接，比如“文字链接”、“图像链接”、“图像地图链接”、“内部链接“、”外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”、“跳转菜单”等。
在使用Dreamweaver 8设计网站的工作完成以后，可以点击菜单“站点管理站点”菜单项，在站点管理器页面中，继续单击“编辑”按钮，选择“远程信息”，如图所示。在对话框中依次输人FTP主机名、主机目录、登录用户名、密码，点击测试；然后再面板工具栏的上传文件按钮 ，成功上传后即可访问。
在常规的网站建设过程中，Dreamweaver是现有常用、首选的设计工具，但是网站设计是一门系统学科，仅仅依赖Dreamweaver是无法全面了解网站建设的精华；但是Dreamweaver对于网站建设、网页设计来说的确是一种入门的工具，可以满足简单网站设计的需要，这对于网络技术传播和发展具有积极的意义。
[1]郑军.任务驱动教学法在网页设计与制作课程教学中的应用[J].无线]单永杰.项目教学法在网页制作课程教学中的应用[J].辽宁师专学报（自然科学版），2013（01）.
[3]朱彩华.《网页设计与制作》课程教学方法的研究与探讨[J].无线]杨国山，李君.Dreamweaver的几点使用技巧[J].科协论坛（下半月），2009（07）.
网页设计要符合受众者心理与社会心理的需求。设计者要正确分析用户需求，注意网页内容的搭配与布局;设计主题要定位准确，网页下载的时间也不能过长，必须保证网页对不同操作系统和浏览器的兼容性，并经常性地进行调试及数据更新。设计应追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，把美的形式规律同网页设计结合起来。
在因特网世界里，存在着各式各样的网页，它们承载着不同的目的，体现着设计师的想法。网页通过视觉元素的引人注目，实现信息内容的传达。为了使网页获得最大的视觉传达功能，使网络真正成为可读性强且新颖的媒体，网页的设计必须适应人们视觉流向的心理特点，由此确定各种视觉构成元素之间的关系和秩序，把各种信息以最快捷、方便的方式传达给访问者。当今，面对这种新型媒体设计的挑战，如何设计出吸引用户的网站，已成为网页设计者需迫切解决的问题。
网页设计既有文字、图片、色彩，又有动画、声音。文字有大有小，还有标题和正文之分。图片也有大小、纵横之别。图片和文字都需要同时展示给观众，但又不能简单地罗列在一个页面上，否则会搞得页面杂乱无章。因此，必须根据内容的需要，将图片和文字按照一定的次序进行合理编排和布局，使它们组合成一个有机的整体，展现给访客。具体的页面排版可从如下几个方面入手:
⒈主次分明，中心突出在网页界面设计中，设计者必然要考虑视觉的中心，也就是“最佳视域”，它一般位于电脑屏幕的中央，或者在屏幕中间偏上的部位。因此，一些重要的信息和图片一般可以安排在这个部位，在视觉中心以外的地方可以安排稍微次要的内容，这样在页面上就突出了重点，做到了主次有别。另外，人们的阅读视线通常都是从左至右、由上往下地阅读，因此设计者也要把握好这种视觉流程。在网页中有一个7秒钟定律，即当用户进入网页之后，如果在7秒之内没有看到特定内容，那么这项内容的设计及位置安排注定会失败［1］。由此可见，突出重点是非常重要的。
⒉明确的导航，彰显有价值的信息网站中的栏目导航对网站内容起到提纲挈领的作用，引导着用户浏览网站的相关信息。清晰、明确的导航，可以帮助网站用户更方便快捷地浏览和找到他们所需要的信息，并给以一定的网站服务和在线帮助，从而避免在浏览网页过程中找不到方向［2］。好的导航能够让用户在打开页面的第一时间找到，或者是让用户瞬间反应出此为网站的导航。导航的用语选择应该精炼易读，色彩搭配明确，布局妥当，设计独特，使用户通过导航能够快速了解整个网站的主要内容［3］。
⒊图文并茂，相辅相成文字和图片具有一种相互补充的视觉关系。文字和图片都是传递信息的手段，但各自的特点不同:文字所表达的信息量大，但显得沉闷枯燥，缺乏生气;图片所传递的信息量小，但比较生动活泼。文字与图片两者的比例不能过大，否则，页面就会显得单调而过于混乱。因此，最理想的效果是文字与图片密切配合，互为衬托，既能活跃页面，又丰富了网页内容。
⒋图形与字体、色彩等因素协调统一一般而言，在所有的网页动画设计中，图形设计部分处于主要地位。字体和色彩诸视觉因素与图形因素互相配合、互为补充地构成了一个整体性的图形设计。图形、字体与色彩诸因素彼此相互作用、相互影响，共同表达出设计的中心思想内涵。只有如此，设计所要阐发的主题思想才能更准确和集中，视觉传达才能更强烈和有力度。反之，则会给观者造成一定的视觉混乱，偏离设计主题，从而达不到应有的设计意图。
⒌注意空白的设置和运用空白在构图上有着不可忽视的作用，它是进行艺术表现的重要手段。设计中把强调、突出、给人强烈印象的构成要素周围留下空白，能扩大和提高视觉效果，同时利于视线流动，破除沉闷感。着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。有些网页设计者总想把界面“充分利用”，把文字、图像安排得满满的，认为设计画面留有空间是一种浪费。殊不知，这种庞杂堵塞的构图往往使人望而生畏，留不下一点印象，失去了设计的意义。
⒈符合受众心理与社会心理需求懂得不同的受众以及不同社会层面的不同心理需求，是网页设计者应掌握的一项基本原则。在网页设计创作之前，设计者要对所表达对象的文化背景、审美心理以及审美感知等作一系列相应的了解。对不同的地方，设计者还要进行一定区域民俗文化现象的了解与学习。只有这样，设计出的网页作品才能与设计对象产生紧密联系，达到读者与作品的心连心、面与面的交流。
⒉分析用户需求，注意内容布局设计者在设计网页时应该明确网站的类别，例如是企业网站、政府网站还是个人网页等等。因为不同类型的网页具有不同的主题与风格，设计网页时不能喧宾夺主，也不能主题与网站类别属性相矛盾，在图片、文字、色彩使用上要合理选择。所以，网页设计的第一步应该以用户需求和网站的类别为导向，所有的设计工作都应该围绕这个前提，正确定位，不能脱离主题。
⒊设计主题定位准确网页设计是一种按照一定需要，有目的进行的一种计划与预定。其突出特点就是具有相当的制约性和约束力，即受到设计主题的限制和约束。网页设计作品应有自己鲜明主题，主题目标的鲜明性决定了设计的鲜明个性特征。设计主题定位要求准确，这是设计原则中的首要问题。网页主题是设计传递内容的主要信息，设计者应该充分运用所要传达的特定信息，调动画面中所有的视觉因素，使之发挥出最大的视觉效果，设计的定位要始终牢牢地把握住设计主题。
⒋网页下载的时间不能过长为了保证网站有不断增长的点击率，除了有吸引人的内容之外，还要有较快的。网页加载速度对于一个网站而言是十分重要的，它直接影响用户的访问体验和满意度。如果2030秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，如没有必要，最好不要用大的图片，或者对图片进行压缩使用。
⒌网页对不同操作系统、浏览器的兼容通常情况下，人们所设计的网页都在一种操作系统和浏览器中进行调试。在互联网中，有各式各样的操作系统和浏览器，网页中的一些技术、插件在不同的操作系统和浏览器中的效果是不同的，有的甚至根本无法兼容，因此要充分考虑网页的兼容性。比较常见的办法是在不同的操作系统和浏览器中做测试，保证最大的兼容性。⒍经常进行调试及数据更新为吸引更多用户，网站中的信息必须经常更新，如新闻、图片资料等。同时，由于网站要经常进行修改更新，网页之间的链接有时会出现断开现象，因此，要经常做网站的调试，检查是否有链接出错的地方并进行修复，以维护网站的正常运行。
⒈导航清晰，标题具有可读性在设计页面时，要做一个层次分明的导航条，尽量使用户知道自己所处的位置，同时，链接层次不要太多，尽量使用户能够用较短的时间找到所需的资料。一个网站的内容主题要突出、明了，尤其是大段文字的使用，必须要易于用户阅读，在文字的安排上除了可以采用横向分栏之外，也可将页面纵向分割，或利用标题和副标题将文档分段。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题和副标题，使用户一眼就可以看到要点，以便找出并继续阅读有兴趣的内容［4］。另外，也可以将整句采用不同的颜色或用粗体突出主要内容，字体的选择上要和主题风格相统一，字体和背景的颜色要能区别开，以便于识别。
⒉风格统一，色彩和谐，重点突出网站中各个页面要保持统一风格，不要在不同的网页中使用不同的主题风格，风格统一有助于加深用户对网站的印象。要实现风格的统一，不一定要把每个栏目做得一模一样。例如，用户可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时再为网站增加一些变化。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。从设计的技法上来说，重点突出某个色彩因素，可以打破整体色调的单调和沉闷，再将一部分的色彩施以强烈醒目的色彩，能使画面产生凝聚力和一张一弛的表现力，从而刺激视觉引起兴趣，产生生动的色彩形象感。在具体设计中，要注意重点色的作用，需要应用巧妙而不能过度，到处重点就无所谓强调重点了，其结果只能导致整体的混乱。
⒊界面清爽，设计避免“一般化”页面设计整洁、清爽有着不可忽视的作用，它是进行艺术表现的重要手段。设计者要吸引用户长时间停留在你的网站，千万不能让用户第一眼就感觉压抑。大量的文字内容要使用和谐的背景色，前景文字和背景之间要对比鲜明。如果背景含有图像，对比度要弱些，可把背景图片透明度适当降低，这样用户浏览时眼睛才不至于疲劳。设计中要把强调、突出、给人强烈印象的构成要素的周围留下空白，就能扩大和提高视觉效果，同时利于视线流动，沉闷感，着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。“一般化”是网页设计所忌讳的问题。新颖、独树一帜、妙趣横生是优秀网页设计蕴涵潜在生命力的永恒主题，也是网页设计师不断追求和努力的方向。面对熟知的事物，人们往往总是表现出熟视无睹，很难引起足够的重视。然而，美妙的设计又总是通过这些司空见惯的事物来表达出一种不寻常的艺术感觉。解决这一问题的办法，就是艺术创意。运用创意，就是在艺术表达这些普普通通的事物时，设计师往往运用创造性思维，采取崭新的观察事物的方法，超越一般人的经验和视觉思维，由此达到强烈的感染力和视觉冲击力。
⒋技术为内容服务一些网页初学者经常在所做的网页中加入尽可能多的特效，以充实自己的页面，这样往往会适得其反。一定要明确技术是为内容服务的这个前提，不要过分沉迷于技术的运用，坚决摒弃那些华而不实的特效。适当的动态效果可以起到画龙点睛的作用，但过多的动态效果会让人眼花缭乱而抓不住主题，因此，应用动态效果不宜过度。在网页设计过程中，设计者必须去研究、掌握并有意识地运用这些规律，追求一种和谐的单纯，即追求清晰的视觉冲击力和巨大的张力，把美的形式规律同网页设计结合起来，创作出好的作品。网页设计没有任何捷径可走，只有在实践中点点滴滴地积累。同时，要有一颗积极向上的心态，对生活充满热情，这样才可能在自己的网页设计中挖掘出好的东西来，同时给用户留下深刻的印象。
［1］刘丹．网页设计中的Flas视觉语言研究［D］．合肥:合肥工业大学，2006．
［2］黄燕云．浅谈网站导航系统设计［J］．科教文汇，2009(18):268-270．
［3］刘晓知．浅谈如何设计成功的网站导航［J］．电脑学习，2009(5):10-12．
设计一个网站需要考虑到方方面面的因素，从该网站前期的开发规划与设计，到中期的资料收集、版面美工、一直到最后的调试、运行，实在是一个庞大的工程。这就要求网站设计者在建设网站之前对网站的建设目标、网站的主题和网站的面向群体有一个明确的定位，定位准确才能保证网站的建立具有一定的可操作性和观赏性。网站设计者还要了解该网站浏览者的心理需求，以便对网站的整体特色给出定位，对大概的风格进行规划，使得主题突出，重点鲜明，通过简单扼要的文字和鲜明的画面把网站的主题呈现出来。
一个网站的风格是该网站档次与品位的重要标识，因此网站设计者要充分认识到网站整体风格的统一要求的重要性。对网站风格的统一可以从网站页面的排版、布局入手，保证网站页面的页边距是整齐划一的，网站页面图片之间、页面文本之间的距离是相同的；还有就是站点标志的统一放置，如果第一页的顶部放置了网站的站点标志，那么其他页面上也应放置这一标志；图和图标导航的使用，也要运用同样的设置方法，以期最终在页面上呈现出赏心悦目的效果。为达成该目的，还能运用模板，模板是文档的一种特殊类型，一般情况下，网站设计者会把页面中的不同部分作为可编辑区域，而相同部位则作为锁定区域。在可编辑区域输入不同的内容，可以很大程度地简化主页设计的程序，模板还可以做到同时进行多个页面的更新，而且当模板创建的文件与其保持连接时处于修改模板的状态，就能对所有文档进行更新，前提是文档都是由该模板制作，就能大幅度缩短维护网站所浪费的时间。
一个网站的色彩搭配是彰显网站形象的一个重要因素，恰好的色彩搭配所产生的视觉效果能吸引到更多的使用者的眼球。网站设计者在网站建设前，一定要首先确定网页的主题色，一般情况下选定一两个主题色即可，太多色彩反而显得冗杂无章，使浏览者阅读困难；但是所选颜色不多又会给人以单调之感，这就需要网站设计者结合实际，了解网站使用的主题人群，发挥主观能动性，好好把握其中的度。如儿童类的网站通常以红色或橙色为主色调以渲染出儿童活泼而又温馨的气氛。确定好主题色彩，还要合理地选择其辅色，这也是有依据的，比如教育类的网站通常以蓝色为主色调，红色和黑色为辅色，这样能给人一种庄重和严肃的心理体验。此外在网站的版式设计上也要体现大方、简洁的原则，不要在网站页面上出现过多的无关紧要的内容，避免整个页面给浏览者造成冗杂繁琐的感觉。
制作表格是网页制作中一项很常见也很重要的工作，表格在网页制作过程中具有非常显著的定位功能，表格的主要作用就是在不用考虑其他各种因素或问题所导致的种种影响的情况下，对网站页面的图像和文本进行任意方式的调整。在网页制作中充分利用表格的功能，有助于加强网站页面内容的连贯性和页面紧凑性，同时也使网站的网页布局更加完美，页面排版和编辑显得更有逻辑性。虽然说表格在网页制作中操作方便，作用也很强大，但是在网也不能在网页的制作过程中过多使用嵌套表格。这是因为频繁地使用表格会严重影响到网站页面的加载速度，给网页造成了不小的负担，而且浏览器只有解读到表格的最后才会把表格里的所有内容显示出来，而在浏览器解读过程中，网页浏览者看不到任何信息，如此一来，容易让浏览者产生厌烦的情绪，会严重影响到网站的点击率，这一点值得注意。
一些简单网页的制作可以通过简单的网页制作工具来完成，但如果想要制作精良的、功能完善的、风格独特的动态网站，就需要学会HTML语言在网站中的详细应用。网页中通常见到的“跑马灯”就是通过HTML语言来实现的，通过HTML语言对文本的颜色、文本的字体大小、以及文本的运动方式好运动规律进行调整，就这样一条动感公告就可以呈现在你的面前。跑马灯效果的一般制作方法是先在表格或层中输入文字，对文字的颜色、字体等进行设置，然后选中该文字，并将其切换到代码窗口，此时，在代码窗口中的文字仍呈现出选中的状态，将marquee输入在选中的第一个文字前，则可自动生成marquee，将/marquee放在最后一个文字后，进行预览时，可看到文字产生跑马灯的效果。如需改变文字的运动方向，可对语句directian=””进行设置，当引号中为right时，文字会从左往右移动，引号中为up时，文字则从下往上移动，当跑马灯在上下运动时，速度会非常快，影响读者的阅读，可通过改变scrollamount值来调整文字移动的速度。
在网站制作中有几个需要注意的问题，有的图片有时候在编辑状态下显示正常，但是在预览时或网页后却无法显示，可能是原路径原因造成，也可能是因为保存是用了中文文件名而招来了麻烦。若是路径问题，只要把图片存入相应的文件夹中，然后改变图片的路径就可以。若把图片放入站点内，在预览时仍然看不见图片，则往往是使用了中文的文件名或目录名导致的。解决办法是把中文名改为英文字母、数字和下划线等符号组成的文件名或目录。完成网页制作后，记得在浏览器中进行网页测试，通常要进行链接测试、网站下载时间测试以及布局的一致性检查等，通过测试一切正常后，就可以网站；如果有不合理的地方，要及时进行修改和反复测试，以保证网页的建设质量。
未成年人心理健康教育越来越受到人们的关注，各级政府及中小学校都成立了未成年人心理辅导中心为未成年人的学习、生活等提供指导和帮助。目前来看，未成年人心理辅导中心工作的开展方式以现场指导与帮助为主。这种单一的方式对于未成年全方位的服务有限，不能建立起学校、家庭和社会相结合的立体网络。而基于互联网的网站心理辅导或许能为这一立体网络的建立起到一定的作用。本文就未成年人心理辅导网站建设的理念、涉及的内容、网页的布局、以及网站的维护与管理进行探讨。
心理辅导与心理咨询、心理治疗不同，它是针对正常人群体尤其是学生群体进行的以促进其发展为目标的心理咨询过程。〔1〕因此，未成年人心理辅导网站的建设坚持发展与预防为主、矫正为辅的理念。未成年人大多为在校的中小学或职业学校的学生，学校内也应该建立未成年人心理辅导中心。总的来说，网站建设应该遵循发展的理念，对一些可能出现的常见的问题予以预防，并对有心理问题者通过一定的方法进行矫正，预防与矫正的同时也要使未成年人得到最大限度地发展。因此，网页内容与布局设计都要牢记未成年人的“发展”及其生理心理发展的特点。
对于未成年人的成长，除了他们自身的因素之外，还应该受到家长、老师的指导和影响，他们的成长的过程综合了家庭、学校、社会等因素。因此，在网页内容的设计时就应该考虑到除了未成年人本身之外的其他因素。因此，这里提出了网页设计的“三大登陆入口”。“三大登陆入口”是未成年人、家长、教师各自有一个登陆入口。
未成年人通过“未成年入口”进入之后，他们能获得关于他们发展和与发展相关的一些话题或解决常见的心理困惑的方法。他们可以在这里了解到自己为什么会出现这些想法和行为，并不断地认识自己接纳自己或修正自己的思想与行为。在这个网页里呈现出的内容可以根据未成年人生理心理的发展特点有所不同。内容可根据年级为依据来划分，大体划分为小学低年级、小学高年级、初中和高中或职业中学等。帮助其成长的内容包括：图文并茂的文章、团体活动设计、在线测验等。文章的长短、团体活动的复杂程度、在线测验的内容等根据其身心发展而有所不同。
家庭是人出生后的第一个环境，家长的教育与引导对孩子的成长至关重要。家长通过“家长入口”进入后，可以获得如何引导、如何与自己的孩子进行交流的方法。在这个网页上内容可以以常见成长阶段来划分，如分为婴儿期、幼儿期、儿童前期、儿童后期、少年期等。针对不同阶段的个体，家长应该如何喂养、如何教育、如何引导、如何沟通等都可以通过表、图、文章、视频等资料呈现出来。在这个网页上，家长们还可以通过聊天室进行交流。
教师尤其是班主任与学生接触的机会很多，他们的言行对学生产生直接的影响，老师与学生之间的交流也非常重要。教师通过“教师入口”进入后，可以获得关于学生生理的发展、认知的发展、情感的发展和人格的发展等方面的内容。这个网页上的内容与未成年人进入的网页的划分一致。根据各阶段的特点，教师可以采用更加有效的方法与他们进行沟通，可以根据学生的生理心理特点更加有效地发展学生的认知、情感，更加健全他们的人格。教师们也可以进聊天室进行交流。
通过以上的三大入口都能进入到各自的网页，进入网页之后除了上面叙述的内容还有四大平台，分别为信息咨询平台、预约平台、网上心理辅导平台和投诉建议平台。这四大平台中，信息咨询平台主要是为他们提供一些信息服务，预约和网上心理辅导平台主要针对有心理问题的未成年人，可能是学习问题，也可能是生活问题，如人际交往紧张、青春期问题等。投诉建议平台让他们就网页内容及其服务的质量提供意见和建议，对违背心理辅导原则的心理辅导者进行投诉等。
信息咨询平台主要是给未成年人、家长、老师提供一些必要的信息，如心理发展的内容、专家讲座、心理沙龙等信息的提供，或者他们对网页上不清楚的地方进行咨询。预约平台是家长或监护人与心理辅导者约定首次心理辅导的平台，这种预约是针对面对面心理辅导。网上心理辅导平台，是心理辅导者就未成年人的一些常见的心理发展方面的困惑进行答疑解惑的平台。〔2〕可以通过电子邮件、留言板以及一些在线〕要注意的是，这个平台仅对一般性的问题进行解答。如果发现有需要进行多次心理辅导者，则应建议其进行面对面心理辅导，如果面对面心理辅导遇上实际困难时，可在监护人签署知情同意书的情况下进行网上心理辅导。投诉建议平台上，未成年人、家长和老师可以就网页的内容提出建议，如中考、高考之前建议提供缓解考试焦虑方面的知识和方法，或者举办网上讲座。网站各板块的负责人应该及时查看建议并提供有价值的知识与信息。对投诉问题，网站的负责人应该进行核查，及时纠正不规范、错误的行为，并将结果告知投诉者，对于一些共同性的错误公开致歉并更正。
网站可以提供信息交流与传播的平台，在建立网站后，需要做好网页制作以及网站制作工作，要优化网站的主页，这样才能吸引更多的浏览者，才能做好网站的推广工作。文章对优化网页制作流程及提升网站制作效率的方式进行了介绍，只有做好优化设计工作，才能保证网站操作的方便性，才能使浏览者看到网站的优点以及用处。在当前信息时代中，网站的数量比较多，竞争也比较大，所以，网站的建设人员一定要提高自身技能水平，要不断的学习新的知识，提高工作的效率，这样才能保证网站制作的质量。
进入21世纪后，我国逐渐进入了互联网时代，互联网技术在人们的生活中越来越重要，网络的覆盖率也越来越高，应用互联网技术以及信息技术，可以获取全球的信息，可以实现信息的传输与传播，这有利于了解当前社会的发展形势，还可以使人们了解全球资讯，可以从多个渠道获取所需信息。网站是信息的聚集点，其可以提供多种服务，为了吸引更多的浏览者，设计人员需要做好网站的优化工作，要提高网站制作的技术水平，还要提高工作的效率，网站的建设者要优化制作流程，这样才能达到惠民的作用。网站建设还需要保证信息的全面性，通过用户调查的方式，可以了解到用户的需求，可以对网站进行人性化建设，要从用户的实际体验出发，对网页进行修改，保证操作的方便性。在制作网页与网站时，还要考虑用户群以及界面等因素，要全方面考虑影响网站制作质量的因素。建立网站，还要提高知名度，要做好宣传工作，最主要是还是保证网站制作的质量，这样可以增加浏览率，可以扩大网站的影响力，从而发挥出对信息的传播作用。
在优化网页的过程中，首先要确定客户群，要对客户信息进行及时的掌握，还要做好网页制作的策划工作，对网站项目进行优化设计，建立详细的网站制作方案，根据用户的需求，可以增加网站的功能，在制作的过程中，要遵循一定原则与规律，要根据相关标准对网站进行完善。确定网站主页的风格后，还要做好各个板块的风格统一工作，要以统一的设计思路对网页进行优化，网站建设者可以与客户进行协商，了解客户的需求以及要求，对网页制作进行改进，经过多方考虑后确定出一份完整的制作方案。
网页设计与策划是一项重要的工作，在对网页进行策划后，设计人员需要明确网页的总体风格，要对网页进行优化与完善，在设计的过程中，可以采用图纸的方式制作出草图，这样可以方便后期的优化。设计人员需要确定网页的宽度，要保证页面的充实感以及饱满感，有的网站网页宽度比较大，这种风格需要对页面的排版进行优化，不能使网页显得过于空洞，这会影响网站的美观性。
在制作网站时，要满足用户的需求，在制作的过程中，需要做好资料收集工作，客户提供的信息可以为材料收集提供线索，在收集的过程中，要收集相关资料，这包括图片以及文字等多种形式，利用互联网也可以获得更多全面的信息，通过收集一些有些的网页，可以为设计人员提供参考，在制作网页时，要突出网站的特点，利用图片或者网页的源代码，也可以获取更多的资料，可以扩展资料收集的渠道，有利于为网页制作提供充足的资料。
网站制作是对信息的集合，是对多个文件的集合，在集合的过程，会对文件资料进行整理与分类，通过分层与规划，可以制作出根目录，这有利于提高文件查找的效率，可以提供文件打开的统一途径，在设计根目录时，需要保证浏览的方便性，根目录对数据查找有着导向的作用，可以节能浏览者的搜索时间，在网站的主页上设置超级链接，可以进行目录或者页面的直接跳转。根目录设计需要确定高级类别，而且高级类别的数量不宜过多，在网站的主页上，不能设置过多的超级链接，否则会出现适得其反的效果。
在制作网页的过程中，要确定计算机网络语言，常见的语言形式有ASP、PHP以及JSP，而网站制作一般采用的是PHP+MYSQL或者ASP+ACC的数据库形式，所以，根据数据库的类型，需要合理选择网站语言。在确定计算机网络语言后，可以保证网页制作流程的规范性，可以提高网页制作的水平。
在网页制作完成后，需要做好测试工作，要保证网站的页面可以正常的跳转，还要保证网站可以在各个浏览器中打开。网页中一般有多个链接，在测试的过程中，需要保证这些链接可以正常使用，在发现异常现象后，要找出异常原因，并采用有效的措施进行维护，从而保证网页功能的正常发挥。
网页测试完成后，要对外网站，可以运用远程，也可以是本地，要注意语言的对应性。使用ASP语言，就需要对应ASP服务器，如果要上传到网络上，还可以运用远程FTP工具。
网站整体形象设计主要包括网站主题色彩、Logo标志、标准字体、图像、动态效果、图标等，另一方面，要具有统一的菜单、标题、底栏等版块。
要根据网站开发团队现有的资源，在网站规划设计之后，将这些设计任务分配到每一个团队成员手中，各团队成员之间要互相协作，以便发挥出团队的整体优势；而要避免因为分工不明确等问题造成团队成员之间任务重复或者任务缺漏，尽量做到1+1>
2，而不是1+1
在网站各个版块完成之后，要进行全面的测试，测试内容主要包括：速度、兼容性、交互性、程序健壮性、链接正确性、超流量测试等等。另外要对客户有可能使用的浏览器版本进行测试，随着移动端的发展，还要测试用户有可能使用的设备，尽可能考虑各种屏幕大小对网站内容的影响。在测试中发现的问题要进行相关分析研究，制定调整方案，只有这样才能让网站不断完善。
网站维护是网站建立后使其继续保持更新和完善的必要措施。网站内容的每一个细节上出现数据丢失都可能造成页面出现错误信息。因此，为确保网站健康运行，在建设网站之前，就需要考虑制作“网站副本”。这样可以大幅度减少网站错误的发生。在网站维护中，还要合理有序的存放不同类型的文件，比如为图片、网页分别新建文件夹，各自单独存放，或者根据不同栏目新建文件夹，这样可以有效提高维护和更改网站的效率。
网站的安全性是不可忽视的一个重要因素，要采用多种有效的防护手段，确保网站健康的运行。比如建立防火墙，对外界干扰或者破坏进行阻隔，防火墙有有助于保证网站运行的安全性。再比如，防止恶意病毒的入侵，有害JavaScript代码的网页注入，还要对不良广告采取拦截，只有这样才能保障客户访问网站的安全性，避免恶意程序对客户设备的损害和客户财产的损失。
网站与网页制作都具有较强的专业性，相关工作人员需要具有较强的技术水平，还要对网站的建设流程比较熟悉，根据网站的组织，要对文字、图像以及色彩进行优化，做好协调工作。主页也网站的门脸，也是传达信息的主要位置，在优化的过程中，要体现出网站的人性化设计理念，要从用户的角度出发，更好的满足用户的需求，考虑用户群因素以及界面因素对网站、网页制博鱼体育作的影响。（1）网页制作需要按部就班的进行，要保证每一页的质量，不能只重速度不重质量，一定要做好后期的维护工作。网页制作是一项基础而重要的工作，网页需要做好编排工作，还要做好色彩搭配工作，在对网页链接进行反复的核查，还要做好主页面与子页面的转换工作，在优化的过程中，需要利用相关模板，这有利于统一的网页的主题，有利于提高网页设计的效率，还可以制作出风格统一的网页与网站。（2）在网页中设计图片时，可以采用链接的方式，通过使用缩略图，可以节省页面的空间，可以缩小图片的大小，使浏览者可以看到更多的图片，这可以保证网站图片的充足性，可以扩充网站的容量。在制作图片时，缩略图不宜做的太小，这会影响观看的质量，会影响网站的浏览量以及好评度。（3）在制作网站与网页时，要选择好图片的格式，jpg与gif都是常见的格式类型，其中jpg的彩色分辨率比较高，而gif比较适合256色以内的图片。在选择图片时，其大小不宜超过30k，小图应尽量控制6k左右。（4）在网页中，还可以对个别图片进行加注解操作，这可以使浏览者更清楚的了解图片的实际意义，有的图片加载比较慢，所以，通过文字注解，可以使浏览者了解到图片是否对自己有用。
网站设计是一项专业性较强的工作，在设计的过程中，需要采用多种技术，设计人员需要做好资料收集工作，在设计的过程中，还要与客户进行沟通与协商。网站设计包括多个网页的制作，设计人员需要优化网页制作流程，这样有利于提高制作的效率。文章对网页、网站制作的流程进行了介绍，还对提高制作效率的措施进行了探讨，希望对相关设计人员提供一定帮助，在今后的工作中，不断的创新与改进方法，保证网站功能的正常发挥，还要美化网站的主页，这样才能吸引更多的浏览者。
[1]许雪松.优化制作流程，提高专题学习网站制作效率[J].中国教育信息化，2011（18）.
[2]仲兆秀.网页制作流程的分析与探讨[J].吉林广播电视大学学报， 2010（7）.
[3]周杰鸽.国内专题学习网站的研究现状与发展趋势[J].软件导刊（教育技术），2011（12）.
[4]高洋，张召霞.基于网络课程专题学习网站的设计与实现[J].科协论坛（下半月），2011（11）.
近年来，互联网走进千家万户，随着人们生活水平的日益提高，互联网已经成为人们日常生活、工作、学习中必不可少的一部分。互联网网页设计也成为人们越来越关注的一个方面。网页是互联网传播信息的主要途径，也是网络媒体的主要信息载体，网页的视觉效果直接决定网络营销的最终效果，因此，我们需要深入研究网页设计中的视觉传达。
在日常浏览网页的过程中，不同的网页风格能带给人们不同的视觉感受和心理感受，这些不同的感触多来自网页页面的视觉传达效果。为了使网页更有特色，并且更加吸引人们的眼球，网页设计者要深入了解人们的视觉心理特点，以此确定网页设计中各构成元素之间的关系。网页设计中的视觉规律反映了人们的视觉特征。笔者通过研究发现，不论网页受众群体以什么样的目的浏览网页，都会表现出一定的视觉规律。通常情况下，浏览者在水平方向上会首先浏览网页的上部，因此，网页的上部和中部是最佳浏览区域，这两个部分也是浏览者最先选择观看的地方。之后，浏览者的视线会向下移动，通常会以由左至右的方向进行浏览、阅读。由此可见，在网页设计中合理利用视觉流程和最佳浏览区域，设计出合理、流畅的视觉引导，可以有效提升网页信息传播的准确性和有效性。在网页设计中，网页设计者既要做到准确传达网页信息，又要合理利用人们的视觉和思维习惯，合理分布网页内容，使网页既美观又具有吸引力。
任何一种艺术形式都离不开对审美的追求，网页设计亦是如此。网页设计不仅要有效传达网页信息，还要注重利用自身的组织形式更加有效地吸引受众。网页设计中的审美是有一定的章法可循的，如变化与统一、条理与反复、对比与调和、均齐与平衡等，这就需要网页设计者从人们的审美需求着手，遵循人们的审美特点，制作出清晰、流畅、完整的网页页面，从而使受众在浏览网页的过程中获得愉悦的心理感受。
1.风格定位不同类型的网站传达不同种类的信息，有着不同的风格。因此，在做网站设计之前，网页设计者要先确定网站的整体风格，并且要做到风格与主题的统一。不同的企事业单位，不同的业务内容，对网站的风格有着不同的要求。如，娱乐类的网站整体风格应该偏向于活泼、生动；政府机关的网页风格偏向于庄重、严肃；等等。在风格和主题统一的页面中，文字、图片、动画等元素必须是统一的，否则看起来会不伦不类，让受众产生不舒服的浏览感受。因此，网页设计者需要具备良好的审美修养。2.版面排版排版在整个页面设计中起着整体把控的作用。网页的版式设计与平面媒体的版式设计有很多共通之处，同时，与书籍、杂志的版式设计又存在一些差异。书籍、报纸、杂志一般有固定的规格尺寸，工作人员根据篇幅和内容进行排版；网页则不同，它没有固定的尺寸，它的尺寸是由读者决定的，这就对网页设计者提出了更高的要求。这就需要网页设计者在确定网页的整体风格之后，根据现有的图片、文字等素材进行页面划分。其中，文字作为最原始、最有效的信息传递方式，在网页设计中是至关重要的。3.对色彩的运用人类的眼睛对色彩的敏感度高于对文字的敏感度。一个优秀的网页设计，它的色彩搭配一定是成功的。即便是一个缺少图片和文字的网站，如果它的色彩搭配较为优秀，同样会给受众带来深刻的印象和良好的浏览感受。一般来讲，一个网站的页面使用的颜色不宜超过三种，而且其中一种应为主色调，另外一种或两种颜色要与主色调合理搭配，遵循“总体协调，局部对比”的原则。这就要求网站页面的整体色彩和谐统一，同时在局部的色彩搭配上也要具有一定的对比度，以吸引受众的眼球。网页设计是一种新型的平面表现形式，它在具有平面设计特性的同时满足了人们的文化诉求。在互联网走进千家万户的时代背景下，网页设计显得尤为重要。当下，互联网是人们获取信息的重要渠道，这就要求网页设计者具有综合性的设计思维和较高的设计素质，从而有效满足受众的需求。
[1]（美）鲁道夫阿恩海姆.艺术与视知觉.孟沛欣，译.湖南美术出版社，2008.
