网页设计与制作的具体流程

1、目 录TOC o 1-3 h z u HYPERLINK l _Toc293061231 摘要 PAGEREF _Toc293061231 h 2 HYPERLINK l _Toc293061232 关键词 PAGEREF _Toc293061232 h 22 HYPERLINK l _Toc293061233 Absttracct PAGEREF _Toc293061233 h 2 HYPERLINK l _Toc293061234 Key Worrds PAGEREF _Toc293061234 h 22 HYPERLINK l _Toc293061235 一、网页页设计的的原则 PAGE

2、REF _Toc293061235 h 33 HYPERLINK l _Toc293061236 （一）明明确网站站主题 PAGEREF _Toc293061236 h 33 HYPERLINK l _Toc293061237 （二）总总体设计计方案主主题鲜明明 PAGEREF _Toc293061237 h 3 HYPERLINK l _Toc293061238 （三）网网页设计计形式与与内容相相统一 PAGEREF _Toc293061238 h 33 HYPERLINK l _Toc293061239 二、网页页设计与与制作的的具体流流程 PAGEREF _Toc293061239 h

3、3 HYPERLINK l _Toc293061240 （一）网网站策划划 PAGEREF _Toc293061240 h 4 HYPERLINK l _Toc293061241 （二）网网页布局局版式设设计 PAGEREF _Toc293061241 h 5 HYPERLINK l _Toc293061242 （三）网网页色彩彩搭配 PAGEREF _Toc293061242 h 66 HYPERLINK l _Toc293061243 （四）网网站后台台设计 PAGEREF _Toc293061243 h 77 HYPERLINK l _Toc293061244 三、网页页制作工工具的学学

4、习与应用 PAGEREF _Toc293061244 h 8 HYPERLINK l _Toc293061245 （一）DDreaamweeaveer PAGEREF _Toc293061245 h 8 HYPERLINK l _Toc293061246 （二）FFlassh PAGEREF _Toc293061246 h 9 HYPERLINK l _Toc293061247 (三) Phootosshopp PAGEREF _Toc293061247 h 9 HYPERLINK l _Toc293061248 四、网页页优化 PAGEREF _Toc293061248 h 110 HYPE

5、RLINK l _Toc293061249 （一）网网页技术术优化 PAGEREF _Toc293061249 h 111 HYPERLINK l _Toc293061250 （二）人人文优化化 PAGEREF _Toc293061250 h 12 HYPERLINK l _Toc293061251 参考文献献13浅谈网页页的设计计与制作作学生姓名名：林永永俊 学学号：220077517710330美术学院院 美术术学专业业指导教师师：张睿睿 职称称：讲师师摘 要要：随着中中国互联联网的高高速发展展，相关关的网络络应用技技术将会会得到更更多的应应用，做做为互联联网信息息表述和和传递基基础载体体

6、的网页页也越来来越受到到人们的的关注。本文从从网页设设计的要要素、原则及及相关技技巧等对对网页设设计与制制作进行行了介绍绍和说明明。通过过对网页页的设计计与制作作的研究究,探求求符合时时代特色色的网页页制作原原理和行行之有效效的设计计方法,提高网网页的用户体体验和视视觉冲击击力,增增强网站站与网民民的互动动，促进进企业开开展电子子商务，信息平平台等基基础设施施，创造造更高的的经济效效益。关键词：网页设设计；网网页制作作；色彩彩搭配Absttracct: Witth tthe rappid devveloopmeent of Chiinas IInteerneet wweb apppliccat

7、iionss, rrelaatedd teechnnoloogy willl gget morre aappllicaatioons, ass Innterrnett innforrmattionn reepreesenntattionn annd ttrannsfeer oof wweb bassed carrrieer hhas beccomee thhe cconccernn off thhe ppubllic. Thhis artticlle ffromm thhe wweb pagge ddesiign eleemennts andd prrincciplles andd reela

8、tted skiillss onn weeb ddesiign andd prroduuctiion aree inntrooducced andd illlusstraatedd. TThrooughh thhe ddesiign andd maanuffactturee off weeb ppagee, wwhicch ccan acccordd wiith thee sppeciial agee weeb pprodducttionn prrincciplle aand efffecttivee deesiggn mmethhodss, iimprrovee weeb uuserr ex

