信息技术基础第六章网页制作教学设计

《信息技术基础第六章网页制作教学设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、复习提问：信息集成要经历的四个阶段？1.选题立意阶段：确定主题，设计目标。2.设计规划阶段：规划内容结构，收集加工素材。3.开发制作阶段：选择工具，实际制作。4.评估测试阶段：收集反馈，评价修正。导入：信息集成的过程一般都要经历这四个阶段。我们做的古玩今玩的网站同样也要经历这四个阶段。首先第一个阶段选题立意阶段：要确定主题，设计目标，另外呢，再给网站起个名字。我们的主题是要建立一个介绍九连环的专题网站，主题确定之后，我们要给网站起个响亮而富有寓意的名字。为了能说明九连环的悠久历史，又能突出网站的主体内容，我们最终将网站名定位“古玩今玩

2、”。下面将进入网站的设计规划阶段。这一阶段的主要任务是设计作品的内容和结构，收集整理和选择作品中需要使用的素材。看课本P105。设计作品的内容和结构包括总体设计和详细设计两个阶段。我们在第一节课已经给大家介绍过。大家也可以看一下我们上节课建的网站是不是包括P105这六个网页啊？每个网页需要添加的内容，可以参照P105。P106的这个图就是古玩今玩首页的结构图。我们这节课的主要任务也就是做这样一个网页。设计规划阶段的另一个任务是什么？收集和整理作品中需要的素材。素材的选择包括文本、图像、声音、动画等素材的选择。例如这就是我们选择的古玩今

3、玩网站的素材，包括文本、图像、声音、动画。待会儿我会把这些素材发给大家。收集好素材之后还要对素材进行整理、归类。教师演示：整理归类网页素材。学生操作，教师巡视、指导。选择好素材之后就要进入哪个阶段了？对开发制作阶段，首先要选择好制网页的工具，叫什么名字？FrontPage！选择好工具之后就是实际的制作过程。我们这节课的主要任务是制作古玩今玩的首页。三、插入表格师：演示，用FrontPage打开“古玩今玩”的首页，发现原来很精美的主面变得一块一块的，这是什么原因呢？5生（答）：这是为因为设置了表格。师：请同学们思索一下，为什么要设计成表

4、格来做网页呢？生：便于文字和图片的定位。师：请大家尝试利用表格菜单下的，插入表格命令来完成三行一列的表格的插入，插入表格之后打开预览窗口预览一下。师：巡查辅导师：演示步骤：表格→插入表格→输入行与列的数值师：打开预览窗口，为什么古玩今玩的首页预览之后或用浏览器打开之后大家看不到表格的边框，而大家刚才做的表格预览之后可以看到边框的粗细。这是因为古玩今玩首页把表格边框粗细设置为0了。大家要注意：表格插到网页中后，要根据设计者的意图，对边框进行定义。如果对于统计型的表格可以保留它的边框，若仅是为了定位及布局，则可以将其边框粗细设为“0”，这

5、样在发布时便看不到边框的线条了。学生练习：将刚插入的三行一列的边框粗细设为“0”师提示：插好的表格进行修改，可以右击表格，在其属性中进行修改。5操作步骤：选择表格→右击→属性→改值为0→确定四、插入图片师：插入表格之后呢，我们就可在这些单元格中添加内容了，下面我们来看一看图片是如何插到表格中的。演示：略步骤：插入→图片→来自文件→选择要插入的图片→确定师：请同学们把f:8.11张静images文件夹中part2.gif插入到第一列的单元格中去师：巡视辅导五、插入动画在网页中也可以插入动画，但是在网页中插入动画有一个要求，就是：

6、文件的大小不宜过大，这样可以尽量缩短下载时间。插入动画方法：“插入高级插件”命令，弹出如下对话框，单击“浏览”，从外部导入“*.swf”动画，调整图像的大小。实践：将f:8.11张静donghua文件夹中的operate1.swf插入到首页中。六、设置背景5为了美化网页和渲染气氛，我们可以选用适当的颜色和图像作为背景。1、背景设置打开首页，选择“格式”菜单“背景”命令，弹出如下对话框选择颜色下背景中的其他颜色,如是背景图片，应选中背景图片，再单击“浏览”，选择图片。2、表格背景设置将光标定位在表格内任一位置，右击，在弹出

7、的菜单中选择“表格属性”命令，弹出如下对话框：选择背景颜色，如使用背景图片，就选中“使用背景图片”，然后单击“浏览”，选择图片。3、单元格背景设置将光标定位在要设置的单元格内，右击，在弹出的菜单中选择“单元格属性”命令，弹出如下对话框：5七、在网页中插入背景音乐在网页中的音乐不宜过大，在插入之前，先查找音乐的位置和容量大小。方法：“格式背景常规”选项卡，单击“浏览”按钮，从外部导入背景音乐。试听音乐必须在预览窗口中才可以。八、设置超级链接1、什么是超级链接？2、超级链接类型与绝对网址的链接，通常是不同网站之间的链接；通常是链接到其

8、他网站、电子邮件、外部文件等。与相对网址的链接，通常是同一网站中不同网页之间的链接；同一页面内部的链接，通常是书签式链接。思考：在不同网页之间是否可以进行书签式链接。3、链接方法先选中要链接源，接着打开“插入超级链接”