【文档说明】3.2.2《创建网站，制作首页》教学设计10-八年级信息技术【苏科版】.docx，共(3)页，20.023 KB，由小喜鸽上传

转载请保留链接：https://www.ichengzhen.cn/view-93561.html

以下为本文档部分文字说明：

制作网站首页教学目标1.知识与技能了解网站、网页、首页的概念；认识Dreamweaver8.0的界面；建立站点；掌握制作简单网页的方法，如在网页中插入文字、图片并进行编辑；掌握设置网页属性的方法，如背景图片、背景音乐。2.过程与方法通过对比，掌握软件的使用方法，达到举一反三的功效；通过动手

设计网站的实践活动，掌握对象属性的设置方法，为今后学习其他软件奠定基础。3.情感态度价值观通过对比，了解软件学习的一般方法及规律，提高学习信息技术的信心；通过二十四节气网站的制作，让学生了解并弘扬中国二十四节

气传统文化，增强学生对中华传统文化的自信和敬畏。教学重难点1.重点认识Dreamweaver窗口；设计简单网页的基本方法与设置网页属性的一般方法。2.难点网页中对象属性的设置。教学过程导入师：同学们，最近天气变化莫测，前两天温度不高，今天有一种一秒

入夏的感觉啊，据说后天又要降温了，那夏天什么时候到来呢？（学生讨论）师：下周五是夏季的第一个节气，表示盛夏时节的正式开始，同学们知道这个节气的名字吗？（学生回答）师：夏至。师:你们还知道哪些节气的名称？（学生回答）师：请看一段视频（播放视频），中国的世界遗产又

多了一项！但是遗憾的是，很多人对二十四节气并不了解，成功申遗就是希望更多的人对中国传统文化进行传承和弘扬。我们一起来制作一个关于二十四节气的网站，让更多的人走进它，了解它。（板书：二十四节气——主题网站首

页制作）请大家分辨这三个词：网站、网页、首页，谁来说说这三者的概念或者它们之间的关系。（学生回答）师：网站：按照某个目的规划的多个网页的集合，网页之间彼此链接；网页：超文本标识语言（HTML）描述的文档，网站的基本元素；首页：访问网站时看到的第一个页面，也可称为主页。我们可以用这样的结构图来表示他

们之间的关系（PPT展示）：网站是由多个网页组成的，访问网站时看到的第一个页面称为首页或主页。为了方便网站的管理，我们需要建立一个站点，制作的网页以及相关的素材都存放在站点文件夹中，这样也便于网站存储位置的移动和网站的维护。认识Dreamweaver制作网

页的软件有很多，今天我们学习用Dreamweaver8来制作，首先来认识一下Dreamweaver8窗口。（板书：认识Dreamweaver8）同学们有没有发现Dreamweaver8窗口与我们刚刚学过

的Flash8窗口有相似之处？（PPT展示）这两款软件同属一家公司，请说一说你认识Dreamweaver窗口的哪些部分？（学生回答：标题栏、菜单栏、属性面板、面板组）师：Dreamweaver窗口还有插入栏、文档工具栏，文档工具栏有三种编辑方式：代码模式、

拆分模式、设计模式，作为初学者，我们今天主要使用设计模式。属性面板非常重要，可以根据需要编辑对象的属性。这些组成部分都可以通过“窗口”菜单打开或关闭。下面我们开始建立站点，具体步骤同学们可以看大屏幕，也可以看老师给大家提供的微视频。（板书：建立站点）（板书：制作首页）制作首页现

在我们可以开始制作首页了，这是老师制作的首页，首页一般包含哪些元素呢？（学生总结：标题、Logo、背景、音乐……）首页需要的元素有：文字、图片、声音任务一：插入文本、图像文本与图像的插入比较简单，与之前学过的WPS文字、

WPS演示中插入的方法是类似的，不同的是，关于文本与图像的编辑，是通过属性面板完成的。请同学们完成任务一。Dreamweaver具有所见即所得的特点，我们可以通过浏览器预览设计的页面，在预览前要保存网页，首页一般都是用index命名。任务二：插

入水平线在网页中适当插入水平线，可以分割网页中的信息，使得页面更加清晰，方便浏览，插入的水平线的方法与插入图片的方法类似，请同学们完成任务二。任务三：设置背景图片、背景音乐提示：背景图片——属性面板背景音乐——行为面板今天我们初步学习了网站首页的制作，文字、

图片、水平线、声音等元素构成了简单的页面。为了让网页看起来更加动感，我们可以设置文字滚动，图片交替显示，插入Flash动画等等，希望每一位同学都能成为梦想的编织者。