[dreamweaver第1章基础篇.pptVIP

选中图片以调整尺寸并继续为网页添加文本与图片和链接。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 除了使用之前介绍的【文件】|【在浏览器中浏览】命令，还可以单击编辑区【文档】工具中的【在浏览器中预览】按钮，然后在弹出的列表中选择【预览在IExplorer】命令即可调用IE查看页面。默认快捷键为【F.12】 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Dreamweaver的面板集成了大量的实用命令。需要展开某个面板时，选择菜单栏【窗口】命令，然后在弹出的列表项中勾选面板名称即可。Dreamweaver按功能将不同的面板整合在一起，形成为数不多的几个面板组。这里主要介绍一些常用的面板。 【CSS样式】面板与【AP元素】和【标签检查器】面板一道位于【CSS】面板组，【AP元素】面板是管理绝对定位元素的地方。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 选择菜单栏【窗口】|【CSS样式】命令以调出【CSS样式】面板（【Shift】+【F11】），这里将列出当前网页中所定义和链接的所有CSS样式。下面使用面板来创建新的CSS样式。在文档编辑区选择标签div#divSidebar，然后单击【CSS】面板中的【新建CSS规则】按钮 。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 弹出【新建CSS规则】对话框，将选择器类型指定为“ID”，在【选择器】框中保持默认值“#divSidebar”，并将规则定义位置指定为“仅对该文档”。 单击【确定】按钮后弹出【CSS规则定义】对话框，在【类型】类别中指定字体为“Verdana”，行高为1.5em。切换至【方框】类别，在此指定宽度为18em，【浮动】模式为“right”（右），【填充】值为1em，【边界】值为0。单击【确定】按钮以保存规则。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 返回文档编辑区后应该发现div#divSidebar标签已浮动到页面右侧。现在继续选择div#divMainCont标签后新建CSS规则，在【新建CSS规则】对话框中保持默认设置以继续。在规则定义对话框的【类型】类别中，选择一种无衬线字体（sans-serif），并将【行高】指定为1.5em；接着切换到【方框】类别，将【填充】值设定为1em，然后指定将右【边界】值为20em，其它为0。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 单击【确定】按钮以保存规则，返回【设计】视图，此时两个应用了CSS规则的Div标签已经分离开来了，如图所示。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 接下来为网页底部的脚注添加CSS规则。选中它所在的div#Footer标签后单击【新建CSS规则】按钮，在弹出的对话框中保持选择器为默认值“#divFooter”，然后单击【确定】按钮以继续。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 弹出【CSS规则定义】对话框，在【区块】类别中设置文本对齐方式（Text-align）为“居中”（center）；接着切换至【方框】类别，指定【清除】方式为“两边”（both），并将上【填充】值设为1em。 Evaluatio