网页设计论文大全11篇

网页设计论文篇（1）

引言

格式塔一词来源于德文“Gestalt”的音译，本意指的是形式、形状、方式、实质。格式塔心理学是一种与艺术有缘的心理学理论，其主要目标是探讨视觉感知及其与学习、思维的关系，它所研究的出发点就是“形”，“形”是经由知觉活动组织成的经验中的整体，与视知觉活动密不可分。而网页界面设计是视觉传达设计向网络媒体的延伸，主要是通过浏览者的视觉感知来接受网站信息。因此，研究格式塔理论在网页界面设计中的运用，无疑对网页界面的设计具有很大的指导作用。

格式塔理论在网页界面设计中的应用

网页设计是将特定的视觉信息要素，根据主题表达的需求在特定的页面上进行的一种编辑和安排，其基础是视觉生理学和视觉心理学。格式塔心理学派通过对视觉感知的生理研究，提出了一系列视感知规律，其中包含了“图底”这个核心概念，和“简明原则”“接近原则”“相似原则”“闭合原则”等视感知特性，将这些规律引入页面设计，有助于我们优化视觉时代“形象过剩”状态下盲目的网页设计，提高信息传达的速度与准确度。

1.图与底

在人的知觉系统中最基本的一种知觉能力是在图形与背景间作出区分。“图”是居于前部的区域，“底”被看成是用来衬托图的背景。相对而言，图比底，轮廓较为完整、封闭，形状较为规则，面积比较小，色彩比较鲜艳；此外，更重要的是，能组织成为一定意义的区域倾向于被感觉成图。

由于图与底之间存在的这种相对性质，在网页设计中，应当明确区分图与底，主体与背景。另外,主体自身结构要清晰明了，背景不能过于复杂，这样才有利于浏览者辨别需要了解的信息。在背景的色彩搭配上应尽量选用同一色系的颜色，尽量避免同时使用色相环中相对的颜色，大面积同一颜色宜采用低对比度，避免用强烈刺激的颜色引起浏览者的视觉疲劳与厌烦情绪。格式塔理论的图－底规则不仅说明了主体从背景中分离出来的条件,而且指出了背景在一个格式塔中的重要作用。因此在网页设计中我们同样不能忽视背景的作用，图形是依赖于背景而存在的，要使主体感到存在，必然要有底将它衬托出来。因此无论在文字、色彩、图像，还是动画和视频方面都要坚持图底原则。

2.简明原则

格式塔心理学家认为，人们的知觉有一种“简化”倾向，所谓简化并非仅指一般意义上的“简单”，即物体中包含的成分少或成分之间的关系简单，而是一种将任何刺激以尽可能简单的机构组织起来的倾向。我们的眼睛只能接受少数几个不相关联的整体单位，如果一个格式塔中包括太多不相关的单位，眼睛就会试图将其简化，把各个单位加以组合，使之成为一个知觉上易于处理的整体，否则，整体形象将无法被正确感知，这种形象势必会被人们忽视，以至拒绝接受。

我们可以将这一观点延伸到网页界面设计中。首先，在网页界面结构的设计上，应避免使用过于复杂的网格结构，结构的设置应尽量简单明了，符合人的视觉流程，也符合人们对规则形的喜好，利于浏览者以最短的时间找到最需要的信息。

其次，在图像的选择上，应避免使用过于繁复杂乱的、容易分散浏览者注意力的图像，这样会增加浏览者找寻信息的难度。

再次，在进行文字编辑时，应该考虑编辑的最终效果。文字应给人以清晰的视觉印象，避免页面繁杂凌乱，减少不必要的装饰变化，使人易认、易懂、易读，不能为造型而编辑，忘记了文字本身是传达内容和表达信息的主体。在字体的选择上，虽然可供选择的字体很多，但同一页面上的字体种类最多只能有三四种，这样才不会显得花哨。字体的选择应依据段落大小和内容层次,由重到轻、由粗到细。字号的选择也应该依据内容层次由大到小，但到了节以下的层面，可以选用同一字号但用不同的字体加以区分。在文本密度方面，文本应该以短小的组块形式出现，并且应该经过编辑，以简化内容。3.接近原则和相似原则

接近原则和相似原则的本质上都是简化和整体化知觉对象的组织原则，与前面的简明原则类似，人们在倾向于简化认识对象的同时，也倾向于将近似、接近的元素组合起来作为一个整体加以认知。也就是说如果不同的文字或图形组成部分位置靠近，浏览者就比较容易看出它们是一起的。根据这一原理，对于页面上的任何元素，如果在功能或内容上是相同或相近的，就应在一定程度上保持相对较小的空间距离，做到“物以类聚”。比如，页面中用以解释图形或用以表明某一部分图形的文字就应当紧挨其所指的图形或部分图形。

相似的物体也很容易被认为是从属于一个系统，具有相似的功能。因而，需要通过将浏览者注意力集中于视觉范围内的关键概念，帮助他们获得信息。在网页界面设计中，可以通过强调、动画、对比色的使用或其他手段达到这一目的。假如一个图形中的组成部分都属于同一风格，这个图形就被视为一个整体。为了使浏览者重点关注图形中的特定部分，对这一部分可采用不同的颜色、动画、闪烁或其他区分方式。但是，如果一幅画面中区别过多，也会使浏览者难以注意需要获得的信息。因此，这些方法应该用于强调关键信息或图形的关键部分，而不宜用于大片信息。

4.闭合原则与网页界面设计

闭合原则是指一种完成某种完形的行动。这一规则表明，每一种视觉样式都可以被看成是一种陈述，对于模棱两可的视觉样式，人们会根据以往的经验按照不同的样式加以组织，这时不同的人会看到不同的东西。因此，在网页界面设计时,应当避免出现不完整的图形，以免使浏览者花费过多的时间去琢磨图形的含义，而不是从网页上获取信息。

闭合规则还表明,视觉形象被知觉的形式是首先作为一个统一的整体被知觉，然后再以部分的形式被知觉。因此，在进行网页界面设计时，要强调整体风格的统一，内容与形式的统一。

结语

将格式塔心理学引入网页界面设计，目的是希望网页设计向理性化的方向发展。随着网络的不断发展，浏览者对页面的要求也越来越高，但现在的页面设计大多还是从直觉出发，离科学的页面设计还有相当大的距离，因此要想达到科学的页面设计，就要在设计时遵照人类的认知规律，并且将这些规律正确地应用到设计实践中。而如何将格式塔理论与设计结合起来,仍是我们需要投入大量精力去研究与探讨的问题。

参考文献：

[1]曹方著.视觉传达设计原理，江苏美术出版社

网页设计论文篇（2）

2淘宝网页设计存在的问题及改进措施

淘宝网淘宝网是亚太地区较大的网络零售商圈，截止2010年12月31日，淘宝网注册会员超3.7亿人；2011年交易额为6100.8亿元，占中国网购市场80%的份额。比2010年增长66%。2012年11月11日，淘宝单日交易额191亿元。作为中国网上零售的领跑者，进一步提升客户体验，并促进中国电子商务的成长，成为淘宝网的重要任务。淘宝网网页色彩搭配比较和谐、重点突出、版面设计比较合理，能够让人有轻松愉悦的购物旅程，但是仍存在一些不足之处。

2．1色彩

①淘宝网页采用的主色调是：黑白桔———桔色标题栏，白底，蓝色字体。整体颜色搭配合理，但是色彩的亮度及饱和度不高，给人一种陈旧的感觉，在淘宝网站看东西，网页产品、产品介绍字样的色彩都比较暗淡，给人一种山寨的感觉，相比较而言，聚美优品的网页产品、产品介绍字样的色彩相对都比较明亮，给人清新认真的感觉，映衬出聚美优品不卖假产品的理念，然人们放心。改进方法与建议：增加网页图片的饱和度和亮度，是网页产品图片看起来更清新明亮，给顾客以美好的视觉感受。②产品介绍字迹的颜色变化：当鼠标选中一个产品文字介绍的时候，产品文字介绍就会变成橙色，这种颜色不够宣明，需要人们集中更大的精力去收集这些信息。其次，如图所示凸显在图片之上的方框文字介绍有画蛇添足的嫌疑。改进方法与建议：a看这些颜色较浅的文字时需呀注意力很集中，将产品的文字介绍黑色字体加粗颜色加深，使之涵盖的信息易于被客户吸收，减少因读取信息而产生的视觉疲劳；b当鼠标放在文字上时，字体颜色变为深红色，相应的图片放大呈现在原图片的上方。

2．2视觉

淘宝网页上推荐产品时一个页面排布密集，展示的产品过多，也达不到所要想达到的目的。造成视觉盲区。改进方法与建议：产品排列不要过于密集，根据最佳视域的原理横排不应展示超过5个产品。

2．3页面布局

淘宝网网页布局页面下方经常太过拥挤，动态图片过多，另一方面淘宝内容较多、页面过长、推荐较多，容易使用户产生烦闷情绪，失去浏览网页内容的耐心。切换页面有两个，上下两个让人“目不暇接”，抓不住图片内容，容易让人烦躁。此外，网页不分人群、性别盲目提送，让不少顾客感到厌烦，抱怨电商智商不高，例如作为一个男生，一般情况下，对女性美容美妆用品不感兴趣，因此淘宝账户推送给该产品很不高明。改进方法与建议：采取切换页面一个，在图片上方设置有文字提示选项，电商可以自动向顾客展示，顾客也可以自行选择要看的内容，就像商场里需要服务员的时候她在，不需要的时候她也不会缠着你一样，没有绑架的推荐更容易让顾客欣然接受，交易完成的几率也就比较大。分类页面采取横排更加清晰整洁，更符合人人因工程视觉搜索的要求，字迹得得大小更符合人因工程的要求。下方空白处的图画更人亲切感，不会那么的枯燥。

2．4logo淘宝的logo

孤零零的，没有什么创意，也没有体现企业的精神文化。提起一个企业最想让人想起的就是代表品牌的主体和企业文化的logo。所以在logo上，笔者认为可以加入更多的公司文化成分，而淘宝logo在上面做的不够好，如下图淘宝logo与京东logo、唯品会logo就可以看出。现对于淘宝，京东和唯品会在各自的logo上添加了自己企业文化的精髓，扩大了品牌在消费者中间的宣传，明确了企业产品的特色，抓住了消费者的第一印象。改进方法与建议：设计如下图1所示为改进的淘宝logo示例。

网页设计论文篇（3）

