制作网页的基本要素

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

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

  标题

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

  网站LOGO

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

  页眉

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

  主体内容

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

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

  页脚

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

  功能区

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

  导航区

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

  广告区

 

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

时间: 2024-11-16 18:15:35

制作网页的基本要素的相关文章

Dreamweaver网页的基本要素

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

网页图像处理的要素

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 制作网页离不开大量的图像处理操作.网页图像处理与用于打印.视频的图像处理有着很大的差异,Web设计者应该有针对性地掌握网页图像处理方法和技巧.通常情况下,应考虑以下几个要素. 1. 格式 由计算机产生的形式简单的图像(如标识.图标)首选PNG格式,而色彩丰富的照片则一定是JPEG.如果颜色不多且没有渐变,应当使用GIF格式. GIF是用得最多

简单谈一下制作网页时如何选择字体和字体大小

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 网站建设中的字体及字体大小的的选择直接影响着网站整体的视觉效果,在某种程度上也会对网站优化起到一定的作用,比如大号字体和黑体字在网页上显示 更加醒目,具有加强某些信息显示的效果,而搜索引擎也会捕捉到这些字体的大小,更重视这些大号字体和黑体字内的信息.虽然现在的字体种类非常多,但是可以供网站建设人员选择的字体还是比较少的,主要是因为网站建设要以

DreamWeaver巧用模板工具批量制作网页

一.建立模板 1.创建模板页面 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹--Templates来保存该模板.当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板:再单击Open Template按钮打开该模板,保存后自动存放于网站模板文件夹Templates中.新建.打开的

用DreamWeaver模板工具批量制作网页

 常见的网页制作工具如DreamWeaver中都有这项功能,使用模板就能减少大量的重复劳动. 一.建立模板 1.创建模板页面 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹--Templates来保存该模板.当然,也可以新建一个模板:Window→Templates,会出现的Templates面板,单击右下角的New Template按钮,输入文件名,就建立了一个空模板:再单击Open T

用Dreamweaver 定义模板批量制作网页

  做网站,麻烦在更新和改版,特别是大规模更新,如果不是用cms系统,手工工作量非常大. 告诉你个秘密吧,其实只要用好模板工具,就能很好地"批发"网页.常见的网页制作工具如DreamWeaver中都有这项功能,使用模板就能减少大量的重复劳动. 一.建立模板 1.创建模板页面 最简单的办法是将一个网页另存为模板文件,通过执行命令:File→Save as Template,DreamWeaver会在网站根目录中建立一个模板文件夹--Templates来保存该模板. 当然,也可以新建一个模

Dreamweaver批量制作网页

dreamweaver|网页    做网站,麻烦在于更新,特别是大规模更新,工作量非常大.真不知那些创意不断而又勤奋的"站长"隔三岔五就将网站来个"大换血"是怎么忙过来的?告诉你吧,他们大多都是在"批发"网页,并且你的机器中也有这样的"批发站"呢!别吃惊,这个好东东就是--模板.常见的网页制作工具:FrontPage.Dreamweaver中都有这项功能.比如用Dreamweaver制作网页时,使用模板就能减少大量的重复劳动.

如何学习DIV CSS制作网页

我接触的很多人都问,如何学习Web标准制作网页呢?我想每一个刚刚接触web标准的人都会问这样的问题,我就根据自己的经验总结. 1.不要一味使用DW等工具设计网页,去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了,没有对xhtml代码没有一定的了解是无法通过校检的.DW工具也可以使用,但是要看着代码写网页了. 首先是xhtml代码,不是很多,知道他们如何使用,怎么正确书写,而且要记得封闭tag.如<img/><br/>.建议看看一些html参考手册,毕竟xhtm

DIV CSS网页代码学习:2个小时学会CSS制作网页

文章简介:2个小时学会CSS制作网页. 第一步:规划网站,本教程将以图示为例构建网站 1.规划网站,本教程将以下图为例构建网站. 其基本布局见下图: 主要由五个部分构成: 1.Main Navigation 导航条,具有按钮特效. Width: 760px Height: 50px 2.Header 网站头部图标,包含网站的logo和站名. Width: 760px Height: 150px 3.Content 网站的主要内容. Width: 480px Height: Changes dep