HTML网页设计 作者 翁高飞、王鹏 chapter7.pptVIP

站点管理（模板） 模板应用(2) 2.将模板应用于打开的页面 创建的步骤如下: (1) 打开要应用模板的页面。 (2)选择修改|模板|应用模板到页命令，将会出现选择模板对话框. (3)在选择模板对话框中选择要应用于页面的模板，点击选定按钮即可将模板应用于页面. (4)选择文件|保存命令将该页面保存. 模板编辑 模板创建好后可能不能进行编辑和修改，删除添加操作。只有对模板进行设置可编辑区域命令才能对相应的模板完成编辑. 1.模板添加 (1)首先,在模板页中选择要设置为可编辑的区域. (2)选择插入|模板对象|可编辑区域命令,将出现新建可编辑区域对话框.输入名称并且点击确定按钮。 (3)设置后可以在区域将高亮显示在一个矩形内，该区域的名称在对应的可编辑区域的顶部的矩形标签中. (4)设定好编辑区域之后需要运行文件|保存命令保存所做的修改。点击更新按钮，那么在应用模板的页面中该区域才可以编辑. 模板编辑(2) 2.模板删除 (1).选中要锁定的可编辑区域.即单击该可编辑区域名称. (2)选择修改|模板|删除模板标记命令,将出现新建可编辑区域对话框.输入名称并且点击确定按钮。 (3)然后选择文件|保存命令保存所做的修改. (4)设定好编辑区域之后需要运行文件|保存命令保存所做的修改。 总结（1） 掌握创建模板的步骤 掌握模板在网页中的使用 掌握模板中的两个区域：可编辑区域和不可编辑区域 （框架）学习目标 掌握框架的应用与编辑 掌通过DW工具来创建框架步骤 框架 框架的边框 导航栏左侧框架(left.htm) 详细内容页面右侧框架 (main.htm) 广告栏顶部框架(top.htm) 框架集页面(FrameSet.htm) 框架用于在什么场合 * 演示代码 页面的一个固定部分显示徽标或静态信息 在另一个固定部分显示导航部分详细内容 在此处显示详细内容， 页面中此部分是变化的。 框架的基本结构 * frameset cols=“25%,50%,*” rows =“50%,*” border=“5” frame src=“the_first.html …… /frameset 框架页面的基本语法 边框尺寸大小 将窗口分割成左中右3个部分,可选 将窗口分割成上下2个部分,可选 第一个窗口要显示的网页 框架的基本结构 * HTML HEAD TITLErows_cols框架/TITLE /HEAD FRAMESET rows=25%,50%,* border=5 FRAME name=“top src=the_first.html FRAME name=middle src=the_second.html FRAME name=“bottom src=the_third.html /FRAMESET /HTML 将窗口分割成上中下3部分 窗口边框的宽度 如果要在浏览器中创建左中右三个窗口,该如何实现？ 每个窗口对应一个页面，以及一个框架集页面，总共需要几个HTML页面文件？ 如何创建多个页面框架 ...... FRAMESET rows=20%,* frameborder=0 FRAME src=top.html name=topframe“ scrolling=no noresize=noresize FRAMESET cols=20%,* FRAME src=left.html noresize=noresize“ scrolling=no name=leftframe“ FRAME src=right.html name=rightframe /FRAMESET /FRAMESET 设置无框架边框 不显示滚动条 禁止调整框架大小 框架名称，便于超文本链接锚标签target属性所引用 如何设置窗口链接的显示位置 target目标窗口属性 name＝“显示的窗口名” frame src=url name=“窗口名”　　 a href=url target=“窗口名” target属性指定了所链接的文件出现在名称为“窗口名”的框架窗口里。 Pa href=right.html target=rightframe IMG src=images/reg.jpg width=158 height=31 border=0 / /P/A Pa href=buy.html target=rightframe IMG src=images/buy.jpg width=160 height=32 border=0 / /P/A target属性指定了所链接的文件出现