形考任务7
1.讨论模版的使用要点。
(1)包括网页中应用模版的方法
参考答案:
(1)直接创建模板
(2)将普通网页另存为模板
(3)从文件菜单新建模板
(2)如何将当前设计好的页面转换为模板
参考答案:
建立模板的另一种方法是将普通网页另存为模板,具体如下:
(1)打开一个已经制作完成的网页(如图7.7所示),删除网页中存在差别的区域,保留相同的区域。
如图7.8所示。
图7.7制作完成的网页
图7.8删除网页中存在差别的区域,保留相同的区域
(2)选择【文件】|【另存为模板】将网页另存为模板。
(3)在如图7.9所示的【另存模板】对话框中,【站点】下拉列表框用来设置模板保存的站点,可选择一个选项。
【现存的模板】选框显示了当前站点中的所有模板。
【另存为】文本框用来设置模板的命名。
单击【另存模板】对话框中的【保存】按钮,将把当前网页转换成模板,同时将模板另存到选择的站点中。
图7.9另存模板
(4)单击【保存】按钮,保存模板。
系统将自动在根目录下创建Template文件夹,并将创建的模板文件保存在该文件夹中。
窗口的左上角会出现模板的名称。
如图7.10所示。
图7.10保存的模板
图7.11警告信息
(3)如何使用模板生成多个页面
参考答案:
模板可被理解成一种模型,用这个模型可以方便地做出很多页面,然后在此基础上可以对每个页面进行改动,加入个性化的内容。
为了统一风格,一个网站的很多页面都要用到相同的页面元素和排版方式,使用模板可以避免重复地在每个页面输入或修改相同的部分,等网站改版的时候,只要改变模板这个文件的设计,就能自动更改所有基于这个模板的网页。
可以说,模板最强大的用途之一就在于一次更新多个页面。
从模板创建的文档与该模板保持连接状态(除非用户以后分离该文档),可以修改模板并立即更新基于该模板的所有文档中的设计。
2.如何在网页中应用库
(1)如何网页中建立库
参考文件:
(1)单击资源面板库分类上的新建按钮,新的库文件出现在窗口之中,给新库文件命名。
如图7.41所示。
图7.41新建库文件
(2)双击新建的库文件,打开库文件编辑窗口。
如图7.42所示。
图7.42库文件编辑窗口
提示:
库文件实际上是要插入在网页中的一段代码,所以库文件的编辑窗口,除不可以设置页面属性外,其他和普通网页的编辑方式一样。
(3)选择【文件】|【保存】,保存库文件。
Dreamweaver将把库的项目文件保存在站点本地文件夹下的Library子文件夹里,保存为.lbi文件。
如果本地站点没有这个子文件夹,Dreamweaver将自动生成这个子文件夹。
(2)如何插入库、选择内容转换为库
参考答案:
刚刚创建好库文件后,对于转换成库文件的内容,网页中已经拥有了这个库文件。
即背景会显示为淡黄色,不可编辑。
如图7.44所示。
图7.44页面中的库文件
对于新建立的库文件,如果希望在网页中插入库文件,操作如下:
(1)将光标放置在网页中要插入库文件的位置。
(2)在文件管理器中,选中要插入的库文件,选择窗口下方的【插入】按钮。
插入到网页中的库文件背景同样会显示为淡黄色,同样是不可编辑的。
(3)如何将库内容插入多个文档
参考答案:
选中网页上插入的库文件上,在属性面板中选择【从源文件中分离】。
如图7.47所示。
图7.47库文件属性面板
这样,原来的库文件区域就可以在网页中直接编辑了。
在修改库文件之后,脱离库文件的网页也不会更新了。
形考任务8
HTML调用js实现多项滑动门选项卡特效。
参考代码
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
//
CDATA[
functiong(o){returndocument.getElementById(o);}
functionhover_zzjs_net(n){
//如果有N个标签,就将i<=N;
for(vari=1;i<=6;i++){g('tab_zzjs_'+i).className='nor_zzjs';g('tab_zzjs_0'+i).className='undis_zzjs_net';}g('tab_zzjs_0'+n).className='dis_zzjs_net';g('tab_zzjs_'+n).className='hovertab_zzjs';}
//如果要做成点击后再转到请将
//]]>
你的代码
参考答案
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
//
CDATA[
functiong(o){returndocument.getElementById(o);}
functionhover_zzjs_net(n){
//如果有N个标签,就将i<=N;
for(vari=1;i<=6;i++){g('tab_zzjs_'+i).className='nor_zzjs';g('tab_zzjs_0'+i).className='undis_zzjs_net';}g('tab_zzjs_0'+n).className='dis_zzjs_net';g('tab_zzjs_'+n).className='hovertab_zzjs';}
//如果要做成点击后再转到请将
//]]>
hover_zzjs_net (1);">一、内容
hover_zzjs_net (2);">二、内容 hover_zzjs_net(3);">三、内容 hover_zzjs_net(4);">四、内容 hover_zzjs_net(5);">五、内容 hover_zzjs_net(6);">六、内容 copyright@ 2008-2023 冰点文库 网站版权所有 经营许可证编号:鄂ICP备19020893号-2