9、xperriennce andd viisuaal iimpaact, ennhannce thee innterracttionn wiith Intternnet webbsitte, proomotte eenteerprrisee inn deevellopiing eleectrroniic ccommmercce, infformmatiion plaatfoorm andd ottherr innfraastrructturee, aand creeatee moore ecoonommic bennefiits. Key Worrds: web dessignn；web pag

10、ges；coloour collloccatiion一个成功功抓住用用户“眼眼球”并并最终带带来经济济效益的的网站首首先需要要一个优优秀的设设计，然然后加上上优秀的的制作。设计是是网站的的核心和和灵魂，是一个个感性思思考与理理性分析析相结合合的复杂杂的过程程，它的的方向取取决于设设计的任任务，它它的实现现依赖于于网页的的制作。把网页艺艺术设计计与其他他艺术设设计形式式进行比比较，尝尝试从网网页艺术术设计的的内容、原则、制作技技巧、制制作流程程等几个个方面对对这个新新的艺术术设计领领域进行行初步的的归纳总总结和理理论探讨讨，网页艺艺术设计计是艺术术与技术术的高度度统一。一、网页页设计的的原则（一

11、）明明确网站站主题优秀的网网页设计计必然服服务于网网站的主主题，就就是说要要建设一一个网站站，首先先需要定定位，既既要清楚楚建设网网站的目目的和面面向浏览览的对象象，只有有定位准准确的网网站才会会有可观观性和应应用性。因此我我们必须须明确设设计站点点的目的的和用户户需求，从而做做出切实实可行的的设计计计划。（二）总总体设计计方案主主题鲜明明在目标明明确的基基础上，完成网网站的构构思创意意即总体体设计方方案。对对网站的的整体风风格和特特色作出出定位，规划网网站的组组织结构构。做到到主题鲜鲜明突出出，要点点明确，以简单单明确的的语言和和画面体体现站点点的主题题；调动动一切手手段充分分表现网网站的个

12、个性和情情趣。（三）网网页设计计形式与与内容相相统一内容是构构成设计计的一切切内在要要素的总总和，是是设计存存在的基基础，被被称为“设计的的灵魂”；形式式是构成成内容诸诸要素的的内部结结构或内内容的外外部表现现方式。为了将将丰富的的意义和和多样的的形式组组织成统统一的页页面结构构，形式式语言必必须符合合页面的的内容，体现内内容的丰丰富含义义。灵活活运用对对比与调调和、对对称与平平衡、节节奏与韵韵律以及及留白等等手法，通过过空间、文字、图形之之间的相相互关系系建立整整体的均均衡状态态，产生生和谐的的美感。如对称称原则在在页面设设计中，它的均均衡有时时会使页页面显得得呆板，但如果果加入一一些富有有

13、动感的的文字、图案，或采用用夸张的的手法来来表现内内容往往往会达到到比较好好的效果果。 点点、线、面作为为视觉语语言中的的基本元元素，巧巧妙地互互相穿插插、互相相衬托、互相补补充构成成最佳的的页面效效果，充充分表达达完美的的设计意意境。一一个优秀秀的设计计必定是是形式对对内容的的完美表表现。正正如黑格格尔所说说：“工工艺的美美就不在在于要求求实用品品的外部部造型、色彩、纹样去去摹拟事事物，再再现现实实，而在在于使其其外部形形式传达达和表现现出一定定的情绪绪、气氛氛、格调调、风尚尚、趣味味，使物物质经由由象征变变成相似似于精神神生活的的有关环环境。”陈鹏，走出艺术哲学迷宫黑格尔美学笔记，文化艺术

14、出版社，2007年第7期，第201页。二、网页页设计与与制作的的具体流流程网页设计计是一个个综合性性极强的的工作，涉及到到商业策策划、平平面设计计、人机机界面、程序语语言和数数据库等等。网页设设计从总体上上可大致致分为策策划、前前台页面面设计和和后台三三部分，本文主主要从AAZE设设计工作作室的网网站实例例来论述述网页设设计与制制作的流流程。（一）网网站策划划策划是指指网站的的整体定定位、功功能规划划、应用用分析、流程设设计和内内容架构构组织，网站策策划是网网站平台台建设成成败的关关键内容容之一。网站策策划重点点阐述了了解决方方案能给给客户带带来什么么价值，以及通通过何种种方法去去实现这这种价

