发布时间 : 星期六 文章鐢靛瓙鏁欐-銆奃reamweaver缃戦〉璁捐涓庡埗浣?绗簩鐗?銆?A06-3954(绀轰緥)椤圭洰涔?- 鐧惧害鏂囧簱更新完毕开始阅读605e2714d05abe23482fb4daa58da0116d171ffa
【任务实施】 在学习了模板的相关知识后，下面完成用模板实现的个人网站的制作。 （一）创建网站模板 1. 创建并保存模板文档 步骤 1 首先将本项目素材中的“p1”文件夹拷贝至本地磁盘，然后在Dreamweaver 中新建站点“p1”。 步骤 2 选择“文件”→“新建”菜单，打开“新建文档”对话框，在左侧的“文档类型”列表中选择“空模板”，在“模板类型”列表中选择“HTML模板”，在“布局”列表中选择“无”，最后单击“创建”按钮。 步骤 3 按【Ctrl+S】组合键保存模板页，弹出提示框，提示“此模板不含有任何可编辑区域。你想继续吗？”，单击“确定”按钮即可。 步骤 4 弹出“另存模板”对话框，在“站点”下拉列表中选择保存站点（此处为“p1”），在“描述”编辑框中输入描述性文本（此处为“个人网站”），在“另存为”编辑框中输入模板文件名（此处为“m1”），然后单击“保存”按钮。 步骤 5 打开“CSS 样式”面板，将“p1”站点中的样式文件“s1.css”链接至模板文档。 2. 设置模板内容 步骤 1 将插入点置于文档窗口中，插入一个1行3列，宽为1 000像素，边 框、间距和边距均为0的表格（称为表格1），然后在各单元格中分别插入图像。 步骤 2 在表格1下方插入一个6行2列，宽为1 000像素，边框、间距和边距均为0的表格（称为表格2），在左侧的各个单元格中分别插入图像“personal1_04.jpg”和“personal1_08.jpg”～“personal1_12.jpg”。 步骤 3 将表格2右侧的6个单元格合并为一个单元格，并将插入点置于合并后的单元格中，在“属性”面板上的“垂直”下拉列表中选择“顶端”。 步骤 4 在合并后的单元格中嵌套一个3行2列，宽为723像素，边框、间距和边距均为0的表格。将第1行的两个单元格合并，并在其中插入图像“personal1_05.jpg”。 步骤 5 将插入点置于嵌套表格第2行第1列单元格中，设置其宽为603像素，高为378像素，并在“属性”面板上的“垂直”下拉列表中选择“顶端”，“背景图像”为“personal1_06.jpg”。 步骤 6 将嵌套表格第2行第2列和第3行第2列的两个单元格合并，并在合并后的单元格中插入图像“personal1_07.jpg”；同样在第3行第1列单元格中插入图像“personal1_13.jpg”。 步骤 7 在表格2下方插入一个1行3列，宽为1 000像素的表格，并分别在各个单元格中插入图像“personal1_14.jpg”“personal1_15.jpg”和“personal1_16.jpg”。 3. 设置可编辑区域 步骤 1 将插入点置于表格2中嵌套表格的第2行第1列单元格中，单击文档 工具栏中的“拆分”按钮，在文档窗口上方打开代码视图，单击“布局”插入栏中的“IFRAME”按钮，在单元格中插入“”代码。 步骤 2 在