adobe dreamweaver教程网页的基本要素

老子不依

老子不依

2015-01-19 10:33

图老师dreamweaver达人又跟大家见面了,各种dreamweaver教程网页的基本要素都会每天发布,很多小技巧可以帮助我们解决很多问题,再也不要去花冤枉钱学习啦!

  在制作网页之前,我们首先应该了解在一个网页中需要哪些要素,今天小编就为大家介绍一下网页的组成要素。

  网站的基本元素是网页,一个个的网页构成了一个完整的网站,网页也是可分的,构成网页的基本元素包括标题、网站LOGO、页眉、页脚、主体内容、功能区、导航区、广告栏等。这些元素在网页的位置安排,就是网页的整体布局。

  标题

  每个网页的最顶端都有一条信息,这条信息往往出现在浏览器的标题栏,而非网页中,但是这条信息也是网页布局中的一部分。这条信息是对这个网页中主要内容的提示,即标题。

  网站LOGO

  LOGO是网站所有者对外宣传自身形象的工具。LOGO集中体现了这个网站的文化内涵和内容定位。可以说,LOGO是一个网站的最为吸引人、最容易被人记住的标志。LOGO在网站中的位置都比较醒目,目的是要使其突出,容易被人识别与记忆。在二级网页中,页眉位置一般都留给LOGO。另外,LOGO往往被设计成为一种可以回到首页的超链接。

  页眉

  网页的上端即是这个页面的页眉。页眉并不是在所有的网页中都有,一些特殊的网页就没有明确划分出页眉。页眉往往在一个页面中相当重要的位置,容易引起浏览者的注意,所以很多网站都会在页眉中设置宣传本网站的内容,如网站宗旨、网站LOGO等,也有一些网站将这个“黄金地段”作为广告位出租。

  主体内容

  主体内容是网页中的最重要的元素。主体内容并不完整,往往由下一级内容的标题、内容提要、内容摘编的超链接构成。主体内容借助超链接,可以利用一个页面,高度概括几个页面所表达的内容,而首页的主体内容甚至能在一个页面中高度概括整个网站的内容。

  主体内容一般均有图片和文档构成,现在的一些网站的主体内容中还加入了视频、音频等多媒体文件。由于人们的阅读习惯是由上至下、由左至右,所以主体内容的内容分布也是按照这个规律,依照重要到不重要的顺序安排内容,所以在主体内容中,左上方的内容是最重要的。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/dreamweaver/)

  页脚

  网页的最底端部分被称为页脚,页脚部分通常被用来介绍网站所有者的具体信息和联络方式,如名称、地址、联系方式、版权信息等。其中一些内容被做成标题式的超链接,引导浏览者进一步了解详细的内容。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/dreamweaver/)

  功能区

  功能区是网站主要功能的集中表现。一般位于网页的右上方或右侧边栏。功能区包括:电子邮件、信息发布、用户名注册、登陆网站等内容。有些网站使用了IP定位功能,定位浏览者所在地,然后可在功能区显示当地的天气、新闻等个性化信息。

  导航区

  如果说主体内容部分重要的话,导航区的重要性与其不相上下,甚至导航区的设计可以成为一种独立的设计,与网页布局设计分庭抗礼。之所以说导航区重要,是因为其所在位置左右着整个网页布局的设计。导航区一般分为4种位置,分别是左侧、右侧、顶部和底部。一般网站使用的导航区都是单一的,但是也有一些网站为了使网页更便于浏览者操作,增加可访问性,往往采用了多导航技术。

  广告区

  广告区是网站实现赢利或自我展示的区域。一般位于网页的页眉、右侧和底部。广告区内容以文字、图像、Flash动画为主。通过吸引浏览者点击链接的方式达成广告效果。广告区设置要达到明显、合理、引人注目,这对整个网站的布局很重要。

展开更多 50%)
分享

猜你喜欢

adobe dreamweaver教程网页的基本要素

Dreamweaver 电脑应用
adobe dreamweaver教程网页的基本要素

adobe dreamweaver教程静态网页

Dreamweaver 电脑应用
adobe dreamweaver教程静态网页

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

adobe dreamweaver教程动态网页

Dreamweaver 电脑应用
adobe dreamweaver教程动态网页

债券的基本要素有哪些

个人理财 理财方法 理财小知识
债券的基本要素有哪些

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

adobe dreamweaver教程保存预览网页

Dreamweaver 电脑应用
adobe dreamweaver教程保存预览网页

adobe dreamweaver教程网页安全色

Dreamweaver 电脑应用
adobe dreamweaver教程网页安全色

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

adobe dreamweaver教程相近色应用

adobe dreamweaver教程相近色应用

adobe dreamweaver教程动态网页

adobe dreamweaver教程动态网页
下拉加载更多内容 ↓