《制作网站的主页》教学设计
【教学内容分析】
本节课的主题:让学生了解网页概念并利用FrontPage软件制作简单的网页,本课是用该软件创建以“心灵之约”为主题的网站,也就是用所掌握的信息技术知识解决生活中的实际问题,使学生能够学以致用。发挥信息技术学科的优势,以素质教育的新理念,增强学生的动手能力,提高学生的综合素质。
【教学目标的设计】
1.知识目标
(1)熟悉网页制作软件的宣传品界面和常用操作;
(2)掌握用表格编排页面的方法;
(3)提高文字和图像混合编排的能力;
2.技能目标
学生通过探究学习过程中,掌握网站的建立方法与创建简单网页的操作。
3.情感目标
培养学生的学习,增强团结协作的意识与能力。
【教学重点与难点】
(1)重点:建立网站、保存网页的方法。
(2)难点:网站与网页的区别,网页中图文混排的能力。
【教学过程设计】第1课时
回顾上节课知识:
建立网站的基本过程:
确定主题→设计网站结构→获取素材→制作网页→测试网站→发布网站
网站最重要的就是网页,多个网页通过外国投资关系构成一个整体,主页则相当于一个网站的门,可能了解网站的功能和基本构成,并且贝司此深入网站的内部,匹敌取更多的信息。
一、认识操作界面
打开FrontPage窗口后可以看到,窗口有标题栏、菜单栏、工具栏等。窗口的空白区是页面编辑(设计)区。下方有“设计”“代码”“预览”等视图模式,利用这些按钮,可以改变页面的视图模式。右侧是任务窗格,可以单击“关闭”按钮关闭它。
创建网站
动手实践:在D盘上建立一个名为“心灵之约”的网站。
执行“文件→新建”命令,在任务窗格中选择“贝司一个网页组成的网站”选项。
把网站的位置改为D盘。
在D盘符后面输入网站的名称“心灵之约”,然后单击“确定”按钮。
private文件夹一般用来存放不想供浏览者访问的文件;
Images文件夹用来存放图像文件。
Index为自动生成的网站的主页文件。
制作主页
用表格安排页面布局
①双击文件名index.htm,显示它的页面编辑区。
②执行“表格→插入→表格”命令,设置参数,插入一个1行1列、宽度为870像素、不显示边框线、居中对齐的表格。
③在页面中敲一下Enter插入一个空行后,设置参数,插入一个1行6列的表格,宽度为870象素,边框线为1,居中对齐的表格。
④继续插入一个2行2列、不显示边框线的表格,然后合并其中的第2行单元格。
⑤把第3个表格的第1行第2列单元格拆分成3行。
⑥适当调整表格高度,最后保存网页。
动手实践:在主页index.htm中插入表格。
插入网站标题
动手实践:插入动画标题“美丽心灵,闪耀人生”。
①把插入点移到页面中的第1个表格中,然后插入“插入→图片→来自文件”命令。
②插入素材库中的文件“网站动画标题.gif”。
③适当调整标题的大小,然后把图像保存到网站中的images文件夹里。