课    题
第一  新手入门—网站欣赏与创建网页                      第一周
教学目标
1、【知识与技能:】
(1)、通过操作练习,掌握互联网、网页与首页、网站等网页设计与网站制作的基本知识;
(2)、通过操作练习,会使用记事本作为网页编辑工具来编辑HTML代码并生成网页;
(3)、掌握浏览网页的方法并理解网页编辑工具与浏览工具之间的关系。
2、【过程与方法:】
(1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程;
(2)、能够仔细倾听其他同学的发言,体验合作学习的过程和方法;
3、【情感态度与价值观:】
(1)联系生活实际,学习制作网站的基本知识,激发学生的学习兴趣。
(2)学生在协作与交流过程中,提高自己的操作能力,肯定自己的价值。
教学重、难点
重点:网页设计与网站制作的基本知识是本课的教学重点。;
难点:使用记事本作为网页编辑工具来编辑HTML代码并生成网页技巧是本课的难点。
教 学 时 数
一课时
教法及教具
教法:任务驱动。 教具:多媒体
主教案
副教案
(一)激趣导入:
教师展示新浪、搜狐等门户网站首页,引导学生根据经验感受作出建构自己的问题情景,如:什么样的网页才是好看的?怎样设计才算有特?教师适时提出:这样的网页我们也能制作,你们想不想制作一个属于自己个性网页?那好,我们立刻行动。从而引出课题,把任务的重点和要求,以及需要注意的地方告诉学生,使学生明白本节课要完成的内容,有目的,有重点的进行学习。
(二)自主学习:本环节以任务驱动式展开分层教学。
任务一:网站欣赏
以小组为单位,打开IE浏览器,浏览网页并收藏好就最喜欢的一个网页。
由我来通过屏幕广播方式演示示范操作过程,让学生们观看作过程和方法?给学生5分钟,在学生自己在计算机上完成任务后,教师对操作过程中的问题加以强调、说明,同时肯定学生的操作能力。
任务二:网页设计与网站制作的基本知识
在这一环节里我设计让学生通过自己的理解,同桌交流以及我及时必要的补充,完成书中设定的任务:了解互联网、网页与首页、网站等知识。
任务三:我的第一个网页是这样成功的。
关于HTML语言认识,给学生2分钟时间,阅读教材中“视野拓展”中的内容。
由教师示范:打开网页素材,在记事本里复制并粘贴素材文件中提供的HTML代码,命名并保存文件,然后在浏览器中进行预览。鼓励有余力的同学通过“视野拓展”板块进行自学,并能独立完成“创作天地”中的练习。
(三)合作交流:
本环节是本节课教学内容的升华,是本节课最具闪光点的一环,在这时里既应充分体现学生的合作讨论,又要体现学生的自主创新,所以我设计以小组为单位,在学习了以上内容的基础上,完成本组的一件个性作品。
(四)展示评价:在这个环节里,教师通过多媒体屏幕,每组挑选出比较成功的作品,然后通过多媒体软件屏幕广播功能,让学生去欣赏各个小组作品,互相看一看,评一评,说一说,虚心的学习他人的长处。同时教师适当评价成功之处,对不足的地方加以完善。
    在最后,我大约用5分钟的时间进行小结和作业布置。协作完成“创作天地”的练习。
五、评价:
本节课对学生学习效果的评价主要采用如下三种方式进行,一是在教学实践过程中对学生操作效果的表现性评价;二是在小组协作学习过程中学生间的互评过程;三是完成本节课的学习任务后,学生根据教学目标完成自我评价。
教学反思:
课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。
课    题
第二轻松上路—规划网站及创建站点              第二周
教学目标
1、【知识与技能:】
(1)、通过学习,了解站点的开发流程,能够设计简单的站点;
(2)、通过学习能够熟悉Dreamweaver cs5的界面认识和操作;
(3)、通过学习,学会利用学会利用Dreamweaver cs5创建站点。
2、【过程与方法:】
(1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程;
(2)、能够仔细倾听其他同学的发言,体验合作学习的过程和方法,提升学习能力;
(3)、能有效的利用课堂时间,积极融入合作、交流、探索的学习过程。
3、【情感态度与价值观:】
(1)、在探究过程中激发学生学习开发网站的兴趣;
(2)学生在协作与交流过程中,提高自己的操作能力,肯定自己的价值。
教学重、难点
重点:了解网站制作的基本知识,并制作一个简单的网页;
难点:理解网站的开发流程和认识Dreamweaver cs5
教 学 时 数
一课时
教法及教具
教法:讲解法、练习法。 教具:多媒体网络教室
主教案
优秀网页设计欣赏副教案
一、课程导入
开发一个网站是一个相当来说比较繁杂的过程,对于一个网站而言,要有一个总的战略规划和目标。在做一个网站前,要有一个全盘的考虑。我们知道一个房子一旦地基没有打好,是要拔了重新盖,我们做网站也是一样,如果你前期规划做的不好,后面的工作就意味着白辛苦。这节课我们以“安全自护我能行”为主题来进行网站规划和创建站点。
二、新课讲授
1.了解网站开发流程
(1)网站需求分析
一个网站在设计前,就应该考虑网站规模多大,就是多少个页面,每个页面的大体内容是什么,要用到那些素材,有那些导航,做较大一点的网站尤为如此。还要考虑以后会有什么改动,还要增加那些网页,尽量让以后的改动尽可能的小。网站的需求分析所用的时间应该占到总开发时间的一半以上。
①确定网站主题
写作文要围绕中心思想去写,做网站要围绕主题去做。个人主页、休闲、体育、教育、新闻、娱乐、购物、健康等等,不管那类网站,都不能脱离自己的主题,必须表现个性,表现出特才能给人留下深刻印象,让人流连忘返。
②收集素材
我们在这所说的素材就是你的网页上要用的各种素材,主要包括:文字、图片、动画、音频、视频等。在网站主题明确后,就应该把素材准备好,当然是越充分越好。不要等到用的时候到处去,那就影响效率了。
③规划站点
站点规划是需求分析中最重要的一个环节,包含很多方面的内容。我们上节课看了一些别人做的网站,相信大家都多多少少了解一些:栏目设置、颜搭配、图文的应用等等。只有把这些内容都考虑全面了,制作的时候你的速度就快。否则就等着不停的返工吧。
(2)设计制作网站页面
页面制作要先大后小,先粗后精。就是先要把每个页面要放什么内容,按什么结构先做一个大概,所有页面的大概都做完后,再去完善和细化。
(3)网站的发布
需要域名和网页文件的存放空间。
2.利用Dreamweaver8创建站点
(1)启动Dreamweaver8
简单的进行界面介绍
(2)创建站点
步骤参见书上第12页
3.做一个简单的网页
要求图文并茂
三、学生练习
学生小组合作完成任务,并将任务上交到教师机。
四、作品评价
对于较快完成任务并且完成任务较好的同学进行表扬鼓励。
五、本课小结
教学反思:
课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。
课    题
第三  开篇之作——基于表格的页面布局                        第三周
教学目标
1、【知识与技能:】
(1)、通过学习,能够创建和打开站点,理解站点的意义;
(2)、通过操作练习,学会有效的整理和利用素材;
(3)、通过操作练习,能够创建网页和合理的选择页面类型;
(4)、通过操作练习,掌握对表格属性的相关设置;
(5)、学会测试网页。
2、【过程与方法:】
(1)、能通过教师引导、动脑思考、交流与实践操作学习过程,体验和感悟探究的一般过程;
(2)、能够仔细倾听同组同学及其他的发言,体验合作学习的过程和方法;
(3)、能在学习中,体会网页布局是网页设计的重点之一。
3、【情感态度与价值观:】
(1)通过学习,对比感知自己和好的网页设计者之间的差距,从而激发学习动力;
(2)通过本课学习展示自己作品及学生和教师的点评,体验成功的感觉,肯定自己的价值。
教学重、难点
重点:能够对表格属性进行熟练的设置。
难点:使能够对表格属性进行熟练的设置。
教 学 时 数
一课时
教法及教具
教法:讲解,学生练习。 教具:多媒体网络教室
主教案
副教案
一、课程导入
一个网站的规划设计完毕了,接下来的工作就是网页设计。我们知道一个网站的首页就像一本书的目录一样,我们做网站也一样,要先把首页确定下来。我看了我们上一周做的网页,有些同学想发挥点创意,但发现页面布局很乱,图片文字乱七八糟堆放在一起。这节课我们就来学学怎样对页面布局进行控制。在这之前我们先来看看别人的首页是怎么做的。(查看事先准备好的示例网页,分析表格在该页的作用)
二、新课讲授
    (一)复习创建站点的步骤。
1.在D盘新建一个文件夹,作为站点文件夹。
2.打开Dreamweaver8,单击“站点”菜单下的 “新建站点”命令。
3.新建站点(步骤略,参加课本p12)。
    (二)创建网站首页
1.整理素材
(1)右击“文件”面板中站点名“站点-安全自护我能行D:\safe”,在弹出的快捷菜单中执行“新建文件夹”命令,然后将文件夹命名为images。
(2)将首页素材图片index.gif,复制粘贴到images文件夹中。
(3)在safe文件夹下新建一文件夹other,将flash动画素材整理到other文件夹中。
2.创建并保存首页
(1)单击 “文件”->“新建”命令,选择“常规”,在“基本页”列表框中选择HTML选项,单击 “创建”按钮,即建立了一个空白页。
(2)执行“文件”-> “保存”命令,保存名index.html,默认保存路径是站点的跟目录。注意保存类型选择“html文档”。
    (三)对首页进行初步布局
1.为页面添加背景颜
(1)单击文档窗口,使插入点在编辑区内闪烁,然后单击“属性”栏的“页面属性”按钮。
(2)到 “背景颜”选项,输入浅黄的颜数值#FFFF94,单击“确定”按钮,背景设置完成。
2.设置网页标题并预览网页效果。
3.使用表格初步布局网页。
(1)在文档窗口中单击,在页面左上角放置插入点。
(2)执行“插入”->“表格”命令。
(3)在弹出的“表格”对话框中设置一个2行1列的表格,宽度600像素。
(4)单击“标签选择器”中的<table>标签,选中此表格,在属性栏中完成表格的相关设置。具体参数如下:行数:2,列数:1,高度:600像素,宽度600像素,对齐:居中对齐,背景图片:index.gif。
4.测试网页。
三、学生练习
鼓励学生大胆尝试和创新,利用所学的内容,进行创意性发挥。
学生小组合作完成制作一个首页的任务,并将任务上交到教师机。
四、作品评价
调几个优秀作业进行课堂点评,激发学生兴趣。
五、本课小结
1.站点目录结构要清晰,方便管理,素材要按类型分别存放。
2.文档工具栏的使用。
3.使用表格设计网页布局,可以使网页看上去更加整齐。
教学反思:
课堂小结:强调本课知识点,以加深学生的理解和记忆;总结本课学生的表现。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。