FrontPage制作简单网页(高二公开课教案)

《FrontPage制作简单网页(高二公开课教案)》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、FrontPage制作简单网页（高二信息技术公开课教学教案）［教学目的］了解网站的基本结构、构建网站的步骤，掌握用FrontPage制作简单网页［教学重点］网站规划、在网页中输入文字，插入图片和表格［教学难点］在网页中输入文字，插入图片和表格［教学形式］演示与练习穿插进行［教学过程］［导入新课］大家都很喜欢上网，因为网上有许多东西（学习资料、游戏、软件、音乐……）可供我们选择，而且许多都是免费的。这就是网络的一个很重要的特点一一资源共享。这些资源都是放在一个一个网站中的。我们也可以构建一个网站，把你的珍藏

2、整理好放上去。这样别人就可以分享你的东西。冃前，在网上就有许多有名的个人网站，像华军软件、电脑之家、驱动之家、九天音乐等。［讲授新课］要想在网上安家落户，大体上有以下三步：网站规划、网页制作和上传以布。今天我们就先来学习网站规划和简单网页的制作。一、网站规划（在制作网页Z前要先建站，如果没有事先的准备及策划，只盲目的开始编辑网页，将要花更多的时间和精力在网站的整合上。所以要养成先建站再织网的好习惯）1.确定网站的主题2.网站要包含哪些咨训与服务3.构思每个网页的草图4.确定网页与网页之间的链接演示：1、用

3、FrontPage中的导航來更直观地了解网站结构；2、用FrontPage新建一个站点；（1）打开FrontPage,选择“文件"一＞噺建"一〉“站点"；（2）单击“只有一个网页的站点注：在“文件夹列表"中显示该站点中所有的文件夹和文件。（一般新建站点后就有两个文件夹，我们一般将网站所需的图片放在“image”文件夹中，当然你也可以根据需耍新建一些文件夹，但必须在一个站点中）练习：1.自己构建一个个人网站；2.新建个人网站（当然此时的个人网站还只是和个空白网页）二.制作网页“自我简介”（先展示一下做好的“

4、口我简介"）（一）在网页中输入文字和插入表格1.在网页中编辑工作区输入文字“自我简介”，居中；1.选中文字“自我简介J选择“楷体_GB2312S字号为“6（24）磅”,粉红色）;2.选择“插入”一＞“换行符J在弹出的“换行符属性巧寸话框中选择“普通换行符S单击“确定J光标移到下一行；3.单击“常府H具栏上的“插入文件中的图片"按钮，弹出“图片”对话框；4.单击“剪贴画"按钮，在“比喻,啖别中选择一幅图片，将此图片插入网贝中；5.调整图片的大小，居中放置；6.选择“格式"一＞“背景"命令在网页中加入背景图片

5、；7.单击“网页编辑区"下方的“预览"标签，可以预览网页的效果。(二)制作“自我简历表"网页中仅有一个标题和一幅图片，内容太少，下面插入一个表格1.单击“常用”工具栏上的“插入表格”按钮，制作一个6行2列的表格；2.在第一行第二列中，将单元格拆分成3列；3.输入“自我简历表冲的文字；4.选中第一、三列，将字体设为“黑体=字号为“4(14)磅二字型为“粗体二选中第二、四列，将字体设为“楷体”，字号为“4(14)磅”，选中这个表格，单击“居中"按钮，选中第二、四、六行，设置颜色为“浅绿色"；选中这个表格，单击

6、右键，选择“表格属性"命令，选择边框颜色为“粉红色"，粗细为1;单击确定。注：1、格的边框粗细设为0,则表格不显示边框。(我们可以利用这一特点来合理安排网页的版面设置，书上163页图7.14的混合排版效果就是一例2、“文件夹列表"屮，双击某一网页，该网页就会显示在网页编辑区中，练习：1・在刚刚新建的站点上新建儿个网页；2.在编辑网页时，学会使用表格来对网页进行排版。二.小结展示和评讲学生作品