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

——大学IT—— 第 八 章 网 页 制 作 第八章 网页制作 8.1 概述 8.2 HTML简介 8.3 网页制作 8.4 网页布局 8.5 创建表单页面 8.6 网页的发布 8.1 概 述 8.1.1 网站 8.1.2 服务器与浏览器 8.1.3 网页 8.1.4 网页制作工具 8.1.5 网页设计的相关计算机语言 8.1.1 网站 网站是一组相关网页和有关文件的集合，一般有一个特殊的网页作为浏览的起始点，称为主页（Homepage），用来引导用户访问其他网页。 网站中的内容通常包括网页和相关的文件，一般被存储在同一个目录中，并根据网站栏目或资源类型进行分类，分别存放在不同的子目录中。本地网站在制作完成后，不经过发布是不能被其他浏览者访问的。发布就是将本地网站的内容传输到连接Internet的Web服务器上。网站发布后，即获得一个网站地址。 8.1.2 服务器与浏览器 网站通常位于Web服务器上，Web服务器又称WWW服务器、网站服务器或站点服务器。从本质上讲，Web服务器就是一个软件系统，它通过网络接收HTTP请求，然后提供HTTP响应给请求者。HTTP响应一般包含一个HTML文件，但也可以包含文本文件、图像或其他类型的文件。要使一台计算机成为一台Web服务器，就需要安装专门的服务程序 。 要浏览Web页面，必须在本地计算机上安装浏览器软件。浏览器就是Web客户端，它是一个应用程序，用于与Web服务器建立连接，并与之进行通信。 浏览器和服务器之间通过超文本传送协议（HyperText Transfer Protocol，HTTP）进行通信。 8.1.3 网页 网页一般又称为HTML文件，是一种可以在WWW上传输，能被浏览器认识和翻译成页面并显示出来的文件。通常用户看到的网页大多是以.htm和.html为扩展名的文件。 8.1.3 网页 1. 网页内容 一般来说，网页主要由文字、图片、动画、超链接和特殊组件等元素构成。 2. 静态网页和动态网页 根据网页的生成方式，大致可以分为静态网页和动态网页两种。 8.1.4 网页制作工具 1. 网页制作三剑客 Dreamweaver、Flash、Fireworks被称为网页制作“三剑客” 。 （1）Dreamweaver是美国著名的软件开发商Macromedia公司推出的一个所见即所得的可视化网站开发工具，该软件同时适用于初学者和专业网页设计师。 （2）Fireworks也是由Macromedia公司开发的一种工具，它以处理网页图片为特长，并可以轻松创造GIF动画。 （3）Flash是当今Internet最流行的动画作品的制作工具，并成为事实上的交互式矢量动画标准。 8.1.4 网页制作工具 2. Microsoft FrontPage 2003 FrontPage 2003是微软公司推出的Microsoft Office 2003家族的成员之一，与Office的其他组件高度融合，界面友好，功能强大，易学易用。FrontPage 2003的主要功能是设计、制作、管理网页或站点。 8.1.5 网页设计的相关计算机语言 1. HTML HTML是Hypertext Markup Language的缩写，是WWW技术的基础，它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 我们把用HTML语言编写的文件称为HTML文件，把HTML文档称为网页（Web Page）。用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html为扩展名。 8.1.5 网页设计的相关计算机语言 2. XML XML是Extensible Markup Language的缩写，中文名为可扩展标记语言。其主要用途是在Internet上传递或处理数据。XML与HTML不是并列的概念，它可以说是HTML的补丁，以弥补HTML的不足。比如，在HTML中不允许用户自定义控制标识符，而在XML中允许用户这样做。XML文件的扩展名为.xml。 8.1.5 网页设计的相关计算机语言 3. CSS CSS是Cascading Style Sheets的缩写，中文名为层叠样式表，主要用来对网页数据进行编排、格式化、显示、特效等。传统的HTML不能对