第2单元框架模板.ppt

（2）制作下框架网页 下框架网页的主要内容是“网站内容简介”、“友情链接”和“联系我们”。 步骤1:打开网页main.html，设置背景颜色#EAFFBA(淡黄色)，上边距为0像素。 如图5.16 步骤2:插人一个5行9列的表格，边框粗细为0，单元格边距为0，单元格间距为0，表格宽度为754像素，居中对齐。设置各行的高度分别为35像素55像素、135像素、50像素、40像素。设置各列的宽度分别为29像素、74像、150象素、50像素、150象素、50像素、150像素、74像素、27像素，效果如图5.16所示 如图5.16 步骤3:分别将第1行和第5行所有单元格合并为一个单元格，将第1列和第9列的第2, 3, 4行单元格合并为一个单元格，将第4行的第3、4、5列合并为一个单元格，合并单元格后的表格如图5.17所示。 如图5.17 CIY 利用表格规划完网页后，需要在表格中插入图像文件,设置单元格的背景颜色和背景图像，并在相应的单元格内输入文字内容，修饰后的表格效果可参照图5.18。 提示: (1)在表格的第1行中插入main 01.gif图像文件，第5行中播入main_04.gif图像文件。设置第1列的背景图像为main 02.gif，第9列的背景图像为main_03.gif。 (2)分别在第2行第3, 5, 7列中插入pen_1. jpg, penes 2. jpg, pen 3. jpg图像文件。 (3)在第4行第3列中插入friend. Jpg、linkl. jpg,、link2. jpg图像文件，第7列中插入email.gif图像文件。 (4)在相应的单元格内输入文字内容，并设置文字的属性。 照图5.18 步骤4:选中友情链接区域的linkl.jpg图像文件，打开“属性检查器”，在“链接”文本框中输人少儿信息港网站地址http ; //，在“替换”文本框中输人“少儿信息港”，在“目标”下拉列表框中选择一lank，如图5.19所示。则在浏览器中浏览网页时，单击linkl. jpg图像文件即可在新窗口中打开“少儿信息港”网站主页。 利用为link1. jpg图像文件设置外部链接相同的方法，为link2. jpg图像文件设置中国儿童网的外部链接http;// ，在“替换”文本框中输入“中国儿童网”，“目标”设置为_blank 步骤5:选中文字“联系我们”，打开“属性检查器”，在“链接”文本框中输人mailto:和“邮箱地址”，例如输mailto : safe@，如图5.20所示。则在浏览器中浏览网页时，单击文字“联系我们”，即可启动邮件编辑器，为指定的E-mail邮箱发送邮件。 1.框架是浏览器中的一个区域，利用框架可以实现网页风格的统一。由于创建框架的同时创建了框架集和含有框架的文件，所以在保存框架时，需要保存框架集文件和含有框架的所有文件。 2.鼠标经过图像由页面载人时显示的原始图像和鼠标指针经过时显示的图像组成，利用鼠标经过图像的动态效果，可以制作动态网页导航按钮。 3.超链接是实现网页之间互联的关键，它不仅可以实现与网站内部的网页文件链接，还可以实现与外部网站地址以及E-mail信箱地址的链接。 4.制作超链接时，通过设置属性面板中的“目标’，列表框，可以调整链接网页的显示位置。 知识着陆 （一）本课教学目标 1．掌握合并单元格及插入嵌套表格的方法。 2．了解模板的概念和用途。 3．学会创建网页模板。 4．掌握定义、编辑可编辑区域的基本方法。 5．能够根据网站的需要创建网页模板。 （二）教学设计与教学建议 1．课堂引入分析 在进行大量的页面制作的时候，很多页面会用到相同的布局、图片和文字等元素。为了避免一次次地重复劳动，可以将具有相同版面结构的页面制作成模板，然后基于模板创建新的网页，最后根据需要对页面进行改动，加入个性化的内容。 第6课 事半功倍 演示模板范例：给学生展示一些比较有特点的网页模板，激发学生对模板的兴趣和认识，对网页模板有一个初步的了解和感性认识。 提出任务：用一节课时间，学习如何创建网页模板。 2．重点内容分析 （1）模板的概念和用途 模板可以被理解成一种网页模型，利用这个模型能够方便地做出很多页面，使用模板可以避免重复地在每个页面输入或修改相同的部分，等网站改版的时候，只要改变模板的设计，就能自动更改所有基于这个模板创建的网页。模板文件的扩展名为.dwt，存放在网站根目录的Templates文件夹中。 　 （2）创建模板文件 　　利用“资源”面板可以直接创建模板文件，这是一种最直接最直观的方式，如图6.1所示。