在设计网页时加入适当的图像,是网页设计者经常地操作步骤 。Dreamwaver是网站设计三剑客之一,是制作网站较为常用的工具软件,在Dreamwa-ver文档窗口中添加图像的方法是:
(1)考虑好在什么位置插入图像;
(2)在菜单栏通过点击“插入”菜单栏中的“图像”按钮加入图像 。
(3)在打开的对话框页面上点击“选择文件”对话框,在设置对话框相应位置设置参数项 。
(4)设置完参数后再回到“插入图像”对话框界面,单击“确定”按钮 。图像就被导入,图像的特性通过属性检查器设置,图像属性很多,用户需要关注的是源文件、替换和链接3项 。
【网页设计中计算机处置技术如何有效运用?】通过HTML的语言代码可以实现上述步骤同样的插入图像功能:熟练的设计者对代码特熟悉,使用代码插入更方便快捷 。IMG标签是图像标签,写法是:<imgsrc=http://www.ljsggw.cn/office/“图片位置”>图片的位置一般我们采用相对路径,这个标签比较特殊,它只有开始标签,不像其它标签都是成对出现的 。
1网页设计中的2种特殊应用
(1)由鼠标移动触发图像变换处理:移动鼠标时,把鼠标焦点放到网页上的一个图片上,此刻显示了另一幅图片,当鼠标焦点离开这幅图片时,图片恢复为最先显示的图片,这2幅图片的切换通过加入到鼠标移动功能函数时就可以实现,前提是准备好要切换的2幅图片,而且图片大小一致,通常设计者使用Photoshop技术处理图像 。
(2)在互联网上制作相册:博客通常使用好多的相册,这就是多幅图片在按照一定的设定条件进行有序切换,浏览者使用鼠标点击其中一幅图片时,通过点击小图,能马上将对应的大图调出,这里的实现原理就是事先将要显示的图片存放在指定文件夹中,在程序代码中设定定时或按其他方式来触发图片的切换 。通常设计者使用Fireworks技术处理图像 。
2图像处理在网页设计中的应用解析
2.1网页设计中使用图像的意义
(1)做设计网站的标志(LOGO) 。任何网站的诞生都有其目的性,网页的LOGO是网站的点睛之笔,非常关键 。我们一说到LOGO,马上就能想到一些在人们心中有认可度的品牌形象,这就是品牌的意义,LOGO有同样的功效 。像SINA的LOGO,不用看到字就可以认出是新浪网 。LOGO一般是经过设计师精心设计制作,艺术性和功能性并存的网站品牌形象,好的LOGO可以让人们喜闻乐见,如今优秀的LO-GO凭借其独特的文化理念、独特创新的艺术特色给浏览者以美的冲击,带给人们高度的享受和信赖 。
(2)网页背景图 。网页基本形式是背景烘托主题,背景都是有象征和内涵的图像,背景图像与网页文字互相映衬,烘托主题并从另一层面突出主题,如今没有图像的网页是不成功的网页设计,缺乏感染力 。
(3)关键图 。有些网页用醒目的图像来宣传该网站的主题,这些图像的目的是让浏览者看到图片就知道该网站的宣传内容,这种关键图像是整个页面最突出的内容,不用文字信息而是通过大图来把文字要阐述的内容映射到图像上,这种传达信息的方式更原始,更有感官冲击力,而且直观 。
2.2网页图像处理的技巧
2.2.1图像的尺寸
图像的尺寸与网页设计目的相关,尺寸大的图像涵盖的内容丰富,能够更加细的传达图像信息,让浏览者注意图像中醒目的内容元素 。尺寸小的图像简单,有个性,对于主题表达起到衬托的作用 。网页设计中大小图像结合文字共同把设计主题展示出来,设计者根据设计需求分析网页设计的主标题和副标题,让主标题更突出,更惹眼,让附属图像与主图内容相得益彰,共同达到设计效果 。
推荐阅读
- 如何把握视差滚动网页设计?
- 如何把控网页设计中的艺术革新?
- 荣耀手机中将相机网格打开具体操作方法
- 网页设计中图像如何做到最佳处理
- 网页设计中视觉传播的必要性
- 色彩因素在网页设计有哪些影响
- 如何评价网页设计中的艺术展现
- 如何评价网页设计中的视觉艺术表达
- 动态图像在网页设计中应如何运用
- Flash动画在网页设计中的过程是怎样的