编辑网页基本元素
- 格式:ppt
- 大小:613.00 KB
- 文档页数:16
网页的基本构成-网页设计组成元素-基本结构介绍不同性质、不同类别的网站,其页面内容的安排是不同的。
一般网页的基本内容包括标题、网站LOGO、页眉、页脚、导航、主要内容等。
如果想具体了解网页的基本构成,那无妨接着往下看吧!1、网页标题网页标题是对一个网页的高度概括。
网站中的每一个页面都有一个标题,用来表示该页面的主要内容。
它的主要作用是引导访问者清楚地浏览网站的内容。
2、网站的LOGO在IT领域,LOGO意味着标志、标识。
它的主要用途是与其他网站链接,让其他网站链接到该标志和门户,代表一个网站或网站的某个部分。
LOGO的图形形式,特别是动态的LOGO,比文字形式的链接更引人注意。
为了促进互联网上的信息传播,一个统一的国际标准是必要的。
目前,关于网站的LOGO有三种规格:(1) 88×31像素,这是互联网上最常见的LOGO规格。
(2) 120×60像素,这种规格用于一般大小的LOGO。
(3) 120×90像素,这种规格用于大型LOGO。
3、网页页眉网页页眉是指页面顶部的部分,有些页面划分得比较显然,有些页面则没有明确的区分。
通常状况下,页头的〔制定〕风格与页面整体风格一致,富有变化的页眉与网站的标志LOGO具有相同的作用。
页眉的位置比较吸引人,大多数网站制在这里设置网站的目的、口号、广告语等。
4、网页页脚网页页脚位于页面底部,通常用来标注站点所属公司的名称、地址、网站版权、电子邮件地址等信息,使用户能够了解网站所有者的基本状况。
5、网页导航网页导航是指通过一定的技术手段,为访问者提供一定的网页浏览方式,使他们能够方便地获取所必须内容。
网页导航在每个网页中的位置是不同的。
网页导航的表现形式是网页上的栏目菜单设置、辅助菜单和其他在线帮助。
6、网页的主体内容主体内容是〔网页制定〕的元素。
它一般是二级链接内容的标题,或是内容。
4 域名是。
1.1.3 网页的基本组成元素网页是由多种元素组成的。
文本和图像是网页中最基本的元素,更是网页信息的主要载体,它们在网页中起着非常重要的作用。
而其他的很多元素(如超链接等)都是基于这两种基本元素而创建的。
从严格意义上讲,网页也是一种“软件”,其界面也是软件界面的一种。
然而,相比各种系统软件和应用软件,网页的界面又有一些不同的地方。
网页是由浏览器打开的文档,因此可以将其看作浏览器的一个组成部分。
以内容来划分,一般的网页界面包括网站Logo、Banner、导航栏、内容栏和版尾等部分。
1.LogoLogo(意译为标识、标志等)是整个网站对外唯一的标识和标志,是网站商标和品牌的图形表现,其制作要点如下。
● Logo的位置通常位于网页的左上角,也可根据需要将其置于其他任何位置,一般需保证Logo醒目,让浏览者能很快看到。
● Logo的内容通常包括特定的图形和文本,其具体内容应与开发网站的企业文化紧密结合,以体现网站的特色,图1-4所示为新浪网的Logo。
2.BannerBanner,中文意思为旗帜或网幅,是一种可以由文本、图像和动画相结合而成的网页栏目。
Banner的主要作用是显示网站的各种广告,包括网站自身产品的广告和与其他企业合作放置的广告。
其标准尺寸有468像素×60像素、392像素×60像素、234像素×60像素、125像素×125像素、120像素×90像素、120像素×60像素、88像素×31像素及120像素×240像素等。
其中,468像素×60像素和88像素×31像素的Banner使用最多,468像素×60像素的Banner文件大小应在15KB左右,而88像素×31像素的Banner文件大小最好在5KB左右。
除此之外,在一些特殊场合也可使用一些非标准尺寸的Banner,图1-5所示为当当网首页特卖活动横幅广告。
一、选择题1.构成网页的基本元素主要有文本、图片、水平线、( A )、表单、超链接及各种动态元素。
A.表格B.文件C.实物D.纸张2.静态网页主要是用HTML编写而成的,这种网页文档的扩展名为( C )。
A..txtB..exeC..htmlD..bmp3.在浏览网页时网页标题会出现在IE浏览器窗口的标题栏中,网页标题是由( D )标签定义的。
A.<html></html>B.<head></head>C.<body></body>D.<title></title>4.在Dreamweaver中如果打开“文件”面板,应该选择( C )中的“文件”命令。
A.“命令”菜单B.“编辑”菜单C.“窗口”菜单D.“修改”菜单5.在建立站点目录时以下说法正确的是( B )。
A.目录的层次不能太浅B.按文件的类型建立不同的子目录C.目录名尽量用中文D.可以将所有文件都放在站点根目录下6.在Dreamweaver中编辑好网页后如果想在浏览器中预览网页效果,可以按( D )键。
A.F5B.F6C.F10D.F127.在设计视图中制作网页时,如果要新建一个段落,应按( A )键。
A.EnterB.Alt+EnterC.Shift+EnterD.Ctrl+Enter8.在Dreamweaver CS6中可以直接制作( D )。
A.视频B.音频C.Flash动画D.以上都不对9.用户可以在Dreamweaver中创建电子邮件链接,具体方法是选中需要添加E-mail链接的对象,在“属性”面板的“链接”文本框中输入( A )。
A.mailto:abc@B.mail:***********C.mailto+abc@D.mail+abc@10.如果定义了一个名称为.text的样式表,那么这个样式表的“选择器类型”为( A )。
A.类B.标签C.复合内容D.以上3种任一类型11.外部CSS样式表文件的扩展名是( C )。
网页的基本构成元素有哪些?在设计网页时,我们应该组织页面的基本元素,同时配合一些特效,形成一个色彩丰富的网页。
网页由文本,图像和超链接组成。
内容是网站的灵魂,文本是网站灵魂的物质基础。
文本和图像是网站上使用最广泛的。
具有丰富内容的网站将不可避免地使用大量文本和图像,然后将超链接应用于文本和图像,以使这些文本和图像“生动”。
1.文本元素文本是网页的主体。
虽然flash和图形文本可以达到同样的效果,即使超出了纯文本的效果,Web文本的优点也无法替代。
因为纯文本的存储空间非常小。
但是,在页面上使用相同的字体会使页面过于僵化。
正确调整页面中文本的大小和颜色也可以提高页面的效果。
1)标题在网页或网站上的单独文章中,通常会有一个引人注目的标题。
告诉访问者网站的名称或文章的主题。
现在,许多网页设计师使用图像或Flash动画而不是文本标题。
2)文字大小正确调整文本大小可以使文本排列更加生动,并取得更好的效果。
3)段落具有不同段落和层次感的文章不仅可以使观众更好地阅读,还可以使页面看起来整洁优雅。
4)样式粗体,斜体和下划线是最基本的文本样式。
但是,在网页中不应使用下划线,这会使查看者将其误认为是超链接。
将一些字体样式添加到页面的适当位置将使页面更具装饰X。
5)字体颜色您还可以在页面上为字体添加颜色,以强调页面的焦点并使页面更加华丽。
但我们必须注意色彩搭配。
你不能在页面上使用太多的颜色,太华丽会引起观众的厌恶。
2,图像图像的视觉效果比单词的视觉效果强得多。
灵活应用图像可以在网页中起到修饰作用。
但不当使用会使网页变得混乱。
网页上的图像文本主要是JPG和GIF格式。
因为它们不仅具有柱高压缩比,而且还具有跨平台特X。
无论浏览器使用何种操作系统,它们都可以显示两张图片。
网页中有几种主要的图像应用形式。
1)图像标题通常,网页中应该有一个标题来提醒观众网站正在做什么,这在导航中起作用。
图像标题的应用可以使网页更加美观。
2)背景图像的另一个重要应用是作为网页的背景。
第一章1.构成网页的基本元素有哪些?在一个网页中,通常由文本、图像、超链接、表单等元素组成。
2.超级链接有哪几种形式?指向另一个网页或相同网页上的不同位置。
这个目的端通常是另一个网页,但也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者也可以是本页中的其他位置。
3.网页常见的布局方式有哪几种?“同”字型,弯角型,上中下型,框架型,整幅效果型。
第二章一、填空题1.F82.无标题文档3.属性面板4.管理站点二、选择题1. B2. D3. C4. D三、简答题1.如何建立一个本地站点?创建站点有两种方式:使用向导一步一步地进行设置,或者通过在“管理站点”中设置“高级”选项卡信息来创建。
无论哪种方式,都要事先在本地磁盘上建立一个用来存放站点的文件夹,这个文件夹就是本地站点的根目录。
2.已经发布的主页经过了修改,如何在远程服务器上更新你的主页?第三章一、填空题1.表格、层和框架2.单元格边框和单元格内容之间相距的距离3.<table>4.【Shift】,【Shift】5.在新的窗口中打开链接文档,并保留当前窗口6.【Alt】,框架内部二、选择题1.D 2.C 3.C 4.B 5.B三、简答题1.在Dreamweaver CS3中网页布局的方法有哪些?各有哪些优点?答:Dreamweaver CS3提供了三种基本的网页布局方法,即表格、层和框架。
表格是网页中非常重要的元素之一,使用表格不仅可以制作一般意义上的表格,还可以用于布局网页、设计页面分栏以及对文本或图像等元素进行定位等。
对于文本、图片等网页元素的位置为了可以以像素的方式控制,只有通过表格和层来实现,其中表格是最普遍和最好的一种以像素方式控制的方法。
表格之所以应用较多是因为表格可以实现网页元素的精确排版和定位。
层是一种网页元素定位技术,也是网页布局工具之一,使用层可以精确定位页面元素,层能够实现较多的功能,如层的重叠可将多个网页元素重叠在一起,实现一些特殊的效果;层可以放置在页面的任意位置,层中可以放置文本和图像等元素,层可以嵌套,层和表格可以相互转换,将层转换为表格后可以在不支持层的浏览器中进行正常浏览。
网页编辑词条网页网页概述网页(web page),是网站中的一「页」,通常是HTML格式(文件扩展名为.html或.htm 或.asp或.aspx或.php或.jsp等)。
网页通常用图像档来提供图画。
网页要使用网页浏览器来阅读。
网页是构成网站的基本元素,是承载各种网站应用的平台。
通俗的说,您的网站就是由网页组成的。
如果您只有域名和虚拟主机而没有制作任何网页的话,您的客户仍旧无法访问您的网站。
所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML 等工具制作的用於展示特定内容的相关网页的集合。
简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。
人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务什么是网页?现在在你眼前,出现在显示器上的这个“东西”,就是一个网页。
网页实际是一个文件,它存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。
网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。
构成网页的元素:文字与图片是构成一个网页的两个最基本的元素。
你可以简单的理解为:文字,就是网页的内容,图片,就是网页的美观。
除此之外,网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键,选择菜单中的“查看源文件”,就可以通过记事本看到网页的实际内容。
可以看到,网页实际上只是一个纯文本文件,它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片?网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
html文档的基本结构元素的功能。
HTML是一种用于创建网页的标记语言,它的基本结构包括<html>、<head>和<body>三个元素。
每个元素都有自己的功能,下面逐一介绍。
<html>元素是HTML文档的根元素,它包含了整个网页的内容。
它告诉浏览器这是一个HTML文档,其余的内容都是在它的库之下。
html元素通常呈现为一个文件的开始和结束标志。
<html>标记中的内容包括<head>和<body>。
<head>元素用于定义HTML文档的头部信息。
它通常包含一些在浏览器中不直接显示,但对于网页的信息很重要的元素。
例如<title>元素用于指定网页的标题,这个标题将显示在浏览器的标题栏中。
另外,<link>元素可以引入外部样式表,<script>元素可以插入JavaScript代码等。
头部元素的内容不会在浏览器中显示,但它们对网页的优化和功能扩展具有重要的作用。
<body>元素用于定义整个HTML文档的主体内容。
它包含了页面的可见内容,可以包括文本、图像、视频、链接等。
<body>元素中的内容将在浏览器中显示出来,是网页的主要呈现部分。
通过添加各种标签元素,可以组织信息、设置布局和样式,实现各种交互效果等。
例如,<h1>到<h6>元素用于定义标题,<p>元素用于定义段落,<img>元素用于插入图片,<a>元素用于创建链接等。
HTML的基本结构元素相互配合,共同构建了一个完整的网页。
<html>元素作为根元素提供了整个文档的框架;<head>元素定义了文档的头部信息;<body>元素则包含了文档的主要内容。
合理使用这些元素,我们可以创建出生动、全面、有指导意义的网页。