|
第十一章 设计主题网站 第二节 制作网站——站点创建与首页制作（第1-2课时） 教学目标： 1．知识与技能 （1）认识FrontPage软件窗口结构，比较与Word窗口的相同与不同点。 （2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。 （3）掌握简单网页的新建方法，能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐等 （4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。 2．过程与方法 （1）通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效。 （2）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。 3．情感态度与价值观 （1）通过对比学习使学生体验软件学习的一般方法及规律，提高学生学习信息技术的信心。 （2）通过网站创建和首页设计，掌握对象属性的设置方法，初步体验成功的快乐。 （3）通过创建“动物—人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的理念。 教学重、难点： 1．教学重点 (1)认识FrontPage 2003窗口结构及主要菜单的功能。 (2)掌握建立、删除网站的基本方法，网站的管理作用。 (3)掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。 (4)掌握设置网页属性的一般方法。 2．教学难点 (1)站点的作用和存储路径。 (2)网页的保存。 教学方法： 对比教学法，探究学习法，模仿学习法。 教学准备： 整理、归类相关素材，并按要求摆放。 教学过程： 1．引入 教师活动：以学生上网、浏览网页为切入口，提出问题。 同学们非常喜欢上网，大家一般都登录哪些网站呢？（以此提问网站、网页和首页。）同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息，是否想过自己制作网页供别人去浏览呢？如今网页制作的软件有很多，如：Dream weaver 、FrontPage 、东方网页王等。今天我们就来学习如何使用FrontPage来制作网页。 学生活动：思考回答问题，明白以下几点。 （1）网站包含多个网页，通过超级链接可以把不同的页面链接起来。 （2）网站的第一个页面称为主页，主页的文件名一般为index.htm或者default.htm，主页也是网页。 设计意图：由学生已掌握的知识入手，自然过渡，激发兴趣，活跃气氛。 2．新授 （1）FrontPage启动与窗口的组成（与Office中的其他软件作比较，如Word，比较有什么不同点？） 6种视图模式：“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”，通过切换视图模式，可以有针对性地查看站点内容或网站结构。 编辑区的4种工作模式：设计、拆分、代码和预览。 学生打开软件，仔细观察，类比学习，同时翻看教材，了解新知识。 设计意图：传授软件学习的方法——类比法、知识迁移。 （2）站点的建立 由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。 任务1 在D盘下建立一个站点，站点名称：自己学号加姓名。 指导学生对照书本进行学习（限时）。 学生明确教师要求后，阅读教材，开展对照着教材的自学活动。 学生操作期间教师巡视课堂，做个别辅导。 针对学生中普遍存在的问题，教师可做详细讲解。 对学生自学后的完成情况做简单评价（如：学生举手反馈完成与否）与总结。 学生交流自学后的操作情况，可安排学生演示操作。 深入一问：在文件夹列表中看到了什么？ 分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。 设计意图：传授软件学习的方法——对照教材，操作步骤自学法。 （3）设计首页 引导学生分析一般首页组成情况，提出课堂制作要求。 学生构思自己网站首页中各对象的布局，可跳出教材中各对象的具体摆放要求，但要求出现元素不得缺少。 任务2 新建首页，要求首页中有如下对象： 网站的标题与图片徽标。 网站的宗旨（文字介绍）。 水平线（起分隔作用）。 链接到下一页的标记（可为文字，也可为图片）。 以上内容可以类比Word中对象的插入方法来进行。 学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线等。 设计意图：在完成基本任务的前提下，鼓励学生创新；类比学习法、知识迁移学习法。 （4）编辑与预览主页 提出具体编辑要求，引导学生设置相关对象的属性。 任务3 编辑主页 设置网站标题文字为36磅（7级）字。 设置水平线粗细为5磅。 设置首页标题为：欢迎您来到……。 选择一张淡雅图片，将其设置为首页背景图片。 为首页加上背景音乐。 学生示范，讲解如何设置文字、图片、水平线以及网页属性等。 教师强调： 必须切换到“普通” 窗口下编辑。 网页背景图片的效果与要求。 预览网页（分辨率）。 （5）保存网页 难点由教师深入讲解。 学生认真听讲，按要求保存自己的网页。 ３．总结与评价 （１）引导学生进行总结，提问本节课的重点知识，反馈学生相关知识的掌握情况。 （２）教师与学生共同评价 同学间相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。 学生总结，并继续完成自己的主页，完成的同学做老师的小助手，辅导需要帮助的同学。 设计意图：加强总结反馈，鼓励学生互帮互助。 (责任编辑：laiquliu) |
