第三讲使用Dreamweaver8创建和管理本地站点课件.pptVIP

第2章使用Dreamweaver8创建和管理本地站点 1 认识Dreamweaver 8 Dreamweaver 是美国Macromedia公司开发的集网页制作和网站管理于一身的网页制作软件，也是第一个专门为网页设计师量身定制的可视化网页制作软件，利用它可以方便、快捷地制作出跨越平台限制和浏览器限制的充满丰富动感的网页。 1.1 dreamweaver版本排序 Dreamweaver 1.0 (发布于1997年12月） Dreamweaver 1.2（发布于1998年三月) Dreamweaver 2.0 （发布于1998年12月） Dreamweaver 3.0 （发布于1999年12月） Dreamweaver UltraDev 1.0 (发布于1999年12月) Dreamweaver 4.0 （发布于2000年12月） Dreamweaver UltraDev 4.0 (发布于2000年12月) Dreamweaver MX （发布于2002年5月） Dreamweaver MX 2004 （发布于2003年9月） Dreamweaver 8 (发布于2005年8月) Dreamweaver CS3 (发布于2007年7月) Dreamweaver CS4(BETA发布于2008年5月17日) Dreamweaver CS4（正式版发布于2008年9月23日） Dreamweaver CS5（正式版发布于2010年4月12日） 1.2 Dreamweaver8 的安装 1.2 Dreamweaver 8 工作界面 标题栏 显示应用程序的名称、最小化、最大化和正常之间的切换按钮以及关闭按钮 1.3 Dreamweaver 8 常用工具 菜单栏 文件：用来管理文件。 编辑：用来编辑文本，如剪切、复制、粘贴等，还包括“首选参 数”命令。 查看：可以设置文档的各种视图，可以显示和隐藏不同类型的 页面元素和工具栏。 插入：用来插入各种元素。 修改：具有对页面元素修改的功能。 文本：用来对文本进行操作。 命令：所有的附加命令项。 站点：用来创建和管理站点。 窗口：用来显示和隐藏控制面板以及切换文档窗口。 帮助：联机帮助功能。 “插入”面板 “插入”面板集成了所有可以在网页应用的对象，包括“插入”菜单中的选项。有常用、布局、表单、文本、HTML、应用程序、Flash元素和收藏夹共8个二级菜单共167个按钮。 “插入”面板其实就是图像化了的插入指令，通过一个个的按钮，可以很容易的加入图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。 文档窗口：用于显示当前创建或编辑的文档 1.文档标题栏 显示当前网页页面的标题及打开的文件名。 2.文档工具栏 文档工具栏包含可在代码视图、设计视图之间快速切换的按钮，并包含一些与选定视图有关的常用命令。 3. 页面编辑区 用于设置和编辑页面内的文本、图形和表格等。 状态栏 用于显示当前编辑文档的状态，主要包括文档的窗口大小、文档的大小和下载时间及标签选择器等。 属性面板 使用“窗口”菜单的“属性”选项或按快捷键Ctrl+F3，可显示或隐藏属性面板。 用于显示当前选定文本或图片等元素对象的属性，且可以用来修改选定对象的属性。 面板组 使用“窗口”菜单中的选项，可以显示或隐藏各种面板。 （1）资源面板 资源面板中列出了当前网页或站点中用到的各种网页元素 。 （2）行为面板 行为面板是编辑网页中由特定事件触发交互行为的地方，能为网页添加很多特殊效果。 （3）CSS样式面板 可以方便地定义CSS样式和管理CSS样式。 （4）代码检查器 列出了当前网页文件的HTML源代码，对不同的HTML源代码将用不同的颜色显示，并用黄色高亮显示错误代码。 （5）框架面板 框架面板以一种在文档窗口中不能显示的方式显示框架集的层次结构 。 （6）层面板 列出了当前网页中的层对象列表和叠放优先顺序：先建立的层位于列表的底部，最后建立的层位于列表的上部。使用层面板可以防止层重叠，改变层的可见性和叠放顺序。 （7）历史记录面板 历史记录面板自动记录了用户最近进行的50步操作。可以通过历史记录面板撤消已完成的操作 。 （8）参考面板 通过参考面板，用户可以快速地获得JavaScript、HTML、CSS和BrowserDOMs等的参考信息。 2 规划站点结构 站点规划是一个复杂的系统工程，包括一系列的组织、策划和