网页设计中计算机处置技术的运用.docVIP

网页设计中计算机处置技术的运用 1网页中插入图像 在设计网页时加入适当的图像，是网页设计者经常地操作步骤。Dreamwaver是网站设计三剑客之一，是制作网站较为常用的工具软件，在Dreamwa－ver文档窗口中添加图像的方法是： （1）考虑好在什么位置插入图像； （2）在菜单栏通过点击“插入”菜单栏中的“图像”按钮加入图像。 （3）在打开的对话框页面上点击“选择文件”对话框，在设置对话框相应位置设置参数项。 （4）设置完参数后再回到“插入图像”对话框界面，单击“确定”按钮。图像就被导入，图像的特性通过属性检查器设置，图像属性很多，用户需要关注的是源文件、替换和链接3项。 通过HTML的语言代码可以实现上述步骤同样的插入图像功能：熟练的设计者对代码特熟悉，使用代码插入更方便快捷。IMG标签是图像标签，写法是：imgsrc=“图片位置”图片的位置一般我们采用相对路径，这个标签比较特殊，它只有开始标签，不像其它标签都是成对出现的。 2网页设计中的2种特殊应用 （1）由鼠标移动触发图像变换处理：移动鼠标时，把鼠标焦点放到网页上的一个图片上，此刻显示了另一幅图片，当鼠标焦点离开这幅图片时，图片恢复为最先显示的图片，这2幅图片的切换通过加入到鼠标移动功能函数时就可以实现，前提是准备好要切换的2幅图片，而且图片大小一致，通常设计者使用Photoshop技术处理图像。 （2）在互联网上制作相册：博客通常使用好多的相册，这就是多幅图片在按照一定的设定条件进行有序切换，浏览者使用鼠标点击其中一幅图片时，通过点击小图，能马上将对应的大图调出，这里的实现原理就是事先将要显示的图片存放在指定文件夹中，在程序代码中设定定时或按其他方式来触发图片的切换。通常设计者使用Fireworks技术处理图像。 3图像处理在网页设计中的应用解析 3.1网页设计中使用图像的意义 （1）做设计网站的标志（LOGO）。任何网站的诞生都有其目的性，网页的LOGO是网站的点睛之笔，非常关键。我们一说到LOGO,马上就能想到一些在人们心中有认可度的品牌形象，这就是品牌的意义，LOGO有同样的功效。像SINA的LOGO,不用看到字就可以认出是新浪网。LOGO一般是经过设计师精心设计制作，艺术性和功能性并存的网站品牌形象，好的LOGO可以让人们喜闻乐见，如今优秀的LO－GO凭借其独特的文化理念、独特创新的艺术特色给浏览者以美的冲击，带给人们高度的享受和信赖。 （2）网页背景图。网页基本形式是背景烘托主题，背景都是有象征和内涵的图像，背景图像与网页文字互相映衬，烘托主题并从另一层面突出主题，如今没有图像的网页是不成功的网页设计，缺乏感染力。 （3）关键图。有些网页用醒目的图像来宣传该网站的主题，这些图像的目的是让浏览者看到图片就知道该网站的宣传内容，这种关键图像是整个页面最突出的内容，不用文字信息而是通过大图来把文字要阐述的内容映射到图像上，这种传达信息的方式更原始，更有感官冲击力，而且直观。 3.2网页图像处理的技巧 3.2.1图像的尺寸 图像的尺寸与网页设计目的相关，尺寸大的图像涵盖的内容丰富，能够更加细的传达图像信息，让浏览者注意图像中醒目的内容元素。尺寸小的图像简单，有个性，对于主题表达起到衬托的作用。网页设计中大小图像结合文字共同把设计主题展示出来，设计者根据设计需求分析网页设计的主标题和副标题，让主标题更突出，更惹眼，让附属图像与主图内容相得益彰，共同达到设计效果。 3.2.2图像的外形 图像设计向多元化方向发展，不同类型的图像都有各自的特色，我们看到圆形的图像时就觉得不呆板、亲切可人；而不规则的图像动态十足，有活力；方型图像则给人中规中矩的感觉。网页设计目的不同，对各种类型的网站需要多种形状的图像烘托。 （1）方形图像。方型是最常见的，也是我们生活中使用最多的形状。在一些严肃的网站比如政务网等官方，适宜利用方型的图像或主图像来传递给浏览者正规、严肃的信息内容。方型的稳重带给浏览者可信度高、理性的思考，能把整体网页的风格衬托出来。 （2）菱形图像。菱形是方型的灵动，没有方型的凝重、严肃，使网页的美感增加。 （3）圆形图像。圆形图像有柔和曲线，让浏览者产生充实的感觉，圆满的外型把自由和随意传递给浏览者。 （4）三角形图像。三角形图像在网页中能够把动感有个性的内涵阐释给浏览者，网页变得生命力十足。 （5）个性化图像。此类图像不是自然界的常规图型，经过创造者技术加工和个性化处理，把图像加工成自由灵活的创意图像，图像没有规则的形状，没有统一的配色，自然而又随性。图像与文字自然规整的结