DW模板的创建与应用.pdfVIP

个人收集整理 仅供参考学习 DW模板地创建与应用 2010-03-07 18:29 网站内页地设计大部分是一致地， 当制作完许多内页后， 如果想要更新网站， 一个一个文件 地修改显然十分麻烦 . 其实只要引用模板，就可以轻松构建和更新网站 . b5E2RGbCAP 效果说明 先制作一个简单地页面，并将其制作成模板，然后以模板新建页面，随意输入内容 . 再 次打开，并更新模板，页面也会随之更新 . p1EanqFDPw 创作思想 打开 Dreamweaver MX 2004 软件新建页面，然后依次单击【插入】、【模板对象】、 【创建模板】 命令创建模板 . 制作完模板后， 调用模板新建页面 . 更新网站时， 打开模板文件 进行修改并保存 . DXDiTa9E3d 操作步骤 （ 1 ）打开 Dreamweaver MX2004 软件，新建文件，单击【插入】菜单，开始创建模 板，如图 5-1 所示 . RTCrpUDGiT 提示： 创建模板之前必须先建立站点， 否则 Dreamweaver 会提示新建站点 . 因为创建地 模板页面必须放在站点下才能应用到其他页面中 . 5PCzVD7HxA 1 / 6 个人收集整理 仅供参考学习 （ 2 ）制作导航栏与框架 . 先插入表格，两行一列，在表格第一行输入“首页”、“我 地相册”、“我地日记”、“联系本人”，然后将鼠标定位在第二行，单击【插入】菜单， 创建可编辑区域，如图 5-2 所示 . jLBHrnAILg （ 3 ）添加表格 . 在可编辑区域内添加表格， 用表格控制可编辑区域地宽度和高度，如 图 5-3 所示 . （ 4 ）设置表格并保存文件 . 设置表格地高度并保存文件，保存文件名为“ index.dwt ”， 如图 5-4 所示 . xHAQX74J0X 2 / 6 个人收集整理 仅供参考学习 （ 5 ）使用模板新建文件 . 在上面保存好了模板文件后，就可以使用模板新建文件， 操 作如图 5-5 所示 . LDAYtRyKfE （ 6 ）在页面中地可编辑区域输入信息，可以随便输入，在此只是演示而己 . （ 7 ）打开模板文件，如图 5-6 所示 . 3 / 6 个人收集整理 仅供参考学习 （ 8 ）更新模板内容并保存，如图 5-7 所示 . （ 9 ）执行完图 5-7 中所示地第 4 步操作后，会弹出一个如图 5-8 所示地提示框， 单击该提示框中地【关闭】按钮完成操作 . 这时在浏览利用模板创建地网页，可以发现其中 与模板内容相同地某些内容有所改变 . Zzz6ZB2Ltk 4 / 6 个人收集整理 仅供参考学习 模板是一种特殊地文档，可以按照模板创建新地网页 . 模板中有些区域是不能编辑地， 称为锁定区；有些区域则是可以