收 藏 投 稿 繁 体 RSS 
站长吧-中国站长学习与交流的网站
首 页 运 营 学 院 建 站 论 坛
Web master8.net  
 网站运营  
  欢迎在本站发布信息,在线投递稿件请点这里。编辑QQ:4908220,欢迎联系交流。
业界动态 创业故事 推广研究 策划盈利 电子商务 企业平台
  站长工具
SEO查询 Whois查询 Pr查询 域名查询 IP查询 网页编辑器
 建站服务  
  如有建站意向,请尽快联系我们,以便安排时间... 建站服务 QQ4908220 QQ:4908220
作品展示 服务范围 服务流程 服务报价 联系方式 付款方式
文章正文  » 您的当前位置: 首页 >> 学院 >> 网页设计 >> Dreamweaver
DW网页设计100例5:以模板构建网站和更新网站
  来源:互联网 | 时间:2006-04-03 | 浏览:   相关评论 | 报告错误 | 发布文章
【字号: | | 】 【背景色 杏仁黄 秋叶褐 胭脂红 芥末绿 天蓝 雪青 灰 银河白(默认色)

网站内页的设计大部分是一致的,当制作完许多内页后,如果想要更新网站,一个一个文件地修改显然十分麻烦。其实只要引用模板,就可以轻松构建和更新网站。

效果说明

先制作一个简单的页面,并将其制作成模板,然后以模板新建页面,随意输入内容。再次打开,并更新模板,页面也会随之更新。

创作思想

打开 Dreamweaver MX 2004 软件新建页面,然后依次单击【插入】、【模板对象】、【创建模板】命令创建模板。制作完模板后,调用模板新建页面。更新网站时,打开模板文件进行修改并保存。

操作步骤

( 1 )打开 Dreamweaver MX 2004 软件,新建文件,单击【插入】菜单,开始创建模板,如图 5-1 所示。

提示:创建模板之前必须先建立站点,否则 Dreamweaver 会提示新建站点。因为创建的模板页面必须放在站点下才能应用到其他页面中。

( 2 )制作导航栏与框架。先插入表格,两行一列,在表格第一行输入“首页”、“我的相册”、“我的日记”、“联系本人”,然后将鼠标定位在第二行,单击【插入】菜单,创建可编辑区域,如图 5-2 所示。

( 3 )添加表格。在可编辑区域内添加表格,用表格控制可编辑区域的宽度和高度,如图 5-3 所示。

( 4 )设置表格并保存文件。设置表格的高度并保存文件,保存文件名为“ index.dwt ”,如图 5-4 所示。

( 5 )使用模板新建文件。在上面保存好了模板文件后,就可以使用模板新建文件,操作如图 5-5 所示。

( 6 )在页面中的可编辑区域输入信息,可以随便输入,在此只是演示而己。

( 7 )打开模板文件,如图 5-6 所示。

( 8 )更新模板内容并保存,如图 5-7 所示。

( 9 )执行完图 5-7 中所示的第 4 步操作后,会弹出一个如图 5-8 所示的提示框,单击该提示框中的【关闭】按钮完成操作。这时在浏览利用模板创建的网页,可以发现其中与模板内容相同的某些内容有所改变。

模板是一种特殊的文档,可以按照模板创建新的网页。模板中有些区域是不能编辑的,称为锁定区;有些区域则是可以编辑的,称为可编辑区。可以通过编辑可编辑区的内容,从而得到与模板相似但又有所不同的新的网页。使用模板创建网页的最大好处就是,当你修改模板时使用该模板创建的所有网页可以一次自动更新,这就大大提高了网页更新维护的效率。

lrth
  • 上一篇:实战:含有透明部分的PNG图片在网页中正常显示
  • 下一篇:Skype出台海外赔偿方案

  • 我要投稿  打印本文  推荐本文  加入收藏  返回顶部  关闭窗口
    搜模板(www.somoban.com) 原创网站模板交易平台
    阿里妈妈再掀疯狂采购风,网站广告位严重告急,急召天下站长
    基于PHP+MySQL的整站、模块、插件开发等或者按需求实现相应功能;
基于各PHP主流建站系统CMS,BBS,BLOG等的模板定制,完全手写代码;
整站数据迁移或备份恢复;网页代码优化、重构;整站常规SEO优化;网站技术支持;
点击了解详情...
    站长论坛
    • 验证码: