任务二 套用模板.pptVIP

目录 上一页 下一页 退出 目录 上一页 下一页 返回 任务二 套用模板 任务描述：套用模板并完善模板中的链接关系。 任务分析：将任务一中创建的模板套用到网站中的“首页”、“家乡山水”、“景区介绍”、“访客信息”和“作品展示”页面，修改相关页面及文本中的内容，完成整个网站的制作工作。 套用模板的方法有两种：一种是将模板文件套用到已存在的页面，另一种是通过模板新建一个网页文件。本任务通过第一种方法，统一整个网站的风格，完善网站内页面之间的链接关系。 第七单元 模板应用及网站发布 　　自己动手： 　　1．启动Dreamwear 8，打开“幽幽我心的个人网站”。 　　2．在文件面板中打开首页Index.html。 　　3．应用模板 　 ⑴ 在“CSS样式”面板中删除“body”样式。 　　⑵ 套用模板：选择“修改”→“模板”→“套用模板到页”菜单项，在“选择模板”对话框中进行设置，如图所示：　 任务二 套用模板 　 单击“选定”按钮，弹出“不一致的区域名称”对话框，如下图所示。 。 1. 表示套用模板前页面body标签中的内容全部插入到套用后的可编辑区域中。 2. 表示套用模板前后head标签中的内容不变。 任务二 套用模板 　　⑶ 修改网页标题为“幽幽我心的个人网站”。 　　⑷ 同理，完成“家乡山水”、“景区介绍”、“访客信息”和“作品展示”页面应用模板的操作。 （分组完成） 　 ⑴ 添加超级链接：打开模板文件“site.dwt”，按照下表所示，编辑页面中表格“tabel1-1”内的导航文本，添加超级链接。 ４．完善站点 导航文本 链接目标 首页 “../index.html” “作品展示” “../works/works.html” “家乡山水” “../travel/travel.html” “访客信息” “../bbs/bbs.html” “心情日记” “#”（空链接） 任务二 套用模板 　在“行为”面板中，将该行为事件设置为“onClick”。 　　⑵ 选中添加了空链接的文本“心情日记”，在“行为”面板中添加“打开浏览器窗口”行为，在对话框中进行参数设置，如图所示： 任务二 套用模板 　　　 　 ⑶ 保存模板文件 　　在“更新模板文件”对话框，单击“更新”按钮，完成更新后，单击“更新页面”对话框中的“关闭”按钮 ，如图所示。 任务二 套用模板 任务总结： 　　通过完成本任务学习了将模板文件套用到已存在的页面；学习了完善模板中的链接关系。 任务二 套用模板 举一反三： 　　将本单元素材“举一反三”文件夹中的“pra7-3”文件夹拷贝到D盘根目录下，创建站点“pra7-3”，使用模板“pra7-3.dwt”创建两个新页面，将文件夹中的文本文件内容拷贝到两个页面的可编辑区域，分别保存为“pra7-3.html”、“pra7-4.html”。为文件夹中已有页面“pra7-5.html”、“pra7-6.html”套用模板。 　　编辑站点“pra7-3”中的模板文件，为其添加相应的超级链接，保存后预览整个站点。 　　1．启发思路：关键是解决如何使用模板“pra7-3.dwt”创建新页面的问题，可以借助于帮助、上网等寻求答案。 　　2．分组完成任务。　 任务二 套用模板 　　作业： 　　1. 分析本任务中作品展示页面套用模板后还有没有必要修改标题。 　　2. 总结套用模板的步骤。 任务二 套用模板 目录 上一页 下一页 退出 目录 上一页 下一页 返回