资源简介

制作网站首页
教学目标
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动画等等，希望每一位同学都能成为梦想的编织者。

展开更多......

收起↑