第9章 网页与网站制作.pptVIP

* 第10章 网页与网站制作 10.1 概述 10.2 HTML基础 10.3 FrontPage 2000 10.1 概述 10.1.1 网页和网站的基本概念（1） WWW：是建立在Internet上的、以网页形式向用户提供信息浏览服务的一个逻辑网络。 WWW服务（也称网页服务、 Web服务）：以网页形式向用户提供的信息浏览服务。 网页：由文字、图表等构成的信息页面，是WWW上信息的组织形式，也是WWW上信息传输和浏览的基本单位 。 网页区别其它文档的本质特征：是其中可以包含指向其它资源文件的超链接（Hyper Link） 。 超文本（HyperText） ：包含超链接的文本称为超文本，显示在网页中的文字、图形、表格及超链接等统称为网页元素（element） 。 10.1 概述 10.1.1 网页和网站的基本概念（2） 网站（Website）：多个网页有机地组织在一起构成的整体（狭义的网站），打开网站后看到的第一个网页称为网站的主页（Home Page） 。 Web服务器：存放网站及各种网页文件的计算机。用户计算机即客户机与Web服务器之间使用HTTP（超文本传输协议）进行通信，通信方式为C/S（客户机/服务器）方式 。 网页源文件：即HTML文档，是符合HTML规范的文本文件，其内容主要是一系列的HTML标记（tag）。 （ 区别网页与网页源文件：我们在浏览器中看到的是页面形式的信息即网页，从Web服务器实际传输并保存到客户机上的却是网页源文件。网页是网页源文件在浏览器中的表现形式。） 10.1 概述10.1.1 网页和网站的基本概念（3） 网页分类：静态网页、动态网页 静态网页：建立好了以后就固定不变、不能根据用户请求自动改变内容、基本上没有交互功能的网页。浏览静态网页时，数据信息传输是单向的（Web服务器→客户机）。 动态网页：动态网页是指在HTML基础上加入了中间件和数据库等技术、具有交互功能的网页。特点：交互性、实时更新、个性化。 URL（统一资源定位符）：即网页在Internet上所处的地址，浏览网页时其URL会显示在浏览器地址栏中。URL实际上是一个用来指明网页源文件或其它Internet资源文件的类型、所在主机、文件路径及文件名称的一个字符串。 完整的URL格式： 协议://主机:端口号/路径名/文件名 10.1 概述10.1.2 网页和网站制作简介（1） 1. 网站制作的一般步骤（广义） ① 网站规划。 ② 网站设计。 ③ 准备实施。 ④ 网页制作。 ⑤ 发布网站。 ⑥ 网站维护。 本章所指的网站制作（狭义）： 主要是指在技术上如何将相关的网页组织、链接在一起构成一个有机的整体即所谓的网站。 2. 网页制作方法与工具 制作网页实质上就是要生成能显示某种效果的HTML文档。 HTML文档可以手工制作，也可以由Web服务器一方实时动态地生成。 10.1 概述 10.1.2 网页和网站制作简介（2） 制作静态网页的方法，主要有两种： （1）在文档编辑软件中直接输入、编辑HTML文档内容并保存为.htm或.html文件。 缺点：制作效率低，也不能在制作过程中看到网页的实际效果 。 （2）使用可视化的工具软件来编辑网页内容并自动生成HTML文档。 优点：“所见即所得”的可视化网页编辑方式、强大的网站制作及管理功能。 常用的网页制作工具 网页制作软件: FrontPage、Dreamweaver、word 等。 素材制作软件: Flash、Fireworks、Photoshop及CoolEDIT 等。 10.2 HTML基础 10.2.1 HTML简介 HTML即超文本标记语言，是WWW的信息表示语言 。用HTML编写的文件称为HTML文档。 静态网页的源文件是纯粹的HTML文档；动态网页是以HTML为基础，在HTML文档中加入了动态网页脚本程序。 HTML语法较简单，HTML文档中包含有两种类型的符号，一是数据字符（Data Characters），二是HTML标记（tag）。数据字符标明文字、图像、表格及超链接等网页元素的内容，HTML标记则用来描述这些元素的表现形式。 学习HTML的重要性 可直接修改网页源文件、是学习动态网页技术的基础、有利于理解网页和WWW的运行机制。 10.2 HTML基础