计算机文化基础第8章 网页制作（第八版）.ppt

——大学IT—— 第 8 章 网 页 制 作 第8章 网页制作 8.1 概述 8.2 HTML简介 8.3 网页制作 8.4 网页布局 8.5 创建表单页面 8.6 网页的发布 8.1.1 网站 网页是全球广域网上的基本文档，用HTML书写，通常以.htm或.html为扩展名。网页可以独立存在，但常常作为网站的一部分。网站是一组相关网页和有关文件的组合，一般有一个特殊的网页作为浏览的起始点，称为主页（Homepage），用来引导用户访问其他网页。 网站中的内容通常包括网页和相关的文件，一般被存储在同一个目录中。本地网站制作完成后，不经过发布是不能访问的，发布就是将本地网站的内容传输到连接Internet的Web服务器上。网站发布后即获得一个网站地址，浏览者可通过该地址访问Web服务器查看网站的内容。如： 8.1.2 服务器与浏览器 Web服务器就是一个软件系统，客户机通过网络向Web服务器发送请求，Web服务器通过网络接收HTTP请求，并使用HTTP协议将网页和有关文件通过网络传送回客户机，客户机端使用网页浏览器就能看到网页的内容了。 要浏览Web页面，必须在本地计算机上安装浏览器软件，浏览器就是Web客户端，它是一个应用程序，用于与Web服务器建立连接，并与之通信。 8.1.3 网页 网页一般又称为HTML文件，是一种可以在WWW上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页内容一般包括文字、图片、动画、超链接和特殊组件等元素。 根据网页的生成方式，可分为静态网页和动态网页。 静态网页就是HTML文件，除非设计者自己修改网页的内容，否则网页内容不会发生变化。 动态网页是指网页文件中含有程序代码，需要服务器执行程序才能生成网页内容。执行程序的过程中，通常会与数据库进行信息交互，因此网页的内容会随程序的执行结果发生变化，故称为动态网页。 8.1.4 网页制作工具 1、网页制作三剑客： Dreamweaver Flash Fireworks 2、Microsoft Frontpage 2003 8.2 HTML简介 HTML即Hypertext Markup Language的缩写。它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 我们把用HTML语言编写的文件称为HTML文件。它通常被存储在Web服务器上，客户端通过浏览器向Web服务器发出请求，服务器响应请求并将HTML文件发送给浏览器，然后由浏览器对文件中的标记作出相应的解释，以页面的形式呈现在用户屏幕上。因此，我们又把HTML文档称为网页 (Web Page)。 HTML简介 HTML语言是一种标记语言，简单易学。用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html为扩展名，我们可以使用任何文本处理软件（例如：记事本）编写。 8.2.1 HTML语言概述 8.2.2 常用的HTML标记 8.2.1 HTML语言概述 HTML语言是由世界性的标准化组织W3C（World Wide Web Consortium）制定的，通过浏览可以了解到HTML标准的最新动态。 下面介绍HTML文件的基本构成和HTML文件的层次结构。 1. HTML文件的基本构成 Internet中的每一个HTML文件都包括文本内容和HTML标记两部分。其中，HTML标记负责控制文本显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置。多数HTML标记的书写格式如下： 标记名文本内容/标记名 标记名写在“ ”内。多数HTML标记同时具有起始和结束标记，并且成对出现，但也有些HTML标记没有结束标记。另外，HTML标记不区分大小写。 某些HTML标记还具有一些属性，这些属性指定对象的特性，如背景颜色、文本字体及大小、对齐方式等。属性一般放在“起始标记”中，格式如下： 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名 其中标记名和属性之间用空格分隔。如果标记有多种属性，属性之间也要用空格分隔。 2. HTML网页的结构 现在我们先看一个简单的HTML文件，从中体会用HTML语言编写网页时的层次结构。 【例9-1】用HTML语言编写一个简单的网页。 html head title我的第一个Web页/title /head body h1欢迎进入HTML