china.com
主页
新闻
体育
游戏
文化
教育
健康
财经
科技
旅游
军事
娱乐
商贸
  科技动态 硬件广场 下载基地 网络教室 网络冲浪 科学博览 移动时代 手机上网 桌面壁纸 科技商情  


库和模板


最后的一篇教程,我们介绍库(Library)和模板(Template)的使用。

做一个网站,有时候很重要的一点就是整个网站的风格要统一。一些网页的版式都是相同的。例如:

其中标题和下面的一排按钮,还有表格的编排方式,还有里面已经

制作好的9磅CSS样式,这些风格都是固定的。新作一张网页上面这些都不变,而只要替换文字和一些图片就行了。按照我们的习惯方法是重新做一张,经过漫长和痛苦的等待,终于做成了和前面一模一样的网页。这时发现还有N张网页也要同样制作。咚!机器猫的一个朋友应声倒地,机器猫转头面向观众,他明白了,你明白了没有 :)。这时候,我们就需要用到模板,他可以将网页中不变的元素固定下来,然后用来应用到其他的网页上去。这样我们只要修改相应的部分就可以了无需再痛苦万分的一切重来了。模板可以由一个网页来生成。制作过程如下。

1、制作好一个页面。

上面凡是不需要变化的元素都统一在图上做好了。

2、选择菜单File-Save As Template(另存为模板)。

系统弹出对话框。在Save As文本框中填写模板名字,按Save。

3、如果仔细观察标题栏的话会发现标题栏上已经发生了变化。<<Template>>表示现在编辑的是模板了。模板的扩展名也是.dwt。

4、接下来我们要做的一个重要工作就是设置可编辑区域。如果现在直接存盘的话,这个模板生成的页面是无法进行内容修改的。因为没有指定什么地方是可以修改的。只有设置了可编辑区域,我们以后编辑网页的时候才能够对网页进行修改。在这个例子中,三个表格中的单元格是要可以替换内容的。因此就对这三个单元格设置可编辑区域。在一个单元格中单击。选择菜单Modify-Templates-New Editable Region(新可编辑区域)。在系统弹出的对话框中填入可编辑区域名称。按OK。在页面中就生成了一个{}包围的可编辑区域的标记。

5、同样制作其他两个单元格为可编辑区域。

6、保存模板,系统弹出提示框,“对模板进行了修改,保存后是否自动更新所有应用改模板的网页”。选择是,系统会进行搜索,并报告搜索结果。确认即可。一个模板就做好了。

如何应用一个模板到页面呢?

1、新建一个空白页面。

2、选择菜单window-Templates打开模板面板。单击做好的模板。按面板上的Apply按钮即可。

3、其中,页面中的黄色部分就是模板的不可编辑区域。将页面中{}包含的部分删去。填上相应的内容。一个页面就做好了。

由此可见模板有很多的好处。1、可以生成大批的风格相近的网页。2、一旦模板修改了,就修改了一批网页。模板修改完毕存盘时,会跳出一个对话框提示是否要把修改的模板重新应用到网页上去。选择Update按钮,就把模板全部重新应用了这样的话,修改了一个页面就修改了整个网站的页面。是大大提高效率的。要编辑模板只要在模板面板中双击模板即可。

有的时候我们制作了一个应用模板的网页。但是我们想对网页的不可编辑区域进行修改的话,需要把模板和网页进行分离。在网页中选择菜单Modify-Template-Detach From Template分离模板即可。这时就和一般的网页一样可以自由编辑了。

和模板有异曲同工之妙的就是库。模板可以用来制作整体网页的重复部分。库就是面向网页局部重复部分的。例如,在某些页面上要写上 XXXX版权所有,欢迎mail我之类的话。每次重复输入这些东西是让人恼火的。我们可以把这些东东做成库部件。以后重复使用。制作方法:我们以制作版权信息为例。

1、输入文字和信息

2、选择菜单window-Library打开库面板。选中文字。拖拽进入面板,命名即可。图中黄色部分即为库部件。已经变为整体了。

以后要插入库部件的时候,只要在库面板中单击改部件,选择Insert按钮就可以完成部件插入。编辑部件只要在面板中双击部件就可以了。同样修改了一个部件,系统会提示是否重新应用到所有使用库部件的页面。按Update按钮即可完成。大家可以注意到,一旦使用了库和模板之后。在站点根目录下就多了两个目录。Templates目录为模板目录,所有扩展名为dwt的模板都存放在里面。Library目录为库目录,库部件扩展名为.lbi。关于库和模板的更多技巧可以到http://www.newdot.net/下载技术手册。

Dreamweaver的教程似乎到这里就结束了,其实远远没有。任何一个软件在一大群爱好者的手下会创造出无限的技巧来。同样Dreamweaver也是如此,一个网友来信询问,漂亮的表格边框线如何制作,OK我们就用这个小小的技巧来结束一学就会的旅程。希望大家也多多发掘,告诉我啊:))

在现在的网页制作中时常可以看到象上面例子中的那些单线表格效果,他们是怎么制作出来的呢?这全在于使用了表格的一些属性。Light brdr亮边框色Dark brdr暗边框色。Brdr边框色。

效果1 双线表格。设置brdr颜色即可。

效果2 立体表格。Cell pad设置为0, Cell space 设置为0 ,border设置为1 设置表格背景。 Light brdr 亮边框色设置为黑色 Dark brdr 暗边框色设置为白色。原理是将表格的亮暗边框色交换从而改变了光照效果的角度实现了立体感觉。

效果3纯色表格。Cell pad设置为0, Cell space 设置为0 ,border设置为1,设置brdr颜色。如果嫌下面的边框太粗,把下面单元格的brdr颜色设置为白色会再细一个像素。

     好了,到此教程就结束了。

 

  摘自《5D多媒体》 机器猫/文

 


科技检索


中华网推荐

  • 1000名医生在线咨询

  • 中国足球队官方网站

  • 鸦片玫瑰(新版)

  • 精选股票天地

  • 闪光的flash教程

  • 中华网汽车世界

  • 为你的爱情出谋划策

  • 网文精选——野百合集

  • 世界文化遗产在中国

  • 历届香港小姐风姿集




  • 网络教室编辑信箱
    版权声明 | 本站检索 | 联系方法 | 刊登广告 | 使用说明 | 关于中华网 | 豁免条款

    版权所有 中华网