第8章：网页设基础.ppt

第8章 网页设计基础 本章主要内容 8.1 概述 8.1.1 网页的基本概念 1. 网站与网页 Web（WWW）网由形形式式的Web站点组成。 Web站点由一系列精心策划和组织的网页组成。 什么是超链接？ DHTML（动态HTML） 动态HTML能够使网页下载到浏览器后仍然能够随时变换。 包含多种技术，如 JavaScript, VBScript 和 CSS等。 CSS 语言 CSS 简称样式表，它不属于HTML，但它的使用可以扩展HTML的功能。 XML语言 扩展标记语言XML(eXtensible Markup Language)是一种新兴的面向Web应用的标记语言。 HTML无法描述数据内容，而XML能够定义数据元素和属性。其最大优点是适合网上发布和在网页上组织信息。 不少电子商务采用以XML为基础的文件来交换网络数据。 3 . 创建、打开和删除站点 每个网页都属于某个站点。 创建Internet站点的一般方法是：先在本地机中建立站点，即创建和编辑好该站点所必需的一系列按一定要求链接起来的网页文档及相关文件，再发布到指定的Web服务器，形成真正的站点。 (1) 创建新站点 主要是用站点模板和站点向导来创建站点。 站点模板是由一组事先经过格式化的空白网页组成的，相当于一个站点的骨架，通过它可容易地搭起整个站点的框架。 8.1.2 两个简单的HTML文档 P.222 例8-1 显示“欢迎您来到HTML世界” 。 HTML HEAD TITLE 例8-1 /TITLE /HEAD BODY 欢迎您来到HTML世界 /BODY /HTML 假设把该文档存放在当前站点中，文件名为“Welcome.htm”。 例8-2 建立含有两个网页链接的HTML文档 HTMLHEAD TITLE 例8-2 /TITLE /HEAD BODY PA HREF=“Welcome.htm” 欢迎您 /A/P HR PA HREF=“/” 浏览北大 /A/P /BODY/HTML 其中: P/P表示分段 HR表示一条水平线 A HREF……/A表示插入超级链接 HTML文档的基本结构 (1) 每个HTML文档(网页)以标记HTML开始，以/HTML结束。 四种基本标记如下： HTML/HTML 标明文档的开始和结束，定义文档 HEAD/HEAD 标明文档的头部 TITLE/TITLE 标明标题，显示在浏览器的标题栏中 BODY/BODY 标明文档的主体 (2) HTML文档一般由两部分组成：头部和主体 一个不包含任何内容的基本HTML文档可以如下所示： HTML HEAD TITLE /TITLE /HEAD BODY /BODY /HTML 该文档可作为一个Web页标准模板，以后每次创建新HTML文档时都可以以它为基础进行扩充，从而减少录入的时间，提高效率。 8.2 使用FrontPage制作网页 借助于FrontPage，用户可以采用图形界面和代码设计两种方式来编制网页。还能创建和组织站点。 8.2.1 FrontPage的窗口 FrontPage提供了网页、文件夹、报表、导航、超链接、任务等多种视图方式（在“视图”菜单）。 在“网页”视图方式下，设有“设计”、“拆分”、“代码”和“预览”四种选项卡。 “设计” 方式：可以利用菜单中的命令或工具栏上的按钮来编辑网页。 “拆分”方式：窗口分为上下两部分，上端为“代