第八章 网页设计
8.2.2 HTML 的结构
HTML 把元素划分为3 种主要类型： 把元素划分为 种主要类型： 核心的结构化元素有：<html>、<head>和<body>。 <html>是网页文档的开始，<head>中放的是关于文档 的信息，文档内容放在<body>中。 块状元素还分为3 种：结构化的、多目标的和终端的。 内联元素也有3 种主要的类型：语义化、排列顺序和内 联块状。
8.1.3 网页文档的类型与构成
网页文档的种类主要分为两大类： 网页文档的种类主要分为两大类： 静态网页文档 所谓静态网页文档，就是网页文档里面没有程序代码，不会被 服务端执行。这种网页通常在服务端以扩展名.htm 或是.html 存储，表示里面的内容是以HTML 语言所编写。 动态网页文档 所谓动态网页文档，就是网页文档内含有程序代码，并会被服 务器执行。这种网页通常以扩展名类似于.asp 或是.aspx 存储， 网页中采用Active Server Pages（ASP），或者是PHP、 JSP 等动态网页技术。
1
8.1 网页概述
8.1.1 网页与 网页与WWW 8.1.2 网站的用途 8.1.3 网页文档的类型与构成
8.1 网页概述
我们平时所看到的网页实际上是一个文件，被存放在某一 台计算机中，网页经由网址来识别与存取，当我们在浏览器输入 网址后，经过一段复杂而又快速的程序，网页文件会被传送到你 的计算机，并由浏览器将网页的内容展示在我们的眼前。静态网 页文件通常是HTML 格式（文件扩展名为.html 或.htm）
8.2.1 HTML 的由来与发展
HTML 作为定义万维网的基本规则之一，最初由蒂姆约 翰伯纳斯-李（Tim John Berners-Lee）于1989 年在 CERN 研制出来。既然HTML 成为网页信息发布的标准格式， 因此使用任何一种计算机和浏览器浏览采用HTML 描述的网页 信息时，都可以正确地、透明地共享网页上包含的所有数据。
8.2.1 HTML 的由来与发展
现今HTML 语言版本已从较早的2.0 版本发展演变到一直 沿用至今的4.01 版本，可用来编辑网页和HTML 语言的软件种 类也纷繁众多，实际上，我们只需要一个简单的文字处理软件 就可编写HTML 语言，甚至是Windows 操作系统中的记事本 或写字板，基础的HTML 语言程序也很容易掌握。 2008 年，发布第一份正式的HTML 5.0 草案。HTML 5.0 比以往的版本允许添加更多样化的数据形式，还有语言本 身加入一些新的页面元素，例如<header>、<section>、 <footer>以及<figure>等元素。当然，一些过时的HTML 4.0 中使用的元素将被取消，其中包括纯粹显示效果的元素， 如<font>和<center>，因为它们已经被CSS 取代。
WWW 万维网、Web 网、3W 网 万维网、 World Wide Web
最初是由蒂姆约翰伯纳斯-李（Tim John Tim Berners-Lee）在欧洲核物理研究中心（CERN） 提出的，并且在麻省理工学院计算机科学实验 室成立了万维网联盟，又称W3C理事会。
网页与WWW 8.1.1 网页与WWW
8.3.3 网页设计要点
网页设计有以下要点： 网页设计有以下要点： 确定整体风格 网页色彩搭配 网页内容新颖 网页命名简洁 注意视觉效果 网页文字易读 熟练掌握HTML 图片注释文字 浏览器兼容性 网页动画数量 网页导航清晰
8.3.4 网页的布局
网页布局类型： 网页布局类型： “国”字型 框架型 封面型 Flash 型
8.1.2 网站的用途
网站有下列几种用途： 网站有下列几种用途： 企业网站 许多公司与企业都拥有自己的网站，利用网站来进行宣传、 发布产品资讯和招聘等。 个人网站 随着网页制作技术的流行，很多人也开始制作个人主页， 这些通常是制作者用来自我介绍、展现个性的地方。 资讯网站 也有以提供网络资讯为赢利手段的网络公司，提供人们生 活各个方面的资讯，如时事新闻、旅游、娱乐、经济等。
8.2.2 HTML 的结构
1．“文件头”（head） ． 文件头” ） 文件头标记也就是通常见到的标记，标记在网页中是看不到的，因为它包 含在HTML 语言的<head>…</head>标记之间，而通常我们所见到的网 页内容只有在<body>…</body>之间的才可以在文档中显示出来。
2．“文件标题”（title） ． 文件标题” ） title 元素是文件头里唯一一个必须出现的元素，它也只能出现在文件头里。 它的格式如下： <title>标题</title> 标题表示该HTML 文件的名称，是对文件的概述。标题对于一个文件来说 是非常重要的，我们可以从一个好的标题中判断出该文件大概的内容。不 过文件的标题一般不会显示在文本窗口中，而是以窗口的名称显示出来。
8.2.2 HTML 的结构
HTML 是严格的元素层次嵌套结构，每个元素必须使用 “<>”包含起来形成标记（tags），并且标记是成对呈现， 有开始标记，就有相对应的结束标记。元素可以互相嵌套，但 是却不能重叠。
<html> <head> <title>标题 </title> </head> <body> 正文部分 </body> </html>
8.3.2 FrontPage 2003 软件常用功能
FrontPage 2003 成功启动后，在屏幕上出现FrontPage 2003 主窗 口，该窗口主要由标题栏、菜单栏、工具栏、视图栏、编辑区和状态栏等部 分组成。窗口采用“所见即所得”的操作方式。我们对FrontPage 2003 软 件中的常用功能及操作进行简要介绍。 1．软件界面组成 ． （1）菜单栏 （2）工具栏 （3）编辑区 2．常用工具栏按钮 ． （1）“新建普通网页”按钮 （2）“切换窗格”按钮 （3）“浏览器的预览”按钮 （4）“Web 组件”按钮 （5）“插入超链接”按钮 （6）“发布网站”按钮 3．新建站点 ． （1）使用模板新建站点 （2）使用向导新建站点 （3）直接新建站点 4．站点中的网页编辑 ． （1）打开已创建的网站 （2）在站点中新建网页 （3）保存网页 5．打开已经存在的网页 ． 6．在浏览器中预览网站 ． 7．网页格式排版 ． （1）设置网页标题 和属性 （2）设置文本格式 （3）设置超链接 8．在网页中插入图 ． 片
网页与WWW 8.1.1 网页与WWW
统一资源定位器 Uniform Resource Locator，URL ，
URL 用来标识WWW 网中每个信息资源（比 如网页资源）的位置。 在浏览器的地址栏中输入的南京艺术学院网址
网页与WWW 8.1.1 网页与WWW
大学计算机应用基础
主编：褚宁琳
DAXUE JISUANJI YINGYONGJICHU
第
8
章
网页设计
学习目标
掌握网页的基本概念 掌握HTML 的由来及结构 掌握网页设计的要点、布局及配色 了解网页编程、规划及发布的方法
目 录
1
8.1 网页概述
2 3
8.2 HTML 8.3 网页设计
4
8.4 网站开发
超文本 Hypertext
超文本的创造者是范内瓦布什（Vannevar Bush）
8.1.2 网站的用途
网站 Website
网站是指在互联网上，根据一定的规则， 用于展示特定内容的相关网页的集合。简单地 说，网站是一种通信工具，就像布告栏一样， 人们可以通过网站来发布自己想要公开的资讯， 或者利用网站来提供相关的网络服务。人们可 以通过网页浏览器来访问网站，获取自己需要 的资讯或者享受网络服务。
8.1.3 网页文档的类型与构成
超文本是用超链接的方法，将各种不同空间的文字信息非 线性组织在一起的网状文本。超文本更是一种用户界面方式， 用以显示文本及与文本之间相关的内容。其中的文字包含可以 链接到其他位置或者文档的链接，允许从当前阅读位置直接切 换到超文本链接所指向的位置。 通常我们看到的网页，就是这样的电子文档，有些是 以.htm 或.html 为扩展名结尾的文档，不同的扩展名，分别代 表不同类型的网页文档，例如，以CGI、ASP、PHP、JSP 甚 至其他更多的扩展名结尾的网页文档。
8.3.1 8.3.2 8.3.3 8.3.4 8.3.5 8.3.6
网页设计工具 FrontPage 2003 软件的常用功能 网页设计要点 网页的布局 网页的配色 CSS 与JavaScript
8.3.1 网页设计工具
1．Adobe Dreamweaver Dreamweaver 软件是一个很强大的网页设计软件，它包括可视化编辑、HTML 代 码编辑的视图模式，它还能通过拖曳从头到尾制作动态的HTML 动画，支持动态 HTML（Dynamic HTML）的设计，即使页面没有插件也能够在各种浏览器中正确地 显示页面的动画。 2．Microsoft FrontPage FrontPage软件的工作窗口由3 个标签页组成，分别是“所见即所得”的编辑页、 HTML 代码编辑页和预览页。FrontPage 最强大之处是其站点管理功能，在更新服 务器上的站点时，不需要创建更改文件的目录。
8.2 HTML
HTML 超文本标记语言 HyperText Mark-up Language HTML 是构成网页文档的主要语言，成为网页文档发布和 浏览的基本格式。HTML 文本是由 HTML 命令组成的描述性 文本，HTML 命令可以说明文字、图形、动画、声音、表格和 超链接等。
8.2.1 HTML 的由来与发展 8.2.2 HTML 的结构 8.2.3 HTML 实例
