Web网页制作解读.ppt

第15章 Web网页制作 15.1 Fireworks中的HTML 15.2 结合Dreamweaver 15.1 Fireworks中的HTML 15.1.1 关于HTML 15.1.2 导出HTML 15.1.1 关于HTML HTML被称为“超文本标记语言”，作为Internet上显示网页的标准语言，一个HTML文件包含有下列文本文件： 在网页上显示的文本。 HTML标记符，可定义内容的格式设置和结构，包括了网页的文本、整个文档、指向图像或指向其他HTML文档的链接。 15.1.1 关于HTML 1. 将HTML内容导入到Fireworks 其他应用程序中创建的HTML内容，可以用Fireworks打开和导入，此时Fireworks根据HTML代码，重建所定义的布局和行为，例如重建包含切片图形、JavaScript按钮和其他类型交互性的网页，因此在没有源PNG文件的情况下，也可利用原有的网站进行设计。用此功能无需重建页面或修改其脚本，就可快速打开或导入网页，以便更新图形、更改文档布局或改变导航链接、按钮等交互元素。 15.1.1 关于HTML 2. HTML中的注释 根据Fireworks HTML中的注释，可知代码各部分涉及的内容。此注释以“!--””开始，以“--”结束，两个标记之间的任何内容都不被解释为HTML或JavaScript代码。必须先在Fireworks中启用该选项，才可以在HTML中包含注释，也就是在导出前，在“HTML设置”对话框的“常规”选项卡上选择“包含HTML注释”选项。 15.1.2 导出HTML 1. 导出Fireworks 的HTML Fireworks导出HTML的格式有：“通用”、“Dreamweaver”、“FrontPage”和“Adobe GoLive”四种格式。 打开“导出”对话框，选择“文件”→“导出”命令，然后选择“HTML 和图像”即可导出Fireworks 的HTML。 15.1.2 导出HTML 2. 复制HTML到剪贴板 把HTML复制到剪贴板，是导出Fireworks HTML的一种快速方法。在Fireworks中复制HTML代码有两种方法，使用“复制HTML代码”命令，或在“导出”对话框中选择“复制到剪贴板”。 15.1.2 导出HTML 3. 更新导出的HTML 使用“更新HTML”命令，可更改导出的Fireworks HTML文档，或只更新文档的某个部分。更新HTML时，可选覆盖所有的代码和图像，或只替换更改过的图像。 15.1.2 导出HTML 4. 导出CSS层 CSS称为“层叠样式表”，可更进一步控制网页的显示方式。用CSS层可创建样式表或模板，可定义显示方式来显示不同的元素如标题和链接，并可同时控制多个网页的样式和布局。 15.1.2 导出HTML 7. 设置HTML导出选项 定义Fireworks中导出HTML的方式，可使用“HTML设置”对话框。更改“文档特定信息”选项卡只影响当前文档，而“常规”和“表格”设置是全局首选参数。 15.2 结合Dreamweaver 15.2.1 在Dreamweaver中放置Fireworks图像 15.2.2 在Dreamweaver中放置Fireworks HTML代码 15.2.3 在Dreamweaver中编辑Fireworks文件 15.2.4 优化Dreamweaver中的Fireworks图像和动画 15.2.5 设置“启动并编辑”选项 15.2.6 使用“文件管理”按钮 15.2.1 在Dreamweaver中 放置Fireworks图像 1. 将Fireworks图形放入Dreamweaver文档 在Fireworks中导出图像后，使用Dreamweaver的“文件”面板或“插入”菜单，可直接插入Fireworks和Dreamweaver支持的任何图形文件格式。 15.2.1 在Dreamweaver中 放置Fireworks图像 2. 使用Dreamweaver占位符 图像占位符用于指定在?Dreamweaver中，放置Fireworks图像的大小和位置。创建Fireworks图像，使用Dreamweaver图像占位符时，系统创建一个新的Fireworks文档，包含相同尺寸的一个画布，而可以使用任何工具创建图形在Fireworks的内部，修改返回到Dreamweaver后，新Fireworks图形取代图像占位符。 15.2.2 在Dreamweaver中放置 Fireworks HTML代码 1. 将HTML代码导出或复制到Drea