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