1.构图方面网页设计是由简单的构图开始的。不论如何巧妙的构思都要通过构图转变成视觉语言传递给受众。网页设计中不同的构图形式所表现出来的意味和给人的心理感受是不一样的。而构图在水墨画中也起着不容忽视的作用。为了营造具有独特韵味的艺术情景，水墨画非常注重构图的技巧，多采用散点透视，这种构图方式不受视觉范围的约束，更利于创作者将内容丰富化、生动化，更利于其在画作中表达自己的情感。将这点应用到网页设计当中，为网页设计的构图提供了更灵活的空间。水墨画讲究“计白当黑”，也就是在构图时会特意留出大小、主次、疏密程度不同的空白，给人留有想象的空间，做到虚实结合，这样不但可以增加作品的灵动感，还能够开阔艺术家的思想。网页中的界面设计也可以利用这一点，将图形、文字等与空白相互结合，形成虚实空间，使页面呈现高雅的视觉效果。

2.笔墨方面水墨画中的用笔用墨都是具有一定技巧的，历代画家所总结的笔墨技巧给水墨动画创作者带来了很好的启发，设计师可以将这一点充分应用到网页设计中。设计师将水墨动画中线条的独特表现力应用到网页设计中，将不同线条用笔的内涵表现得淋漓尽致，有效地传递了所要表达的信息。除了笔墨方面，水墨动画中色彩的搭配也是网页设计需要借鉴的重要技术。在网页的设计中，只有把设计理念注入色彩应用，才可以使设计具有生命。就像水墨动画中的色彩是由不同的颜色相互结合，产生细微变化所形成的颜色，是一种纯粹的美。其运用到网页设计中，可以使网页富有生命力。

3.意境方面水墨动画可以说是水墨画的连贯表现，它与水墨画一样讲究传神。气韵是评论画作好坏的标准，也就是画家在作画时想要表达的情感含义、精神状态。气韵应生动，所谓生动指的是所表现出的视觉效果具有生机勃勃的态势。这也是设计师在网页设计中不断追求的境界。在网页设计中，只要是页面上出现的图像，都要做到将信息精准地传递给用户，并能引起关注，给人留下深刻的印象。以上都是水墨动画的表现元素，这些表现元素如今都在网页设计中得到应用。相信经过不断摸索，网页设计师还会发现新的设计理念，并将我国的网页设计事业推向高峰。

网页设计论文篇（4）

众所周知，计算机网页设计课程具有很强的综合性和操作性等特点，若想制作效果良好的网页，需要具备文字版面处理、动画制作及图像处理等相关知识。设计计算机网页时，通常使用Flash、Firework和Dreamweaver三种网页设计软件。现阶段，很多技术学校依然采用传统的网页设计教学模式，即利用实践和理论的方式组织教学过程，具体地说，按照教学大纲要求，有针对性的对学生实施章节教学，若知识点不同，则会分两次进行理论和实验教学，这就导致学生无法灵活运用所学知识，一味的照搬课本内容，不会融会贯通和相互联系，以致无法培养学生的创新意识及能力。传统教学模式虽然同样重视实践教学，而其实际教学效果常常达不到预期目标，这主要是因为学生在熟练掌握网页制作技术及技巧的情况下，未能有效掌控网站、图片制作和内容排版编排的规划和布局造成的。

2、案例教学模式的内涵

所谓的案例教学模式，是指学生熟练掌握基础部分相关知识辨别、知识分析及知识理解的前提下，教师精心设计教学案例，进而为学生展示课程内容，同时，根据课程大纲和教学目标的教学内容和要求，指引学生通过教学案例的有效运用，分析、讨论相关知识，并以独立思考和团队合作有机结合的方式进行分析，促使学生进一步辨别和分析所学知识，进而提高其解决问题的能力。除此以外，教师还应重视培养学生的协调沟通能力、工作作风以及管理理念。

3、案例教学模式的特点

我们认为，案例教学方式的实施基础是实例，实际的案例教学过程中，教师往往利用形象、生动的教学案例，有效激发学生学习网页设计课程的兴趣，并在网页制作的学习中贯穿教学案例中的相关知识点，进而使学生在学好相关知识的基础上，不断提高自身的问题解决能力。教师在整个案例教学过程中，始终充当着激励者和设计者的重要角色，以促使学生积极参与案例讨论。

二、案例教学的具体实施方法

一般情况下，案例教学的教学方式多种多样、不断变化，因而只有高度重视各教学流程，才能有效实施案例教学，进而达到事半功倍的教学效果。我们认为，案例教学流程包括教学案例的设计、组织学生讨论教学案例、总结和实现教学案例三部分，具体实施过程为:

1、教学案例的设计

通常来讲，有效实施案例教学的前提和基础是设计教学案例，因而教师一定要按照教学规划和教学要求，充分准备授课内容，并讨论教学案例的相关理论和技能，同时还要分析案例教学过程中可能发生的问题。此外，设计教学案例时还应注意:第一，确保教学案例具有较强的实践性，即保证设计的教学案例符合教材及现实案例的相关要求，以便学生更好的理解;第二，确保教学案例具有较强的典型性，也就是说，教学案例可以涵盖大部分课程知识点;第三，确保教学案例具有较强的系统性，具体地说，设计的教学案例之间应具有前后贯穿的关系，并按照由易及难的顺序进行排列;第四，确保教学案例具有较强的针对性，这就要求教师根据学生实际的接收能力选择或设计教学案例。另外，学生还要在分析教学案例的基础上，不断思考和探索其实际应用，并有效、及时的促使教学案例理论知识逐渐转变为实践应用，进而实现理论结合实践的教学目标，同时不断拓宽学生的视野。例如，网页设计教学过程中，教师可让学生根据实际题目设计求职网站，因而学生需要结合网页制作的相关知识，根据实际情况，具体分析相关的求职素材，进而独立设计求职网站，这不仅激发了学生对理论知识的学习兴趣，还提高了其实践动手能力。

