35-Dw模板技术.pptVIP

要点 模板 模板： 原理： 将常用的页面对象制作成模板，留出可以编辑制作的区域。 优点： 页面统一；更改方便，更改模板就使得整个网站采用相同模板的页面都改变；制作方便，仅仅需要填入可编辑区域的内容，另存就可以了等等。 模板可以用普通页、表格、层表格、层、行为等混合页面制作技术。 在DW中，模板是自动存放在templates的文件夹中。如果没有这个文件夹，它会自动建立一个。 模板 模板的制作： 模板可以从已有的页面开始，也可以在新打开的页面中制作； 先制作一个页面，完成后 文件/另存为模板，命名存盘后；选中区域，插入/模板对象/可编辑区域、命名可编辑区域，再存盘即可。 模板的应用： 1. 单击菜单 修改/模板/套用模板到页 在弹出的对话框中选择所需的模板，并定义区域，单击Ok即可。 2. 单击菜单 窗口/模板，打开资源面板，选中模板文件，拖向页面后松开鼠标左键，选择将此页放在哪个可编辑区，定义区域，单击Ok即可。 在打开的模板中，当鼠标在不可编辑区时显示“? ”符号；而在可编辑区时显示正常的可编辑符号“I”。 样式表 样式表 样式表 小结 小结： 利用模板可以制作具有相同外观结构的网页，提高了制作效率。但要注意模板的设计和制作一定要严谨，以防更来改去的。利用模板可以制作站点的不同版本。 如果采用了层特效，比如时间线、动画等的模板，其可编辑区通常不能再插入图层及行为特效(比如弹出菜单)。 在批量制作中，可以采取页内内容由一些人制作、模板由有美工和网页设计经验的人制作，最后套用模板即可。 尤其是站点统一样式表，可以使站点样式规范化。 注意： 当模板采用了层和行为之后，利用模板的页面也采用层和行为，一定要控制各层的前后(Z-index=的数值)，以防互相遮住影响完整性。 层名称不能相同，否则在应用模板时会去掉同名的层发生不该有的情况。层显示属性需要重新设置(show显示和hide隐含)以便应用！ 模板、样式表是站点中采用的技术，请学会。 * 要点与概念： 模板的原理及优点 模板的制作 模板的应用 样式表的创建 样式表的引用 样式表文件 本节小结 样式表： 样式表技术是网页制作中一项非常有用的技术，可以规范网页中的各种对象，保证布局，并且可以活化网页内容，产生丰富多彩的显示效果。 样式表链接方法： 样式表链接到页面上有三种方法：行内、页内、链接样式表； 行内样式表写在HTML标记的属性上，直接引用； 页内样式表写在页头部，用span class引用； 链接样式表，书写一个独立的样式表文件，有HTML标记Link语句将样式表链接到页面中，而后采用span class语句引用。 样式表的制作： 设计/样式表面板 右击空白部分： 编辑样式表：将打开已经有的样式表修改； 附加样式表：将浏览查找已有样式表，Link到页内； 新建样式表：如下图： 类型： 创建自定义样式，将重新定义新的样式内容； 重定义HTML标签，将重新定义HTML已有的标记样式； 使用CSS选择器，则仅对a.超级链接标记定制样式； 标签：中的标记可以重新定义名称； 定义在： 新建样式文件——保存后生成 一个样式表文件共Link用； 仅对该文档——将生成一个本 页头的样式语句串供本页引用； 样式表的制作： 完成上一步后可以在样式表编辑对话框中进行样式编辑，见下右图； 最常用的是分类中的：类型，背景偶尔一用，扩展在特殊场合使用它的Filter(滤镜)； 当制作好了一个后，可以右击 设计/CSS样式表 窗口空白，单击 编辑样式表，而后一个一个的添加各种样式； 选择器的样式是超级链接样式，无法在下左图中看到，只能是有超级链接的对象在浏览 过程中自动实现； 样式表引用： 先选中已引用样式的对象， 而后单击 左下图中样式表中 的样式即可观察到。