第六课 主页的装饰 教案

文档属性

名称 第六课 主页的装饰 教案
格式 zip
文件大小 117.8KB
资源类型 教案
版本资源 黔教版
科目 信息技术(信息科技)
更新时间 2017-10-27 10:25:02

图片预览

文档简介

第六课
主页的装饰
教案
教学目标:
了解网站的基本结构、构建网站的步骤,掌握用FrontPage制作简单网页
教学重点:
网站规划、在网页中输入文字,插入图片和表格
教学难点:
在网页中输入文字,插入图片和表格
教学过程:
[导入新课]大家都很喜欢上网,因为网上有许多东西(学习资料、游戏、软件、音乐……)可供我们选择,而且许多都是免费的。这就是网络的一个很重要的特点――资源共享。这些资源都是放在一个一个网站中的。我们也可以构建一个网站,把你的珍藏整理好放上去。这样别人就可以分享你的东西。目前,在网上就有许多有名的个人网站,像华军软件、电脑之家、驱动之家、九天音乐等。[讲授新课]要想在网上安家落户,大体上有以下三步:网站规划、网页制作和上传以布。今天我们就先来学习网站规划和简单网页的制作。一、
网站规划(在制作网页之前要先建站,如果没有事先的准备及策划,只盲目的开始编辑网页,将要花更多的时间和精力在网站的整合上。所以要养成先建站再织网的好习惯)1.
确定网站的主题2.
网站要包含哪些咨训与服务3.
构思每个网页的草图4.
确定网页与网页之间的链接演示:1、用FrontPage中的导航来更直观地了解网站结构;2、用FrontPage新建一个站点;(1)
打开FrontPage,选择“文件”->“新建”->“站点”;(2)
单击“只有一个网页的站点”注:在“文件夹列表”中显示该站点中所有的文件夹和文件。(一般新建站点后就有两个文件夹,我们一般将网站所需的图片放在“image”文件夹中,当然你也可以根据需要新建一些文件夹,但必须在一个站点中)练习:1.
自己构建一个个人网站;2.
新建个人网站(当然此时的个人网站还只是和个空白网页)二.制作网页“自我简介”(先展示一下做好的“自我简介”)(一)
在网页中输入文字和插入表格1.
在网页中编辑工作区输入文字“自我简介”,居中;2.
选中文字“自我简介”,选择“楷体_GB2312”,字号为“6(24)磅”,粉红色);3.
选择“插入”->“换行符”,在弹出的“换行符属性”对话框中选择“普通换行符”,单击“确定”,光标移到下一行;4.
单击“常用”工具栏上的“插入文件中的图片”按钮,弹出“图片”对话框;5.
单击“剪贴画”按钮,在“比喻”类别中选择一幅图片,将此图片插入网页中;6.
调整图片的大小,居中放置;7.
选择“格式”->“背景”命令在网页中加入背景图片;8.
单击“网页编辑区”下方的“预览”标签,可以预览网页的效果。(二)
制作“自我简历表”网页中仅有一个标题和一幅图片,内容太少,下面插入一个表格1.
单击“常用”工具栏上的“插入表格”按钮,制作一个6行2列的表格;2.
在第一行第二列中,将单元格拆分成3列;3.
输入“自我简历表”中的文字;4.
选中第一、三列,将字体设为“黑体”,字号为“4(14)磅”,字型为“粗体”,选中第二、四列,将字体设为“楷体”,字号为“4(14)磅”,选中这个表格,单击“居中”按钮,选中第二、四、六行,设置颜色为“浅绿色”;选中这个表格,单击右键,选择“表格属性”命令,选择边框颜色为“粉红色”,粗细为1;单击确定。注:1、格的边框粗细设为0,则表格不显示边框。(我们可以利用这一特点来合理安排网页的版面设置,书上163页图7.14的混合排版效果就是一例2、“文件夹列表”中,双击某一网页,该网页就会显示在网页编辑区中,练习:1.
在刚刚新建的站点上新建几个网页;2.
在编辑网页时,学会使用表格来对网页进行排版
教后小记: