网页设计实用技术探讨

　　摘要21世纪，人类社会正由原子时代向数字时代过渡，计算机互联网络领域逐步形成。伴随着计算机互联网络的不断进步与发展，网页艺术设计也应运而生，网页是组成互联网的最基本要素，其在互联网中扮演着极其重要的角色。结合当前所处的时代和背景，获取相应的技术以及艺术经验，为达到相关的设计要求或者目的，网页设计者对网页的艺术构成要素进行深入的探究与思考，形成一场新的思维活动，并随着网络技术的发展而发展，成为设计艺术领域的重要组成部分之一。

　　关键词网页设计；Dreamweaver；photoshop；要素

　　中图分类号TP39文献标识码A文章编号1674-6708（2014）123-0224-02

　　1DREAMWEAVER和PHOTOSHOP的概述

　　1.1DREAMWEAVER的概述

　　1.1.1最佳的制作效率

　　Dreamweaver的优势旨能够以简单快捷的方式把Fireworks，FreeHand，或Photoshop等转存到网页上。通过检色吸管工具可以将荧幕上的颜色进行设定，并且使之同网页的安全色想接近。同时可以通过一个简洁的步骤可以将选单，快捷键与格式控制予以完成。同时Dremweaver的另一个优势就在于能够同PlaybackFlash，Shockwave和外挂模组等您所喜爱的工具相搭配，整个完成过程不用将Dremweaver退出也可以非常顺畅的完成。

　　1.1.2网站管理

　　通过对网站地图的充分运用可以对网站的雏形进行编辑，同时完成网站的设计以及更新重组工作。Dreamweaver通过自身强大的功能可以对网页的位置或者档案名称的链接进行更新。对于以往复杂的网站更新工作的快捷化实现可以采用援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能予以完成。

　　1.1.3无可比拟的控制能力

　　Drearweaver的功能非常强大，能够将RoundtripHTML、视觉化编辑与原始码编辑设计工具予以同步提供。其包含主流文字编辑器，例如HomeSite和BBEdit等。能够以超乎寻常的速度制作帧（frames）和表格。通过对进阶表格编辑功能的使用可以使选择功能更加简便快捷，可以进行连续选择或者单格、行、栏或作未连续之选取，同样对于表格群组可以进行排序或者格式化，另外Dreamweaver能够进行非常精确的定位，可以把可轻易转换成表格的图层通过拖拉置放的方式配置相应的版面工作。

　　1.1.4所供即所得

　　Dreamweaver的成功之处就在于整合动态式出版视觉编辑及电子商务功能方面，提供一些软件体，其中包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango，给予Third-party厂商提供超强的支援能力。如果采用用Dreamweaver对动态网页进行设计的时候，其自身所有的功能非常强大与快捷，能够采用无浏览器的方式对网页进行预览。

　　1.1.5梦幻样版和XML

　　Dreamweaver可以将内容以及设计形式进行比较明晰的划分，采用网页更新以及团队合作开展网页编辑工作。对网页的外观样版进行划分，设定出可以进行编辑或者不可以进行编辑的板块，添加内容的作者可以对以样式为主的内容进行直接编辑但却不会应为操作失误导致既定样式放生改变。可以对XML内容通过使用样版进行正确的汇入或者输出。经过Dreamweaver设计的网页可以通过任何浏览器进行打开。对于一些动态或者特效换图效果，例如cascadingstylesheets的动态HTML支援和鼠标换图效果，可以借助Netscape和Microsoft浏览器上执行。使用者可以借助相应的浏览器对不同的检视功能将详尽的成效报告描述出来。

　　DREAMWEAVER的优点：

　　尽管Macromedia的Dreamweaver具有可视化网页开发工具的生产力，但是对于HTML原代码的控制能力并没有下降，其所具有的RoundtripHTML功能能够在可视化界面与HTML原代码编辑器之间进行精确的切换。

　　对于跨浏览器的Dynamic、HTM阶层式样式表单、绝对坐标定位以及JavaScript的动画，Dreamweaver同样予以支持，网页的编辑难度进一步降低。RoundtripHTML能够对HTML原始代码进行完全控制，Macintosh与Windows版本的软体中均包含有著名的BBEdit与HomeSite编辑器。

　　如果其他编辑器产生的网页被开启的时候，那么既有的HTML格式会被保存起来。

　　对于DynamicHTML、直觉式时间轴界面以及JavaScrip行为库来说，他们可以摆脱对其他程序的以依赖，同样可以将HTML元件激活。

　　1.2PHOTOSHOP的概述