15、值值。在策策划的同同时要以以人为本本，迎合合网民需需求、找找到了市市场需求求的点，才能把把整体定定位策划划做到位位。对网网站内容容功能规规划，做做到让搜搜索引擎擎更多的的收录和和关注，网页打打开速度度更快。通过对AAZE设设计工作作室的分分析，主主要包涵涵动画设设计、网网站设计计、家装装设计、CG培培训四个个大栏目目，明确确了网站站定位后后来分析析相关行行业和市市场特点点。通过过对相关关行业和和市场的的分析，以及网网站内容容和功能能的分析析，规划划出本次建建设的网网站主要要内容如如下：1.进入入页fllashh Flassh 页页面的导导入网站站不仅生生动形象象，还会会给人印印象深刻刻的感觉觉

16、， fflassh 页页面以四四个版块块为基准准，主要要分动画画设计、网站建建设、墙墙体彩绘绘、设计计培训。点击任任意一个个可以直直接进入入每个小小站，具具有明确确的导航航性，设设置较醒醒目的进进入首页页按钮，通过点点击它就就可以进进入网站站首页。2.网站站首页网站首页页是整个个网站的的门户，简洁、大方、加载速速度快是是网站首首页的关关键要素素。网站站主要规规划的栏栏目内容容有：首首页、业业内新闻闻、动画画设计、网站建建设、家家装设计计、CGG培训、精品案案例、关关于我们们、服务务范围、联系我我们。3.新闻闻动态发发布系统统最新动态态栏目主主要用来来发布企企业新闻闻，公司司动态、最新消息息等。

17、通通过最新新动态栏栏目可使使客户对对公司最最新的发发展动态态、产品信信息、人人文文化化、最新新消息等等信息有有一个及及时的了了解。此此栏目，可让客客户在线线实时管管理、发布新新闻、删除新新闻、更改等等。4.企业业留言系系统企业留言言栏目在在设计方方面要美美观、大方、与网站站风格融融成一体体，更要要注重用用户体验验。网民民无需注注册，有有回复，通过相相互直接接的交流流，能够够为企业业找到潜潜在客户户，和一一些市场场信息。5.人才才招聘目前很多多企业都都利用公公司网站站平台发发布招聘聘信息。这样不不但可以以充分利利用现有有资源，而且相相比传统统的职业业服务中中心更具具有实时时性、互互动性等等优点。

18、（二）网网页布局局版式设设计logo公司公告、人才招聘、网站地图、论坛联系方式/收藏本站首页业内新闻动画设计网站建设墙体彩绘CG培训精品案例关于我们服务范围联系我们网站主幻灯片公司公告动画设计栏目最新资讯帮助中心网页设计栏目公司简介资源共享墙体手绘栏目友情链接CG培训栏目网页版权权信息图（1） AZZE设计计工作室室首页规规划图页面的整整体布局局则是网网页设计计的根基基。根据据现代网网页的发发展趋势势来看，简洁、直观、人性化化以及个个性化是是网站设设计的基基本要素素，所以以在做整整体布局局的时候候一定要要充分的的考虑到到这些要要素。网网页设计计作为一一种视觉觉语言，特别讲讲究编排排和布局局，通

19、过过文字图图形的空空间组合合编排，表表达出和和谐与美美。在AZEE网站首首页主要要版块设设计中，我采用用了“匡”字型布布局，给给主内容容区释放放了更多多空间，如图(1)（AZEE设计工工作室网网站首页页）所示示：页面面上部是是网页标标志和导导航条，接下来来是网页页主幻灯灯片，左左边栏目目放友情情链接和和网页的的一些小小栏目，中间是是网站的的四个核核心内容容栏目，右边栏栏目放新新闻更新新和公司司简介，网页底底部放版版权信息息。网页页内容作作为一种种版面，既要有有文字，又要有有图片；文字有有大小、标题和和正文之之分等网网页构成成画面的的对比，在网页页排版的的时候充充分考虑虑网站的的定位，突出表表现

