网页设计主要学习什么
制作网页分为动态和静态,目前大多数网站采用静态网页,用php语言程序编写,数据库是mysql,有的采用第三方模板框架,开发比较方便,但是网页设计主要学习什么,下面小编说说。
网页设计的基础
制作网页首先要有一些美工基础(photoshop),因为制作网页是由图文、动画、视频等因素构成,构图框架显得尤为重要,基本框架设计的好,整体效果就会美观,吸引访客。
要学习html的css样式表,这是网页构成的关键,也是整体框架形成的支撑点,现在的网页都是利用css样式里的
标签,分成区块,在区块的基础上细分小版块(用class或id控制),在小版块里添加文字、图片、视频等等。
网页设计的软件
Microsoft FrontPage,是一款轻量级静态网页制作软件,特别适合新手开发静态网站的需要,目前该应用很少用于制作网页。Dreamweaver网页制作软件,该软件已成为专业级网页制作程序,支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言的语法着色显示,同时提供了模板套用功能,支持一键式生成网页框架功能。是初学者或专业级网站开发人员必备之选择工具。
Flash动画制作软件:动画或动态图片是网页的重要组成部分,充分合理的使用Flash程序来设计网页元素,往往可达到意想不到的效果。PS(Photoshop)图像处理软件:用于对网页图片进行润色或特殊效果处理,是一款网页制作必备之软件。
网页设计的基本语言
HTML——这种不是什么深奥的程序语言,它的简易程度是最低的,也是最基础的。而入手它,完全可以通过一个网站W3CSchool,把基础的代码还有知识结构记下。其实HTML就是对网页内容的分类。
CSS——层叠样式表的难度和HTML几乎可以持平,但是他能实现的效果就卓越的多了。DIV+CSS的布局是当今网页设计的主流。所以此处应该用心学习,建议是订购一两本相关的图书,在网上看的话,是无法深度专研的。初学者不推荐《CSS禅意花园》之类进阶著作(虽然网上有很多牛人在说必看必看的)。
网页背景设计技巧
颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。下面介绍网页背景设计技巧,希望为大家带来帮助。
1.颜色背景
颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景。
其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。
颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。
2.沙纹背景
沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。
初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。
读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。
3.条状背景
条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。
5.复合背景
如果你在练习上面的“照片背景”时“不小心”也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!
所以在设计时一定要遵循用户体验原则。这样才能够有效提升404页面设置的功效。