网页设计与制作案例教程 教学课件 陈承欢 第32单元-2.pptVIP

第17章　网页制作综合实例;;17.5　制作二级栏目网页和内容网页; （3）在第二行左边的单元格插入一个20行2列的嵌套表格，该表格最后一行的两个单元格合并，且输入文字“返回首页”。在嵌套表格前19行左边的单元格插入特殊字符“☆”。; （4）为文字“返回首页”设置超链接 （5）在第二行右边的单元格绘制一个层，该层的宽度为558px，高度为658px。; （6）在Dreamweaver 8主窗口中，单击菜单【文件】→【另存为模板】，弹出“另存板”对话框，在该对话框中，选择站点“网页教学网”，输入模板的名称：wyjch.dwt，然后单击【保存】按钮，将当前文档保存为模板文档。; （7）定义可编辑区域 选中页面中2行2列表格中第一行，单击菜单【插入】→【模板对象】→【可编辑区域】，将会弹出“新建可编辑区域”对话框，输入可编辑区域的名称：EditRegion3，然后单击【确定】按钮，完成可编辑区域的创建。 ; 按照同样的操作方法将层和嵌套表格都设置为可编辑区域，名称分别为EditRegion4、EditRegion5。 单击标准工具栏中的【全部保存】按钮，保存模板文档。; 为了使网页浏览者既能够看到网页特效的HTML源代码，也能够浏览网页特效的效果，特创建一个基于表单的页面模板。 ; 按照前期所介绍的方法创建内容页的模板，该模板文档的名称为：wyjch1_00.dwt。; 在模板文档中定义了可编辑区域，就可以使用模板文档创建页面文档了。 ; 1．在Dreamweaver 8的主窗口中，单击菜单【文件】→【新建】，将会弹出“从模板新建”对话框，切换到“模板”选项卡，在“模板用于”区域中选择模板文档所要应用的站点，从“站点模板”列表项中选择一个模板文档，这里选择“wyjch.dwt”模板文档。 ; 2．单击【创建】按钮，于是基于wyjch.dwt模板文档创建了一个页面文档。 ; 3．接下对可编辑区域进行修改。 （1）在可编辑区域EditRegion3中输入类型标题； （2）在可编辑区域EditRegion5中输入文 章标题； （3）在可编辑区域EditRegion4中创建浮动框架。 ; （4）利用属性面板为文章标题设置超链接，在“链接”列表框中输入链接的内容网页的正确路径和文档名称，在“目标”列表框中输入“panther”，注意“panther”为浮动框架的名称。 4．保存该二级栏目网页，预览其效果。 ; 1．制作三个网页文件：wytxtop.html、wytxleft.html、wytxmain_01.html。 ;2．创建框架网页 创建“顶部和嵌套的左侧框架”类型的框架网页，编辑窗口被划分成三个框架。 ; 3．显示框架的边框线 在Dreamweaver 8主窗口中，单击菜单【查看】→【可视化助理】→【框架边框】，此时编辑窗口就显示出了框架的边框线。; 4．显示框架面板 在Dreamweaver 8主窗口中，单击菜单【窗口】→【框架】，框架面板便显示出来了。; 5．导入框架源文件 在框架面板中单击上方的框架，在框架属性面板中“源文件”文本框中输入已制作好的网页文件的路径和名称，也可以单击右侧的【浏览文件】按钮，从弹出的“选择文件”对话框中选择已制作好的网页文件wytxtop.html。 ; 用同样的方法在另两个框架中导入网页文件wytxleft.html和wytxmain_01.html。当三个框架网页文件全部导入后，可根据需要通过拖动相邻之间的边框线重新调整各框架区域的大小。; 6．保存框架集文件 在框架面板上单击最外边框的框架线选中整个框架，然后单击菜单【文件】→【框架集另存为】或【保存全部】，在弹出的“另存为”对话框中输入文件名wytxFrameset.html。; 7．设置框架属性 分别选中某个框架，通过框架属性面板设置框架的属性。上方框架的“滚动”设置为“否”，选中“不能调整大小”复选框；左侧框架和右侧框架的“滚动”设置为“默认”，取消对“不能调整大小”复选框的选中。三个框架“边框”都设置为“默认”。 ; 8．设置超级链接 选中左侧框架“栏目导航”中的“综合特效”，在属性面板的“链接”栏右侧单击【浏览文件】按钮，在“选择文件”对话框中选择刚才创建的网页文件wytxmain_01.html。 ; 单击属性面板“目标”栏右侧的下拉列表，从中选择“mainFrame”项，即可在主框架（右侧框架）中打开链接页。用同样的方法创建其他栏目的相关链接。 ;9．保存框架集文件和框架文件，预览框架网页效果。 ;17.6　设置首页的超级链接; 选中某个导航菜单，在“属性”