第 5 章_1.pptVIP

第 5 章 网页设计 本章概要 了解网页描述语言。 了解网页制作工具。 了解网页制作过程。 了解网页发布的基本方法。 掌握网页制作中的文字处理。 掌握网页制作中的图像处理。 掌握网页制作中表格的应用。 掌握网页制作中表单制作。 掌握网页制作中超级链接的设置。 了解网站规划的基本方法。 了解网站设计的基本步骤。 了解网站管理的内容。 学会网站的创建。 比较熟练地在网页中添加媒体文件。 比较熟练地制作框架网页。 比较熟练地运用层。 5.1.1 网页制作语言 网页是WWW网站提供信息服务的主要形式，一般含有文字、图像和表格 等，通常还有实现信息块之间跳转的超链接。网页通常以网页文件及其附属文 件形式存在。网页文件是WWW的基本文档，它通常是用HTML(hyper text markup language)标识的一种类似于文本的文件。 HTML是一种超文本标记语言，用来描述WWW上的超文本文件。也就是 在文本文件的基础上，加上一系列的标识符号，用以描述其格式，形成网络文 件。当用户使用浏览器下载文件时，就把这些标识解释成它应有的含义，并按 照一定的格式将这些被标记语言标识的文件显示在屏幕上。利用HTML标记语 言，可以将Internet上连接的不同地区的服务器上的信息文件链接起来：有的标 记是去链接一个文件，有的是形成表格，有的是接受用户的信息等等。有了这 些标识，用户在浏览器中看到的不再是呆板的纯文本，而是五彩缤纷的画面。 下面将通过实例展示HTML在网页中的作用。 5.1.2. 网页制作工具 制作网页的首要问题是选定一种网页制作工具。 常用的网页制作工具大致包括三类： 简单的文档编辑工具：主要应用于HTML等纯文本文件的编辑，如Windows下的记事本，DOS下的Editor编辑器等。 功能齐全的专用工具：可以以图形化的界面完成所见即所得的静态网页(预先将网页内容制作好，等访问者浏览，访问者不能通过自己的操作来改变网页的内容，此类网页称为静态网页。当网页的全部或局部内容可以因访问者的操作而变化的网页称为动态网页)，包括基本的网页文本、网页外观、超级链接及丰富的多媒体和动画处理工具，此外这些工具还提供了一些网站开发和管理工具，典型的专用工具有Dreamweaver、FrontPage等。 其他工具：它们包含在集成开发环境中，如IBM Websphere集成开发环境中的Web应用工具。利用该Web应用工具可以交互地调试客户端和服务器端的代码，无需编程或较少编程就能构造相关的数据驱动网页，由此简化了开发过程。 利用Dreamweaver、FrontPage等可视化的网页编辑工具，人们可在可视环境下编辑 制作网页元素。这些软件操作简单直观，调试方便，是大众化的网页编辑方式。但利用可 视化工具在制作一些特殊网页效果上受到了一定的局限。 编码和可视化工具结合是一种比较成熟的网页制作方式。具体过程为：一般的网页元 素通过可视化工具编辑制作，一些特殊的网页效果通过插入代码生成。这种方式效率高、 调试方便，而且可以实现丰富的网页效果，但对设计人员的技术要求比较高。除了上面三 种基本的网页设计制作方式外，还可以通过修改已有的网页代码生成自己的网页。 Dreamweaver 8提供了“所见即所得”的友好制作平台，在该平台上能轻松制作五彩缤 纷静态网页；能编写基于ASP、JSP等服务器技术的动态网页，在设计、编码、开发三个 方面增加了对制作动态网页的支持。 5.2 网页制作步骤 5.2.1 网站与网页 5.2.3 网页制作原则及步骤 凡事皆有原则，网页制作当然也不例外。一个优秀的页面应考虑以下三个方 面：内容、速度和页面美感。考虑到国内上网费用较高和网速较慢的现实，内容 和速度应优先考虑。 制作时应考虑的原则分为： 1．网页制作原则 2．网页布局的原则 5.3 网页中的文本格式与超链接 文本是网页中不可缺少的元素，网页中文本的处理是网页制作的首要问题。 在Dreamweaver 8中有关文本的操作与Word有相似之处，也有不同之处，本节 将对此展开讨论。 超链接可以将Internet上众多的网站和网页联系起来，构成一个有机整体， 这正是网页的魅力所在。根据超链接的目标，可将超链接分为：绝对超链接、相 对超链接、书签式超链接等3种类型，本节将介绍用Dreamweaver 8实现上述3种 超链接的方法。 5.3.1 添加文本 文本是网页的主体，Dreamweaver 8所提供的文本的操作与Word所提供的文字处理功 能十分相似，在操作技巧上完全可以相互借鉴。 5.3.2 字符