苏科版(2018)八年级全册信息技术 3.2.2创建网站、制作首页 教案

文档属性

名称 苏科版(2018)八年级全册信息技术 3.2.2创建网站、制作首页 教案
格式 doc
文件大小 30.0KB
资源类型 教案
版本资源 苏科版
科目 信息技术(信息科技)
更新时间 2020-12-03 14:21:57

图片预览

文档简介

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