搜索
1第1课搭建网站结构教学目的与要求：1．了解网站建设规划流程；2．设计和建立网站框架结构.教学重难点：1．网页的连接；2．网站的规划。教学过程：一．引入新课我们的校园生活丰富多彩，班级活动活泼有趣，怎样让远方的伙伴了解我们的校园生活呢？为了更好地展示我们班级的风采，让更多的人认识和欣赏我们，我们可以制作班级网站，发布到因特网上，让更多的人了解我们班。二．网页之间如何联系1．在因特网上，利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来，使其变成一张有序的网，为人们展现丰富的主题内容。2．以“中国儿童中心”的首页为例，介绍网页的链接。在“中国儿童中心”网站中，网页是由一层层的超级链接组织起来的。如第一个页面中包括“芝麻开门”、“故事地界”、“能力大比拼”、“游戏天地”等栏目，“游戏天地”栏目又分别链接有“益智游戏”网页、“趣味游戏”网页、“技巧游戏”网页三大内容。当我们选择“益智游戏”时，又看到许多游戏名称供我们选择。3．请学生随便找一个网站，点击网页，体验超级链接。三．网站规划网站是由多个网页链接组成的，在开始制作网站前最好做好整体规划。2第2课准备网站素材教学目标:学会收集和加工素材.教学重点:学会准备素材和加工整理素材.教学难点:准备和加工整理素材.教学过程:1．确定网站主题。网站的主题决定制作网站的风格，决定网站所包含的网页信息。2．搜集素材。通过多种渠道搜集网站所需要的各种素材。3．筛选、整理素材。对搜集来的素材进行必要的挑选、修改、编排、整理，筛选出各类网页所需要的素材。有时还需要根据实际情况自己动手完成一些必要的文字、图片等素材。4．做好网站建设规划。根据我们筛选、整理的素材，按照不同的分类，规划整理到不同的网页中。同时要注意使页面布局主题突出、美观大方、有自己的特色。5．选择网页制作软件，开始制作。四．思考与练习为自己的班级网站设计一个欢迎首页。3第3课制作网站主页教学目的与要求：1．掌握建立主页的方法；2．掌握保存网页及预览网页的方法。教学重难点：1．建立主页；2．保存网页；3．预览网页。教学过程：一．复习巩固二．引入新课目前，可以制作网站的工具软件非常多，我们选用FrontPage作为网站制作的工具软件。三．建立新站点1．打开FrontPage，单击“文件”→“新建”→“站点”，打开“新建”对话框。2．选择“空站点”，键入站点的保存位置和名称，单击“确定”按钮。四．建立网页在FrontPage中创建站点后，会自动在站点文件夹内创建两个文件夹，用于制作网页时存放各类资源。在光标处输入网站的名称，并写上一段欢迎的文字，例如“欢迎走进温馨的XX班网上家园”。这样，一个只有文字的网页就建立好了。五．保存网页单击“文件”→“保存文件”，打开“另存为”对话框，输入文件名，单击“保存”按钮。4六．预览网页1．在浏览器中预览网页。单击“文件”→“在浏览器中预览”，打开“在浏览器中预览”对话框，单击预览。2．在FrontPage窗口中单击“预览”按钮，进行预览。3．观察使用两种预览方法所显示的预览效果。七．思考与练习建立一个新站点，并输入文字，保存后预览。第4课共享边框与主题一、教学目的：掌握网页主题的运用，学会应用共享边框二、教学重点：应用网站主题，对主题进行设计；应用共享边框，编辑导航栏的属性三、教学时间：1课时四、教学步骤：任务一应用网站主题和任务二应用共享边框【任务一】：应用网站主题1、单击“格式”菜单的“主题”命令，、2.在主题列表框选择应用的主题类型。如可以选择“诗歌”主题。选定后，单击主题右侧的下拉菜单，选择“应用于当前网页”页面马上发生改变。通过更新站点的风格可以给人新鲜感。3.在保持主题不变的情况下，通过改变主题的颜色、图形和文本外观达5到同样的目的。改变主题本身的设置可通过以下方法实现：单击“格式”菜单的“主题”，在主题下拉菜单中选择“自定义”，对主题的颜色、图形和文本外观进行修改。点击确定，即可应用到网页中。【任务二】应用共享边框1单击“格式”菜单，选择“共享边框”命令。2在“共享边框”对话框中选择“所有网页”，保证设置应用到站点的每一个网页中。选中“上”、“下”复选框及“包含导航”按钮，这时预览框的上下各多出一条虚线，表示包含共享边框的位置，单击“确定”。、网页上虚线以外的范围就是共享边框了。共享边框以内的注释文字可以按照自己的需要改变。3单击网页下端的“共享边框”，将文字改成“欢迎您”。4双击“”注释语句，在弹出的“导航栏属性”对话框中，选择“子层”。5网页此时已经丰富了。网页横幅中现实的就是网页的标题。下面是一排按钮，FrontPage已经按照“导航”视图中的网页结构链接到下层网页。网页横幅中的字是可以修改的，切换到“导航”视图，将主页的标题更改为“美丽的家园”。6单击“班级概况”链接，链接到“班级概况”子页面。网页横幅和横幅下的导航按钮发生改变，显示班级概况的下层链接。7应用网页主题和共享边框可以使网站迅速的专业起来。五、课堂作业1设计一个内容丰富的个人主页，在FrontPage的“导航”视图中建立网页的结构。2选择一个网页主题应用到个人主页网站中。3在网站中使用“上、左、下”共享边框。包含导航按钮。6第5课规划网页布局教学目的与要求：1．了解表格在网页中的作用；2．掌握插入表格的方法；3．掌握首页命名及设置网页标题的方法。教学重难点：1．利用表格制作网页。教学过程：一．复习巩固二．引入新课一个好的网页不仅内容要充实，而且版面要美观。为了一个好的视觉效果，需要精心装点自己的家园。打开我们的网页，怎样将网页中的文字、图片摆放得更美观一些呢？三．利用表格制作网页插入表格的方法非常简单，但在插入表格之前，我们需要知道自己要画一个几行几列的表格。1．新建网页并设置网页背景。单击“新建”按钮，新建一个网页。将适合的图片设置成网页背景2．打开“插入表格”对话框。单击“表格”→“插入”→“表格”，弹出“插入表格”对话框。3．输入行、列数，设置布局参数，单击“确定”按钮。4．通过鼠标调整表格的列宽。5．在合适的位置放入欢迎文字、全家福、欢迎词等。四．设置网页标题在“保存网页”对话框中设置网页标题。1．输入文件名：index72．单击“更改”弹出“设置网页标题”对话框3．输入网页标题“首页”，单击“确定按钮”{index.htm是网站常用的首页名。这是因为，我们在浏览器中输入一个网址时，浏览器会自动寻找该地址的index.htm文件，并将其打开。}五．思考与练习建立一个介绍自己的网页。并将内容通过表格定位。第6课添加动态效果教学目的与要求：1.了解表格的一般操作；2.掌握制作欢迎字幕的方法。教学重难点：1.制作欢迎字幕。教学过程：一.复习巩固二.引入新课我们经常会在网站上看到一行或多行滚动的文字，就和电影中移动的字幕一样，非常有趣。今天，我们学习制作滚动字幕的方法。三.拆分单元格（在制作滚动字幕之前，要确定字幕的位置。我们可以将“欢迎走进温馨的XX班网上家园”单元格拆分为两行，下面一行用于放置字幕。）拆分单元格的方法：将光标定位在要拆分的单元格中，然后1.单击“表格”→“拆分单元格”，弹出“拆分单元格”对话框；82.设置拆分的方式，如：拆分成行；3.设置拆分的行数，如：2行；4.单击“确定”按钮。四.制作欢迎字幕将光标定位在要插入字幕的单元格中，1.单击“插入”→“组件”→“字幕”，弹出“字幕属性”对话框；2.输入文字；3.单击“确定”按钮。{在一个内容较复杂的网页中，要较好地定位内容，需要对表格进行分割、行列的插入或删除、单元格的合并、拆分等。这些操作都可以在“表格”菜单中进行，操作方法也很相似。}五.思考与练习1.在表格内进行表格的插入、删除、拆分、合并等操作；2.在自己的网页中，插入一个简短的“欢迎字幕”，并试着改变字幕的颜色。第7课建立各种链接教学目的与要求：1.认识超级链接；2.掌握建立文字、图片超级链接的方法。教学重难点：1.建立图片的超级链接教学过程：一.复习巩固9二.引入新课我们已经做好了两个网页，如何使这两个网页紧密地联系起来，让更多的浏览者能方便地在它们之间自由地进出呢？当我们在网上冲浪的时候，经常会单击页面上某些文字或图片来进入我们的目标页面。我们把从一个页面到另一个页面的链接叫做超级链接。三.创建图片的超级链接首先，打开网页文件，选中要设置超级链接的图片。然后1.单击“插入”→“超链接”，弹出“创建超链接”对话框；2.选择超链接到的网页。如：bjjj.htm3.单击“确定”按钮。{当鼠标移动到有超级链接的文字或图片时，一般情况下，鼠标会变成手状，表明这上面有超级链接。这时，单击就可以转入链接到的页面。创建好首页到“班级简介”页面的超级链接后，我们可以轻松地从首页进入到“班级简介”页面。那么，怎样从班级简介“bjjj.htm”页面再跳回首页呢？很简单，当然还是设置超链接，将它链接回来就行了。}四.观察设置超级链接前后，“首页”文字有什么变化。五.思考与练习1.请给自己的首页加上一个文字或图片的超级链接2.保存网页并到浏览器中进行测试，观察鼠标指针的变化10第8课网络探究学习——制作班级简介页面教学目的与要求：1.掌握用表格布局的方法；2.掌握横幅广告的制作方法；3.完成班级简介页面的制作。教学重难点：1.表格的布局与插入；2.制作横幅广告。教学过程：一.复习巩固二.引入新课制作了首页，我们就好象拥有可一扇大门，推开这扇门就应该看到里面丰富多彩的内容。下面，我们用“班级简介”页面、“班级荣誉”页面、“活动剪影”页面……来丰富我们的家园。本课，我们以“班级简介”页面为例学习网页的制作。三.插入表格（制作网页前，我们要先设计网页内容的布局，根据设计，插入合适的表格。当要制作一个内容较复杂的网页时，可以插入两个或多个规范的表格来定位，使每个表格不过于复杂，方便我们的编辑。）1.新建一个网页。先插入一个2行2列的表格，再将第2列合并成一个单元格。这一表格用来放置网站标志图片和校园风光图片。2.将光标放到第一个表格下方，再继续插入一个1行6列的表格，用于排放栏目。3.将光标放到第二个表格下方，再继续插入一个1行1列的表格。在这个表格中制作“班级简介”的文字及图片内容。11布局做好后，网页基本完成了一半。接下来，只要把相应的内容放到不同的单元格就可以了。四.给网站名单元格添加背景将光标定位在单元格内，然后1.单击“表格”→“属性”→“单元格”，弹出“单元格属性”对话框；2.选中“使用背景图片”；3.单击“浏览”，选择背景图片文件“背景图2.gif”；4.单击“确定”按钮。五.横幅广告的制作横幅广告并不是一种动画，而是通过横幅广告管理器制作的由多个大小相同的图片交替显示的一种动态效果。将校园风光图片制作成横幅广告。首先，将光标定位在插入校园风光图片的单元格内，然后1.单击“插入”→“组件”→“横幅广告管理器”，弹出“横幅广告管理器属性”对话框；2.单击“添加”按钮，依次添加要显示的图片；3.单击“确定”按钮。六.思考与练习1.自己动手设计一个页面布局2.在页面适当位置插入横幅广告12第9课初识小海龟课题走进LOGO世界教学目标1、启动、退出LOGO系统。2、认识LOGO窗口及小海龟。教学重点、难点认识LOGO语言并提高学生兴趣。教具LOGO语言平台教学过程一、导入谈话：今天我们学习新的计算机知识。二、新授1、请出小海龟（启动LOGO系统）“开始”－“程序”－“PCLOGO”－“PCLOGO”2、认识LOGO窗口刚启动LOGO系统后，小海龟自动出现在绘图客口的中心位置上，这个位置就是小海龟的“家”，我们把它叫做“母位”。它分为两个小窗口，上面的是“绘图窗口”，下面的是“命令窗口”。LOGO的工具栏与我们见过的Word、PowerPoint等软件不同，具体见书P2说明。3、改变窗口外观（1）改变窗口大小和位置。LOGO窗口的操作方法与Windows的其他窗口操作是相同的。（2）改变绘图窗口颜色LOGO的绘图窗口默认是白色的，单击工具栏中背景色按钮可改变颜色。4、退出LOGO系统LOGO