fireworks cs5入门与提高课件第11章 HTML代码的使用.pptVIP

第11章 HTML代码的使用 本章重点 本章将介绍Fireworks CS5中的HTML代码的使用，内容包括HTML语言的基础、在Dreamweaver中的Fireworks代码的应用、Fireworks中HTML代码的复制等。Fireworks允许用户保持全局的代码风格，并且为特定的客户、任务甚至图像选择合适的代码风格，与Dreamweaver和FrontPage等网页制作软件能够具备很好的交互功能。 学习目的 通过本章的学习，您可以： 掌握Internet基础内容。 掌握Dreamweaver中Fireworks的应用。 掌握Fireworks中HTML代码的复制方法。 11.1 Internet基础 将地理位置不同的多个计算机系统通过通信线路连接在一起，由网络软件实现网络资源共享和互相通信的整个信息系统叫计算机网络。 11.1.2 万维网的定义 万维网，即WWW（World Wide Web），是20世纪末出现的新技术。作为Internet的一部分，万维网使得浏览Internet变得非常简单，只要用鼠标点击，就可以显示图文并茂的网页，甚至可以有声音、视频、动画等。万维网采用超文本传输协议 。 11.1.4 URL简介 一个完整的URL地址由协议名、Web服务器地址、文件在服务器中的路径和文件名四部分组成。 URL分为多种形式，最常用的是以HTTP开头的网络地址形式和以FILE开头的文件地址形式。 11.2.1 导出图片至Dreamweaver 首先要明确这些由Fireworks生成的图形将要应用的位置 。 当导出图片的时候，要设置HTML输出的类型。在“导出”对话框中，可以从HTML风格列表中选择Dreamweaver或者Dreamweaver Library，使得Fireworks产生的代码可以和Dreamweaver完全匹配。 11.2.3 在Dreamweaver中的图像编辑 一般情况下，只需要对图片进行缩放、裁剪或者改变文件的大小就可以满足Web页的制作要求。但在某些时候也需要进行进一步的工作，对图片进行编辑。 Dreamweaver 为自动启动特定的应用程序来编辑特定的文件类型提供了首选参数。若要使用 Fireworks 的启动并编辑功能，请确保在 Dreamweaver 中将 Fireworks 设置为 GIF、JPEG 和 PNG 文件的主编辑器。 11.2.4 加入CSS图层 图层是一种可以精确定位、隐藏、显示或者在屏幕上运动的Web容器。这些类型的图层都是使用标准的CSS（Cascading Style Sheets）方法来创建的。Fireworks CS5能直接导出图片到CSS图层。CSS作为一个自由浮点结构，能在任何高版本的浏览器中显示。 有两种不同的方法向Dreamweaver导入CSS图层, 一种是导出Fireworks图层，另一种是导出Fireworks状态。 11.3 HTML代码的复制 在复制和粘贴从Fireworks中导出的HTML代码到其他的HTML文件时，一定要定好在目标文件中粘贴的位置，否则链接可能会断开。同时，复制过程中，没有必要复制 HTML 和 BODY标记，因为目标文件中已经有了这些标记（一个HTML文件只包含一对HTML 和 BODY标记），只需要复制所需元素所在的部分。 11.3.2 复制映射图的代码 Fireworks为客户端图片映射图导出的代码包括图形的链接和MAP信息来定义图形的热点区域。第一部分是图片标签img, 这里包含了整个地图形信息。img属性包括src（图形文件名），图片尺寸以及映射图数据usemap。Usemap属性设置为下一个图片映射图元素（map标签）的名称。对于图片映射图中的每一个热点，在其map和/map标签之中都有相应的area标签。 11.3.4 复制切片的代码 当Fireworks导出图形切片时，导出的HTML文件包括一个表格，这个表格在网页中将把切片重新组织起来。从一个简单的图形切片导出代码非常直接，因为在HTML文件中，所有的代码都包含在一个标记table中，即所有的代码都在table和/table之间。并且Fireworks还加入了自己的注解，表示从何处开始复制以及到何处结束。如果用户还同时导出JavaScript滚盖图或图片映射图，那么在HTML代码中还将包括相应的信息。 * * 11.1.1 Internet简介 Internet即国际计算机互联网，也被称为全球信息资源网。它是由符合TCP/IP协议的网络组成，包括美国政府的各联邦网、局域网、校园网、其他国家的各种网络等。Internet上的信息存放在世界各地的数百万台计算