2、组织学生讨论教学案例

实际上，组织学生讨论教学案例的目的在于分析分体，进而提出合理、有效的办法和思路。每个学生实现同一教学案例方法以及分析结果各不相同，虽然部分学生能找到容易、简单的实现方法，却无法充分理解;部分学生虽然找到了容易理解的实现方法，其实现过程却非常复杂。所以，教师应有效指导学生果断删除不重要的案例细节，同时寻找教学案例的结构与理论知识之间的联系。此外，讨论教学案例的核心是学生和教师共同努力，进而将教学案例的理论知识和教学内容有机相连，这就要求教师充分发挥引导者的作用，并为学生创造自由、和谐的讨论氛围，同时让学生成为教学案例讨论的主角。一般来讲，案例教学模式着重强调教师教学过程中的交往情境，而学生在这一情境中，也能主动参与到学习及互动交流活动中，进而反复学习。与传统教学模式不同是，案例教学抛弃了教师为主的旧观念，将学生作为教学主体，且不强迫学生进行记忆，只要求其积极思考提出的相关问题，并反复训练，从而达到提高学生解决及分析问题的能力，最终实现培养学生积极动手能力的教育目标。例如，计算机网页设计案例教学中，教师应根据实际教学内容选择合理、有效的教学方式，如介绍网页制作工具时，由于学生对其比较陌生，因而教师可通过讨论案例实施教学活动。

3、总结和实现教学案例

学生结束教学案例讨论后，教师应恰当评价讨论结果，以便去除错误观点。同时，教师还要分析、讲解教学案例分析的相关技巧及知识技能，进而在学生通过计算机进行操作时，根据课堂讨论内容具体实现教学案例，以利于学生牢固掌握相关知识点。

三、案例教学在计算机网页设计教学中的具体应用

1、营造轻松、和谐的学习氛围

计算机网页设计的案例教学中，教师应注重为学生营造活跃、融洽的学习氛围，促使学生在心理上产生安全、自由的感觉，进而激发其敢做、敢说的勇气。此外，教师在计算机网页设计的案例教学中，始终扮演着指导者和组织者的重要角色。所以，学生要独自完成整个案例教学过程，且学生在这一过程中表现出的极大的积极性和主动性，直接影响着教学效果和教学质量。

2、提高教师素质，构建良好的师生关系

若想保证计算机网页设计案例教学顺利进行，需要教师具备知识渊博、经验丰富的特点，这也是教师为学生传递经验和知识的基本条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。

3、建立科学合理的知识体系，选择合适的教学案例

一般来讲，学生学习必备、认识事物和适应环境的基本条件是认知结构，且其学习过程是不断平衡同化和顺应机能的过程，也是不断构建认知结构的过程。因此，教师若在教学过程中引入相关背景知识和展示新知识点，都要密切结合教学大纲。此外，教师选择教学案例时，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时:为确定网页的主色调，应将背景图片插在第一层中;为给网页增添活力和生机，可将flas插在第二层中;将精美食品插在第三层中;为体现饮食文化，可在第四层中搭配相关歌曲;为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。

网页设计论文篇（5）

（2）网页设计技术不断地发展变化，新的技术、新的方法也不断涌现。从1997年Dreamweaver首次推出，经历Mx、Mx2004、到Dreamweaver8，现在普遍使用ADODBDreamweaverCs系列，我这学期使用的dreamweavercs4。网页布局也从传统的表格布局转换为Div布局。所以不论是从选择软件到选择网页设计的方法，都不能太落后。

（3）从目前网络公司行业来看，网页设计与后台代码分开日趋明显，所以并不一定要求学生设计与编程并重，毕竟对于中高职学生，编程相对较难理解。设计方面可以图文并茂，在一定程度上能够激发学生学习的兴趣。对教材的使用也必须同时考虑在内，有部分教材案例缺乏美感，计算机专业的学生对审美本身就很缺乏。对于学习初期的学生，可以引导学生多欣赏比较优秀的网页。早期可以模仿，不是美术专业毕业，这方面不是一下子能够改变过来，自己也是深有体会，只有在今后长期的锻炼、设计中寻找。

2教学方法

2.1课前准备在教学之前首先从网上下载优秀的网页截图给学生欣赏，然后制作一个非常简单的静态网页以激发学生学习的兴趣。有很多教材编辑的很全，从文字带后台编码。对于各种教材，并不一定要全部讲解。只需要讲解实际操作性的。例如从文字到布局。

2.2教学方法教学过程是教师与学生之间信息传递及反馈的过程。在学习过程中，要给学生明确的思路，运用任务驱动法、模块教学法、案例教学法和项目教学法等多种教学手段，引导学生主动思考，解决问题。不论是选用何种教学方法，最重要的一点是要贴合实际。以上几种教学方法并不一定对每个章节都适用，也不一定对每门课都适用，因人而异。总之，要贴合自己的实际，以及学生的素质、水平、层次等等。

2.2.1任务驱动法在教学过程中，以完成任务为导向，把教学内容贯穿于每个任务中，在完成任务的过程中，发现问题、解决问题。采用任务驱动的教学方法，任务设计是关键。比如说在网页设计教学中，文字、链接、图片章节都可以用任务驱动法，网页设计这门课本身就是易学易忘，所以在设计任务的时候，不断复习之前学习的内容，以此来加深和巩固之前所学习的知识。任务驱动评价中教师评价相对容易些，但是学生互评，现在还没有系统能达到这样的功能，有待于开发。

