利用模板创建网页-步骤.docVIP

利用模板创建网页 1）了解模板的概念 2）熟练掌握模板应用 13.1 案例——模板的典型应用 13.1.1 案例介绍 本案例是运用模板创建的某网站页面，用于查看该公司的相关信息，实例效果图如13-1所示。 图13-1 创建模板网页效果 13.1.2 案例分析 本案例是一个典型的模板应用实例，用到的知识点主要有模板和表格。利用模板实现把网页布局和内容分离，在布局好之后将其存储为模板，这样相同布局的页面可以通过模板创建，因此能够极大地提高工作效率。本案例通过模板的创建、应用、更新等功能实现某公司网页的制作。 13.1.3 案例实现 （1）执行“文件/新建”命令，弹出“新建文档”对话框，在对话框中选择“空模板/HTML模板/无”选项。如图13-2所示。 图13-2 “新建文档”对话框 （2）单击“确定”按钮，创建空白文档。 （3）执行“文件/另存为”命令，弹出Adobe Dreamweaver CS3提示对话框。如图13-3所示。 图13-3 Adobe Dreamweaver CS3提示对话框 （4）单击“确定”按钮，弹出“另存为”对话框，在对话框中的“文件名”文本框中输入moban.dwt。 （5）单击“确定”按钮，将该模板保存到相应的目录下。执行“插入记录/表格”命令，弹出“表格”对话框，在对话框中将“行数”设置为2，“列数”设置为1，“表格宽度”设置为100百分比。 （6）单击“