04第4章Dreamweaver8设置文档规范.ppt

网站设计 刘雪燕 物理科学与技术学院 Email: lxy5462@ 4.1 创建和打开文档 Dreamweaver 8为各种网页设计和开发文档提供了灵活方便的使用环境，为创建新文档提供了若干选项。在Dreamweaver 8中可以创建新的空白文档、创建以模板为基础的文档以及打开并编辑已经存在的文档。 4.1.1 创建新文档 Dreamweaver提供了各种方法创建新文档。用户可以创建新的空白文档，也可以用模板或 Dreamweaver的设计文件来创建新文档。 1、创建新的空白文档 如图所示，在Dreamweaver中，建立新的空白文档有三种方式： ① 在Dreamweaver的起始页对话框中选择“创建新项目”下的相应项目，静态网页一般选择“HTML”； ② 选择主菜单【文件】|【新建】，在弹出的对话框中选择相应的项目；（按下Ctrl+N快捷键，系统会弹出新建文档对话框 ） ③ 在“文件”面板中右击，在弹出菜单中选择【新建文件】，出现新文件“untitled.html”，将其改为自己需要的文件名，然后双击打开它。 选择主菜单【文件】|【新建】，在弹出的对话框中选择相应的项目 2、创建基于Dreamweaver设计文件的文档 Dreamweaver带有几种以专业水准开发的页面布局和设计元素文件。可以将这些设计文件作为设计站点页面的起点。 当用户创建基于设计文件的文档时， Dreamweaver会创建文件的副本。 3、通过模板创建文档 用户可以用“新建文档”对话框从现有模板选择、预览和创建新文档，可以从Dreamweaver定义的任何站点中选择模板，也可以使用资源面板从现有模板创建新的文档。 通过模板创建文档 4.1.2 保存文档 保存文档过程中，在为文件和文件夹命名时，只能用英文字母和数字，不能使用中文、空格和其它字符。 如果使用了除英文字母和数字之外的其它字符，在上传到服务器上时，很多服务器会更改这些字符，而导致与这些文件的链接中断。 建立文档后出现如图所示的文档窗口，在此窗口中就可以进行网页的编辑操作了。 编辑完成以后，选择【文件】|【保存】将文件存储到磁盘上。对于还未命名的文档，会弹出如图所示的对话框，用户要在此对话框中为文件命名并选择保存位置。 保存以后文档仍然处于打开状态，需选择主菜单中的【文件】|【关闭】命令，将文档关闭； 如果多个文档需要关闭，可选择主菜单中的【文件】|【全部关闭】。 在【文件】菜单中还有一些和“保存”相关的命令(如图所示)，用户可根据需要选择使用。 4.1.3 设置新文档 可以定义被Dreamweaver用作站点默认文档的文档类型。例如，如果站点的大多数页面都是特定的文件类型（如Cold Fusion、HTML或ASP文档），可以设置自动创建指定文件类型的文档首选参数。 执行【编辑】|【首选参数】命令，可以设置默认的新建文档类型和首选参数，或者定义在Dreamweaver中创建的HTML文档的默认文件扩展名。如图所示： 4.1.4 打开现有文档 在Dreamweaver中，可以打开现有HTML文档或任何动态文档类型，即使没有在Dreamweaver中创建该类型。 可打开文档并利用“设计视图”或“代码”视图的创作功能，用Dreamweaver编辑文档。 打开已经存在的文档也有三种方式： 可以通过文件面板找到该文档，双击打开它； 也可以选择主菜单中的【文件】|【打开】，在弹出的对话框中找到该文件打开它 还可以在起始页对话框中选择【打开最近项目】|【打开】，在弹出的对话框中找到该文件并打开它。 预览和调试页面 文档编辑完成后或编辑过程中，可以使用文档工具栏中的“在浏览器中预览和调试”按钮 (或按F12键)进行预览，以查看所编辑文档在浏览器中的实际显示效果。 4.2 使用页面 Dreamweaver提供了许多帮助用户设置网页的功能。这些页面设置功能可以帮助用户更容易地指定网页属性，例如页标题、背景图像和颜色以及文本和链接的颜色等。 4.2.1 关于页面属性 用户在Dreamweaver中创建的每一页，都可以使用“页面属性”对话框指定布局和格式设置属性。 页面属性是指网页的一般属性信息，例如，网页标题、网页背景颜色、背景图像、超链接颜色、跟踪图像等。 设置页面属性即设置整个页面的外观等属性。可以通过以下三种方式打开“页面属性”设置对话框。 ① 在文档窗口