20、网站站的主体体内容。AZEE设计工工作室网网站是个个多页面面站点，页面的的编排设设计要求求把页面面之间的的有机联联系反映映出来，特别要要处理好好页面之之间和页页面内的的秩序与与内容的的关系。为了达达到最佳佳的视觉觉表现效效果，设设计中应应利用各各组成部部分在内内容上的的内在联联系和表表现形式式上的相相互呼应应，并注注意整个个页面设设计风格格的一致致性，实实现视觉觉上和心心理上的的连贯，使整个个页面设设计的各各个部分分极为融融洽，布布局的合合理，让让浏览者者有一个个流畅的的视觉体体验。（三）网网页色彩彩搭配色彩是艺艺术表现现的要素素之一。在网页页设计中中，根据据和谐、均衡和和重点突突出的原原则，

21、将将不同的的色彩进进行组合合、搭配来来构成符符合审美美要求的的页面。根据色色彩对人人们心理理的影响响，合理理地加以以运用。不同的的颜色也也代表着着不同的的行业诉诉求。(例如：医院和和环保部部门会选选择绿色色，而公公共事业业机构则则会选择择蓝色等等)因此此在设计计之初要要充分考考虑该网网站的性性质及访访问对象象，以此此来确认认网页的的色彩搭搭配形式式。当主主题色确确定好以以后，考考虑其它它配色时时，一定定要考虑虑其它配配色与主主题色的的关系，要体现现什么样样的效果果。“色彩总总的应用用原则是是:总体体协调，局部对对比。网网页的整整体色彩彩效果应应该是和和谐的，只有局局部的、小范围围的地方方可以有

22、有一些强强烈色彩彩的对比比。”高永子、卢坚、潘星亮著，网页经典配色与设计手册，中国青年出版社，2006年第7期，第56页。在色彩彩的运用用上，可可以根据据主页内内容的需需要，分分别采用用不同的的主色调调。色彩彩还具有有明显的的心理感感觉，例例如冷、暖的感感觉，进进、退的的效果等等。另外外，色彩彩还有民民族性，各个民民族由于于环境、文化、传统等等因素的的影响，对于色色彩的喜喜好也存存在着较较大的差差异。充充分运用用色彩的的这些特特性，可可以使我我们的主主页具有有深刻的的艺术内内涵，从从而提升升网页的的文化品品位。AZE设设计工作作室网站站是一个个艺术设设计类型型的网站站，在色色彩运用用方面要要凸

23、显行行业特色色的同时时更要独独具特色色，通过过对网站站的策划划和内容容规划，网站主主要分四四个小站站分别表表现四个个设计行行业，在在把握好好每个小小站色彩彩整体性性又要有有所区别别，动画画设计页页用蓝紫紫色调，网站设设计页用用蓝色调调，墙体体手绘页页用黄绿绿色调，CG培培训页用用绿色调调，主页页采用灰灰色调把把四个小小站统一一起来。下面是网网站设计计中用到到的几种种调色方方案：单单色方案案、相似似色方案案、对比比色方案案。1.单色色方案单色方案案是指在在网站设设计中使使用一种种基本颜颜色，为为避免单单调，可可以通过过调整这这种基本本颜色的的灰度和和亮度来来得到更更多的颜颜色，由由于整个个颜色方

24、方案中事事实上只只有一种种基色，因此这这种方案案称为单单色方案案。例如如：在PPhottoshhop的的色彩选选择窗口口中，我我们可以以这样进进行建立立单色方方案。首首先调整整H（也也就是HHue的的缩写）后面的的值来调调整色调调。注意意，H的的单位是是度，也也就是基基本颜色色在颜色色环上所所处位置置的角度度。设置置好H的的值之后后，再调调整B后后面的数数字调整整亮度以以及S后后面的数数字调整整饱和度度。注意意，其中中B和SS的单位位是百分分比，也也就是向向基本颜颜色中添添加白色色和黑色色的百分分比。这这样就可可以得到到一个单单色方案案了。2.相似似色方案案在色彩圆圆环上选选择彼此此相邻的的几

25、种颜颜色构成成的配色色方案就就是相似似色方案案。例如如橙色、橙红色色以及橙橙黄色就就可以组组成一个个相似色色方案。由于相相似色方方案中包包含了多多种基色色，如果果再加上上亮度和和饱和度度的变化化，可以以构成的的颜色就就非常多多。 相相似色配配色方案案可以给给人非常常协调的的感觉，因此在在网站设设计中非非常常用用。典型型的运用用方法就就是，用用一种颜颜色作为为页面背背景，而而另外一一种在颜颜色环中中与其相相邻的颜颜色作为为前景色色。除了了上面介介绍的绿绿色和黄黄色之外外，蓝色色和绿色色以及红红色和褐褐色也是是比较常常用的相相似色配配色方案案。3.对比比色方案案对比色方方案即把把色性完完全相反反的

