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