文档介绍：蚆第1课制作一个简单的网页莁学****目标:莂1、知识目标:了解网站规划方法;认识Frontpage2003的工作界面;理解站点、网页、主页的概念。蚇2、技能目标:学会规划和设计网站;能够搜集网站相关素材;学会新建和打开站点。膄3、情感、态度与价值观目标:感受网站规划的重要性,养成做事有计划、勤思考的****惯。莄教学方法:自学法、演示法、观察法、实践法、小组合作。蒂教学重点:网站规划的一般步骤;Frongpage2003的站点管理。肈教学难点:网站规划的一般步骤。袆学****时间:1课时。膃学****过程:薁引入课题:葿许多同学都有上网的经历,那么什么是网站呢?莄网站:网站是在因特网上一个相对独立的信息的集合,这些信息以网页的形式向全世界发布。因此,网站就是相关网页的集合。网页就是把用文字、图形、声音、影视等多种媒体形式表达的信息,以及分布在因特网上的相关信息,相互链接起来而构成的一种信息表达方式。羂学****与探究:蚁一、他山之石,可以攻玉袀通过对“中国少年雏鹰网”与“网易”首页的比较,谈谈自己的感受,并说出它们之间有什么差异?肆二、网站规划的一般步骤羅小组合作:阅读本部分内容,总结网站规划的一般步骤?常见的网页版面布局形式有哪些?螁步骤:1、确定网站的主题和风格;肇2、设计规划网站的结构和内容;袄3、设计网站的版面布局;(“T”型、“口”型、时尚型、“三”型布局)螀4、搜集整理网站素材;袇5、选择网站制作工具(frontpage2003)。蒄三、Frontpage2003的站点管理节1、 初识Frontpage蕿根据打开程序的一般方法,自己试着打开Frontpage。并思考有没有其它的打开方法。羇2、 新建站点袅教师演示:“文件”---“新建”---“站点”,打开“新建”对话框。羄学生操作:莈(1)指定新站点的位置为“F:\诗文荟萃”,并选择站点类型为“只有一个网页的站点”。肇(2)观察界面发生了什么变化?在“文件夹列表”中自动生成了哪几个文件或文件夹?它们有什么作用?芆3、 打开站点蒁“文件”---“打开站点”。莁四、实践与创新:***1、 访问以下网站,描述它们各自的主题和风格,并画出网站的结构图和主页的布局图。蒂./01/、 搜集整理关于赞美父母的诗句、文章、图片或歌曲,分组合作设计“我的父母”网页。(包括页面结构、内容、版面布局、网页的风格和内容,通过表格的形式记录下来)腿五、小结:网站规划的一般步骤、Frontpage的站点管理芇六、教学反思:袃第2课设计网站首页蚁学****目标:袈1、知识目标:认识网页的工作原理;了解网页编辑的一般过程。莇2、技能目标:学会在网页中输入文字、插入图片和水平线;学会新建、预览和保存网页。芄3、情感、态度与价值观目标:善于从身边的广告、书刊中学****版面设计知识,并学以致用。莃教学方法:自学法、演示法、观察法、实践法、小组合作。羁教学重点:在网页中插入文字、图片、水平线及网页的保存、预览。莆教学难点:在网页中插入文字、图片和水平线。蚅学****时间:1课时。螁学****过程:蒁引入课题:展示一个包含有文字、图片和水平线的网页,并通过对这三部分的介绍激发学生的学****欲望。芈学****与探究:袇一、在网页中输入文字莄小组合作并操作:根据前面所学知识,即在WORD中输入文字的操作,在“F:\诗文荟萃”站点中,双击打开主页文件“”,对照小宇在上节课中设计的首页效果图,在编辑窗口输入相应文字,并按照图例对这些文字进行修改字体、字号、颜色、对齐方式等操作。芀二、在网页中插入图片莇教师演示:“插入”---“图片”---“来自文件”羄学生操作:在“Banner位置”处插入存放在“F:\素材”中的Banner图片,并对所插入的图片进行大小调整。螂注:为便于上传,网页中图片一般采用容量较小的格式,如JPEG、GIF、PNG等。聿三、在网页中插入水平线蒇学生阅读相关内容,试着自己在网页中的标题与正文之间插入一条水平线,并设置“水平线属性”。(教师巡回指导)莅四、保存网页蒄同WORD操作相似,,考虑哪种方式更方便?肂试一试:将刚刚插入到网页中的图片指定保存位置为:本站点的“images”文件夹。薇五、预览网页螆方法一:利用FrontPage自带的预览功能;方法二:通过浏览器预览。羂练一练:按照上面介绍的两种方法预览自己的网页,分析它们各有什么优缺点?袁六、添加新网页蚇“文件”---“新建”---“网页”***七、实践与创新:螀1、根据第1课的规划,参照小宇设计的“我的父母”所示的界面,设计制作网页“我的父母”,其文件名为:,标题为“我的父母”。蚆2、对新建的网页进行预览,并改变预览窗口的大小,你会发现什么现象?有什么办法可以解决这个问题?螃八、小结:蚄在网页中插入文字、图片、