网页设计Dreamweaver_CS3 项目教程 任务二 创建简单Web站点ppt课件.pptVIP

项目一 Dreamweaver CS3站点 网页美化工具-PhotoShop Photoshop是由Adobe公司开发的图形处理软件，它是目前公认的PC机上最好的通用平面美术设计软件，它功能完善、性能稳定、使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面制作工具。 任务二 创建简单Web站点—知识拓展 Fireworks Fireworks是由Macromedia公司开发的图形处理工具，它的出现使Web作图发生了革命性的变化。因为Fireworks是第一套专门为制作网页图形而设计的软件，同时也是专业的网页图形设计及制作的解决方案。 作为一款为网络设计而开发的图像处理软件，Fireworks还能够自动切割图像、生成光标动态感应的JavaScript程序等等，而且Fireworks具有强大的动画功能和一个相当完美的网络图像生成器。 任务二 创建简单Web站点—知识拓展 装备一个铸造车间，需要熔炼设备、造型及制芯设备、砂处理设备、铸件清洗设备以及各种运输机械，通风除尘设备等。只有设备配套，才能形成生产能力。 装备一个铸造车间，需要熔炼设备、造型及制芯设备、砂处理设备、铸件清洗设备以及各种运输机械，通风除尘设备等。只有设备配套，才能形成生产能力。 Dreamweaver CS3 项目教程 任务二 创建简单Web站点 技能目标 熟练运用Dreamweaver CS3创建本地站点。 能熟练运用站点管理器对站点进行创建、管理和更新。 能熟练掌握网站文件的分类管理与调试。 能创建站点相册。 任务二 创建简单Web站点 知识目标 掌握网页设计的规范。 掌握站点的创建方法。 熟悉Dreamweaver CS3工作环境。 了解网页制作的相关知识 熟悉HTML语言 任务二 创建简单Web站点 1.2.1 创建站点相册 1.2.2 问题探究—管理站点 1.2.3 知识拓展—Dreamweaver CS3工作环境 1.2.4 知识拓展—网页制作基础知识 1.2.5 知识拓展—HTML标记语言 1.2.1 创建站点相册 打开DreamweaverCS3，任务一中建立的本地站点“兰苑”显示在文件面板中。 选择菜单“文件/新建/空白页”命令出现“新建文档”对话框，选择基本页为“HTML”，单击“创建”按钮，则新建一个默认名为“untitled-1”的空白页面。 在空白文档中执行菜单“命令/创建站点相册”命令，弹出“创建站点相册”对话框，在此对话框上输入如图1-24所示信息，并勾选“为每张相片建立导览页面”选项。 任务二 创建简单Web站点—构建任务 Dreamweaver CS3在创建站点相册时，将自动调用Fireworks CS3为指定的文件夹中的所有图像创建一个缩略图和一个较大的图像，然后自动创建一个包含所有缩略图及相应图像链接的主页index.htm文件。所以在使用“创建网站相册”功能时，必须保证计算机上已安装了Fireworks 。 任务二 创建简单Web站点—构建任务 当Dreamweaver CS3提示“相册已经建立时”，单击对话框中的“确定”按钮，所有图像的缩略图和图片文件名已经整齐地排列在一个表格中。单击主页index.htm文档工具栏上的“在浏览器中预览/调试”图标，查看网页在浏览器中的效果。 任务二 创建简单Web站点—构建任务 在Dreamweaver CS3窗口右侧的文件面板中，可以直观地发现除原\image目录外，自动生成了一个主页文件index.htm和三个子目录，其中：\images存放放大图像，\pages存放相应的页面文件，\thumbnails存放缩略图。 任务二 创建简单Web站点—构建任务 在创建网站相册时，必须确定本机已安装Fireworks。 任务二 创建简单Web站点—构建任务 任务二 创建简单Web站点—问题探究 1.2.2 问题探究—管理站点 Dreamweaver CS3既是一个站点创建和管理的工具，又是一个网页的创建和编辑工具，沿袭了该系列软件集网页制作和网站管理于一身的“所见即所得”的风格。还增强了面向专业人士的基本工具和可视技术外，它提供了多种创建页面的方法，读者可以创建新的空白HTML页面，打开现有的HTML页面，或使用模板创建新页面。 管理站点——新建文件夹或文件 在桌面右边选择“文件”浮动面板 在窗口中选择“文件|新建文件夹”，站点内会新建一个untitled文件夹。 在窗口中选择“文件|新建文件”，则站点内会新建一个untitled.htm文件。 任务二 创