人教版八年级信息技术《网站规划》公开课教学课件共10张PPT含教学设计及源代码（3份打包）

建立主题网站 规划网站 基本概念 网站 因特网上具有相似性质、共同内容的一组信息资源就是一个网站。 基本元素：文件以及存放这些文件的文件夹（网页文件、资源文件、Web数据库和程序文件） 网页 用HTML语言写成的文件，它存放在某一台计算机中，这台计算机与因特网相连。 主页 实际上是网页，通常用来表示访问某个网站时出现的第一个页面。一般静态网站的主页名称默认为”index.htm” 网站的结构 网站是由网页组成的，网站是网页的集合体，网页是网站的元素。网站的结构有三种： 1、树状结构 2、线性结构 3、网状结构 树状结构 线性结构 参考教材光盘资料：网站的结构设计及规范 需求分析与选题 需求分析 建立网站前要明确建设网站的目标，确定网站的功能以及网站规模，投入费用，进行必要的市场分析等。 对于个人网站，首先要明确建立网站的目的，例如，是为了在同学、好友之间交流还是为了资源共享；其次要确定网站面向的对象。需求分析对网站主题的选择、风格的树立、栏目的设置和内容的选择都会有很大的影响。 选择网站主题原则 主题要小而精 题材最好是你自己擅长或者喜爱的内容。 以研究性学习的课题作为主题，以网站形式展示自己的研究成果 确定网站名称原则 网站名称是网站规划非常重要的一个要素。 与主题紧密相关 要有意义 要上口、悦耳、易记 注意名称是否合法、合理、合情 百度：众里寻他千百度 搜狐：搜乎 选择网页制作工具 HTML语言 HTML语言是万维网上的通用语言，在万维网刚产生的一段时间里，所有的网页几乎都是用HTML语言描述、编辑和传递的。 大家用IE浏览器访问任意一个网页，执行“查看”—“源文件”命令，就可以看到组成网页的HTML代码。 HTML文档本身是文本格式的文件，HTML代码可由任何一种文本编辑软件如写字板、记事本和Word等进行编辑，保存后扩展名为.htm或.html。兼容性非常好，适合不同的浏览器 网页制作工具 源代码型编辑工具，代表产品有HotDog、HomeSite、EditPlus等 “所见即所得”型编辑工具，代表产品有Dreamweaver和FrontPage 除此还需要一些辅助工具，包括图像动画和视频处理工具。如图像设计Photoshop、专业网页图像工具Fireworks、动画设计工具Flash及视频制作工具VideoPack等 参考教材光盘资料：网页的布局 参考教材光盘资料：网站的设计工具 FrontPage Dreamweaver 简介 微软Office组件之一，著名的“所见即所得”性网页编辑软件，是很好的入门级网页编辑工具 Macromedia公司针对专业网页设计师特别开发的视觉化网页开发工具 优点 功能强大，操作简单易学、灵活方便，站点管理功能强大 对平台和浏览器的兼容性好，对动态效果的支持性好 缺点 兼容性不好，生成的垃圾代码多，对动态效果的支持不好 站点管理功能若弱，对中文的支持不好 已提交的规划设计中存在的问题： 主题设计不清 例如每人负责一页，但如何统一规划内容，突出主题？ 网站结构不完整 不少栏目的设置有问题，一些栏目的链接为空 页面间链接不可用 特别是从分页面回到上一级主题页面或回到网站主页没有做设置，页面弹出方式没有考虑好 $$《网站规划》教学设计 一、教学目标 知识与技能：了解网站的作用及网站建设的一般过程，学会规划网站。 过程与方法：通过学习，使学生了解网站设计需要有明确的主题，掌握网站设计的一般过程，培养学生整体设计、规划网站的思想和方法。 情感、态度与价值观：通过网站设计培养学生通过整体规划、分步实施来解决问题的思想，使学生体验成功的快乐和创意的美感，增强相互之间协作学习和交流的能力。 创新与行为：通过探究与实践活动，给学生自主创作的空间，激发学生的创新意识，提高创新能力。 二、教学重点和难点 重点：网站规划的要点 难点：网站规划的一般过程 三、教学设计说明 随着网络技术的日益发展，人们已经不再满足于在网上漫游和获取信息，很多人希望自己能够制作网页并在网上发布信息、交流信息。为了让我们的学生能够适应时代的潮流，掌握网站制作的基本技能是非常重要的。 在现实生活中，许多同学已经学会了上网，但是同学们更多的是对网站的内容感兴趣，而对网站的制作思考的不多，本节课主要让同学们学会规划网站。在本课教学的开始，以老师通过网络了解滨海，引出网络的话题，通过对一些典型网站的介绍激发学生的兴趣。再通过对“鄱阳湖里探白鹤”网站的分析，引导学生了解网站制作的一般过程。由“鸟巢”设计方案的诞生历程进行类比，让学生充分认识到网站规划的重要性。在师生共同完成“动物——人类的朋友”网站后，让同学