多媒体技术与应用第8章XHTML超文本编辑——Expression Web.pptVIP

*8.6.6XHTML文档层屏幕是二维的，XHTML文档提供了层的机制以模拟实现三维空间特性。XHTML文档层本质上赋予了z-indexCSS属性值的相对定位或绝对定位的div元素，这些div元素通过不同的z-index数值而确定Z轴方向的块状区域并层叠起来。层通过Layer(层)面板可视化设置并管理，Design(设计)视图状态时，选择Panels(面板)|Layers(层)，将打开Layers(层)面板如图8-26所示。*8.6.7XHTML文档预览与DOMExpressionWeb提供多种预览方式，如选择Panel(面板)|Snapshot(快照)菜单项，选择File(文件)|PreviewinBrowser(浏览器中浏览)的子菜单项等，在此叙述功能最为强大的SuperPreview预览，并打开示例文件try-ExpressionWeb\OrganizationDescription\default.html为预览案例，然后选择File(文件)|DisplayinSuperPreview(超级预览)命令将打开SuperPreview窗口，如图8-28所示。*8.7XHTML文档内容8.7.1文本内容XHTML作为超文本语言，文本定义是最基本的功能。文本定义首先需要生成文本相关的标记(如p、div、span等，已在8.6.4节详述)，然后在标记之间编辑文本内容，还可根据具体需要为文本赋予格式(将在8.8节详述)。ExpressionWeb中生成文本内容，如输入、选定、复制、粘贴、删除、移动等编辑操作和前期课程Word软件几乎完全相同，可自主上机实验，在此不赘述。注意，如果需要选择元素/标记，请参见节图8?15所示的QuickTagSelector(快速标记选择器)，或者通过Code(代码)视图中的代码选定。*8.7.2外部媒体、组件的引用引用图像、背景图像1)引用图像2)引用背景图像*引用ActiveX组件1)引用ActiveX组件2)设置所引用的ActiveX组件的参数3)??ActiveX组件引用小结*引用外部XHTML文档新建一个XHTML文档并保存(例如保存为“外部XHTML文档引用.htm”)，准备引用外部XHTML文档。然后，参照节图8-15所示的Toolbox(工具箱)面板中，拖动HTML的Tags类别下的InlineFrame到XHTML文档中，将生成一个嵌入式框架如图8-35所示。*8.8XHTML文档格式——CSSXHTML文档可理解为内容、格式、功能三类主要信息。上述ExpressionWeb生成XHTML文档内容后，需要进一步赋予格式，主要通过CSS样式实现。由于兼容历史的原因，XHTML也含有一些元素可直接定义格式(如前面叙述过的p,list,table等)，但这些元素的格式功能是很有限的，而CSS分为嵌入式CSS、内部CSS、外部CSS三个层级类型(参见3.6.11节)，功能强大灵活，ExpressionWeb则提供了强大的CSS样式可视化编辑功能。编辑、管理整个XHTML文档的CSS一般通过ManageStyles(管理样式)面板可视化操作，编辑管理一个元素的CSS往往通过CSSProperties(CSS属性)面板可视化操作。*8.8.1文档CSS编辑打开示例文件try-ExpressionWeb\OrganizationDescription\default.html，然后，选择Panels(面板)|ManageStyles(管理样式)命令将打开ManageStyles面板，如图8-38所示。*为文档新建、修改、删除内部和外部CSS1)为文档新建内部和外部CSS样式2)修改文档中的内部和外部CSS样式3)重命名内部和外部CSS样式中的类特性选择器4)删除文档中的内部CSS样式*为文档附加、取消外部CSS1)为当前文档附加外部CSS2)去除当前文档所附加的外部CSS链接*内部或外部CSS应用到元素1)内部或外部CSS应用到元素2)选定文档中应用了某样式的所有元素实例*改变CSS层级如果鼠标拖动ManageStyles(管理样式)面板中的选择器，有时可能将选择器移动到不同的层级，表示样式在内部样式、外部样式之间进行了移动，即改变了样式的层级或者应用到了新的元素等。由于比较复杂不好理解，所以建议不使用拖动，而直接通过CSS代码的编辑操作而改变样式的层级。直接编辑CSS代码，可谓是CSS编辑的终极方法。*8.8.2元素CSS编辑打开示例文件try-Expressio