《制作第一个网页》课堂实录

制作第一个网页制作第一个网页 课堂实录课堂实录 一 复习引入 师 同学们在上节课学会了创建站点 并且都创建了自己的站点 又过了一个星期 老师想知道同学们掌 握得怎么样 下面请一个同学来演示在 FrontPage 中打开自己创建的站点 请一个学生在自己的电脑上演示操作 师 谁还想来试一试 师 这两位同学的操作非常熟练 说明上一节课们都学得比较认真 师 如果把创建一个网站看成是建房子 那么创建站点就相当于买了一块地皮 接下来就要建房子 也就 是制作漂亮的网页 今天就来学习制作我们网站的第一个网页 板书课题 制作第一个网页 二 了解网站的结构图 师 在建房子之前 有一项非常关键的工作要做 你们知道是什么工作吗 生一 打地基 生二 画图纸 师 对 首先要设计好房屋的图纸 施工人员按照设计图才能施工 设计网站也一样 制作网页之前 要 根据网站的主题 设计好网站的结构图 那么网站的结构图要怎样画呢 请同学阅读课本第 75 76 页 了解可爱的中山这个网站的结构图 师 从 可爱的中山 这个网站的结构图我们可以看出这个网站主要包括哪几个方面的内容 生 主要有 城乡风貌 土产特色 名人伟绩 风俗风情 四个方面的内容 师 我们还可以看出 从 中山农业 黄圃腊味 石岐乳鸽 三个方面介绍了 土产特色 师 因此 网站的结构图实际上就是勾绘出网站的主要内容 三 画出 小小亚运宣传网 的结构图 师 我们今天要设计的网站是介绍广州亚运知识 老师已经为同学们准备了相关的内容 请同学们打开 学生作业 文件夹中的 广州亚运知多少 快速浏览这篇文章的主要内容 然后思考 设计以 广州 亚运知多少 为主题的网站结构图 师 请同学们在小组里说一说 这个网站的结构图要包含哪些主要内容 师 请一位同学说说你的想法 这个网站的标题应该主什么 生 广州亚运知多少 师 包含哪些主要内容 生 广州亚运简介 广州亚运理念 广州亚运全徽 广州亚运吉祥物 师 你阅读很认真 归纳很全面 这篇文章从这四个方面介绍了广州亚运 也就是我们要设计的网站的主 要栏目内容 四 制作网站的首页 师 图纸设计好了 我们就开始施工了 下面我们就来制作 广州亚运知多少 网站的首页 请大家想一 想 网站的首页该包括哪些内容呢 生 亚运举办的地点 师 可能不知到怎么说 是吧 请你参考课本 76 页可爱的中山这个网站的首页 看看它的首页有哪些内 容 师 首先是网站的标题 然后是一句英语的欢迎标题 接下来是网站四个栏目名称 下面是首页的正文 看了这个首页后 我们要设计的首页内容清楚了吗 生 也要有标题 广州亚运知多少 然后加一句 WellcometoGuangzhou 的标题 下面一行是四个 栏目标题 正文是广州亚运简介 师 下面就请一个同学来试一试制作首页的内容 好 请你来 师 首先打开你的首页 开始输入标题 老师为你们提供的 WORD 文档里已有你需要的文字了 有没有 可以偷懒的办法 师 哦 你打字比较快 那你就自己输入吧 怎样把标题居中 按空格键把标题推到中间 这种方法好不 好 生 不好 师 应该怎么办 生 点一下居中按钮 师 这位同学可能是忘了 你再用居中按钮试一下 师 从刚才这位同学的演示可以看出 在 FrontPage 的编辑窗口里对文字进行编辑的方法与我们学过的 WORD 是相同 下面 就发挥你的聪明才智 利用以前学过的 WORD 编辑文章的知识设计 广州亚运知 多少 的首页 要求 网站的首页必须有网站标题 栏目小标题 广州亚运简介 同学们可以参照课本 77 页 可爱的中山 进行设计 我们比比看谁设计得最清楚 最漂亮 最与众不同 制作的同时 请同 学们参考课本 78 页的 小提示 这里介绍了一些制作网页的小技巧 看谁能很好地运用这些小技巧来 提高你的制作效率 五 保存首页 师 首页制作好后 我们要及时地保存我们的劳动成果 下面请一个同学演示一下怎样保存制作好的网页 师 请同学们注意 编辑窗口上方的文件名 index htm 后面有一个 号 这个 有什么用呢 师 请你演示保存网页 师 大家看 他的网页保存后 文件名后面的 号还有吗 生 没有了 师 这说明了什么 生 没保存时 文件名后面有 号 保存后就没有了 师 对 这个 号就是用来提示你文件是否已保存 师 如果我们新建一个网页 保存的时候又会怎样 请一个同学演示一下 师 新建一个网页时 系统会自动给网页取一个文件名 new page 1 htm 师 请你保存一下 同学们注意到了吗 新建的网页保存时 会弹出一个对话框 提示你给新建的网页重 新取一个名字 如果你不改的话 就会用系统自动取的文件名 new page 1 htm 师 保存过的网页 以后再保存还会出现 另存为 对话框吗 生 不会 师 请你试一试 师 只有第一次保存网页时才会出现 另存为 对话框 下面再给大家 2 分钟 请你们继续完善自己的作 品 六 预览网页效果 交流评价 师 下面 请同学以小组为单位 评选出你们的最佳设计 学生在组内评选出最佳设计 教师巡视学生的评选情况 师 哪个小组先来展示你们组的最佳设计 师 请你说一说 你认为你做得最棒是什么 生 1 我认为我做得最棒的是我的网页标题用了艺术字 看上去很漂亮 我的小标题还加了书名号 使人 们地看到就想点击 师 这位同学不但做得好 说得更好 确实把自己做得最好的地方亮出来了 有没有同学对他的作品提一 提建议 师 好 请你来 生 2 他的标题和正文之间空得太多了 师 正文和标题之间空的行数确实太多 你接受吗 生 1 接受 师 怎样改进 生 1 删除几个空行 师 好的 他马上进行了改进 还有同学想说一说吗 生 3 我认为他的网页文字颜色太单调了 可以用不同的颜色 使文字看起来更漂亮 师 想要多姿就要多彩 这个建议提得很好 你不妨试试 师 还有哪个小组想展示你们的最佳作品 师 好 请你先自己跨一跨你的作品好在哪里 生 4 我认为我的作品好的地方是标题用了很好看的字体 英语的欢迎词用了不同的颜色 看起来比较显 眼 小标题也用了不同的颜色 师 你能够从不同的字体和颜色上下工夫 有点与众不同 我们需要这样的思维 有谁想对他的作品发表 看法吗 生 5 我也很喜欢他的作品 不过我想提醒他的是 他做的小标题太靠左边了 没有居中 师 他观察得很仔细 你能马上改进吗 生 4 能 点一下居中按钮 师 要想使文字居中显示 只要把光标放到文字所在的一行 按居中按钮就能使文字自己居中 师 还有谁想说吗 生 6 老师 我认为他的网页还有一点要改进 就是正文的开头要空两个字 他的没有 师 你也观察得很仔细 师 还有很多同学的网页也做非常漂亮 由于时间关系我们就不一一展示了 同学们可以利用课外的时间 相互交流 七 归纳总结 师 通过今天的学习 你有哪些收获 生 我知道了制作网页时要先设计网站的结构图 生 我知道了网站的结构图就是网站