Dreamweaver网页的基本要素

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

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

  标题

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

  网站LOGO

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

  页眉

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

  主体内容

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

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

  页脚

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

  功能区

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

  导航区

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

  广告区

 

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

时间: 2024-08-31 01:45:38

Dreamweaver网页的基本要素的相关文章

制作网页的基本要素

在制作网页之前,我们首先应该了解在一个网页中需要哪些要素,今天小编就为大家介绍一下网页的组成要素. 网站的基本元素是网页,一个个的网页构成了一个完整的网站,网页也是可分的,构成网页的基本元素包括标题.网站LOGO.页眉.页脚.主体内容.功能区.导航区.广告栏等.这些元素在网页的位置安排,就是网页的整体布局. 标题 每个网页的最顶端都有一条信息,这条信息往往出现在浏览器的标题栏,而非网页中,但是这条信息也是网页布局中的一部分.这条信息是对这个网页中主要内容的提示,即标题. 网站LOGO LOGO是

dreamweaver网页表格教程

dreamweaver|教程|网页  在使用Dreamweaver制作主页的时候往往需要改变表格的高度.然而有时当我们拖动表格的边框,无论怎样拖动,等到放下鼠标,表格却又恢复到原来的样子. 出现这种情况的原因在于我们已经为表格提供了一个固定的高度,当我们要改变表格的高度,尤其是压缩表格的时候,表格的高度仍然保持原来的设定值,其直观表象就是无论你怎样拖动表格的边框,表格的高度都不会变化. 在这种情况下,我们只需要去除掉表格高度的设定,然后拖动表格的边框就可以了.那么应该如何去除表格的高度设置呢?

Dreamweaver网页制作教程:层及其应用

dreamweaver|教程|网页 层(Layer)是一种 HTML 页面元素,您可以将它定位在页面上的任意位置.层可以包含文本.图像或其它 HTML 文档.层的出现使网页从二维平面拓展到三维.可以使页面上元素进行重叠和复杂的布局.首先,请看下图: 我们首先来做一个层 1. 在「窗口」菜单>选"层",或点「插入」菜单>布局对象>选"层". 2. 在页面中显示一个层. 3. 通过周围的黑色调整柄拖动控制层的大小 4. 拖动层左上角的选择柄可以移动层的

Dreamweaver网页制作技巧十三招

dreamweaver|技巧|网页 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Sty

Dreamweaver网页制作技巧:使用模板

dreamweaver|技巧|模板|网页 随着Internet的普及,很多人已经不满足于仅仅上网冲浪,而希望深入地参与其中.现在,拥有自己的Web网站已经成为一种潮流.虽然制作一个简单的网页并不困难,但是制作出超凡脱俗的网站就不那么容易了,因此我们特意为大家准备了最新网站设计软件Dreamweaver MX 2004的系列教程,希望对大家有所帮助. 通常在一个网站中会有几十甚至几百个风格基本相似的页面,如果每次都重新设定网 页结构以及相同栏目下的导航条.各类图标就显得非常麻烦,不过我们可以借助D

Dreamweaver网页中实用的制作技巧

dreamweaver|技巧|网页 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Sty

Dreamweaver网页设计制作技巧与提高

dreamweaver|技巧|设计|网页|网页设计 1.灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同.比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素

Dreamweaver网页制作超级技巧36则

dreamweaver|技巧|网页 1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页 首先需要保证的是你的页面内容采用了表格的格式,然后打开你要编辑的页面,按"Ctrl+F6"或者菜单"View→TableView→Layout?View"转换到布局视图.这时可以看到单元格的列宽,在列宽数字的旁边还有一个小小的下拉式箭头,点击你要设定弹性显示的列上方的小箭头,接着选择"将列设为弹性显示"(Make Column Autostre

Dreamweaver网页制作教程:行为事件

dreamweaver|教程|网页 行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将 javascript 代码放置在文档中,以允许访问者与 Web 页进行交互,从而以多种方式更改页面动作或执行某些任务.行为是事件和由该事件触发的动作的组合. 下面我们来学习行为的用法.现在,举个例子加以说明.看下图,光标移到图片上面.在它的右侧即显示一段其它内容(动画).请您用鼠标测试,然后,我们来分析一下这个过程. 请您操作鼠标在花上移入移出 这是两个行为:行为一:移入+显示:行