2.2.2模块教学法主要分为以下几个步骤：划分小组、确定内容、布置任务、学生实施、评价结果。现在不仅是网络公司还是其他企业等等，都是团队合作，讲究的是团结协作。网页设计公司现在也是，很多网站界面都实行模块化，每个人负责完成自己的任务。模块教学法就是有目标，有任务，有内容。目前中高职学生水平参差不齐，所以在分组的时候要特别讲究。每节的重点和难点一定要讲透，尽量慢，有的时候虽然讲过一遍，但是很少人能够理解体会。有时候需要在做的过程中加以辅导，不能放鸭式学习。模块化教学更适合用于网页设计最后的综合实例。例如完成网站首页，需要设定目标，分配每个成员的任务。但在实际运用中，相对较难完成。个人观点，模块化教学不适用于网页设计教学。

网页设计论文篇（6）

在网页界面的设计中，色彩不是单纯地选择就可以，还可以利用不同色彩的搭配，根据界面信息内容，以及网页本身的性质进行分配，使得各个元素可以实现统一的合理布局。色彩不是在独立范围内的应用，还需要和界面其他元素结合起来一起设计，利用色彩对网页进行方向引导和界面划分，达到标示，区分，限定和引导的效用，把复杂的元素和信息清楚地区分开来，给浏览者一种有序，清晰的视觉感。利用色彩进行网页界面布局的时候，同时要注意色彩本身与整个网页界面的一致性，保持界面上色彩的平衡。色彩本身要与内容相适应，同时还有与文字、位置、面积相互联系，最终使网页给人一种布局合理，内容丰富，阅读方便的视觉展示效果。

（二）宣传作用。

在竞争激烈的信息时代，能够及时传递出高效、高品质信息的企业，才能在社会中屹立不倒。在众多传媒中，网页的宣传正是在集合现代企业理念和设计理念的载体，以突出品牌形象，刻画企业个性，使浏览者有较深的认同感，达到宣传和促销的目的。企业统一的形象通过包装、标准色、标志、服饰、建筑等媒介来实现。其中标准色在网页宣传中起到了良好的作用，进一步加深了浏览者对企业理念和文化的记忆和认知。标准色是由企业标志色彩引申来的，通过色彩的象征性和本质表现传达企业独特的产品和文化理念，具有直观明显的视觉效果，可以引起大众的共鸣。所以网页色彩在企业整体设计系统中的应用是宣传企业商品和品牌形象的重要工具。

（三）审美作用。

网页界面设计的形式美主要由组合元素进行巧妙排版和合理搭配，并配以一定的动画效果等因素穿插构成的，形成视听的结合。在视觉系统中，色彩是主要的表达元素，合理地运用色彩能让网页界面设计和审美达到良好的效果。网页界面设计的色彩美学价值在于满足页面内容和形式的需求，高度体现时代美、版式美和装饰美，并投射浏览者的审美态度和生活情趣。所以网页界面的美观设计既是现代技术和艺术的结合，也是浏览者的心理诉求。

二、色彩在网页界面设计中的不同应用

在网页设计中，常用的色彩模式为RGB模式。RGB模式，主要有红、蓝、绿三种颜色，也被人们称为三原色。RGB中的R指红色，G指绿色，B指蓝色。通过对三原色的不同的调整，会配合出不同的色彩。在电脑显示器或者手机屏上，通常色彩的亮度是用RGB的值来衡量的，通过0-255的数字进行标示。R、G、B分为从0到255的不同的亮度，三种颜色可以组合出1678万种颜色。在网页界面设计中，同类色指的是差别在45度之内的颜色，同类色效果非常接近，从网页画面效果看，给人一种简单、协调、舒适的感觉。邻近色指的是相差在90度之内的颜色，邻近色的画面感中色调区别比较明显，搭配出来的效果不突兀，对比性不强烈，能很好的把情感的统一性表达出来。人们把距离135度的颜色称为对比色，对比色的对比感很强，色彩和色彩之间有明显的差别，给人一种充满差异化的感觉。可以将对比色用来对网页内不同区域进行区分，带给人们一种互动，活力的感觉。人们所说的互补色指的是把刚好在180度的两种颜色，互补色搭配出来的颜色对比效果非常强，比如黑白二色的太极，给人一种对比明显，神秘莫测的感觉，这种互补色的搭配有很强的视觉冲击力。在网页界面设计中要注意尽量少使用，就算使用也不可大面积使用，以免出现画面不和谐，不一致的现象。通常在我们设计网页界面的时候，要综合考虑网页的审美效果和实用效果，在搭配色彩的时候尽可能使用同类色或邻近色，这样在视觉上给人带来舒适的感觉，若使用纯度高的色彩容易给浏览者带来视觉疲劳的感觉。要学会调配色彩的饱和度和透明度，使整个网页界面看起来非常和谐。网页界面中应该使用具有清晰度和鲜明度的主颜色，方便引起浏览者的注意。配色主要用于衬托主色，支配色是网页界面风格的决定性色彩。在一般情况下，背景色会选取较为简单的颜色，如蓝色，淡绿色等，这样设计出来的界面会比较清晰。

三、网站制作实例分析

（一）学校类网页实例分析。

