《网页设计实用教程》第02章.ppt

第2章  Dreamweaver MX快速入门 学习目的： Dreamweaver MX中文版的安装 认识Dreamweaver MX的基本界面 认识各式各样的控制面板 认识代码检查器 认识站点管理窗口 本章概述 假如制作网页的方法只有第1章介绍的用HTML代码来编写这一种方法，相信会难倒众多的主页制作爱好者， 事实上，借助“所见即所得”的Dreamweaver MX工具来制作网页，可以让初学者轻松实现建立个人网站的梦想。 本章正是通过一个网站相册的制作实例，来证明初学者可以在极短的时间里轻易制作出看起来较为复杂的网站相册， 经过这个网站相册的制作过程后，相信读者会对Dreamweaver MX产生极大的兴趣。 本章的主要任务是结合实例就Dreamweaver MX的概貌作详尽介绍，让初学者尽快入门。 2.1制作网站电子相册 1. 准备好制作电子相册的素材 2. 制作网站电子相册 启动Dreamweaver MX 命令?创建网站相册 填入必要信息， 源图像文件夹 myphoto 目的文件夹 mywebphoto 计算机自动处理(Fireworks) 相册已经建立 确定 3. 在浏览器中预览网站电子相册 4. 保存文件 1. 准备好制作电子相册的素材 2. 制作网站电子相册 启动Dreamweaver MX 命令?创建网站相册 填入必要信息 源图像文件夹 myphoto 目的文件夹 mywebphoto 调用Fireworks 相册已经建立 调用Fireworks完成后 确定 在浏览器中预览网站电子相册 2.2 知识要点 2.2.1 认识Dreamweaver MX中文版基本界面 对比 MX 2004 认识Dreamweaver MX 2004中文版基本界面 2.2.2 认识窗口项目 1. 菜单栏 2. 插入面板 在“菜单栏”下是“插入面板”，在这个面板中有“常用”、“布局”等12个标签， 单击其中的某一个标签选项，就可以在面板的下面显示相应的工具按钮， 单击这些按钮后，用鼠标在编辑区内就可以执行某项操作。 “常用” 面板。如图2-12所示为 布局项面板 文本项面板 表单项面板 模板项面板 字符项面板 媒体项面板 文件头项面板 脚本项面板 应用程序项面板 3. 文档工具栏 在文档工具栏中，可以设置文档的视图方式、标题和调试站点等内容。如图2-23所示。 4. 属性面板 2.2.3 面板组 在窗口的右边是“面板组”，其外观如图2-26所示。 文件”面板 管理站点 启动dreamweaver 站点?管理站点 设置本地网站 设置本地网站 如想使用FTP 需要已安装了IIS(Internet Infornation Server)因特网信息服务功能 Win2000Server一般默认状态已安装 Xp Home版、Win98不支持该功能 Xp Prefessional 默认状态下不安装 如无法安装IIS则需选择本地/网络 完成基本设置 折叠和展开站点管理视图 查看远端文件 单击工具栏上“刷新”按钮 站点管理窗口—上传文件 确认上传，完成上传 站点管理窗口切换 按（ALT+F8 ）键可以打开站点管理窗口“站点地图”视图。 按（　 F8 ）键可以打开站点管理窗口“站点文件”视图。 “站点地图”视图 “ “答案”面板 类似菜单中的帮助 2004应没有 时间轴控制面板 显示层与图像随时间变化的属性。可以在网页中快速制作动画。 2.3 本章小结 本章通过快速制作一个网上电子相册，作为学习Dreamweaver MX中文版的一个序曲，尽管这个实例并没有让我们全面接触Dreamweaver MX中文版的每一个功能，但其表现出来的强大功能及易操作性，让人不得不对这一网页制作软件产生兴趣， 在此基础上，本章内容系统地介绍了Dreamweaver MX中文版界面组成及各个控制面板功能。 这些知识，能使读者对Dreamweaver MX中文版的全貌有一个概括的了解，能使读者学习Dreamweaver MX中文版时快速入门。 2.4 习题与操作题 习题 【选择题】 （1）用Dreamweaver MX来制作网站电子相册，需要用到（　　　）软件对图片进行优化处理 A 、Fireworks4 B、Flash C、Photoshop D、freehand （2）上传或下载文件在Dreamweaver MX中可以通过（　　　）来实现。 A、预览窗口 B、站点管理窗口 C、行为控制面板 D、编辑窗口 （3）按（　　　）键可