高中信息《FrontPage 2017 网站制作》优质课教学设计

展示：“厂”型布局、“封面”型布局。
 
 
师：这些布局仅供同学们制作网站作一些参考，当然同学们自已也可以有所创新，不一定要拘泥于这些形式，接下来，我们看怎样用表格做出海盐首页这种布局。
生：分析表格的制作方法：
⑴一共有几行？
⑵第二行里插入一个子表格，是几行几列，目的是什么？
⑶第四行需要两列，怎么做？   
师：FrontPage中也提供了和WORD一样的表格菜单，可绘制表格，也可插入表格，下面请同学们利用以前学过的知识来制作这样的表格。
生：尝试制作动手操作。（请学生演示）

师：表格布局完成以后，接下来我们就可以添加素材了，这个首页上一共用到四种类型的素材：图片、文字、flash动画和水平线，下面老师给大家演示一下如何添加这些内容。
演示：添加素材，设置属性。
任务三：添加网页内容
将文字、图片、动画分别插入到表格指定位置，并进行相关设置。
生：动手操作，老师巡视指导。
师：任务三完成的同学，请继续完成任务四，它的要求是通过对一些属性进行设置，从而达到美化页面的目的，由于这个任务比较简单，所以请同学自主完成，如有疑问请查阅学习网站上的帮助。
任务四、设置页面效果。
1、将表格边框粗细设为“0”，  — 表格属性
2、设置单元格背景，          — 单元格格属性
3、添加背景图片：back.jpg     — 网页属性
4、添加背景音乐：高山流水.mid    — 网页属性
生：动手操作，老师巡视指导，请做的快的同学上台演示（掌声鼓励）。
师总结：右键设置属性，是一种通用的做法，希望同学们能够熟练掌握。

师：首页制作好后，需要及时保存，那保存网页时需注意些什么呢？
演示：网页的保存，
师：（1）网页保存时需要嵌入图片，请选择站点下的images文件夹
   （2）若编辑的页面不是index.htm ，将它另存为index.htm
   （3）网页一般直接保存在站点文件夹下。

任务五、添加新网页。
师：通过刚才的操作，大家已经完成了首页的制作，由于时间的关系，海盐博物馆的其它网页我们就不做了，过会老师将它们直接发给大家，现在我们看下一个任务。
展示任务五：如何向站点中添加网页。
要求：1、新建一个网页，命名为“new.htm”
2、复制一个网页，命名为“copy.htm”。
师：由于网站是由多个网页组成的，所以我们要学会如何向站点中添加网页，请你尝试用两种不同的方式添加网页。并思考这两种方式应该在什么时候使用？
学生动手操作。（请学生上台演示）
生：如果从头开始做一个网页，就用第一种方式，如果已做好一个网页了，希望其它网页也能保持相同的风格，并减少工作量的话，就适合用第二种方式。
师：利用电子教室，将其它的网页直接发送到学生机D:\myweb 下，请同学们点“查看”菜单里的刷新，在文件夹列表下看有没有收到。

任务六、建立超链接。
师：现在所有的网页我们已经都有了，但这些网页之间有没有建立联系呢？请大家任意打开一个页面，点击一个栏目，看能不能跳转到其它页面。
生：尝试后回答，不能。
师：那怎样实现栏目的导航功能呢？
生：用超链接。
师：对，超链接可以建立页面之间的连接，实现相互跳转的作用。下面老师就给大家演示如何用超链接实现站点内页面的链接。
演示：建立超链接。
师：设置超链接时要注意两个要素，一个是链接源，一个是链接目标。对于我们现在做的超链接，文字是链接源，站点内的网页就是链接目标。而且超链接的设置应是双向的，首页的栏目设置好超链接后，就可以实现到子页的跳转，但却不能返回，所以子页的栏目同样要设置相应超链接。
学生操作：给各个页面建立超链接。
师：我们刚才设置的超链接是实现文字到网页的链接，其实超链接的种类有很多，下面请同学们打开“与我联系.htm”，看看这里面超链接应该如何设置？
展示任务：
超链接种类 超链接设置
文字链接到文件 海盐博物馆资料：下载
文字链接到邮箱 给我写信： nzwangjian@126.com
文字链接到网站 海盐博物馆官方网站: http://www.chinahymuseum.com/

图片链接到网站 

师：这些超链接都可以在超链接窗口中实现，请同学们自已先尝试一

www.nx899.com

下。
生：设置超链接,教师适时引导。
第三步：【学生自选主题，动手实践】
  师：通过刚才的学习，同学们已经基本掌握了网站制作的步骤和方法，接下来请同学们打开学习网站，在作业浏览中根据你事先确定的主题，下载对应的素材，运用刚才所学知识，建立自已的主题网站。
  生：选择主题，下载素材，进行制作。
第四步：【学生上传作品，相互评价】
  师：作品完成后，保存并退出FrontPage，然后将站点文件夹压缩后上传。
  生：上传作品。
  师：请同学们根据评价表，对自已及其他同学打分。
       生：根据评价表客观给出得分。
  师：让我们一起来看看自已的得分，请参与评分的同学说说评价给分的原因。
  生：评价作品，尝试说出别人作品中的优点和不足。
  师：同学们评价的都很到位，我们每个同学作品中都有自已的闪光点，虽然作品可能还有些不足，但是相信通过不断的实践，同学们会越做越好，期待明天的你们会成为优秀的网页设计师。
第五步：【教学总结，拓展延伸】
  师：我们学校的网站，最近作了改版，增加了班级风采的栏目，请同学们利用今天学习的知识，在课后继续完善班级网站，然后通过邮件发给老师（nzwangjian@126.com），老师帮你们发布到学校网站上。今天的课就到这里，下课。
全文下载  课件下载

上一页  [1] [2] 

，高中信息《FrontPage 2017 网站制作》优质课教学设计

• › 高中信息技术教学反思
• › 高中信息技术教师述职报告（职称评审述职）
• › 高中信息《FrontPage 2017 网站制作》优质课教学设计
• › 高中信息《文件的下载》优质课大赛教学设计
• › 高中信息技术教案： excel教案
• › 高中信息技术教案： powerpoint教案
• › 高中信息技术教案：中文输入法
• › 高中信息《全文搜索引擎的工作原理》优质课大赛教学设计
• › 高中信息技术优质课评课范文
• › 高中信息技术评课稿范文1
• › 高中信息《筛选和分类汇总数据》评课稿
• › 高中信息技术优质课评课稿范文
• 在百度中搜索相关文章：高中信息《FrontPage 2017 网站制作》优质课教学设计

tag: 教学  信息  高中  网站制作   高中信息技术教案，高中信息技术教案范文，免费教案下载 - 信息技术教案 - 高中信息技术教案