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

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

2、有名的个人网站，像华军软件、电脑之家、驱动之家、九天音乐等。讲授新课要想在网上安家落户，大体上有以下三步：网站规划、网页制作和上传以布。今天我们就先来学习网站规划和简单网页的制作。一、网站规划（在制作网页之前要先建站，如果没有事先的准备及策划，只盲目的开始编辑学习好资料欢迎下载网页，将要花更多的时间和精力在网站的整合上。所以要养成先建站再织网的好习惯）1.1.确定网站的主题2.2.网站要包含哪些咨训与服务3.3.构思每个网页的草图4.4.确定网页与网页之间的链接演示：1 1、用 FrontPageFrontPage 中的导航来更直观地了解网站结构；2 2、用 FrontPageFrontPag

3、e 新建一个站点；（1 1） 打开 FrontPageFrontPage 选择 文件” 新建” 站点”；（2 2） 单击 只有一个网页的站点”注：在 文件夹列表”中显示该站点中所有的文件夹和文件。（一般新建站点后就 有两个文件夹，我们一般将网站所需的图片放在 “ imageimage 文件夹中，当然你也可 以根据需要新建一些文件夹，但必须在一个站点中）练习：1.1.自己构建一个个人网站；2.2.新建个人网站（当然此时的个人网站还只是和个空白网页）二. 制作网页自我简介”（先展示一下做好的 自我简介”）（一）在网页中输入文字和插入表格1.1.在网页中编辑工作区输入文字 自我简介”，居中；2.2.

4、选中文字 自我简介”，选择 楷体GB2312GB2312 ,字号为“6 6（2424）磅”，粉红色）；3.3.选择 插入”- 换行符”，在弹出的 换行符属性”对话框中选择 普通换行 符”，学习好资料欢迎下载单击 确定”，光标移到下一行；4.4.单击 常用”工具栏上的 插入文件中的图片”按钮，弹出 图片”对话框；5.5.单击 剪贴画”按钮，在 比喻”类别中选择一幅图片，将此图片插入网页中；6.6.调整图片的大小，居中放置；7.7.选择 格式”一 背景”命令在网页中加入背景图片；8 8 单击网页编辑区”下方的预览”标签，可以预览网页的效果。(二)制作自我简历表”网页中仅有一个标题和一幅图片，内容太

5、少，下面插入一个表格1.1.单击 常用”工具栏上的 插入表格”按钮，制作一个 6 6 行 2 2 列的表格；2.2.在第一行第二列中，将单元格拆分成 3 3 列；3.3.输入自我简历表”中的文字；4.4.选中第一、三列，将字体设为 黑体”字号为“ 4(4( 1414)磅”字型为 粗体” 选中第二、四列，将字体设为 楷体”字号为“ 4(4( 1414)磅”选中这个表格，单 击 居中”按钮，选中第二、四、六行，设置颜色为 浅绿色”选中这个表格，单 击右键，选择 表格属性”命令，选择边框颜色为 粉红色”粗细为 1 1；单击确定。 注：1 1、格的边框粗细设为 0 0,则表格不显示边框。(我们可以利用这一特点来合 理安排网页的版面设置，书上 163163 页图 7.147.14 的混合排版效果就是一例2 2、文件夹列表”中，双击某