26、色彩彩搭配在在同一个个空间里里。例如如：红与与绿、黄黄与紫、橙与蓝蓝等。这这种色彩彩的搭配配，可以以产生强强烈的视视觉效果果，给人人亮丽、鲜艳、喜庆的的感觉。当然，对比色色调如果果用得不不好，会会适得其其反，产产生俗气气、刺眼眼的不良良效果。这就要要把握“大调和和，小对对比”这一个个重要原原则，即即总体的的色调应应该是统统一和谐谐的，局局部的地地方可以以有一些些小的强强烈对比比。 （四）网网站后台台设计后台是指指程序设设计、数数据操作作、功能能实现、管理界界面和管管理功能能设计等等。网站站后台设设计经常常被人们们所忽视视，好的的后台可可以提高高编辑的的使用效效率，同同时一些些好的设设计也能能减

27、少错错误的发发生，针对“后台用用户”这这一特殊殊群体提提供一些些可行的的体验优优化原则则。合理理的功能能设计和和友好设设计对于于效率和和差错率率均会有有非常大大的提高高，小小小的设计计可能会会起到非非凡的作作用。三、网页页制作工工具的学学习与应应用（一）DDreaamweeaveerDreaamweeaveer是美美国MAACROOMEDDIA公公司开发发的集网网页制作作和管理理网站于于一身的的所见即即所得网网页编辑辑器，它它是第一一套针对对专业网网页设计计师特别别发展的的视觉化化网页开开发工具具，利用用它可以以轻而易易举地制制作出跨跨越平台台限制和和跨越浏浏览器限限制的充充满动感感的网页页。

28、1.Drreammweaaverr的优点点最佳的的制作效效率 “Dreeamwweavver提提供了以以CSSS为基础础设计与与开发提提供支持持的革命命性功能能，CSSS将网网页要展展示的内内容与样样式设定定分开。”王娜著，Dreamweaver网页制作与色彩搭配全攻略，清华大学出版社，2006年第5期，第23页。当要改改变网页页外观时时，只需需更改样样式设定定的部分分，HTTML文文件本身身并不需需要更改改。这一一功能的的实现将将网页设设计提升升到新的的层次。网站管管理 使用网站站地图可可以快速速制作网网站雏形形、设计计、更新新和重组组网页。改变网网页位置置或档案案名称，Dreeamwwea

29、vver 会自动动更新所所有连结结。使用用支援文文字、HHTMLL码、HHTMLL属性标标签和一一般语法法的搜寻寻及置换换功能使使得复杂杂的网站站更新变变得迅速速又简单单。 2.Drreammweaaverr的缺点点难以精确确达到与与浏览器器完全一一致的显显示效果果。也就就是说在在所见即即所得网网页编辑辑器中制制作的网网页放到到浏览器器中是很很难完全全达到您您真正想想要的效效果，这这一点在在结构复复杂一些些的网页页（如分分帧结构构、动态态网页结结构）中中便可以以体现出出来。页面原始始代码的的难以控控制性，比如您您在所见见即所得得编辑器器中制作作一张表表格也要要几分钟钟，但您您要它完完全符合合您

30、要求求可能需需要几十十分钟，甚至更更多时间间。而相相比之下下，非所所见则所所得的网网页编辑辑器，就就不存在在这个问问题，因因为所有有的HTTML代代码 都都在您的的监控下下产生，但是由由于非所所见则所所得编辑辑器的先先天条件件就注定定了它的的工作低低效率。如何实实现两者者的完美美结合，则既产产生干净净、准确确的HTTML代代码，又又具备则则见则所所得的高高效率、直观性性，一直直是网页页设计师师梦想。（二）FFlassh1.Fllashh简介和和发展趋趋势Flassh也是是由maacroomeddia公公司推出出的交互互式矢量量图和 Webb 动画画的标准准，由AAdobbe公司司收购。网页设设

