[工学]Dreamweaver_CS3_Flash_CS3应用基础案例教程.pptVIP

实训准备 原始文件 素材\项目1\实训1\eg\ 最终文件 素材\项目1\实训1\final\ 下一项目：用表格布局网页 * * * * Dreamweaver CS3、Flash CS3应用基础案例教程 项目分解： 任务一 创建和管理站点 ├创建本地站点 ├管理站点文件 ├使用站点地图 任务二 创建文本网页 ├页面属性设置 ├在网页中插入文本 ├设置文本格式 任务三 制作图像网页 ├在网页中插入图像 ├图像和文字的对齐方式 任务四 创建多媒体网页 ├在网页中插入FLASH对象 ├给网页添加音乐和视频 教学准备 素材：素材\项目1\eg\ 效果：素材\项目1\fina\ 项目1 建站及创建基本网页 　　在Dreamweaver中，“站点”这个术语，既可以用于表示位于Internet服务器上的远端站点，也可以用于表示位于本地计算机上的本地站点。一般来说，应该首先在本地计算机上构建本地站点，创建合理的站点结构，使用合理组织形式来管理站点中的文档，并对站点进行必要的测试。在一切都准备好之后，再将站点上载到Internet服务器上，以便他人的浏览。 　　本地文件夹相当于工作目录。Dreamweaver 将该文件夹称为“本地站点”。此文件夹可以位于本地计算机上，也可以位于网络服务器上。这就是为 Dreamweaver 站点所处理的文件的存储位置。 项目1 建站及创建基本网页 活动1 创建本地站点 活动2 管理站点文件 活动3 使用站点地图 任务一：创建和管理站点 项目1 建站及创建基本网页 1.合理规划站点： 知识延伸 合理的站点结构，能够加快对站点的设计，提高工作效率，节省您的时间。如果您将一切网页都存储在一个目录下，当站点的规模越来越大时，管理起来就会变得很不容易。因此，一般来说，应该利用文件夹来管理文档。在规划站点结构时，一般应该遵循如下一些规则： （1）用文件夹来保存文档 一般来说，应该用文件夹来合理构建文档的结构。首先为站点创建一个根文件夹（根目录），然后在其中创建多个子文件夹，再将文档分门别类存储到相应的文件夹下，必要时，可以创建多级子文件夹。 1.合理规划站点： 知识延伸 （2）使用合理的文件名称 如果用户中可能仍然有人使用不支持长文件名的操作系统，则应该尽量用8.3式的短文件名命名文件。 中文的文件名称可能导致浏览错误或访问失败，应尽量使用英文或者用汉语拼音作为文件的名称的拼写。 首页我们一般使用index或default来命名，很多Internet服务器采用Unix操作系统，它是区分文件的大小写的。例如Index.html和index.html是完全不同的两个文件，而且可以同时出现在一个文件夹中。因此，建议在构建的站点中，全部使用小写的文件名称。 1.合理规划站点： 知识延伸 （3）合理分配文档中的资源 文档中不仅仅是文字，它还可以包含其他任何类型的对象，例如图像、声音、动画等，这些文档资源通常不能直接存储在HTML文档中，因此需要着意考虑它们的存放位置。 一般来说，可以在站点中创建一个images文件夹，然后将相应的资源保存在该文件夹中；或多建几个不同的资源类型文件夹，例如swf、media……对网站中的动画、音视频等分门别类进行存储。 2.使用站点地图 ： 知识延伸 Dreamweaver站点地图是理想的站点结构布局工具，使用它可以将新文件添加到Dreamweaver站点，或者添加、修改或删除链接。 1. 将“素材\项目1\final ”文件夹也拷贝到硬盘上，将它设为本地站点“项目1”的站点文件夹，并设置站点主页为“index.html”页面； 2. 查看“项目1”的站点地图，并且尝试在站点下拉列表中切换“项目1”和“站点1”的两个站点。 小试身手 任务二：创建文本网页 活动1 页面属性设置 活动2 在网页中插入文本 活动3 设置文本格式 项目1 建站及创建基本网页 文本的HTML代码： 知识延伸 （1）文字的HTML标签 bfont color=#FF0000 size=+1 face=宋体音乐教育 /font/b 属性b是表示字体加粗； 属性font是表示字体，它后面的参数分别表示的是： color（字体颜色），后接的颜色值通常为一个RGB值； size（字体大小），后接的是+或者-数值； face（字体类型），常接字体样式。 HTML语言通常都是成对出现的，例如有一个b，通常都会有一个/b，没有这种对应关系的HTML代码，只有br换行标签和img图像标签。 文本的HTML代码： 知识延伸 （2）项目列表的HTML标签