多媒体制作技术及应用 宗绪锋 教学课件 ch9 网站设计.pdf

第九章 网站设计 9.1 网站设计基本知识 9.1.1 网站设计 网页是WWW 的基本文档，它是用HTML （Hypertext Markup Laguage即超文本标识语言）编写的。HTML是一 种编程语言，是一些能让浏览器解释的标签（tag ），当网 页中包含正常文本和HTML语言标签时，浏览器会“翻译” 由 这些HTML语言标签提供的网页结构、外观和内容的信息， 从而将网页按设计者的要求显示出来。网页的出色之处在 于能够把超链接（Hyperlink）嵌入网页中，这使用户能够 从一个网页站点方便地转移到另一个相关的网页站点。它 可以指向其他网页、文档、多媒体文件、图像甚至程序。 进入网站首先看到的那一页称首页或主页（HomePage）。 9.1 网站设计基本知识 9.1.1 网站设计 WEB 网站是由Home Page和相关网页构成的超文本信 息的集合，网页按一定的组织结构和顺序组合起来，使浏 览者在访问该网站时能连接到各个网页来观看网页内容。 用户可以使用浏览器（如微软的Internet Explorer）浏览这 些页面的内容。 网站设计，就是用HTML把多种媒体信息有效地组织 起来，使浏览者高效、便捷地获取这些信息。 网站设计包含的内容大体分两个方面：一方面是信息 的处理和组织，另一方面是网站的延伸设计。 9.1 网站设计基本知识 9.1.2 网页文件的规划与创意 一个网站的成功与否，很重要的一个因素在于它的构 思、内容的组织、好的创意及丰富详实的内容。 基本设计思路： 1 ．网站的目标与定位 2 ．网页的组织结构 3 ．资料的收集与整理 4 ． 选择网页的设计方法 5 ．网站的整体风格创意设计 9.1 网站设计基本知识 9.1.3 网页制作软件 构成WEB 网站页面的HTML文件是标准的ASCII文件， 看起来像是加入了许多被称为标签（tag ）的特殊字符串的 普通文本文件，我们可以用普通的文本编辑器制作和编辑。 但使用文本编辑器制做网页非常繁琐而且不易布局和定位。 目前有很多专门的网页制作工具软件，各有特色。 9.1 网站设计基本知识 9.1.3 网页制作软件 1．DreamWeaver DreamWeaver是一个功能强大的专业网页设计软件，包括可视化 编辑、HTML代码编辑的软件包，并支持ActiveX 、JavaScript、Java、 Flash、ShockWave等，还能通过拖拽从头到尾制作动态的HTML动画， 支持动态HTML （Dynamic HTML）的设计。同时它还提供了自动更新 页面信息的功能。 DreamWeaver采用了Roundtrip HTML技术。这项技术使得网页在 DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结 构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享 受到可视化编辑带来的益处。DreamWeaver具挑战性和生命力的是它 的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 9.1 网站设计基本知识 9.1.3 网页制作软件 2 ．Microsoft FrontPage 如果对Word很熟悉，那么用FrontPage 进行网页设计一定会非常 顺手。 FrontPage功能强大，简单易用。页面制作由Frontpage中的 Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑 页，HTML代码编辑页，预览页。Frontpage带有图形和GIF动画编辑器， 支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 站点管理功能强大，在更新服务器上的站点时，不需要创建更改文件的 目录，FrontPage会跟踪文件并拷贝那些新版本文件。 9.1 网站设计基本知识 9.1.3 网页制作软件 3 ．Netscape编辑器