31、计者使使用 FFlassh 创创作出既既漂亮又又可改变变尺寸的的导航界界面以及及其他奇奇特的效效果。fflassh动画画的好坏坏是评估估一个网网站好坏坏的重要要影响因因素之一一，动感感绚丽的的flaash动动画，能能给网站站受众以以极大的的视觉冲冲击力。2.Fllashh的优点点Flassh的一一个很重重要的特特点是创创建的文文件体积积很小，Flaash是是完全基基于矢量量的动画画处理技技术，而而矢量图图形就是是用少量量的向量量数据来来描述一一个复杂杂的对象象，存储储时只占占很小的的空间，而且图图像的质质量也很很高。FFlassh使用用的是插插件的工工作方式式，用户户只要安安装一次次插件，以后

32、就就可以快快速启动动并观看看动画，而不必必像Jaava那那样，每每次都要要花费大大量的时时间启动动虚拟机机。Fllashh动画采采用的是是“流式式”的动动画播放放技术，用户不不必等到到动画下下载完全全再去欣欣赏动画画，而是是一边下下载一边边欣赏。 Fllashh功能还还是很广广泛的。使用内内置的AActiionSScriipt语语句结合合JavvaSccrippt，也也可以制制作出互互动性很很强的主主页来。3.网站站应用fflassh注意意事项插件，FFlassh动画画的播放放需要安安装Addodbb公司的的播放插插件。如如果客户户电脑上上没有便便不能播播放动画画，而且且Flaash播播放插件

33、件的版本本有很多多种，一一些低版版本的并并不能播播放采用用高版本本制作的的flaash动动画。全Flaash网网站，对于全全Flaash网网站在sseo方方面有很很多劣势势，因为为它全部部的内容容，结构构都在fflassh内部部，因此此，搜索索引擎会会全然不不知这个个网站是是什么内内容。现现在的搜搜索技术术并不能能识别到到Flaash里里面的文文本，图图片等信信息。因因此，在在百度、Goooglee等搜索索引擎中中无法识识别到FFlassh到底底在表达达什么信信息，影影响网站站的推广广。(三) Phootosshopp1.Phhotooshoop在网网页布局局中规划划的作用用布局灵灵活。PPh

34、ottoshhop的的灵魂是是图层，每层可可以放置置不同的的元素，图层之之间可以以相互链链接，也也可单独独存放，每个图图层上的的图像位位置可以以随意挪挪动而不不影响其其它图层层的图像像位置，每个图图层上的的图像大大小、色色阶、亮亮度、饱饱和度透透明度等等可单独独设置而而不影响响其它图图层上的的图像。如此灵灵活的功功能，完完全可以以让设计计者随心心所欲设设计而不不受任何何约束。修改方方便。网网站建设设前期首首先要与与客户签签定合同同，签定定合同时时客户最最关心的的是自己己的网站站是什么么样子，这时设设计者不不可能拿拿出建好好的网站站给客户户演示，这样成成本太高高，最好好的办法法是拿出出在Phho

35、tooshoop中做做出的效效果图给给客户看看。一般般情况下下，客户户一次满满意率非非常低，总会提提出修改改意见，而且还还会不断断地提出出修改方方案。这这时我们们就可以以利用PPhottoshhop的的强大功功能按客客户的要要求方便便地进行行修改和和优化，直到客客户满意意为止。加快浏浏览进度度。一个个设计不不美观不不规范的的网站是是没有生生命力，同样一一个打开开、下载载速度慢慢的网站站也是没没有存在在的价值值。使用用Phootosshopp设计的的网页经经过裁切切后体积积相对要要小得多多，相同同的元素素因为其其格式变变化也会会大大提提高下载载速度，因此PPhottoshhop就就成了提提高速度

36、度，提高高点击率率的制胜胜法宝。2.phhotooshoop与ddreaamweeaveer的配配合虽然效果果图是用用Phootosshopp设计的的，但一一定要兼兼顾到DDreaamweeaveer对页页面布局局的要求求，Drreammweaaverr下网页页布局是是使用国字形，还是其其他模式式，是否否使用框框架，使使用框架架的类型型是哪一一种，都都是在设设计前要要考虑到到的。否否则会造造成效果果图与最最后的网网站布局局出现出出入，使使网页的的设计过过程变得得复杂。正确切片片，只有有经过正正确切片片后，DDreaamWeeaveer才能能对效果果图进行行有效的的整合，Phootosshopp

