网页设计需要学什么?
本内容只针对完全没有接触过网页制作的想学习网页制作的新手朋友。所以就以最简单的文字为网页设计需要学什么来举例,小编带你走一波。
明确网页概念
做静态网页是一切网站的基础。制作静态网页非常之简单,少看个电影就能入门了。而且很多童鞋很多时候其实就只需要几个静态网页。会集中火力讲解怎样学习静态网页的制作。做网站,这里指动态网页了,这个需要有高级程序语言的基础。
设计网页,就是指将网页画出来。这个属于美工的范畴,而不是程序。程序猿们还是先使劲学程序吧,你学的那点很难上得了厅堂。制作网页,就是指将美工画出来的网页做成静态网页。目前国内这个还是程序猿的活。但国外很多美工都能做出代码质量很高的静态网页。
网页布局
网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。
网页的基本语言
html脚本:组成网页的最基本的语言,很多人会说先学dreamweaver,你就听别人瞎说吧,dreamweaver是html的快捷编辑软件,用这个的确可以省事很多,但是如果你只会dreamweaver而不会html脚本,那么你永远只是初级入门,不可能提高。如果你熟练掌握html脚本语法,dreamweaver你根本没有必要去学习,计事本直接可以编写更简洁很高效的html代码。而且主流的div+css架构让你必须精通html脚本。(网站很多脚本,自己百度一下:html教程,下面几种脚本的教程也可以搜索到,建议不要看视频教程,一定要看文字的,边看边用计事本敲打代码然后保存为.html格式文件来打开看效果)。
css样式也就是层叠样式表,用来修饰html语言的,比如设置背景色,边框,字体,颜色等等。
网页设计的几大要素
网页作为一种版面,我们要用完美的格式将文字和图片同时展现给来访者,而不能将其简单地罗列在一起,给人一种杂乱无章之感。下面介绍网页设计的几大要素,希望可以帮助到大家。
在网站的网页设计中,主页是非常重要的页面,所以在此以主页为例简单谈一下在网页设计中关于版面设计的问题。从版面设计的角度出发,优秀的网页应包涵四个要素,即文字、图片、排列方式和主色调,这四者是相辅相成、缺一不可的。
(一)图片要素
图片并不适合于所有的网页,而是和网页的主要内容有关,像股票网站、医药网站等,来访者并不在意网页是否可以做出精美的图片,他们所关心的只是网站中的内容,如果加入大量的图片,来访者反而觉得过多的图片会影响访问的速度;而像游戏网站、风景名胜网站和影视介绍网站,则需要大量精美的图片作为依托。在这类网站中,图片是一个极其重要的要素,如果这类网站少了做工精美的图片,那么整个网站都会显得黯然失色。要做出精美漂亮的图片,就需要设计者熟练掌握图形图像设计软件,还要有一定的美术基础和创意技巧。
(二)排列方法要素
网页的排列方法也叫做网页布局,这是网页设计中尤为重要的一环。网页作为一种版面,既有文字又有图片,文字有大有小,有标题和正文之分,图片有横竖之别。我们要用完美的格式将文字和图片同时展现给来访者,而不能将其简单地罗列在一起,给人一种杂乱无章之感。关于网页布局,常见的有“国”字型、标题正文型、拐角型、左右框架型、上下框架型、综合框架型等多种方式,我们要根据网页的内容来进行选择。如网页内容丰富繁杂,就需要考虑用“国”字型或拐角型,而如果网页内容比较少则可以选择标题正文型。关于网页布局,我们要灵活多变地来进行设计,这样才能不断提高和丰富我们的网页。
(三)主色调要素
主色调要素也就是色彩要素,色彩在网页中占有很大的比重。我们在进行网页主页设计时,利用合理清新的色彩可以弥补主页上的其他不足。当然,在网页页面的色彩搭配选择上与网站的主题是分不开的,一个网站在色彩的选择上不能太多也不能太少,这样既可以避免浏览者因色彩过多而迷失方向,也不至于色彩单调而乏味。