课题:网页制作一教学目标: 1、理解网页与网站的概念2、掌握建立网站与建立网页的方法3、掌握页面文件与图片的保存教学重点:掌握建立网站与建立网页的方法难点、关键:建站点的位置页面文件与图片的保存教学方法: 演示、任务驱动教学过程:一、引入同学们都很喜欢上网,平常上网我们所说的“西祠”、“新浪”等都是什么?概念: 通常我们在 WWW 上所能看到的每一个页面都称之为网页,它可以形象地比喻成一篇文章. 网站是多个网页的集合,即由多个网页通过彼此相连而构成的一个整体,可以形象地比喻成一本杂志或一本书. 制作网页的软件有很多,如 Frontpage, Dreamwaver, Flash, Firework 等从今天开始学习如何用 Frontpage 制作网页二、讲授新课启动 FRONTPAGE “开始”-“程序”-“Microsoft Frontpage”认识工作环境 标题栏 菜单栏 工具栏 视图窗口 6 种视图模式 页面视图下 3 个选项卡 文件夹列表视图窗口中的 6 个按钮代表 6 种不同的工作模式,网页模式下可编辑、制作网页,另外 5 种模式可以管理网站的结构及链接情况。网页模式下,编辑区下方有 3 个选项卡,在选项卡上单击即可作相应的切换。其中“普通”窗口是一个“所见即所得”的环境,可以插入文字、图片、表格、加入特效等;“HTML”窗口直接提供编辑 HTML 源代码;“预览”窗口可以快速观看所编辑的网页在浏览器中显示的效果。 1、网站的建立: (教师演示) 打开 Frontpage→文件→新建→站点→一个网页的站点→指定新站点的位置(如 D:\ZS)→确定 *说明: ① 站点建成之后 Frontpage 窗口界面会变成二块,自动打开站点文件夹. ② “d:\”为建立站点的位置。“ZS”为网站名称。 ③ 可以切换到桌面,到目标盘去查看刚建成的站点,体验它与文件夹的区别. ④ 通过关闭站点后再重新打开,体验它与文件夹的区别. 完成课堂任务一(学生练习)建立只有一个主页的站点,站点位置 d:\aaa,其中 aaa 为网站名称。 切换到桌面,到目标盘去查看刚建成的站点,体验它与文件夹的区别. 关闭站点后再重新打开,体验它与文件夹的区别.2、设计主页: (教师演示) 双击 index.htm,打开主页(请学生注意出现在编辑区上方的文件名,第一次打开时,文件名为 newpage1,要设计站点中的主页必须打开 index 文件或把 newpage1 以 index 命名存盘),并选择在普通窗口下。 1、键入主页的主题(如:我的宠物、动物世界、卡通画廊等) 2、插入...