第1章_初识Dreamweaver_CS4探究.ppt

第1章 初识Dreamweaver CS4;Dreamweaver是美国著名的多媒体软件开发商Macromedia公司（已被adobe公司收购）针对专业网页设计师特别开发的Web站点开发程序，在Web站点、Web页面和Web应用程序的设计、编码、开发上具有开创性。集网页制作和管理于一身，所见即所得。 Dreamweaver提供了功能全面的编码环境，加速了站点的建设，简化了站点的维护，能自由地导入、导出手工编码的HTML文档，并为用户使用服务器技术生成由动态数据库支持的Web应用程序提供了可能。利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。;网页三剑客;1.1 Dreamweaver优点：;（1）灵活的编写方式;模版和 XML。DW将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版（即模版），指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容却不会不小心改变既???之样式。 如果偏爱使用 XML 数据，DW也提供了相关工具，可帮助轻松创建 XSLT 页、附加 XML 文件并在 Web 页中显示 XML 数据。可以使用样版正确地输入或输出XML内容。;DW是开放的、可扩展的，用户可以完全自定义。可以创建您自己的对象和命令，修改快捷键，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 DW 的功能。 可以利用操作环境面板提供的CSS格式化文本、利用层Layer定位网页元素、利用对象库Library实现代码的重复使用，甚至可以进行本地和远程站点的管理和异地网页编辑。 DW是一款容易上手和熟练掌握的优秀网页制作软件。;（2）可视化编辑界面;可以快速地创建页面而无需编写任何代码，同时，提供了强大的设计功能来确保高质量网页的完成，设计环境也使用了层叠样式表CSS（Cascading Style Sheets）来进行网页样式的统一管理，可以迅速高效地开发出代码简洁、专业规范的站点。;（3）功能更多的CSS支持——CSS可视化设计及检查工具;（4）动态跨浏览器验证;（5）强大的Web站点管理功能;（6）内建的图形编辑引擎;（7）Dreamweaver的集成特性;（8）丰富的媒体支持能力;（9）超强的扩展能力;当然， Dreamweaver最大的优点是可以使一个原来对网页一窍不通的人迅速成为网页制作的高手，更可以给专业的网站设计师提供强大的开发工具和无穷的创作灵感，不必写一行代码，就能够实现Javascript和DHTML才能实现的特效。;1.2 DW缺点：;（2）页面原始代码难以控制性。比如在所见即所得编辑器中制作一张表格也要几分钟，但要它完全符合要求可能需要几十分钟，甚至更多时间。而相比之下，非所见则所得的网页编辑器就不存在这个问题，因为所有的HTML代码都在您的监控下产生，但是由于非所见则所得编辑器的工作效率低。如何实现两者的完美结合，则既产生干净、准确的HTML代码，又具备所见即所得的高效率、直观性，一直是网页设计师梦想。在 DW之前，Frontpage 98一直被人们认为是最好的所见即所得网页编辑器，但是它同样继承了所见即所得的种种劣性。但是DW正在努力向这个梦想一步步走去。 ;1.3 DW CS4的安装与启动;1.4 DW CS4的工作区;1.4.1 新建一个空白文档;;1.4.2 DW CS4的工作区;（1）、标题栏 显示文档页面标题。 如果做了更改但尚未保存，将在文件名后显示一个星号。 （2）、菜单栏 主要由10个菜单组成：文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助。 所有的操作都可以在这里找到相应的菜单。;（3）、【插入】面板;【插入】面板下拉菜单包括：;（4）、工具栏;（5）、【文档】窗口;（6）、状态栏;④缩放工具;若要缩放后编辑页面，单击状态栏中的【指针工具】，然后在页面内单击鼠标左键进入编辑状态。 若要缩放后平移页面，单击状态栏中的【手形工具】即可拖动页面。;⑤设置缩放比率;⑥窗口大小弹出菜单;⑦文档大小和估计下载时间;（7）、【面板组】;CSS CSS样式（【全部】、【正在】）、层 应用程序 数据库、绑定、服务器行为、组件 标签body 属性、行为 文件 文件、资源、代码片断;（8）、【属性】面板;（9）、标签栏;1.5 DW CS4的新功能;①布局按钮： 这个按钮似乎和下方的代码、分割、设计按钮功能重复，目前还不明白DW的意图，唯一增加的新功能是垂直分割，让代码和设计界面以垂直对比的方式呈现。 ②精简设计： 这一布局提供了更多的可视区域，同时可以把右边的菜单收缩到只剩下图标。对于习惯了Adobe其他设计软件的朋友来说，这的确是非常贴心的设计。;③应用程序开发增强： 左上方是和数据相关的面板，包括数据库面