苏科版八年级全册3 创建网站并制作首页教案

制作网站首页

教学目标

1.知识与技能

了解网站、网页、首页的概念；

认识Dreamweaver8.0的界面；

建立站点；

掌握制作简单网页的方法，如在网页中插入文字、图片并进行编辑；掌握设置网页属性的方法，如背景图片、背景音乐。

2.过程与方法

通过对比，掌握软件的使用方法，达到举一反三的功效；

通过动手设计网站的实践活动，掌握对象属性的设置方法，为今后学习其他软件奠定基础。

3.情感态度价值观

通过对比，了解软件学习的一般方法及规律，提高学习信息技术的信心；

通过二十四节气网站的制作，让学生了解并弘扬中国二十四节气传统文化，增强学生对中华传统文化的自信和敬畏。

教学重难点

1.重点

认识Dreamweaver窗口；

设计简单网页的基本方法与设置网页属性的一般方法。

2.难点

网页中对象属性的设置。

教学过程

导入

师：同学们，最近天气变化莫测，前两天温度不高，今天有一种一秒入夏的感觉啊，据说后天又要降温了，那夏天什么时候到来呢？

（学生讨论）

师：下周五是夏季的第一个节气，表示盛夏时节的正式开始，同学们知道这个节气的名字吗？

（学生回答）

师：夏至。

师:你们还知道哪些节气的名称？

（学生回答）

师：请看一段视频（播放视频），中国的世界遗产又多了一项！但是遗憾的是，很多人对二十四节气并不了解，成功申遗就是希望更多的人对中国传统文化进行传承和弘扬。我们一起来制作一个关于二十四节气的网站，让更多的人走进它，了解它。

（板书：二十四节气——主题网站首页制作）

请大家分辨这三个词：网站、网页、首页，谁来说说这三者的概念或者它们之间的关系。

（学生回答）

师：网站：按照某个目的规划的多个网页的集合，网页之间彼此链接；

网页：超文本标识语言（HTML）描述的文档，网站的基本元素；

首页：访问网站时看到的第一个页面，也可称为主页。

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

认识Dreamweaver

制作网页的软件有很多，今天我们学习用Dreamweaver 8来制作，首先来认识一下Dreamweaver 8窗口。

（板书：认识Dreamweaver 8）

同学们有没有发现Dreamweaver 8窗口与我们刚刚学过的Flash 8窗口有相似之处？（PPT展示）

这两款软件同属一家公司，请说一说你认识Dreamweaver窗口的哪些部分？

（学生回答：标题栏、菜单栏、属性面板、面板组）

师： Dreamweaver窗口还有插入栏、文档工具栏，文档工具栏有三种编辑方式：代码模式、拆分模式、设计模式，作为初学者，我们今天主要使用设计模式。属性面板非常重要，可以根据需要编辑对象的属性。这些组成部分都可以通过“窗口”菜单打开或关闭。

下面我们开始建立站点，具体步骤同学们可以看大屏幕，也可以看老师给大家提供的微视频。

（板书：建立站点）

（板书：制作首页）

制作首页

现在我们可以开始制作首页了，这是老师制作的首页，首页一般包含哪些元素呢？

（学生总结：标题、Logo、背景、音乐……）

首页需要的元素有：文字、图片、声音

任务一：插入文本、图像

文本与图像的插入比较简单，与之前学过的WPS文字、WPS演示中插入的方法是类似的，不同的是，关于文本与图像的编辑，是通过属性面板完成的。请同学们完成任务一。

Dreamweaver 具有所见即所得的特点，我们可以通过浏览器预览设计的页面，在预览前要保存网页，首页一般都是用index命名。

任务二：插入水平线

在网页中适当插入水平线，可以分割网页中的信息，使得页面更加清晰，方便浏览，插入的水平线的方法与插入图片的方法类似，请同学们完成任务二。

任务三：设置背景图片、背景音乐

提示：背景图片——属性面板

      背景音乐——行为面板

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