第8章-使用库、框架、模板.pptVIP

第八章 使用库 库的概念 库可以理解为在网页设计中使用率较高的网页元素的组合。 如要对某些页中的库项目进行一些修改（而其它网页中的库保持不变），可以很容易的打断该页的库的链接，进行适当修改而不影响其他的网页。 遇到在多个网页中重复出现元素组合时，可以将其设置为库，并且可以定义的库项目应用到网站的其他网页中去。 库的创建 为库的创建做准备：在Dreamweaver中，库是依赖于网站而存在的，所以在创建库之前，要先定义好一个网站。 具体步骤：（1）在Dreamweaver 主编辑区中选择需要保存为库项目的网页元素，然后在“修改”菜单，选择“库”子菜单中的“添加对象到库”命令。（2）这时软件会自动切换到“库”类别，用户可以在“名称”栏中为库项目重新命名，系统默认的是无标题，要给它重新命名。 库的创建 创建库的另一种简易方法：打开“库”类别，选择重复出现的元素组合，将其直接拖到库类别中，即可。推荐使用这种方法。 要再次使用库项目，直接将其拖到到页面中即可。 要取消关联，只需在拖动库项目到网页的同时按住Ctrl键，这样出现在网页中的只是库项目中的HTML语句，而不是库项目。取消关联后，当库元素更新时，它不会被更新。 当库项目插入到网页中，库项目的背影会以高亮显示。 编辑库项目 在“库”类别中选择一个库项目，然后单击面板右下角的“编辑”按钮。或者直接双击要修改的项目。 在弹出的库项目编辑窗口中，可任意编辑。 修改完毕后，会弹出一个对话框，单击更新。 更新完毕，系统会弹出一个“更新页面”对话框。（在完成对库的编辑，保存文件后，Dreamweaver会提示用户使用该库文件的网页，比较智能化） 更新页面对话框 资源面板 资源面板包含了九种元素：图像、颜色、超链接、Flash、Shockwave、影片、脚本、模板、库。请大家记住它们分别的图标。 第八章 使用框架 框架的主要特点 框架可能用来增强导航功能。我们一般只用菜单条来导航，我们只需把菜单条放到一个框架中，当切换菜单框架时，菜单条的框架不做任何改变，只改变内容框架部分。而且导航框架在此过程中固定不变，可以使浏览者容易的进行各部分内容的切换。 它有也许多缺点：一些老浏览器对框架的支持性不是很好，在使用框架之后，浏览空间会变小，会产生滚动条，给浏览造成许多不便，有点碍手碍脚的感觉。现在几乎处在被淘汰的尴尬的局面，好多大型网站都避免使用框架结构，如Yahoo， Microsoft ，Sina ，Sohu等大型网站都放弃了框架，它现在的运用方面在电子书籍、邮箱等方面。我们也要作必要的了解。 先设计,后制作。要做到层次分明，主要目的是导航。 框架的主要特点 Dreamweaver MX预设的框架总共有13种。 一个框架构成及设置：一个框架实际是由几个HTML文档所构成的，其中一个专门负责框架的设置，如分行型，或者是分列型，或者是混合型等。另外就是普通的HTML文档，分别被放置到各框架中，当链接到设置框架的HTML文档时，整个框架以及各HTML文档就会一起显示在浏览器中。 创建一个框架 新建一个HTML文档。 单击“插入”栏中的“框架”选项卡中的“左侧框架”按钮将会被分为左右两部分，一个框架就完成了。 在“文件”菜单中选择“保存全部”命令。分别保存它们，注意保存的框架周围会有一圈虚线。 请大家把13种预置的框架都试用一下，从中找出适合自己设计的框架。 如何删除框架 如果操作的步骤少，则可以利用“撤销”来完成。如果操作多步骤后想删除它，就不能用菜单来实现，我们必须用鼠标来完成。具体方法：用鼠标拖动框架间的边框，一直将它拖动最边上，就可以删除一个框架了。 如何重复插入框架/分割框架 重复插入框架（1）新建一个框架。（2）在要重复插入的框架中定位鼠标，再选择一种样式框架，单击该按钮即可。它同时起到了分割框架的作用，但有一个优点就是自动为每个框架都会命名，提高了效率。而且它采用了rows=“80,*”标准框架，这样只指定一个分框架大小的语句，可以适应各种分辨率的浏览器窗口。建议使用这种方法。 如何重复插入框架/分割框架 用拖动鼠标的方法来分割框架“查看”菜单中的“可视化助理”子菜单中选择“框架边框”命令，然后移动鼠标到四个边框或四个角，在出现移动箭头时，拖动鼠标即可分割框架。 还可以通过“修改”菜单，根据需要可选择“框架页”中的四个选项来完成，但是这样软件不会自动命名。 设置要点 要想使框架美观，成为一个整体。我们就得将每个分框架的边界设置为0，然后再把导航条定位，使其不进行移动，使滚动条只出现在主框架中。 如果不好选择框架，我们可借助框架来轻松完成。“窗口”“其它” “框架”可以打开框架窗口。 如何使用框架组织HTML 组织HTML是建立框架的目的，在框架建立完成后，需要