|
网站的前台是面向网站访问用户的,是网站浏览者打开网站看到的页面内容,例如产品信息、联系方式等。
|
|
|
|
|
|
“国”字形布局由“同”字形布局进化而来,因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告,页面中间主要放置网站的主要内容,最下部分一般放置网站的版权信息和联系方式等,如下图所示。
|
|
|
|
|
|
T形布局结构因与英文大写字母T相似而得名,其页面顶部一般放置网站的标志或Banner广告,下方左侧是导航栏菜单,下方右侧用于放置网页正文等主要内容,如下图所示。
|
|
|
|
|
|
标题正文型的布局结构一般用于显示文章页面、新闻页面和一些注册页面等,如下图所示。
|
|
|
|
|
|
左右框架型是一些大型论坛和企业经常使用的一种布局结构,其布局结构主要分为左右两侧的页面,左侧一般为导航栏链接,右侧则放置网站的主要内容,如下图所示。
|
|
|
|
|
|
上下框架型布局与左右框架型布局类似,区别仅在于它是一种上下分为两页的框架,如下图所示。
|
|
|
|
|
|
综合框架型布局是结合左右框架型布局和上下框架型布局的页面布局技术,如下图所示。
|
|
|
|
|
|
POP布局是一种颇具艺术感和时尚感的网页布局方式,页面设计通常以一张精美的海报画面为布局的主体,如下图所示。
|
|
|
|
|
|
Flash布局是指网页页面以一个或多个Flash作为页面主体的布局方式。在这种布局中,大部分甚至整个页面都是Flash,如下图所示。
|
|
|
|
|
|
. 平衡性。文字、图像等要素的空间占用要分布均匀。色彩的搭配要给人一种协调的感觉。
|
|
|
. 对称性。对称是一种美,生活中有许多事物都是对称的。但过度的对称就会给人带来呆板、死气沉沉的感觉,因此要适当地打破对称,制造一点变化。
|
|
|
. 对比性。让不同的形态、色彩等元素相互对比,以形成鲜明的视觉效果。例如黑白对比、圆形与方形对比等,它们往往能够创造出富有变化的效果。
|
|
|
. 疏密度。网页要做到疏密有度,即平常所说的“密不透风,疏可跑马”。不要整个网页一种样式,要适当进行留白,运用空格,改变行间距、字间距等,制造一些变化的效果。
|
|
|
. 比例。比例适当在布局中非常重要,虽然不一定都要做到黄金分割,但比例一定要协调。
|
|
|
|
|
不同的色彩影响着人们对网站的第一感觉,红色系象征着激烈、兴奋,灰色系象征着平淡和低调。因此,旅游和园林类型的网站使用绿色系比较多,蓝色则被誉为是企业色,很多企业和政府机关都偏爱使用沉稳而大方的蓝色。
|
|
|
一个网站不能单一地运用一种颜色,这会让人感觉单调、乏味;但也不能将所有的颜色都运用到网站中,让人感觉轻浮、花哨。一个网站必须有一种或两种主题色,既不至于让用户迷失方向,也不至于单调、乏味。
|
|
|
|
在选择网页色彩时,除了考虑网站本身的特点外,还要遵循一定的艺术规律。
|
|
|
|
|
. 色彩的艺术性:按照内容决定形式的原则,在考虑网站本身特点的同时,大胆进行艺术创新。
|
|
|
. 色彩搭配的合理性:色彩根据主题确定,不同的主题选用不同的色彩。
|
|
|
|
|
. 同种色彩搭配:首先选定一种色彩,然后调整其透明度和饱和度,从而产生新的色彩,这样的页面看起来色彩统一,具有层次感。
|
|
|
. 邻近色彩搭配:采用邻近色彩搭配可以使网页避免色彩杂乱。
|
|
|
. 对比色彩搭配:对比色可以突出重点,产生强烈的视觉效果。在设计时,通常以一种颜色为主色调,其对比色作为点缀,以起到画龙点睛的作用。
|
|
|
. 暖色色彩搭配:可以为网页营造出稳性、和谐和热情的氛围。
|
|
|
. 冷色色彩搭配:可以为网页营造出宁静、清凉和高雅的氛围。冷色与白色搭配会获得较好的视觉效果。
|
|
|
. 有主色的混合色彩搭配:以一种颜色为主要颜色,同色辅以其他色彩混合搭配,以形成缤纷而不杂乱的效果。
|
|
|
|
|
|
DW是集网页制作和管理网站于一身的“所见即所得”的网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持,设计师和程序员几乎可以在任何地方快速地进行网站建设。
|
|
|
Adobe Dreamweaver使用“所见即所得”的接口,同时具有HTML编辑的功能,借助经过简化的智能编码引擎,可以轻松地创建、编码和管理动态网站。访问代码提示即可快速了解HTML、CSS和其他Web标准,使用视觉辅助功能可以减少错误并提高网站开发速度。
|
|
|
|
简称PS,是由Adobe Systems开发和发行的图像处理软件。Adobe支持Windows操作系统、安卓系统与Mac OS系统,Linux操作系统的用户可以通过Wine运行Photoshop。
|
|
|
Photoshop的专长在于图像处理,而不是图形创作。图像处理是对已有的位图图像进行编辑、加工、处理以及运用一些特殊效果,其重点在于对图像的处理加工;图形创作软件是按照自己的构思创意使用矢量图形等设计图形。
|
|
|
平面设计是Photoshop应用得最为广泛的领域,影像创意是Photoshop的特长,在制作网页时,Photoshop是必不可少的网页图像处理软件。
|
|
|