模块九 使用模板和库

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,模块九,使用模板和库,任务四 利用模板创建案例,任务一 使用模板,任务二 使用模板创建文档,任务三 创建、管理和编辑库项目,学材小结,任务一 使用模板,新建“moban9-1模板后设计“个人简历模板。,在Dreamweaver CS3中有多种创立模板的方法，可以创立空白模板，也可以创立基于现存文档的模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。,新建模板,任务一 使用模板,翻开Dreamweaver CS3，执行【窗口】【资源】菜单命令，翻开【资源】面板。,新建模板,模 板,单击该面板上的“模板按钮，装换到“模板选项中。,任务一 使用模板,在“资源面板的有下脚的单击“新建模板按钮，重名为“moban9-1.dow。,新建模板,任务一 使用模板,文档编辑窗口中单击鼠标右键，在弹出的快捷菜单中执行【模板】【新建重复区域】。文档编辑窗口中“新建重复区域对话框。,新建模板,在“名称文本框输入“rr1后单击“确定按钮。,任务一 使用模板,表格的第一行分别输入“个人信息和“求职意向，第三行分别输入“学历与获奖和“技能与爱好。,新建模板,表格的第二行一列中单击鼠标右键，在弹出的快捷菜单中执行【模板】【新建可编辑区域】。文档编辑窗口中“新建可编辑区域对话框。,任务一 使用模板,在“名称文本框输入“gr后单击“确定按钮。,新建模板,同样的方法在表格的第二行二列中新建可编辑区域，第四行两列分别新建可编辑区域。,任务一 使用模板,在四个可编辑区域输入相关的信息。,新建模板,使用“Ctrl+s组合键保存模板。,任务二 使用模板创立文档,新建一个Dreamweaver CS3自带的模板的文档“index9-2-1。,翻开“Dreamweaver CS3。,子任务1 创立基于模板的文档,单击“HTML按钮弹出“新建文档对话框。,任务二 使用模板创立文档,选择【空白页】【HTML模板】【2列弹性，左侧栏、标题和脚注】后单击“创立按钮。出现“Untitled-2.html文件。,子任务1 创立基于模板的文档,任务二 使用模板创立文档,执行【文件】【保存】菜单命令后弹出“另存为对话框。,在“另存为下拉列表框中选择“module09，在“文件名下拉列表框中输入“index9-2-1.html后单击“保存按钮。,子任务1 创立基于模板的文档,浏览,文件。,任务二 使用模板创立文档,子任务,2,在现有文档上应用模板,新建一个,文件。,执行【修改】【模板】【应用模板到页A】菜单命令弹出“选择模板对话框如下图。,在“模板文本框中选择“mudan9-1模板后单击“选定按钮。,任务二 使用模板创立文档,子任务,2,在现有文档上应用模板,应用“mudan9-1模板后的“index9-2-2.html文件如下图。,执行【修改】【模板】【从模板中别离D】菜单命令。,任务二 使用模板创立文档,子任务,2,在现有文档上应用模板,个人简历改为莫莫莫个人简历如下图。,浏览,文件。,任务二 使用模板创立文档,第一步：新建后使用“muban9-1模板。,第二步：修改“muban9-1模板。,子任务,3,更新基于模板的页面,任务二 使用模板创立文档,子任务,3,更新基于模板的页面,新建后使用“muban9-1模板。,翻开muban9-1模板如下图。,任务二 使用模板创立文档,子任务,3,更新基于模板的页面,新建外部样式表,。,新建h2和p标签CSS样式，如下图。,任务二 使用模板创立文档,子任务,3,更新基于模板的页面,保存“muban9-1模板。,浏览和，如下图。,index9-2-2.html,和,index9-2-3.html,任务三 创立、管理和编辑库工程,子任务1 创立库工程,使用库能够有效地减少一些重复性的操作，例如链接的设置等。另一方面，使用库的更新功能还能减少网站的维护量。,新建“ku9-3库工程后插入表格。,任务三 创立、管理和编辑库工程,子任务1 创立库工程,翻开Dreamweaver CS3，执行【窗口】【资源】菜单命令，翻开【资源】面板，单击该面板上的“库按钮，装换到“库选项中，如下图。,任务三 创立、管理和编辑库工程,子任务1 创立库工程,在“资源面板的有下脚的 图标单击。,文件名改为“ku9-3.lbi，如下图。,任务三 创立、管理和编辑库工程,子任务1 创立库工程,插入1行4列表格如下图。,保存“ku9-3.lbi库。,任务三 创立、管理和编辑库工程,新建“index9-3文件后使用“ku9-3库。,子任务2 使用库工程,任务三 创立、管理和编辑库工程,新建文件，如下图。,子任务2 使用库工程,单击“插入按钮。,任务三 创立、管理和编辑库工程,表格下面输入“修改库文件如下图。,子任务2 使用库工程,浏览，如下图。,任务四 利用模板创立案例,制作一个“个人简历网页。,最终的效果,学材小结,本模块主要介绍了,Dreamweaver,的模板和库。主要介绍了新建模板、使用现有的模板和模版的用处。介绍了新建库和使用现有的库。,