清华大学版（2012） 八年级下册信息技术 课件 - 3.7 驾轻就熟——应用模板创建网页 (共14张PPT)

驾轻就熟——应用模板创建网页 1 任务导航 创建模板是为了能够快速生成风格统一的网页，加快网站建设，其过程就像蛋糕房用模具来制作蛋糕一样。当模板创建完成之后，面临的任务自然就是利用模板创建网页了。 本课，我们应用模板制作“日常生活”篇，并且插入导航按钮完成栏目导航，制作完成后的网页效果如图所示。 2 1.应用模板创建网页 （1）规划“日常生活”文件夹 打开“文件”面板，在网站的根目录（D:\safe）下新建文件夹rcsh（日常生活），用于存放“日常生活”篇创建的3个页面以及素材，包括制作网页过程中生成的文件（如Flash按钮文件）。 （2）应用模板 现在我们要利用已经制作完成的网页模板文件module.dwt，生成网站中“日常生活”篇包含的网页。应用模板创建网页经常使用两种方法，即用模板新建网页和创建网页后再应用模板。 3 ①用模板直接创建网页 步骤1：执行“文件”→“新建”命令，在弹出的“新建文档”对话框中打开“模板中的页”标签，然后在“安全自护我能行”站点下选择模板文件module，单击“创建”按钮，如图所示。 4 步骤2：执行“文件”→“保存”命令，将网页命名为rcsh.html，并将其保存在Templates文件夹下，再从“文件”面板中拖到rcsh文件夹下。 ②新建空白网页后再应用模板 步骤1：执行“文件”→“新建”命令，在“新建文档”对话框中单击“空白页”标签，在“页面类型”选项中选择HTML，然后在“布局”选项中选择“无”，单击“创建”按钮，创建空白的普通网页。 步骤2：执行“窗口”→“资源”命令，打开“资源”面板，单击“模板”按钮 ，则模板资源显示在面板中。 5 步骤3：在面板的“名称”列表中，左键拖动module到新建立的网页中再释放鼠标就可以应用模板了，也可以右击module，在弹出的快捷菜单中执行“套用”命令，即可应用此模板，或者单击module选中模板后，再单击“应用”按钮，如图所示。 6 （3）将“日常生活”网页链接到框架网页 网页rcsh.html创建完成后，一定要与代表二级目录的框架网页（all.html）进行链接，才能在浏览网页的过程中从首页出发，顺利地导航到“日常生活”篇。 步骤1：打开框架网页all.