下面主要对中国科学技术大学学校网站进行学校类网页界面色彩分析，如下图所示。网页的整个色调显示蓝色，蓝色属于冷色调，在网页设计中的应用很广泛。蓝色象征着永恒、理智、博大和平静等。该网页使用蓝色调主要从三点考虑，第一，中国科学技术大学是一家以理工科为主的学校。蓝色象征着科技，所以在考虑搭配颜色时，色彩主要以蓝色为主，为了和CI识别系统保持一致，网站色调建议使用蓝色。第二，中国科学技术大学官网属于学校类网站，学校网站在架构上一般会突出气势，给人大手笔的感觉。很多学校网站在设计上有浓厚的特色情调，要和学校文化，形象相结合。该网站所运用的蓝色调较好体现了网站的特殊需求，背景运用了蓝天，绿树。片头色调较为简单，展现出学校可靠，沉着稳重的一面。学校网站同样需要带给人们可信任感，黑色代表着严谨和庄重。网站首页的字体基本上采用了黑色的渐变，从黑色到灰色再到白色的渐变使正画面不那么阴沉。黑白渐变反而使得页面在沉稳中又加强了感染力，此外在黑色背景上加上中国传统书法，体现了中国传统文化气息，渲染了该学校文化内涵。该网站作为学校官方网站，有明显的中国传统元素，包括图标和校名。网页设计配色结合了色彩的各种原理和用户色彩心理，设计师根据大致的风格再逐步进行探索。中国科学技术大学官网的设计整体朝气蓬勃，体现了一个现代学校的科研精神。

网页设计论文篇（7）

2常见网页设计安全缺陷及相关解决对策

一旦网页设计中的存在安全缺陷，就会使得网站的安全性能大大降低，制约着企业电子商务技术的发展。网页设计存在的安全缺陷主要有登陆验证缺陷、逃避验证缺陷、桌面数据库被下载的安全缺陷、文件上传存在的安全缺陷。

2.1登陆验证存在的安全问题用户在使用网站内部的信息时，一定要进行登录，所以用户要在该网站注册设置自己的用户名和登录密码。用户在网站上进行注册一方面方便企业对用户信息进行高效管理，开展相关的工作活动。另一方面，个人设置登录名和密码也利于个人信息的保密，维护自己的利益。提高网站安全性的方式很多，用户登录的验证和确认是其中的一种安全方式，只有确保网站的使用者都是合法的，才能进一步确保网站信息的安全。但是当前很多网站设计人员对用户登录的安全设置不够重视，忽视验证部分，没有考虑到登录验证的重要性，导致登录验证程序的稳定性偏低，从而使黑客等不法分子乘机入侵，威胁网站的安全，造成数据信息泄露，造成巨大的损失。这种登录安全缺陷主要是因为网站开发人员设计的验证程序不够严密，造成脚本语言编写程序在验证用户账号密码时出现问题。网站用户登录验证流程图如图1所示。用户在网站上登录，需要进行相关的验证，这时需要网站开发人员在数据库的user数据表中编写相关的程序，用户登录时，以username代表输入的账号，以password代表输入的登录密码。当用户输入用户名和密码时，系统会在数据库系统中进行搜索，如果用户的信息是正确的、合法的，就能搜索到相关信息，系统就会允许用户使用网站的相关信息，反之，如果登录信息是错误的、不合法的，用户就不能实现网站的访问。首先设定注册限制，不是所有人都可以在网站上进行注册，这样可以有效避免非法用户在网站上面注册，从而有效降低非法攻击的发生机率。然后，进行SQL登陆查询时，先设置用户信息过滤程序，过滤掉非法的用户和密码。最后，在验证用户时，先验证用户名，用户名合法再验证密码。这样就可以有效提高用户登录的安全性，解决当中存在的问题。

2.2逃避验证存在的安全问题如果用户知道网页的文件名或者是路径，就会出现逃避验证现象，使网站的安全性下降。一旦网页没有用户的登录限制，用户在网页中直接输入网页的文件名，不用进行登录验证，就可以读取网站内容，这对网站的安全是严重的威胁。所以，为了有效避免这个问题，需要网页设计人员加强网页信息的保密工作，提高网站信息的安全性。此外，对一些重要的网站内容加强用户身份验证限制，这样所有的用户在登录相关页面时，都必须进行身份验证工作，验证通过之后，才能使用里面的相关信息，这样会大大提高站点的数据安全性。

2.3桌面数据库被下载的安全漏洞桌面数据库被下载的安全漏洞主要是ASP+Access应用系统中的问题。通常情况下，用户都可以通过网站下载相关的信息，但是如果知道Access数据库名称及存储路径，就可以任意下载数据库中的信息，从而导致数据库中的机密信息泄露。比如，图书馆系统中的Access数据库其名称和存储路径一般为Library.mdb和URL/database。此时，只要在WEB浏览器的地址栏中键入URL/database/Library.mdb，就能将Library.mdb数据库下载到本地计算机中。所以，为了有效避免上述问题，在设计ASP程序时，数据源要尽量使用ODBC数据源，这样数据库名称就不会被直接写入程序中，避免出现ASP源代码和数据库名称一起失密的现象。此外，还要对页面进行加密处理，这样可以有效提高数据库系统信息的安全性，避免数据库内部资料被窃取。ASP页面的加密主要有两种方法：一是，应用组件技术将编程逻辑封装在DLL中；二是，应用ScriptEncoder加密ASP页面。通常情况下都会采取第二种方法对ASP页面进行加密，因为使用第一种方法对ASP页面进行加密时，需要将每段代码组件化，工作量特别大，并且操作十分繁琐。采用ScriptEncoder方法加密ASP页面时，其操作比较简单，编辑性强，具有以下四方面的优势：(1)HTML具有良好的可编辑性，使用ScriptEncoder加密ASP页面时，只需将ASP代码嵌入到HTML页面中，故仍可以使用常用网页编辑工具如Dreamweaver等实现HTML部分的完善，但是ASP加密部分不能任意更改，否则将会对文件造成破坏，导致其失效；(2)可以加密当前目录中的所有ASP文件，加密后并将其统一输出指定目录中；(3)应用ScriptEncoder加密ASP页面的操作十分简单。(4)criptEncoder加密软件是免费网件，可以从网站上直接下载，安装、注册验证即可。应用ScriptEncoder对代码加密，既简单方便，安全性又高。随着ScriptEncoder加密技术的广泛应用，DLL封装方法的使用越来越少，逐步被淘汰。

