网页制作要点.pptVIP

第七章 网 页 的 制 作 7.1 网页简介 网页是Web网上组织和管理信息的基本单位，各种大量的信息诸如文本、图形、声音、动画、视频等，均是网页的内容。 7.1.1 网页元素 在网页中可以包含菜单、按钮、列表框、图片、文字、动画、音频、视频、超链接、表格、窗体、框架等，这些都是组成网页的内容，称为网页的网页元素。其中，在表格、窗体、框架等元素中包含有其它基本元素，称为复合元素。制作网页就是将各种需要的网页元素插入到网页中，并对这些网页元素进行适当的格式、属性定义。 7.1.3 Web服务器 在WWW的成千上万台计算机中，其中为用户提供信息和服务的每一台计算机均称为Web服务器，或称为主机。每个 Web服务器均以一个URL格式的网站地址惟一标识,简称网址。 7.1.4 超级链接 在WWW中，文件或资源均以URL(Uniform Resource Locator，统一资源定位符)来唯一标识。URL可以理解为文件或资源的地址。 设置超级链接的本质就是为网页中的网页元素指定某一个文件或资源的URL地址。当鼠标指向某一个设置了超级链接的网页元素时，鼠标指针变成手形形状，点击之后，就直接跳转到相应的资源目标。这个资源目标可以是另一个Web页，也可以是一幅图片、一个多媒体文件、一个Microsoft Office文档、一个电子邮件地址或者一个程序等等。 超级链接有三种方式：书签式链接、内部链接、外部链接。 1. 书签式链接： 与同一网页中的其它位置链接起来，或与同一网络中其它网页中的某一位置链接起来。 2. 内部链接： 与同一网络或计算机中的其它网页链接起来。从而实现在同一网络中网页间的相互跳转。 3. 外部链接： 与不同网络或计算机中的网页链接起来。这样可以实现不同网络间的信息互访。 7.2 HTML语言简介 HTML(Hypertext Markup Language，超级文本标记语言)是一种创建Web网页的编程语言。HTML使用称为标记的特殊标记，这些标记表明了Web浏览器应该如何显示文本和图形等网页元素。由HTML语言编写的程序文件称为超文本文件，其扩展名为.htm或.html（UNIX环境）。超文本文件采用纯文本的形式。 超文本文件由Web浏览器（如IE5）解释并执行，在窗口中将实际效果显示出来。 7.2.1 HTML网页制作实例 制作步骤： 1. 打开Windows的记事本。 2. 在记事本中输入以上内容。 3. 将内容以文件的形式保存在磁盘的某个位置（如：C:\），文件的扩展名为.htm（index.htm）。 4. 启动IE浏览器，在地址栏中输入地址（C:\index.htm），查看网页效果。 7.2.2 HTML的基本元素 HTML文档一般包含三个元素：表头（Header）、主体（Body）、主题（Title），分别用相应的HTML标记来标识。以下介绍一些常用的HTML标记。 1.html和/html分别是Web页面的开始标记和结束标记?一个网页的全部内容必须包含在这两个标记当中? 2.head/head标记设置文档标题以及其它不在Web页上显示的信息，是HTML文件第一部分的开始? 3.title和/title作为主题标记，其间的内容将显示在IE浏览器的标题栏中? 4.body和/body是主体标记，其间的内容表示Web页面的实际内容? 5.p和/p是段落(Paragraph)的标记? 6.文档整体属性 body bgcolor=?设置背景颜色,使用颜色名或十六进制值? body background=name 设置背景图片? body text=?设置文本文字颜色,使用颜色名或十六进制值? body link=?设置超级链接文字的颜色，使用颜色名或十六进制值? body Vlink=?设置已访问过的超级链接文字的颜色，使用颜色名或十六进制值? body alink=?设置鼠标悬停于超级链接文字的颜色，使用颜色名或十六进制值? 7.文本标签 h1/h1创建最大的标题，在html中有六种标题，h1…h6，h1是最大的标题，h6是最小的标题? b/b创建黑体字? i/i创建斜体字? em/em强调标签，用于加重一个单词? font size=?/font设置字体大小，从1到7，缺省字号为3? font color=?/font设置字体的颜色，使用颜色名或十六进制值? 8.格式编排 p/p创建正文段落，中间存放所有的文字?图像和超级链接等，该标签可缺省/p? p align=?将段落按左?中?对齐? br插入一个回车换行符? 9.超级链接 a href