第4章网页管理讲述.ppt

第4章 网页管理 第3章对创建站点和管理站点作了详细介绍，除了对站点的管理以外，对网页的管理也尤为重要。 本章将介绍在Dreamweaver中创建新文档，设置文档的基本属性，预览网页以及网页制作的规范。学习本章是后续网页制作的基础。 4.1 文件的创建 使用Dreamweaver既可以创建空白页和空白模板，也可以创建基于模板的页面以及基于Dreamweaver示例的页面。读者可以根据自身需要创建文档，并将文档保存在站点下。 4.1.1 Dreamweaver的文件类型 在Dreamweaver中，可以创建多种文件类型，最常用的文件类型是HTML文件，其扩展名为“.html”或“.htm”。此外，Dreamweaver还支持其他文件类型。 HTML模板文件：Dreamweaver的模板文件可以编辑可编辑区域，文件扩展名为“.dwt”。 CSS文件：CSS是Cascading style Sheets（层叠样式表）的缩写，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。其文件扩展名为“.css”。 JavaScript文件：JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。它是通过嵌入或调入到标准的HTML语言中实现的。文件扩展名为“.js”。 XML文件：XML是The Extensible Markup Language（可扩展标识语言）的缩写。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。文件扩展名为“.xml”。 动作脚本文件：ActionScript是Macromedia为其Flash产品开发的，是一种完全的面向对象的编程语言，功能强大，类库丰富，语法类似Java，多用于Flash互动性、娱乐性、实用性开发，网页制作和RIA应用程序开发。文件扩展名为“.as”。 ASP文件：ASP是Active Server Page的缩写，是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是“.asp”。 JSP文件：JSP是JavaServer Pages的缩写，是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术，它是在传统的网页HTML文件(*.htm,*.html)中插入Java程序段和JSP标记，从而形成JSP文件(*.jsp)。 PHP文件：PHP是一种服务器端、跨平台、HTML嵌入式的脚本语言。其实，它和大家所熟知的ASP一样，是一门常用于Web编程的语言。PHP的网页文件的格式是“.php”。 4.1.2 创建新文档 这里主要介绍如何创建HTML文档，包括创建空白文档以及创建应用CSS布局的文档。具体操作步骤如下： 4.2 设置页面属性 系统默认创建的新网页背景色为白色、无背景图像、无标题等，可以通过修改页面属性的方法修改当前文档的属性，如背景、文字颜色、页面边距、标题编码属性等。 4.2.1 设置背景属性 本小节来学习如何设置页面的背景颜色和背景图像。具体操作步骤如下： 4.2.2 设置文字属性 网页中用不同的文字颜色来标示不同的内容，可以帮助浏览者更方便、快捷地浏览网站，如图4.8所示。为普通文本为黑色加粗显示，链接文本为蓝色下划线显示，活动链接为桔黄色下划线显示。 4.2.3 设置页面边距 “左边距”、“上边距”两个属性是针对IE浏览器，用于设置整个页面距离浏览器左侧边缘的宽度以及整个页面距离浏览器顶部边缘的宽度，以像素为单位。具体操作步骤如下： （1）在“页面属性”对话框中，“左边距”文本框中输入“100”；“上边距”文本框中输入“100”，如图4.12所示。 （2）此时，页面内容距离浏览器左边缘和上边缘的宽度调整为100像素，在IE浏览器中的显示效果如图4.13所示。 4.2.4 设置标题和编码属性 （1）在“页面属性”对话框的左侧“分类”列表中选择“标题/编码”选项；在右侧出现的“标题”文本框中输入网页的标题，其对应的HTML标签是“title”；在“文档类型”下拉列表框中选择当前网页常用的类型“XHTML 1.0 Transitional”；在“编码”下拉列表框中选择编码方式，中文网站通常选择“简体中文（GB2312）”；单击“确定”按钮。 （2）以上操作生成的代码如下： 4.2.5 使用跟踪图像设计页面 制作网页时，需要参照事先设计好的网页效果图。在Dreamweaver中，可以使用跟踪图像将网页效果图作为网页设计的指导。例如，已制作好的网页效果图，大小为779×672，如图4.15所示。下面来学习如何将该图像设置为网页跟踪图像。具体操