Dreamweaver 8案例教程.ppt

21世纪中等职业教育规划教材 第3章 页面操作 3.1 基本操作 基本操作 页面操作是设计网页的基本操作，它包括了打开和编辑文档、控制文档属性、定义文档标题等多个方面。 3.1.1新建页面 当Dreamweaver 8.0启动时，系统会自动创建一个无标题的文档，默认为html空网页，如果为您提供了几种选择新的工作文档的选项。可以用下列方法创建新文档： 1. 选择 “文件” “新建”。 即出现 “新建文档”对话框，如图3-1所示。“常规”选项卡已被选定。 3.1.1新建页面 2. 从 “类别”列表中选择 “基本页”、“动态页”、“模板页”、“其他”或 “框架集”；然后从右侧的列表中选择要创建的文档的类型。例如，选择“基本页”创建 HTML 文档，或选择“动态页”创建 ColdFusion 或 ASP文档，诸如此类。 3. 单击 “创建”按钮。新文档在 “文档”窗口中打开。 3.1.2存储页面 文档创建之后需要保存它，保存文档步骤如下： 若要保存新文档，请执行以下操作： 1. 选择 “文件” “保存”，快捷键是Ctrl+S，如图3-2所示 3.1.2存储页面 2. 在出现的对话框中，定位到要用来保存文件的文件夹。 注意：最好将文件保存在 Dreamweaver 站点中。 3. 在 “文件名称”文本框中，键入文件名。 请不要在文件名和文件夹名中使用空格和特殊字符，文件名也不要以数字开头。具体说来就是不要在打算放到远程服务器上的文件名中使用特殊字符 （如 é、 ?、或 ￥）或标点符号 （如冒号、斜杠或句号）；很多服务器在上传时会更改这些字符，这会导致与这些文件的链接中断。 4. 单击 “保存” 3.1.3打开已有的页面 在 Dreamweaver 中可打开现有 Web 页或基于文本的文档，即使它们不是用Dreamweaver 创建的。可打开该文档并用 Dreamweaver 在 “设计”视图或 “代码”视图中编辑该文档。 若要打开现有的文件，请执行以下操作： 1. 选择 “文件” “打开”，出现 “打开”对话框，如图3-3所示。 3.1.3打开已有的页面 2. 定位到并选择要打开的文件。 3. 单击 “打开”，文档在文档窗口中打开。 3.1.4浏览和调试页面 可以随时在浏览器中预览文档，而不必先保存文档或将文档上传到 Web 服务器，默认浏览器为IE浏览器，浏览页面的具体方法为： 方法一：单击 “文件” “在浏览器中预览”，选择一个浏览器浏览。 方法二：使用快捷键F12 键在主浏览器中显示当前文档，或者使用Ctrl+F12在候选浏览器中显示当前文档。 3.1.4浏览和调试页面 方法三：单击在浏览器上预览/调试按钮，或者在下拉菜单中选择浏览器，如图3-4所示。 3.1.5 页面属性 页面标题、背景图像和颜色、文本和链接颜色以及边距是每个 Web 文档的基本属性。用户可以使用 “页面属性”对话框设置或更改页面属性。 打开页面属性对话框。 使用下面的方法之一就可以打开页面属性对话框，如图3-5所示。 方法一：单击“修改”菜单下的“页面属性”； 方法二：单击文本 “属性”检查器中的 “页面属性”按钮，即会打开 “页面属性”对话框。 方法三：在页面空白处单击右键，选择“页面属性”。 页面属性对话框 3.1.5 页面属性 2. 设置页边距 在“页面属性”对话框中的“外观”选项卡中设置上、下、左、右边距。 3. 设置页面标题 在页面属性对话框中的“标题/编码”选项卡，在标题单行文本框中输入页面标题。 注意：如果不给页面加标题，页面会在浏览器窗口、书签列表和历史记录列表中显示为无标题文档。 4. 设置页面背景颜色 在页面属性对话框中的“外观”类别中可以设置页面的背景颜色。 注意：如果同时使用背景图像和背景颜色，下载图像时会出现颜色，然后图像覆盖颜色。如果背景图像包含任何透明像素，则背景颜色会透过背景图像显示出来。 3.1.5 页面属性 5. 设置页面链接颜色 在页面属性的“链接”选项卡中，可以设置页面中链接的颜色，如图3-6所示。 3.1.6 导入WORD文件 在Dreamweaver8.0中可以直接导入Word文档和Excel文档。其步骤如下： 1. 单击“文件”菜单下“导入”，选择“Word文档” 2. 在弹出的对话框中，选择相应的Word文件 在对话框中选择“清理Word段落间距”的复选框，可以清理Word生成的无关HTML代码。 3. 单击“确定” 也可以在打开了word生成的HTML文档后，再单击“命令”菜单中的“清理Word生成的HTML”选项，如图3-7所示 清理Word生成的HTML 3.1.7 HTML源文件的操作 显示HTML源代码的方法有： 方法一：单击“查看