2.4文件上传存在的安全问题很多网站都具有文件上传功能，比如学习网站，教师上传一些学习资料等，但是网站的设计人员在设计网站时，没有设置过滤参数过滤功能，导致非法攻击人员利用这个漏洞上传一些恶意文件破坏网站的数据库系统或者是执行任意命令。为了解决这个问题，提高文件上传的安全性，应该在网站系统中添加判断程序，这样，系统在获得用户的文件上传请求之后，先对文件的安全性进行判别，符合文件上传的条件，才能完成上传操作，这样可以避免网站中上传一些非法文件，对系统造成破坏。

网页设计论文篇（8）

用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。

在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。

同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。我们单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮，双击index.htm图标，

看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气，同时也给了初学者一个良好的出发点。

那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。

现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，

你看，FRONTPAGE提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。

创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。

网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。

如果有一个图形，怎么把它放到网页上呢？

首先要看你的图形是什么格式的，也就是它扩展名是什么只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。

现在可我们看看怎么插入图形选择“插入”菜单的“图片”命令，单击“来自文件”按钮。

在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。如果要插入的图片不在主目录下,在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框,因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了

我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。

您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令，选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。

一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面1.htm”，单击“确定”按钮.在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。

如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“计算机软件”按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。

如果我要修改单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。文字就修改完成了。

怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。

字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。

字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了

工具栏上的B、I、U图标的作用是：

按下B按钮，被选中的文字就会变为粗体

按下I按钮，被选中的文字就会变为斜体

按下u按钮，被选中的文字就会带下画线

字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。

还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。

“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。

设计好的页面，应该检查它在浏览器中是否显示正常。

方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNETEXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。

那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNETEXPLORER5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。

怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？

在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。

先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。

那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。

这样我们就差不多完成了网页的制作步骤，最后可将它到Web服务器上。站点前还要对它进行检查工作，包括超链接，页面等。

【参考文献】

网页设计论文篇（9）

职业教育工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。

1.2课程实施

根据职业教育课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。

1.3课程评价

课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：

（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；

（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；

（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。

网页设计论文篇（10）

2动态网页设计的探索

2.1网页设计原则。

计算机动态网页设计主要目的是有效抓住用户的相关需求，进而能够给相关的企业带来最大的经济效益。因此在进行网页设计的过程中，需要遵循一定的设计原则：首先，网页的设计要有好的对比度，而且还要具有一致性，收到简洁明了的效果，表达出网站的主题内容。一致性主要表现在相关网页的风格与色彩的布局上。在对比度上，好的对比度主要体现在网站的内容上一定要有重点。只有做到这个原则才能够制作出非常优秀的网站。

2.2网站设计构思。

对于网页设计之前，首先，需要进行的工作是构思。对于设计者构思设计方案，首先要明确网站的主题内容，比如对于一个相关的论坛，可以有不同的主题，如以爱好、学习技术为主题，拟定了主题之后再确定网站的主要内容。其次，要确定网站上目录的链接，为了突出其重要性，要将目录放在最为突出的地方，还要协调其他内容，放在较为合理的位置。最后，对于动态网页最重要的就是要明确在网页上的主要图片，对于主要图片需要根据动态网页的主题来选择，而且要能够突出网站的主题。依次根据以上的三个步骤，其主要的风格基本得到确定，另外如果有特殊需要，可以进行一些相关的调整，增加或减少一些内容等。

2.3网站风格探讨。

对不用户来说，不难发现不同的页面能够看出有不同的风格。在版面的设计上，需要细致的观察到版面的和谐、美观以及最重要的实用性。另外，在传统设计的基础上，可以再进行一些个性化的创新设计。例如，在论坛网页的设计上，主要使用的是d型的架构，进而进行创新。这一设计融合了边框的设计，将一些左边框的内容加入到上边框上能够减少空间的使用，使得页面更加整洁、美观。对内容区进行规划时，使用到的是左右对称法则，而且还用到了共享边框技巧，从而都具有边框，有效统一网页风格。其中需要特别注意的是要在每一个栏目当中都要建立独立的文件目录，使用到的图片都要放在其下面的独立文件夹中。这样能够有效避免所有的文件都堆放在一起，也能够使网站的结构看起来更加清晰。对于首页的制作也是网站非常重要的工作，因为首页是一个网页的门户。第一，对于首页要求能够体现网站的相关主题，让用户更加清晰；第二，首要要有吸引力、美观，让用户有进行下一步游览的欲望。另外，为了能与用户进行有效的交流，可以在论坛的左栏设置投票系统，得到用户的直接反馈。

