网页制作技术课件.pptVIP

网页制作技术 网页制作技术 网页制作技术 2. 网页的特点 (1) 从文件角度讲，网页是由 HTML 语言编写而 成的特殊文本文件。所以网页文件通常又被称为 HTML 文件，其文件扩展名通常为 .html 或 .htm 。 (2) 从组成元素角度讲，网页是由文本、图片和 超链接等多种对象构成的多媒体页面。 网页制作技术 二、站点 1. 站点的作用 网页是站点的基本信息单位，一个站点通 常由多个网页构成，这些网页之间使用链接 地址 (URL 地址 ) 相互连接在一起，构成一个 完整的站点，用户能够通过单击链接地址转 换到其他页面。 2. 站点的特点 网页制作技术 2. 站点的特点 (1) 站点存储在 Web 服务器上。当用户访问一个 站点时，该站点中首先被打开的页面称为首页或 主页。 (2) 本地站点中的所有内容一般被组织在外部存 储器的同一个目录中，根据站点栏目或者资源类 型对文件进行分类，分别放置在不同的子目录中。 (3) 本地站点在制作完毕后，如果不经过发布是 不能被其他浏览者访问的，发布就是将本地站点 的内容传输到连接在 Internet 上的 Web 服务器中。 网页制作技术 三、超文本、超媒体、超链接 1. 超文本 (1) 什么是超文本 超文本是指在文本中包含了与其他文本连接的文 件。 (2) 超文本的特点 它的链接对象是纯文本，使用了超级链接的文本下 方带有下划线，单击文件中已经定义了超链接的文 字，便可以显示与该文字相关的说明的文字资料。 从组成上看，超文本可描述为： 超文本 = 文本 + 超链接 网页制作技术 2. 超媒体 (1) 什么是超媒体 超媒体进一步扩展了超文本所链接的信息类 型。它利用集成化的方法将多种媒体的信息联系 在一起，用户不仅可以从一个文本跳到另一个文 本，而且可以激活一段音乐，显示一个图形，播 放一段动画。 (2) 超媒体的特点 从组成上看超媒体可描述为： 超媒体 = 媒体 + 超链接 网页制作技术 3. 超链接 (1) 什么是超链接 超链接是 WWW 上使用最多的一种技术。它是 超文本、超媒体以及与其他媒体之间的链接，也 是一种从源端点到目标端点的链接。 (2) 超链接的作用 通过超链接这种方式，可以实现不同网页之间 的跳转。 网页制作技术 (3) 超链接的形式 空链接： 在链接的目标中输入一个“ #” ，即为空链接。 图片链接： 在链接的目标中输入图片的路径，在这里图 片一定要在站点内的文件夹中。 书签链接： 在链接的目标中输入“ #” 加书签名，书签就 是在当前网页中建立的一个锚点。 网页链接： 在链接的目标中输入 http:// 网址 表示链接的 是外网的网页。如果直接输入网址，表示链接的是内部 的网页。 电子邮件链接： 在链接的目标中输入 mailto: 电子邮件 地址 ，当单击链接源时，就会弹出 Outlook 。 网页制作技术 (4) 链接的目标 链接的目标就是指链接的内容怎样表现出来。 _blank ： 是指在新的窗口中打开网页。 _seft ： 是指在当前窗口中打开网页。 _top ： 是指在最顶层打开网页。 _parent ： 是指在父框架打开网页 网页制作技术 四、网页制作常用方法 1. 用可视化网页制作工具进行页面设计 (1) FrontPage 软件 (2) Dreamweaver 软件 (3) Word 文字处理软件 网页制作技术 2. 直接编写 HTML 格式文件 ? HTML （ Hyper Text Markup Language ， 超文本标记语言）是一种用来制作超文本文 档的简单标记语言 ? 用 HTML 编写的超文本文档称为 HTML 文档， ? 它能独立于各种操作系统平台（如 UNIX ， Windows 等）。 网页制作技术 ? 生成一个 HTML 文档主要有以下三种途径： ? 手工直接编写（例如，用你所喜爱的 ASCII 文本 编辑器或其他 HTML 的编辑工具） ? 通过某些格式转换工具将现有的其他格式文档 （如 Word 文档）转换成 HTML 文档 ? 由 Web 服务器（或称 HTTP 服务器）一方实时 动态生成。 网页制作技术 ? HTML 定义了 3 种标记用于描述