第5章 Dreamweaver入门.pptVIP

第5章 Dreamweaver入门 本章要点 ☆Dreamweaver的窗口菜单功能 ☆站点的创建 ☆网页布局方式 ☆网页编辑方法 ☆图片的编辑 ☆链接与导航的添加 第5章Dreamweaver入门 5.1 Dreamweaver 8窗口菜单介绍 5.2站点的创建 5.3 网页布局 5.4 网页编辑 5.5 图片的编辑 5.6 添加链接与导航 5.1 Dreamweaver 8窗口菜单介绍 5.1.1 初识Dreamweaver 8 5.1.2 主菜单介绍 5.1.3主窗口介绍 5.1.1 初识Dreamweaver 8 Dreamweaver是一款专业HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 无论直接编写HTML代码还是在可视化编辑环境中工作，Dreamweaver都会提供很多快捷的工具，丰富Web创作体验。 Dreamweaver是可以完全自定义的，可以使用它创建自己的对象和命令、修改快捷键，甚至可以书写JavaScript代码，从而用自己创建的新行为、属性检查器和站点报告来扩展Dreamweaver的功能。 1.Dreamweaver 8新功能 Dreamweaver 8是Micromedia Dreamweaver的必威体育精装版版本，同以前的版本相比，它增加了许多全新的功能，如下： 1．网页缩放编辑功能。Dreamweaver 8的缩放编辑功能，能够让设计者更容易地对齐图像，对较小的对象进行设置或查看较小的文本，并检测或使用复杂的嵌套表布局。 2．代码折叠功能。在Dreamweaver 8中，面对庞大、繁杂的代码，设计者们只要把暂时不需要的代码折叠起来，就不用来回拖动滚动条了。在代码窗口中，单击【折叠整个标签】按钮，就将此段代码折叠到一起，还可以折叠选中的一部分代码。 1.Dreamweaver 8新功能 （3）统一的CSS面板。CSS面板现在完全重新设计为一个统一的面板。它将Dreamweaver MX 2004的众多CSS面板集中到了一个位置。这样，CSS面板就变成一个更富有可用性的控制面板。使用CSS面板可以快速确认样式、编辑样式、查看应用于页面元素的样式。 （4）文件传送功能。新增功能使用户能够在Dreamweaver 8与服务器通信时，使用本地计算机上的文件。也就是说，当Dreamweaver 8将文件上传到服务器上时，无须等待，可以继续工作，这大大提高了工作效率。 正因为Dreamweaver 8具有了这些新的功能，所以本书选择Dreamweaver 8进行讲解。 2.Dreamweaver 8启动界面 启动Dreamweaver 8后，画面的中央由三个列表栏组成，会出现如图5-1所示的画面。 （1）打开最近项目：此栏中列出了最近打开的文件列表，用户可以双击文件快速将其打开。 （2）创建新项目：此栏中列出了可以创建的新文件类型，如果需要创建的文件类型不在列表内，可以单击此列表栏下方的【更多】命令，调出更多可创建的文件类型。 2.Dreamweaver 8启动界面 2.Dreamweaver 8启动界面 （3）从范例创建：此栏中提供了许多网页模板，使用这些模板可以直接从模板中新建文件，新建的文件继承了模板网页的布局设置。 要新建一个HTML文档，单击【创建新项目】列表栏中的【HTML】命令，此时Dreamweaver 8的工作界面如图5-2所示。 Dreamweaver 8的工作界面由菜单栏、工具栏、插入面板、文档窗口、属性面板和面板组六个部分整合而成。 2.Dreamweaver 8启动界面 5.1.2 主菜单介绍 Dreamweaver工作界面的菜单栏里包括以下选项： 【文件】菜单包括标准的菜单项，例如【新建】、【打开】、【保存】、【保存全部】等各种命令，用于查看当前文档或对当前文档执行操作，例如，【在浏览器中预览】和【打印代码】。 【编辑】菜单包含标准的菜单项【剪切】、【复制】、【粘贴】、【撤消】、【重做】和其他命令，包含选择和有哪些信誉好的足球投注网站命令，例如【选择父标签】、【查找和替换】等。 【查看】菜单使你可以看到文档的各种视图，并且可以显示和隐藏不同类型的页面元素、工具和工具栏。 【插入】菜单提供【插入】栏的替代项，用于将对象插入到你的文档中。 5.1.2 主菜单介绍 【修改】菜单使你可以更改选定页面元素或项的属性。使用此菜单，可以编辑标签属性，更改表格和表格元素，并且为库项和模板执行不同的操作。 【文本】菜单使你可以轻松地设置文本的格式。 【命令】菜单提供对各种命令的访问，包括设置代码格式的命令、创建相册的命令、使用Macromedia Fireworks优化图像的命令等。 【站点】菜单提供