安徽师范大学计算机基础（公共课）课件第7章 网页制作基础.pptVIP

第七章 网页制作基础 7.1 网页制作的基本概念 7.2 用FrontPage 制作网页中的主要技术 7.3 站点的创建和发布 7.1 网页制作的基本概念 介绍网页、网站、超链接和网站制作的步骤等概念。 7.1.1 网页 7.1.2 网站 7.1.3 超链接 7.1.4 网站制作的步骤 7.1.1 网页 网页又称为页面或Web页，是网站的基本信息单位，是一种可以在www网上传输，并被浏览器认识和翻译成页面显示出来的HTML格式文件。 组成WWW的基本元素是网页。不同的网页通过超链接联系在一起，构成了WWW的纵横交织结构。WWW是由无数的Web服务器构成的，可以通过浏览器访问这些服务器上的网页 网页（续） 网页制作的概念 网页制作就是根据网页效果图，把它实现成浏览器中可以浏览的网页。FrontPage、Dreamweaver、GoLive等都是我们平常所知道的网页设计工具，但最知名和最常用的两套热门工具是微软公司的FrontPage和MacroMedia公司的Dreamweaver。 超文本标记语言HTML HTML的英文全名为HyperText Makeup Language，直译为超文本标记语言。它不是一种程序语言，而是一种描述文档结构的标记语言，它与操作系统平台的选择无关，只要有浏览器就可以运行HTML文档，显示网页内容。HTML语言使用了一些约定的标记，对 Web 页的内容、格式及 Web 页中的超连接进行描述，浏览器会自动根据这些标记，在屏幕上显示出相应的内容，而标记符号不会在屏幕上显示出来。 目前，较流行的浏览器有Netscape公司的Netscape Navigator和微软公司的Internel Explorer（即IE）。 HTML 文档本身是文本格式的，用任何一种文本编辑器都可以对它进行编辑。 超文本标记语言的标记 网页基本结构标记: HTML ……/HTML：是HTML文档中最基本的标记，不可缺少。HTML表示HTML文档的开始，/HTML表示HTML文档的结束。 HEAD……/HEAD：是网页标题标记，可以提高网页文档的可读性，向浏览器提供一个信息。它可以忽略，但一般不予忽略。 TITLE……/TITLE：是网页名称标记，是HEAD……/HEAD标记内不可缺少的标记。有HEAD……/HEAD标记就一定要有TITLE……/TITLE标记。 BODY……/BODY：是网页主题内容标记。其内包含了网页的全部内容，一般不可缺少。 BODY BGCOLOR=#RRGGBB：使用BODY标记中的BCOLOR属性，可以设置网页的背景颜色。 超文本标记语言的标记（续） IMG：是图像标记，用来加载GIF图像与动画。 SRC：是依附于其他标记的一个属性，依附于IMG标记时，用来导入GIF图像与动画。其格式如：IMG SRC=“GIF格式文件的目录与文件名”。 BR：是换行标记。表示以后的内容移到下一行。它是单向标记，没有/BR。 B……/B：是粗体标记。可使其中的文字变为粗体。 H1……/H1：是正文的第一级标题标记。还有第二、三、四、五、六级标题标记，分别为H2……/H2、H3……/H3、H4……/H4、H5……/H5和H6……/H6。级别越高，文字越小。 P……/P：是段落标记。它的作用是将其内的文字另起一段显示。段与段之间有一个空行。 超文本标记语言的举例 例如: html head title例1/title /head body p font size=4b第一行/b/font br ifont size=6第二行/font/i /p /body /html 7.1.2 网站 通常把一系列逻辑上可以视为一个整体的页面叫做网站，或者说，网站就是一个相互链接的网页集合，它们可以共享。网站的概念是相对的，大可以到“雅虎网”和“新浪网”这样的大网站，页面多得无法计数，而且位于多台服务器上；小可以到一些个人网站，可能只有几个网页，仅在一台服务器上占据很小的空间。 网页与网页之间的关系并不是完全相同的。主页是网站中的一个特殊网页，它是在WWW上进入网站的第一个网页，其中包含指向其他网页的超链接。通常主页的名称是固定的，例如叫做index.htm或 index.html等。 7.1.3 超链接 当使用浏览器上网时，移动鼠标到页面某一地方变成手形时，这个地方就是一个超链接。 超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。含有超链接的文字通常以蓝字底线显示。