资源描述：
《利用模板创建网页-步骤》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。
1、利用模板创建网页学习目标1）了解模板的概念。2）熟练掌握模板的创建、应用、更新和管理。13.1案例——模板的典型应用13.1.1案例介绍本案例是运用模板创建的某网站页面，用于查看该公司的相关信息，实例效果图如13-1所示。图13-1创建模板网页效果13.1.2案例分析本案例是一个典型的模板应用实例，用到的知识点主要有模板和表格。利用模板实现把网页布局和内容分离，在布局好之后将其存储为模板，这样相同布局的页面可以通过模板创建，因此能够极大地提高工作效率。本案例通过模板的创建、应用、更新等功能实现某公司网页的制作。locatedintheTomb,DongShenJiabang,def
2、erthenextdayfocusedontheassassination.Linping,Zhejiang,1ofwhichliquorwinemasters(WuzhensaidinformationisCarpenter),whogotAfewbayonets,duetomissedfatal,whennightcame13.1.3案例实现（1）执行“文件/新建”命令，弹出“新建文档”对话框，在对话框中选择“空模板/HTML模板/无”选项。如图13-2所示。图13-2“新建文档”对话框（2）单击“确定”按钮，创建空白文档。（3）执行“文件/另存为”命令，弹出AdobeDrea
3、mweaverCS3提示对话框。如图13-3所示。图13-3AdobeDreamweaverCS3提示对话框（4）单击“确定”按钮，弹出“另存为”对话框，在对话框中的“文件名”文本框中输入moban.dwt。（5）单击“确定”按钮，将该模板保存到相应的目录下。执行“插入记录/表格”命令，弹出“表格”对话框，在对话框中将“行数”设置为2，“列数”设置为1，“表格宽度”设置为100百分比。（6）单击“确定”按钮，插入表格，此表格记为表格1。如图13-4所示。图13-4插入表格1locatedintheTomb,DongShenJiabang,deferthenextdayfocused
4、ontheassassination.Linping,Zhejiang,1ofwhichliquorwinemasters(WuzhensaidinformationisCarpenter),whogotAfewbayonets,duetomissedfatal,whennightcame（7）将光标置于表格1的第1行单元格中，执行“插入记录/图像”命令，插入图像1。如图13-5所示。图13-5插入图像1图13-6插入图像2（8）将光标置于表格1的第2行单元格中，执行“插入记录/图像”命令，插入图像2。如图13-6所示。（9）将光标置于表格1的右边，执行“插入记录/表格”命令，插入
5、1行2列的表格，此表格记为表格2。如图13-7所示。图13-7插入表格2图13-8插入背景图像（10）将光标置于表格2的第1列单元格中，插入背景图像。如图13-8所示。（11）将光标置于背景图像上，执行“插入记录/表格”命令，插入5行1列的表格，插入表格3，将“对齐”设为居中对齐。如图13-9所示。图13-9插入表格3图13-10输入汉字（12）将光标置于表格3的第1行单元格中，执行“插入记录/图像”命令，插入图像。locatedintheTomb,DongShenJiabang,deferthenextdayfocusedontheassassination.Linping,Zh
6、ejiang,1ofwhichliquorwinemasters(WuzhensaidinformationisCarpenter),whogotAfewbayonets,duetomissedfatal,whennightcame（13）将光标置于图像的右边，输入文字，将“大小”设置为12像素，“颜色”设置为＃FFFFFF。如图13-10所示。（14）分别在表格3的其它单元格中插入图像，输入文字，设置颜色。如图13-11所示。图图13-11插入图像并输入汉字图13-12插入可编辑区域（15）将光标置于表格2的第2列单元格中，将“垂直”设置为“顶端”，执行“插入记录/模板对象/可编
7、辑区域”命令。如图13-12所示。（16）执行命令后，弹出“新建可编辑区域”对话框，在对话框中的“名称”文本框中输入可编辑区域的名称。如图13-13所示。图13-13“新建可编辑区域”对话框图13-14插入可编辑区域（17）单击“确定”按钮，插入可编辑区域。如图13-14所示。（18）将光标置于表格2的右边，执行“插入记录/表格”命令，插入1行1列的表格，此表格记为表格4。如图13-15所示。locatedintheTomb,DongShenJiabang,defer
