2022年FrontPage制作简单网页 .pdf

FrontPage 制作简单网页（高二信息技术公开课教学教案） 教学目的了解网站的基本结构、构建网站的步骤，掌握用FrontPage制作简单网页 教学重点网站规划、在网页中输入文字，插入图片和表格 教学难点在网页中输入文字，插入图片和表格 教学形式演示与练习穿插进行 教学过程导入新课大家都很喜欢上网，因为网上有许多东西（学习资料、游戏、软件、音乐）可供我们选择，而且许多都是免费的。这就是网络的一个很重要的特点资源共享。这些资源都是放在一个一个网站中的。我们也可以构建一个网站，把你的珍藏整理好放上去。这样别人就可以分享你的东西。目前，在网上就有许多有名的个人网站，像华军软件、电脑之家、驱动之家、九天音乐等。讲授新课要想在网上安家落户，大体上有以下三步：网站规划、网页制作和上传以布。今天我们就先来学习网站规划和简单网页的制作。一、 网站规划（在制作网页之前要先建站，如果没有事先的准备及策划，只盲目的开始编辑名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 3 页 - - - - - - - - - 网页，将要花更多的时间和精力在网站的整合上。所以要养成先建站再织网的好习惯）1 确定网站的主题2 网站要包含哪些咨训与服务3 构思每个网页的草图4 确定网页与网页之间的链接演示：1、用 FrontPage中的导航来更直观地了解网站结构；2、用 FrontPage新建一个站点；（1） 打开 FrontPage ，选择“ 文件” “ 新建” “ 站点” ；（2） 单击“ 只有一个网页的站点 ”注：在 “ 文件夹列表 ” 中显示该站点中所有的文件夹和文件。 （一般新建站点后就有两个文件夹，我们一般将网站所需的图片放在“image”文件夹中，当然你也可以根据需要新建一些文件夹，但必须在一个站点中）练习：1 自己构建一个个人网站；2 新建个人网站（当然此时的个人网站还只是和个空白网页）二制作网页 “ 自我简介 ”（先展示一下做好的 “ 自我简介 ” ）（一） 在网页中输入文字和插入表格1 在网页中编辑工作区输入文字“ 自我简介 ” ，居中；2选中文字 “ 自我简介 ” ，选择“ 楷体GB2312 ”，字号为“6（24）磅” ，粉红色） ；3 选择 “ 插入” “ 换行符 ” ，在弹出的 “ 换行符属性 ” 对话框中选择 “ 普通换行符” ，单击“ 确定” ，光标移到下一行；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 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 在编辑网页时，学会使用表格来对网页进行排版。三小结展示和评讲学生作品名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 3 页 - - - - - - - - -