页管理 - 沈阳理工大学.pptVIP

第3章对创建站点和管理站点作了详细介绍，除了对站点的管理以外，对网页的管理也尤为重要。 本章将介绍在Dreamweaver中创建新文档，设置文档的基本属性，预览网页以及网页制作的规范。 使用Dreamweaver既可以创建空白页和空白模板，也可以创建基于模板的页面以及基于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”。 这里主要介绍如何创建HTML文档，包括创建空白文档以及创建应用CSS布局的文档。 系统默认创建的新网页背景色为白色、无背景图像、无标题等，可以通过修改页面属性的方法修改当前文档的属性，如背景、文字颜色、页面边距、标题编码属性等。 本小节来学习如何设置页面的背景颜色和背景图像。 网页中用不同的文字颜色来标示不同的内容，可以帮助浏览者更方便、快捷地浏览网站，如图4.8所示。为普通文本为黑色加粗显示，链接文本为蓝色下划线显示，活动链接为桔黄色下划线显示。 “左边距”、“上边距”两个属性是针对IE浏览器，用于设置整个页面距离浏览器左侧边缘的宽度以及整个页面距离浏览器顶部边缘的宽度，以像素为单位。具体操作步骤如下： 在“页面属性”对话框中，“左边距”文本框中输入“100”；“上边距”文本框中输入“100”，如图4.12所示。 此时，页面内容距离浏览器左边缘和上边缘的宽度调整为100像素，在IE浏览器中的显示效果如图4.13所示。 在“页面属性”对话框的左侧“分类”列表中选择“标题/编码”选项；在右侧出现的“标题”文本框中输入网页的标题，其对应的HTML标签是“title”；在“文档类型”下拉列表框中选择当前网页常用的类型“XHTML 1.0 Transitional”；在“编码”下拉列表框中选择编码方式，中文网站通常选择“简体中文（GB2312）”；单击“确定”按钮。 以上操作生成的代码如下： 浏览器是一种把在互联网上的文本文档和其他类型的文件翻译成网页的软件。通过浏览器，可以快捷地连接Interne。目前使用较广泛的浏览器主要有Microsoft公司的IE浏览器和腾讯公司的TT浏览器等等，如图4.18所示。 在网页制作过程中，要求为目录和文件命名时都应遵循相应的规范，名称应能代表文件的意义，以便进行查找、修改。下面从网站目录建立规范、文件命名规范、文件头代码规范三个方面，具体介绍网页制作的规范。 网站目录建立的原则是以最少的层次提供最清晰简便的访问结构。网站目录建立规范如图4.23所示。 对于初学者来说，在做网页时，给文件、文件夹命名是一件挺麻烦的事情。对文件命名时遵循的基本原则是以最少的字母达到最容