第七章网络应用制作技术.pptVIP

第七章 网络应用制作 7.1网页制作的预备知识 7.1.1 网页、网站、主页的基本概念 网页：在浏览器主窗口中通过超链接看到的每一个多媒体画面称为一个网页，网页一般情况下是多媒体信息的集合，并带有一个和多个超链接，它是组成网站的最小单元。 网站：www是分布在因特网上的实体WWW服务器组成，每个服务器上有一个或多个网站，也可能一个网站占有多个服务器。 主页：每个网站都有一个起始页，也就是客户访问网站的第一页，称之为主页。一般主页名称为：index.htm。 7.2 制作网站的基本步骤 设计网站 收集制作素材 编辑网页并建立相应的超链接 将制作好的网页存放在WWW服务器上。 7.3 HTML 介绍与基本结构 HTML是超文本标记语言(HYPER TEXT MARKUP LANGUAGE)的缩写，产生于1990年，并成为国际标准化组织ISO 的标准文件，这是WWW诞生之初制作网页的唯一方法，后期开发的各种可视化工具都是基于HTML源代码写的。 网页的源代码是一个普通的源代码文件，可以使用任何一个标准的文件编辑器如记事本等进行编写。 HTML自1990年起被广泛使用，它是一种面向对象的语言。1999年微软公司推出了面向电子商务的扩展的HTML，英文缩写是XML，HTML的命令由一对尖括号括起来的字符串组成，这些命令通常成对出现。 html 和/html标记 每个HTML文档应包含的标记。html放在文本的开始位置，/html在文档的末尾，它们声明一个HTML文件的开始和结束。 2. head和/head标记 包含一些常规信息，一般在浏览器中不显示出来。可以忽略。 3. title和 /title标记 显示在浏览器最上方的标题栏中。 html head title 大机类2003级/title /head /html 4. body 和 /body 此标记定义超文本正文主体的起始位置，在它们之间生成的信息在浏览器的主窗口内显示。 html head title华中科技大学/title /head body华中科技大学主页/body /html 5.center和/center标记 html head title华中科技大学/title /head bodycenter华中科技大学主页 /center/body /html 6. hn和/hn标记 此标记定义正文中子标题的字体大小。n是变量取值范围1~6，对应字号由大到小，即正文中可有6级标题。 html head title华中科技大学/title /head body h1center华中科技大学 /center/h1 h2机械学院/h2 h3CAD中心/h3 h3数控中心/h3 h2计算机学院/h2 /body /html 7.pre和/pre标记 将标记之间的文本按原格式显示 html head title华中科技大学/title /head body h1center华中科技大学 /center/h1 pre 机械学院： CAD中心 数控中心 /pre /body /html 8.ol和/ol标记 定义序号 html head title华中科技大学/title /head body h1center华中科技大学 /center/h1 ol li h2机械学院/h2 h3CAD中心/h3 h3数控中心/h3 lih2计算机学院/h2 /ol /body /html 9.ul和/ul 加上图形标识号 html head title华中科技大学/title /head body