　　使用业界标准的AdobePhotoshop®；CS和AdobeImageReady®；CS软件更加快速地获取更好效果，同时为图形和Web设计、摄影及视频提供必不可少的新功能。

　　PHOTOSHOP的优点

　　重新定义生产率，使用一整套绘画、制图和润色分类工具创建原始图像或修改照片。快速预览、标记和排序图像；搜索和编辑元数据及关键字；以及从改进的文件浏览器自动共享成批文件。通过保存个性化的工作区和工具设置以及创建自定义的键盘快捷方式，以最适合您的方式工作。

　　由于可以使用历史调色板撤消或重新执行多个步骤，因此您可以尽情试验。从滤镜库浏览Photoshop滤镜，您可在滤镜库中预览堆栈效果。图形设计通过分类成组、颜色编码和锁定控制图层，在上百个图层上合成图像、文本和效果，从而达到非常复杂的效果。通过将同一文件内的不同图层组合另存为“图层组合”，更有效地为客户创建不同设计。通过将文本置于路径或图形内创建醒目的印刷格式。随时编辑文本，甚至可在AdobeIllustrator软件中编辑。

　　通过访问95个以上的特殊效果滤镜，轻松试验并获得另人惊叹的效果。借助新的“滤镜库”，一次预览并应用多个滤镜。

　　使用ImageReadyCS制作Web：

　　通过多对象选择、对象分组和智能指南，加快创建和修改网页设计的速度。享受更快捷、更无缝的Photoshop和ImageReady集成，并可自动保存文件和常见命令、工具及快捷方式。在导出为HTML表格前，分割复杂的分层图像，并对每一区域应用合适的格式和压缩设置。轻松导入数据库和电子表格信息，自动制作Web图形。使用ImageReadyCS创建SWF动画，并带有矢量艺术作品和可变文本。

　　2网页设计美学构成要素

　　2.1文字的编排与设计文字

　　文字是网页进行传达信息的主要方式和载体，这一元素发挥着不可或缺的作用，同时网页中的描述信息也是通过这一要素予以完成的，所以网页中的文字占据的面积非常的大，网页质量的好坏在很大程度上取决于文字表现水平。网页文字的功能旨在将各种信息清楚的传达出来，所以文字编辑效果应该给人清晰舒服的视觉感受。文字的编排必须同信息的内容性质相结合，不能彼此之间相互割裂或者冲突。例如，如果是类似政府的网页，文字格式应当庄重，规范，工整有序；公司的网页必须同自身的性质、理念或者产品的特点相吻合，编排设计效果应尽量将其凸显；个人主页则须同自身的性格以及信仰相匹配，给人以强烈的感染力量。在对网页字体进行编排的时候，字体格式不应该过于繁杂，那样会显得凌乱，一把情况下不能超过四种。

　　2.2图片的编排与设计图片

　　图片是一种引用到网络中的多媒体元素。网络可以将图片和文字结合起来成倍的向用户提供信息，同时也可以将页面进行美化的功能。通过图片的插入解决了单纯的文字的枯燥，使网页变得美观，有情趣。同样一个信息，加上图片的吸引力远远超过纯文字的吸引力。网络图片的分辨率要求并不是很高，一把情况下分辨率为72dpi是大多数图片最佳选择；同时，图片不宜过大。为适应信息高速公路的建设需求，图片文件应该新限制在某一范围内，这对于图片的下载提供了便利。

　　2.3地域本土化需求

　　在现今越来越多的设计为西方所感染。对于本土化的设计思路，设计师必须深思熟虑，形成独有的设计风格。而网页设计需要世界认同中国，从中国的国情、企业性质、受众所能接受的等方面入手，深化研究，使中国的网页设计摆脱国外的影响，汲取他人的长处，发挥自己的特点，使网页设计具有中国特色，具有强烈的民族性。

　　3人性化与绿色设计的需求

　　本世纪设计的主题就是人性化以及绿色设计风格，这种设计思想能够使当前人们的精神和心灵得到慰藉。任何设计都是紧紧地围绕着人这个主题，当然网页设计也必须遵循这一原则。在以往的一段时间设计的好坏衡量标准是刺激消费的美学观念，这造成资源浪费，环境破坏。要想走在网络设计的前前沿，网页设计必须紧跟时代步伐，满足人们的审美观念和需求。首先应当满足自身的实用功能；其次必须顺应当代的审美潮流。但是不能单纯的采用视觉刺激行为，导致视觉审美灾害。强烈的色彩以及呆板的图形效果必将会大打折扣。所以视觉上应当遵循绿色设计原则，有效预防视觉污染，确保视觉秩序良好的运行，将设计作品同人类进行很好地协调。作者： 刘春梅