网页设计与制作教学资料 项目9 模板与内嵌框架的使用.pptVIP

* iframe.htm 模板是一类特殊网页，相当于整个网站的模型，其中固化了每个页面都需要的内容，如LOGO、版权信息、导航目录等，只允许设计者对可编辑区域进行修改。 优点 可快速创建一组具有统一风格的多个页面 当网站风格或公有内容需要更改，只需要对模板做出调整，DW会自动更新，方便维护。 使用系统附带的页面布局和设计元素： 选择“文件”菜单下的“新建”命令 在“类别”列表框中，选择 “页面设计”、“入门页面”、“页面设计（有辅助功能的）” 选择相应模板，点击“创建” 用户在此基础上进行修改和再创作。 基于系统模板创建的网页仅仅是这些模板的幅本，在页面更新时，对系统模板进行的修改并不会自动应用到基于该模板的页面。 DW提供两种定义模板的方法: 修改现有文档，使之符合需要，另存为模板; 直接创建模板文件，从空白页面开始设计和完善。 （1）打开网页，对其进行修改和完善，使其符合要求。 （2）单击“文件”菜单下的“另存为模板”命令，弹出 “另存为模板”对话框。 （3）输入模板名称, 保存。系统会自动在站点根目录下建立一个名为“Templates”的文件夹，站点内所有模板都会自动保存在该目录下。模板文件类型:*.dwt。 “文件”-“新建” ，选择“常规”选项卡，选择“模板页”类别，选择其一。 模板由可编辑区域和不可编辑区域两部分构成。 不可编辑区域也称“锁定区域”，是为保护那些固定内容不被随意修改或删除而采取的措施。默认情况下，模板中的所有内容都标志为不可编辑。 注意：不可编辑是指在利用模板创建的网页中。 因此，在创建模板时，必须同时创建或指定可被编辑的区域。 用鼠标选择要定义为可编辑区域的网页元素，可以是一幅图像、一个表格、一个单元格或一段文本等。 执行插入-模板对象-可编辑区域 或者鼠标右键，选择模板-新建可编辑区域 （1） “文件”-“新建” （2）选择“模板”选项卡下的自定义模板。 当修改了自定义模板后，在保存时系统会自动提示更新模板文件。 也可随时对基于该模板的网页进行更新： 打开模板文件。 菜单“修改”→“模板”→“更新页面”命令 选择相应模板，单击 “完成”按钮。 1） “窗口”-“资源”；或选择“文件”面板下的 “资源”选项卡。 2）点击 “模板”图标，自定义模板将出现在该选项内， 3）选中模板，点击右下方的“删除”图标即可。 注意：删除模板不会同时删除基于该模板的网页。 框架是网页的魔术师，可将一个浏览器页面分割成几个独立的区域，每个区域都可以显示一个单独的网页。 框架通常用来定义页面的导航区域和内容区域，使整个网站结构清晰，让浏览者的定位与浏览操作更加简便。 可将复杂页面分解成若干子网页，分而治之。 可使页面布局紧凑，让不同页面呈现相同显示效果，利于保持整个网站的整体风格。 结合JavaScript脚本，还可以制作出折叠框架等网页特效。 由于框架将浏览器进行了分割，每个区域的显示空间相对受限； 如果布局不合理，属性设置不恰当，将使得整个页面有拼凑的感觉，显得不和谐。 由于框架实际是由多个页面在其中同时显示，因此在下载网页时，速度上会相对较慢。 并不是所有浏览器都支持框架，如早期的IE3.0。 虽然框架存在一定的缺点，但由于其特殊的显示效果，加上现在用户使用的大都已是IE 4.0 或更高版本的浏览器，它们都支持框架技术，因此，框架一直是一种很受欢迎的网页结构，目前使用框架制作的网站也愈来愈多。 frameset rows=80,* cols=* frame src=file1path name=topFrame / frameset rows=* cols=150,* frame src=file2path name=leftFrame/ frame src=file3path name=mainFrame / /frameset /frameset 框架集标记FRAMESET定义了框架的开始和结束。它还定义一组框架的结构，包括框架的数量、尺寸等。 FRAMESET标记的属性如下。 ① cols属性 ② rows属性 ③ framespacing属性：边框宽度 ④ bordercolor属性 ⑤ frameborder属性：是否显示框架集边框 FRAME标记是用于定义每个框架的内容。每个框架最终都要有一个显示的页面，通过装载该页面就可以显示网页的内容了。 框架标记FRAME的属性如下。 ① src属性 ② name属性 ③ frameborder属性 ④ scrolling属性 ⑤ marginwidth属性、marginheight属性 ⑥ noresize属性