网页设计与制作案例教程-电子教案第32单元-2.pptVIP

5．为“设为主页”链接编写代码 6．为“收藏本站”链接编写代码 7．为“留下建议”链接插入电子邮电链接 17.7　制作首页弹出式菜单 选中导航条中的主菜单项文字“网页特效”，在属性面板“链接”文本框中输入“#”。 1．设置链接 在Dreamweaver 8主窗口中，单击菜单【窗口】→【行为】，即可打开“行为”面板。 2．打开“行为”面板 先选中导航条中的文字“网页特效”，然后单击“行为”面板中的“+”按钮，在弹出快捷菜单中单击【显示弹出式菜单】选项，打开“显示弹出式菜单”对话框。 3．创建弹出式菜单 （1）设置弹出式菜单的内容选项 在“显示弹出式菜单”对话框的“文本”文本框内输入“标记特效”，“目标”列表框为空，在“链接”文件框中输入被链接网页的路径和名称，也可以单击【浏览文件】按钮，在弹出的“选择文件”对话框选择一个链接文件。 接下单击“+”按钮，输入其他菜单项的文本、目标、链接等，反复多次，该弹出式菜单所有的菜单项都设置完成。 （2）设置弹出式菜单的外观选项 切换到“外观”选项卡，在上面第一个列表框中选择“水平菜单”；在“字体”列表框中选择“宋体”，“大小”设置为12，单位为像素；单击“居中对齐”按钮，分别为一般状态、滑过状态的“文本”和“单元格”设置颜色。 * * 第17章　网页制作综合实例 知识技能目标 （1）熟练制作其他页面。 （2）掌握测试站点。 （3）掌握站点发布。 （4）培养制作布局较为复杂网页的能力。 （5）学会综合利用文字、图片、flash动画等素材制作网页 17.5 制作二级栏目网页和内容网页 17.6 设置首页的超级链接 17.7 制作首页弹出式菜单 17.8 查看与设置站点地图 17.9 测试网站 17.5　制作二级栏目网页和内容网页 （1）新建一个网页文件。 （2）插入一个2行2列的表格，且将第一行的两个单元格合并。 1．创建基于表格和层的模板 17.5.1　制作模板 （3）在第二行左边的单元格插入一个20行2列的嵌套表格，该表格最后一行的两个单元格合并，且输入文字“返回首页”。在嵌套表格前19行左边的单元格插入特殊字符“☆”。 （4）为文字“返回首页”设置超链接 （5）在第二行右边的单元格绘制一个层，该层的宽度为558px，高度为658px。 （6）在Dreamweaver 8主窗口中，单击菜单【文件】→【另存为模板】，弹出“另存板”对话框，在该对话框中，选择站点“网页教学网”，输入模板的名称：wyjch.dwt，然后单击【保存】按钮，将当前文档保存为模板文档。 （7）定义可编辑区域 选中页面中2行2列表格中第一行，单击菜单【插入】→【模板对象】→【可编辑区域】，将会弹出“新建可编辑区域”对话框，输入可编辑区域的名称：EditRegion3，然后单击【确定】按钮，完成可编辑区域的创建。 按照同样的操作方法将层和嵌套表格都设置为可编辑区域，名称分别为EditRegion4、EditRegion5。 单击标准工具栏中的【全部保存】按钮，保存模板文档。 为了使网页浏览者既能够看到网页特效的HTML源代码，也能够浏览网页特效的效果，特创建一个基于表单的页面模板。 2．创建基于表单的页面模板 按照前期所介绍的方法创建内容页的模板，该模板文档的名称为：wyjch1_00.dwt。 3．创建内容页面的模板 在模板文档中定义了可编辑区域，就可以使用模板文档创建页面文档了。 17.5.2　制作基于模板的二级栏目网页 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。 17.5.3　制