网页设计学习什么
小编不会教你怎样做美工怎样编码怎样制作表单怎样控制样式,只会告诉你网页设计学习什么,怎样从一个小白成长为一个高手。
网页设计的基础语言
html脚本:组成网页的最基本的语言,很多人会说先学dreamweaver,你就听别人瞎说吧,dreamweaver是html的快捷编辑软件,用这个的确可以省事很多,但是如果你只会dreamweaver而不会html脚本,那么你永远只是初级入门,不可能提高。如果你熟练掌握html脚本语法,dreamweaver你根本没有必要去学习,计事本直接可以编写更简洁很高效的html代码。而且主流的div+css架构让你必须精通html脚本。(网站很多脚本,自己百度一下:html教程,下面几种脚本的教程也可以搜索到,建议不要看视频教程,一定要看文字的,边看边用计事本敲打代码然后保存为。html格式文件来打开看效果)。
css样式也就是层叠样式表,用来修饰html语言的,比如设置背景色,边框,字体,颜色等等。
网页设计的常用脚本
javascript脚本:我们经常看到一些网站图片幻灯片,几张图片在轮流变换显示,或滚动显示,这些效果就必须借助javascript脚本来实现。
javascript是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
网页设计的进阶编程
学习一种动态编程语言,建议学习php或asp.net,asp就不要学习了,微软已经不更新了,至于学php还是asp.net,看你个人喜欢,你最好先百度一下php和asp.net的介绍,我本人是两种都接触过,不过最后主攻asp.net。相比其他知识,学习编程语言是最困难的,当然也不是想象那么难,起码我个人觉得比高中的几何,物理简单多了学习。
常用的数据库用法,如果你学php,那么你必须学习mysql的安装,建表,修改字段等。如果你学习asp.net,你必须学access和mssql的安装,建表,修改字段等等,学习数据库的操作是比较简单的。
网页背景设计技巧
颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。下面介绍网页背景设计技巧,希望为大家带来帮助。
1.颜色背景
颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景。
其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。
颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。
2.沙纹背景
沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。
初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。
读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。
3.条状背景
条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。
5.复合背景
如果你在练习上面的“照片背景”时“不小心”也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!
网页中背景纹理设计需要掌握的几点技巧
一、大胆尝试
纹理可以很微小,微小到无法用肉眼看到,但同时它也可以很大,所以设计师在进行网页可以大胆尝试,选择更大的纹理或图案,同样可以产生不错的效果。不过,需要注意的是,利用超大图案构成的纹理背景,前景应该有更重的元素,如:一定数量的文本,图片等相对较重的视觉内容,目的是为了让用户注意到并且分散注意力。另外,为保证这种超大的纹理图案不影响正常效果,最好注意分析用户习惯,且匹配整体的内容,弱页面的流量或转化率一旦下降,必定是因为用户没有获取到其中的信息。
二、用图片构建
提到用图片构建背景纹理,或许很多人心中第一想法就是那种精心制作的小图案,其实并非一定要是小图,有些细节丰富大图案同样可以作为背景纹理,它有助于增加视觉层次,提升网页整体的吸引力。不过,这种设计的诀窍在于,图片需要淡入到背景当中,如:Oxeva,它是通过两种方式做到融入背景的设计,设计师一方面让图片的明度降低,让用户能够看到景观的轮廓,然后又在前景叠加上了一个渐变色彩层,使得整个背景显得极为富有视觉表现力。
三、结合当前设计趋势
好的设计就应该紧随时代的发展,这样才能具有富有时代感的体验,背景纹理设计同样如此。当下,最流行的设计元素之一就是几何图形元素,将几何图形融入到背景当中,毫无疑问非常具有吸引力,如:Apacio这个网站,它采用深色的背景之上混合色彩鲜艳的几何图案,创建出富有深度且抓人眼球的视觉,而文字方面采用了简约的非衬线体,使得它们可以从黑色和绿色的背景中脱颖而出。
四、用渐变构建
“渐变”几乎成为时尚界的代名词,它可以在背景中替代纹理,也可以结合图片和其它元素使用。在网页设计中几乎所有的色彩组合都能创造出渐变的效果,所以想要借助渐变创造出视觉深度和纹理的体验并不难,如:Mobipad,这个网站在背景中使用了多个不同的渐变色来创造效果,合理的对比度控制使得前景的动画非常明显,深色的部分有着良好的可读性,让用户一目了然。
五、简单易懂
往往真正优秀的背景纹理,是不会轻易地被用户注意到的,因为它是一个几乎不可见的元素,有助于提高网页整体的可读性和可用性,提供足够的视觉深度。然而,大量的事实足以证明,提升设计可用性最佳的方式就是简单而低调的背景纹理,它通常有着小而紧密的重复的图案,可以是任何的颜色,而这个思路让背景纹理不是作为焦点而存在,而成了衬托其他元素的重要工具。
六、让背景动起来
细心的人应该发现,很多的网页背景纹理都是静态的设计,其实动态的背景和纹理展示效果也不错哦!为了避免喧宾夺主,动态的背景纹理应该是很微妙的,而关于配色方面,应该是柔和的,如:Latvian Alphabet网站。其实,想要更好的吸引用户眼球动态的背景是不错的选择,只不过,在使用方面一定要做到适度。
总之,在网页中恰当的使用背景纹理,能够增加整个网站在视觉上的深度和丰富度,虽然现在很多的设计依然倾向使用扁平风的背景,如:单色背景,但是合理的加入纹理能够让你的设计更加出彩。当然,在纹理的使用上,最主要还是要掌握诀窍,要让它足够微妙,不影响前景的内容,这样才有足够的可读性。