分享
 
 
 

Dreamweaver4教程——模板

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

在一个网站中,可能有着数百甚至上千个网页,然而并非所有的页面布局都是不相同,一般说来网页分成若干级,首页是第一级,分栏目页面是第二级,具体的内容页面是第三级。以"互动学校"为例子,首页为大家提供了"互动学校"总的栏目划分与最近的更新文章,其下是细分的栏目二级页面,如"多媒体","网站建设",等等,主要是该类网络资源的集成列表;最下面的是具体的内容页面。内容页面全部采用的是上面是标志,左面为交互方式,如"发送给朋友","查看讨论"等等,右面是具体的内容的格式。如图一:(详情请见 20.htm )

图一

在这种内容页面中,变化的只是内容,左面交互方式与上面的标志都没有变化,而这种情况,我们就可以利用模板机制快速生成网页,在建立新网页时只需输入有变化的"内容"部分,而不需再制作网页的其他部分,从而节省了大量的时间与精力。

利用模板制作的网页,还有一个特别有用的功能:当你对模板不满意,只需修改模板, Dreamweaver 就能自动更新所有用模板制作的网页,而不需要一个一个地进行修改!

一.模板制作:

模板的制作跟制作普通网页相似,但它只是制作网页中共同的部分,而有所变动的部分则留出空白也供以后的编辑使用。

模板制作完毕后,保存时记着选择"保存为模板"(Save As Templates)命令;保存后一定还要记着对可编辑区域进行设置(也就是设置有变动内容的区域),其命令是 Modify/Templates/New Editable Region ,如图二:

图二

设定好可编辑区域后,最后再用 Save 命令保存所做的修改。

二.模板示例:

下面,我们来制作"互动学校"内容页面的模板,最终效果如图三:

图三

图三中,具体的内容部分(Content)与相关文章列表部分是会发生变化的可编辑区域(Editable Region),其他区域是固定的。

模板的制作:

现在我们不用制作一个新的页面,只需用 Dreamweaver 打开 20.htm 并将其另存为一个新文件,然后将其中的内容与相关文章列表清除,结果如图四:

图四

现在将本文件保存为模板(File/Save As Template),并在弹出的窗口中确定保存位置与模板名字。如图五:

图五

模板保存后就得确定可编辑区域了,用鼠标点一下内容区域,然后点按 Modify/Templates/Editable Region ,随后会弹出一个对话窗口,让我们对此可编辑区域设定名字以便调用。这里,我们输入 Content。如图六:

图六

同理,将"相关文章"区域定为可编辑区域,并起名为"Relative"。

最后,将当前模板进行保存(File/Save),这时会弹出如图七的面板,提示你本模板将改动所有原模板(就是未设定可编辑区域时的那个模板)的样式,不管它,直接点按 OK 。

图七

现在打开保存本模板的文件夹,你将会发现多了一个 Template 文件夹,而其中有个模板文件,正是我们创建的模板,点击它可以用 Dreamweaver 打开。如图八:

图八

三.模板的使用:

模板使用非常简单,只需用 File/New From Template ,在弹出的对话框中找到想用的模板就行了。如图九:

图九

要输入的内容,必须在可编辑区域进行,非可编辑区域无法进行操作。

示例:

现在我们使用刚才做好的模板文件(Templates/Temp-1)。

New Frome Template ,找到 Temp-1 文件。

文件打开后,用鼠标选中{Content},然后将要替换的内容拷贝进去;选中{Relatvie},然后将相关文章列表拷贝进去,最后就成了如 20.htm 网页文件。

四.总结:

模板机制的建立,让网页设计与内容服务分成两个独立的步骤,有利于工作效率的提高,同时让我们将更多精力放在精良的内容服务上,因此,大家应该养成使用模板的习惯,尤其是那些经常进行更新的网站,在模板的帮助下,你将发现只需改动一个文件,可以让成百上千个网页改头换面!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有