2.4网站管理方法。

虽然现阶段的网站涉及到的软件都越来越容易使用，尤其是目前各行各业都在提倡以人为本的服务，进行设计工作，这就促使要有一个非常好的网站应该很方便去管理。设计中需要体验用户的感觉，进而能够使得网络的管理者使用起来非常方便。另外，对于管理员要设置密码，只有这样才能保证网站的安全性，并且保证管理员具有对密码进行修改的权力。

3网站优化设计技巧

3.1表格设计技巧。

大部分的网站在进行页面设计时会用到表格，使用表格来实现布局，由于表格能够很好的实现较为复杂版面的设计工作，因此非常受欢迎。但是，也存在一定的缺点，也就是将大部分元素尽在图中呈现，在浏览器中有时会出现显示不全的现象。为了能够有效的缩短时间，需要将大的、整个的表格打散成许多较为独立的、小的表格来实现，另外，还需要注意的是对于意义不大的表格要进行删除，避免出现空间的浪费，否则这些表格会使网页的速度降低，带来许多不便。

3.2杜绝表格嵌套。

目前的动态网页设计过程中，设计者都倾心与使用表格嵌套的思路。因为使用表格嵌套能够进行网页版面设计，其好处是能够设计出非常具有创意的版面来，也就是这一点能够吸引着较多的设计人员，但是对于嵌套的层数越多的表格，对于浏览器来说，需要进行解释与显示的时间就会越长。所以建议在不放弃表格嵌套设计带来的优秀创意优势外，建议表格嵌套层数不超过三层，只有这样才能充分的利用表格嵌套设计版面的优势，还能够很好地避免由于过多嵌套带来的浏览器显示速度缓慢的问题。

3.3有效优化脚本运行。

有很多的网页设计者，为了能够便于所设计的网页，在进行下载前需要先启动脚本语言。然而，放置大量的脚本代码将会导致整个页面的下载或者是显示的速度变得更为缓慢。因此，为了能够有效的减少过量脚本代码在中带来的显示速度缓慢问题，需要将那些后来执行的脚本程序放到之前进行，还可以将其放到一个外部的文件中。到使用的时候，再进行一些调用工作。这能够在很大程度上由于网站设计的不合理，进行相关的优化工作，还可以通过采取一些简单的技术进而加快网站的下载速度。

网页设计论文篇（11）

二、计算机图像处理技术在当前的应用

伴随不断普及或者说是已经普及了的计算机图像，使得越来越多的非专业人士致力于探究与处理计算机图像。因此，要在一定程度上对图像处理技术加以改革，其中最为重要的就是针对一些图像处理软件的改革。为了方便越来越多的人都能对图像加以处理，也就使得一些操作简单的图像处理软件得到了发展。因而计算机图像处理技术在未来的发展方向必定是简洁化与简单化。众所周知，在对图片进行处理时，人们经常用到Photoshop这一软件，从一定程度上讲，这种软件对图像的处理有着十分重要的作用。通常来说，经过拍照得到的图片，其质量是不能进行二次加工的，但是在研发出计算机图像处理软件之后，实现了对图像的二次处理。利用Photoshop软件可以识别出图片的格式，并进一步的对色彩加以一定程度的控制，在该软件的使用过程中，可以对色彩或者是光线进行相应的操作，进而使图片的质量得到了提升。

三、计算机图像处理在网页技术的应用

1.图像尺寸的处理

在网站中对图像进行合理的布局是十分重要的，因此就一定要考虑到图像尺寸的问题，因为网页直观的效果会因图像的尺寸而受到之间的影响。对与尺寸大的图像，应当使其涵盖更加更加丰富的内容，将想要表达的内容精细的展现出来，使内容变得更加直观，使浏览者引起快速的注意；而尺寸较小的图像，应当具有一定的个性化，为网页进行更好的烘托。想要在网页中将各种大小不同的图像同文字进行结合，对网页进行展示，就需要我们合理的对网页的主标题与副标题加以配置，使主标题能够更加明显的突出表现出来，以至于更加吸引浏览者的眼球，使附属图同主图之间配合的相得益彰，实现更加完美的设计效果。

2.使图像成为网站的标志

对于任何形式的网站来说，都是因为一定的目的而成立的，网页中的点击率高低很大程度上取决于网站采用的网页LOGO，也就是说整个网页中能够起到关键性作用的就是网页LOGO。通常设计师都是根据企业的理念以及企业的本身来对LOGO进行精心的设计，在其设计过程中需要包含功能性以及艺术性，只有设计得当的LOGO才能令人有欢喜的感觉产生。当前优秀的LOGO设计都是设计师以企业本身具有的文化特色以及企业的产品为基础，再加上相应的艺术色彩表现来进行设计的，最终使浏览者在看到企业LOGO时产生一个美好的感受，进而对该网站产生相应的信任。

3.使图像成为网站的关键图

不难发现，我们在浏览网页时，总会看见各个网页都会利用一些引人注目的图像使浏览者的目光被深深的吸引，进而产生浏览网页的愿望。然而在网页中插入的图像不仅仅是为了使网页的浏览量得到提升，更是为了使浏览者通过看到的图像对网页内容加以了解。这样就使得这张图像成了统领全局的关键图，充分的将网页中的内容显示了出来。虽然不通过文字而是单单使用图像的形式显示出将要表达的内容属于以一种传统的宣传方式，但是还是会对人们产生一种强力的视觉冲击感，进而更加直观的将内容展示出来。