37、在网页页布局中中的积极极作用才才发挥到到了极致致。四、网页页优化“在网页页设计中中，网页页的优化化是较为为重要的的一个环环节。”王晓峰、焦燕著，网页设计原理及实战策略，清华大学出版社，2009年第3期，第68页。它的成成功与否否会影响响页面的的浏览速速度和页页面的适适应性，影响观观者对网网站的印印象。而而网页的的优化工工作是由由很多方方面的优优化组成成的，一一名优秀秀的网页页优化工工作人员员必须具具备多方方面的知知识，不不仅仅要要掌握网网站设计计制作技技术；还还要掌握握很多计计算机其其他方面面的知识识(包括括电子商商务、人人机交互互、易用用性和一一些相关关的软件件知识等等等)；甚至需需要掌握握

38、心理学学、商业业运作等等相关知知识。我我在网页页制作优优化过程程中主要要有两个个方面：技术优优化，人人文优化化。（一）网网页技术术优化技术优化化主要是是对代码码优化、目录结结构优化化和针对对搜索引引擎的优优化三个个部分。1.代码码优化代码优化化主要解解决的问问题就是是页面浏浏览速度度和适应应性的问问题。文文字和图图片是构构成页面面的两个个主要因因素，所所以我们们的优化化也要从从文字和和图片开开始。在在一个网网站中文文字是页页面中准准确传达达信息的的元素，因此字字体的优优化显得得尤为重重要。使使用csss样式式表指定定文字的的样式是是必要的的，通常常我们将将字体指指定为宋宋体，大大小指定定12p

39、px，颜颜色要视视背景色色而定，原则上上以能看看清且与与整个页页面搭配配和谐为为准。在在白色的的背景上上，我们们一般使使用黑色色，这样样不易产产生视觉觉疲劳，能保证证浏览者者较长时时间地浏浏览网页页。图片是网网页中的的重要元元素。图图片的优优化可以以在保证证浏览质质量的前前提下将将其大小小降至最最低，这这样可以以成倍地地提高网网页的下下载速度度。利用用Phootosshopp可以将将图片切切成小块块，分别别进行优优化。输输出的格格式可以以为giif或jjpegg，要视视具体情情况而定定。一般般我们把把有较为为复杂颜颜色变化化的小块块优化为为jpeeg，而而把那种种只有单单纯色块块的卡通通画式的

40、的小块优优化为ggif，这是由由这两种种格式的的特点决决定的。DIV与与表格(tabble)是页面面中的重重要元素素,是页页面排版版的主要要手段。我们可可以设定定DIVV与表格格的宽度度、高度度、边框框、背景景色、对对齐方式式等参数数。很多多时候，我们将将表格的的边框设设为0，以此来来定位页页面中的的元素，或者借借此确定定页面中中各元素素的相对对位置。“浏览器器在读取取网页hhtmll原代码码时，是是读完整整个taablee才将它它显示出出来的,我们在在设计页页面表格格的时候候，应该该尽量避避免将所所有元素素嵌套在在一个表表格里，而且表表格嵌套套层次尽尽量要少少。”何秀芳著，网页制作与网站建设

41、课堂实录，人民邮电出版社，2009年第5期，第73页。因因此在网网页制作作过程中中可以采采用DIIV套表表格的方方式来减减少嵌套套，提高高网页的的浏览速速度。2.目录录结构优优化目录结构构优化主主要是对对网站文文件管理理，我建建议建立立一个大大文件夹夹，里边边包括各各个频道道的文件件夹、网网页页面面图片文文件夹、网页内内容图片片文件夹夹等等一一个一个个的单独独类别的的文件夹夹，使得得在维护护时候可可以方便便的找到到每一个个页面的的具体位位置，提提高工作作效率。3.针对对搜索引引擎的优优化搜索引擎擎优化是是完整的的优化工工作必不不可少的的一个步步骤。以以例举我我对网站站关键字字的优化化，“关关键字”的体现现要合理理，比如如我们可可以制作作一个“网站导导航”的的页面，网站导导航页面面会淋漓漓尽致的的体现各各个关键键字，这这个页面面不但方方便用户户使用也也会更容容易的被被搜索引引擎找到到起到事事半功倍倍的作用用。随着着搜索引引擎都有有了图片片搜索功功能，网网页里边边的图片片也是体体现关键键词的好好地