版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第1课简单网页尝试做
【教学目标】
1.掌握在网页中输入文字和设置文字格式的方法;
2.掌握保存网页及预览网页的方法;
3.初步感受用网页发布信息的优势。
【重点难点】
1.用自选图形编排文字;
2.保存网页;
3.预览网页。
【教学过程】
一.复习巩固
二.引入新课
目前,可以制作网站的工具软件非常多,我们选用FrontPage作为网站制作的工具软件。
三.认识制作网页的窗口
实践观察认识Frontpage窗口详见课本4-5页
1.启动FrontPage,打开它的窗口。
2.依次打开菜单栏的菜单,浏览其中的命令。
3.把指针指向常用工具栏,查看各个按钮的名称和功能。
4.学习你知道吗?
四.用自选图形编排文字
详细步骤课本动手做第5-7页步骤1-30
自学第7页你知道吗?
五.保存网页
单击“文件”一“保存文件”,打开“另存为”对话框,输入文件名,单击“保存”按钮。、
把网页保存为“小小的心愿“
详细步骤课本动手做第7页步骤l-2o
注意网页文件扩展名“.htm”".html”
六.在IE窗口中浏览网页
1.在浏览器中预览网页。单击“文件”一“在浏览器中预览”,打开''在浏览器中预览”对话
框,单击预览。
2.在FrontPage窗口中单击“预览”按钮,进行预览。
3.观察使用两种预览方法所显示的预览效果。
七.思考与练习
1.阅读STS视角利用网页展示个人信息
2.完成第8页思考与练习
2
第2课美化网页显身手
【教学目标】
1.掌握在网页中插入图像和剪贴画的方法;
2.进一步熟悉设置自选图形样式的主法;
3.增强利用图文展现信息的意识,进一步提高审美的能力。
【重点难点】
1.自选图形格式设置;
2.插入图片。
【教学过程】
复习巩固。
设置自选图形的样式
详细步骤课本动手做第9,10页步骤1-3。
三.修改文字的颜色
详细步骤课本动手做第11页步骤1,2。
四.插入图像
1.在网页上把光标移到要插入图片的位置。
2.单击“插入”一“图片”一“来自文件”,打开“图片”对话框。
3.单击“从计算机上选择文件”按钮,弹出“选择文件”对话框。
4.选择图片文件所在的位置。
5.选择图片文件,单击“确定”按钮。
6.图像具体设置见课本12页2-4步骤。
{①插入的图片的大小可以自由调整。单击图片,出现8个控制点,拖动这些控制点就可以改
变图片的大小。
②网页上常用的图形格式有Gif和Jpeg两种}。
五.保存嵌入式文件
在保存含有图片的网页时,计算机会自动弹出一个“保存嵌入式文件”对话框。这是因为我们
刚刚从站点外“我的资料”文件夹中插入了一个图片,现在计算机要求把这个图片存放到站点内。
文件名new_pal.jpg是计算机自动生成的。为了方便使用,我们可以重新给图片起名字。在“保
存嵌入式文件”中选择图片文件new_pal.jpg,单击下面的“重命名”按钮,可对其重命名。我们
将图片文件重命名为bjhy.jpg。
为方便图片管理,计算机自动在站点内为我们建立了一个存放图片的文件夹images。一般情
3
况下,我们都把图片文件存放在这个文件夹内。
在''保存嵌入式文件”对话框内,选择图片文件bjhy.jpg,单击“改变文件夹”,打开“改变
文件夹”对话框。选中“images”,单击“确定”按钮,图片文件bjhy.jpg就存放在“images”内
了。
单击“确定”按钮就完成了对网页和图片的保存。
六.思考与练习
1.阅读STS视角HTML的含义
2.在网页中插入图片,将插入图片的网页保存,并将图片存放到images文件夹内。
3.完成第13页思考与练习
4
第3课浏览网页有标准
【教学目标】
1.了解制作网页的基本过程;
2.学会欣赏和评价网页;
3.初步形成评价网页的一些标准。
【重点难点】
1.制作网页的基本过程;
2.评价网页的一些标准。
【教学过程】
一.复习巩固
引入新课
制作了首页,我们就好象拥有可一扇大门,推开这扇门就应该看到里面丰富多彩的内容。下面,
了解一下制作网页的基本过程。
三.制作网页的基本过程
详见课本14页1-7七个步骤。
具体操作过程15,16页实践观察1-6„
四.欣赏网页
自学16-17页文字,网页部分。
五.评价网页
小组合作完成17-18页表格。
阅读18页你知道吗?
六.思考与练习
1.阅读STS视角客观地评价自己和他人
2.完成第19页思考与练习
5
第4课网页素材先准备
【教学目标】
1.初步学会规划设计网页的布局;
2.进一步掌握搜集整理素材的方法;
3.体会规划设计对网页制作的重要性。
【重点难点】
1.网页的布局;
2.搜集整理素材。
【教学过程】
设计网页之间的链接关系
学生自学课本22页关系图
1.在因特网上,利用超级链接可以方便地将与网站主题相关联的一个个网页链接起来,使其
变成一张有序的网,为人们展现丰富的主题内容。
2.以“中国儿童中心”的首页为例,介绍网页的链接。
在“中国儿童中心”网站中,网页是由一层层的超级链接组织起来的。如第一个页面中包括“芝
麻开门”、“故事地界”、“能力大比拼”、“游戏天地”等栏目,“游戏天地”栏目又分别链接有“益
智游戏”网页、“趣味游戏”网页、“技巧游戏”网页三大内容。当我们选择“益智游戏”时,又看
到许多游戏名称供我们选择。
3.请学生随便找一个网站,点击网页,体验超级链接。
三、设计网页布局
画出”卡通叮当屋“网页的布局
具体内容见课本23—24页,及动手做『4的操作。
四、搜集素材
1.在因特网上搜索各种素材
2.用数码照相机或摄像机拍摄照片或视频
3.到图书馆查阅资料
4.从影视光盘中选取视频
5.录制声音素材
准备图像、声音、视频等素材
完成25页动手做1-3
阅读STS视角小组合作与个人成功
6
五.思考与练习
1.为自己的班级网站设计一个欢迎首页。
2.完成26页思考与练习。
7
第5课使用表格版面齐
【教学目标】
1.学会使用表格安排网页的版面;
2.熟练掌握设置文字格式和插入图像的方法;
3.增强合理安排版面的意识。
【重点难点】
1.利用表格制作网页。
2.掌握设置文字格式和插入图像的方法。
【教学过程】
复习巩固
二.引入新课
一个好的网页不仅内容要充实,而且版面要美观。为了一个好的视觉效果,需要精心装点自己
的家园。打开我们的网页,怎样将网页中的文字、图片摆放得更美观一些呢?
三.插入表格
插入表格的方法非常简单,但在插入表格之前,我们需要知道自己要画一个几行几列的表格。
1.新建网页并设置网页背景。
单击“新建”按钮,新建一个网页。将适合的图片设置成网页背景
2.打开“插入表格”对话框。
单击“表格”一“插入”一“表格”,弹出“插入表格”对话框。
3.输入行、列数,设置布局参数,单击“确定”按钮。
4.通过鼠标调整表格的列宽。
5.在合适的位置放入欢迎文字、全家福、欢迎词等。
具体操作见课本27-29页动手做『7操作。
四.输入文字
输入”卡通叮当屋“网页中的文字
具体操作见课本29-30页动手做1-6操作。
五.设置单元格的边框和背景
给单元格添加边框和背景
1.具体操作见课本31-32页动手做1-3操作。
2.阅读STS视角网页与多媒体作品
六.思考与练习
8
1.建立一个介绍自己的网页。并将内容通过表格定位。
2.完成32页思考与练习。
9
第6课图像声音齐上阵
【教学目标】
1.掌握打开网页文件的多种方法;
2.学会在网页中插入图像和添加网页背景;
3.感受恰当的背景对网页内容具有的衬托作用。
【重点难点】
1.打开网页文件的多种方法;
2.网页中插入图像和添加网页背景。
【教学过程】
复习巩固
二.引入新课
我们在浏览许多网页时,可以听到优美的音乐,看到漂亮的背景。今天,我们就揭开它的神秘
面纱。
三.快速打开网页文件
快速打开”卡通叮当屋“网页文件
具体步骤请见课本33-34页动手做1-2操作。
四.插入图像
具体步骤请见课本34-36页动手做1-6操作。
五.添加背景音乐和背景图像
1.在“网页属性”对话框中选择“常规”标签。
2.单击“浏览”按钮,弹出“背景音乐”对话框,选择背景音乐文件,单击“确定”按钮。
3.单击“格式”一“背景”,打开“网页属性”对话框。
4.选择“背景”标签,选中“背景图片”,单击“浏览”,选择背景图片,单击“确定”按钮。
为"卡通叮当屋“网页添加背景音乐和背景图像
具体步骤请见课本36-37页动手做1-2操作。
阅读STS视角背景音乐与人的行为
六.思考与练习
1.为自己的网页设置背景图片和音乐。
2.完成37页思考与练习。
10
第7课网页越做越漂亮
【教学目标】
1.掌握插入水平线的方法;
2.学会设置文字与单元格的边距;
3.学会设置单元格的背景;
4.进一步增强美化网页的意识和能力。
【重点难点】
1.掌握插入水平线的方法。
2.学会设置文字与单元格的边距
【教学过程】
一.复习巩固
二.制作艺术字标题
制作艺术字标题”卡通频道“
具体步骤请见课本38-39页动手做1-4操作。
三.设置单元格的背景图像
为艺术字所在的单元格添加背景图像
具体步骤请见课本40页动手做1-2操作。
四.设置文字与单元格的边距
1.具体步骤请见课本41页动手做1-2操作。
2.自学42页你知道吗?
五.插入水平线
用水平线适当分开第2列单元格中的段落
1.具体步骤请见课本42页动手做卜3操作。
2.阅读STS视角插图与版权
六.思考与练习
完成第43页思考与练习
II
第8课链接网页成一家
【教学目标】
1.学会在网页中创建超级链接;
2.理解超级链接的作用;
3.感受超链接给浏览信息带来的便利性。
【重点难点】
1.学会在网页中创建超级链接
【教学过程】
一.复习巩固
二.制作“卡通生活”网页
详细步骤见课本动手做第44-45页步骤1-2„
三.创建网站的超链接
创建一些动漫网站的超链接
详细步骤见课本动手做第45-46页步骤l-3o
四.创建电子信箱的超级链接
详细步骤见课本动手做第46-47页步骤1-3。
五.创建网页文件的超级链接
1.详细步骤见课本动手做第47-48页步骤l-4o
2.阅读阅读STS视角超链接对信息社会的贡献。
六.思考与练习
完成49页思考与练习
12
第9课创建站点做网页
【教学目标】
1.学会创建站点;
2.掌握插入滚动字幕的方法;
3.初步感受动态网页的效果在展示信息方面的优点。
【重点难点】
1.学会创建站点
2.掌握插入滚动字幕的方法
【教学过程】
一.复习巩固
设计网站结构
自学52页设计网站结构
三.创建站点
1.打开Frontpage,单击“文件”-*“新建”-“站点”,打开“新建”对话框。
2.选择“空站点”,键入站点的保存位置和名称,单击“确定”按钮。
创建一个名为“安全伴随我成长"的站点
具体步骤请见课本53页动手做1-2操作。
四.制作“安全小黑板”网页
详细步骤见课本动手做第54-55页操作步骤。
五.添加滚动字幕
1.详细步骤见课本动手做第56页动手做1-3操作步骤。
2.自学57页你知道吗?
3.阅读STS视角插件的补充功能
六.思考与练习
完成第57页思考与练习
13
第10课更多效果在继续
【教学目标】
1.掌握制作悬停按钮的方法;
2.学会使用横幅广告管理器;
3.要树立在网页中恰当使用动态效果的意识。
【重点难点】
1.掌握制作悬停按钮的方法;
2.学会使用横幅广告管理器。
【教学过程】
一.复习巩固
二.制作“交通安全”网页
1.详细步骤见课本动手做第58-60页步骤・5。
2.自学60页你知道吗?
三.制作横幅广告
1.详细步骤见课本动手做第61-62页步骤1-60
2.自学62页你知道吗?
四.制作悬停安钮
1.详细步骤见课本动手做第62-63页步骤1-20
2.阅读STS视角网页广告与道德
五.思考与练习
完成63页思考与练习
14
第11课网页模板效率高
【教学目标】
1.初步认识网页模板;
2.学会使用模板制作网页:
3.增强做事讲求效率的意识。
【重点难点】
1.认识模版网页;
2.使用模板制作网页。
【教学过程】
一.复习巩固
—.利用已有网页制作新网页
1.具体步骤请见课本64-65页动手做13操作。
2.自学65页你知道吗?
三.编辑加工“消防安全”网页
具体步骤请见课本66-67页动手做1-3操作。
四.修改网页的标题
具体步骤请见课本68页动手做1-2操作。
五.建立网页模板
1.详细步骤见课本动手做第68-69页步骤1-2O
2.阅读STS视角模板调用与工作效率。
六.思考与练习
完成第69页思考与练习
15
第12课框架网页初体验
【教学目标】
1.初步认识框架网页的特点;
2.掌握创建框架网页和保存框架网页的方法;
3.初步具备统筹管理多个网页的意识和能力。
【重点难点】
1.掌握创建框架网页和保存框架网页的方法
【教学过程】
一.复习巩固
二.认识框架网页
学习课本70-71页认识框架网页
三.创建框架网页
具体步骤请见课本71页动手做1-2操作。
四.制作导航网页
具体步骤请见课本72页动手做1-2操作。
五、保存框架网页
1.具体步骤请见课本73-74页动手做1-2操作。
2.阅读STS视角框架结构与信息呈现
六.思考与练习
完成第74页思考与练习
16
第13课框架网页渐完善
【教学目标】
1.掌握在构架网页中指定初始网页的方法;
2.学会设定网页的打开方式;
3.感受框架网页在集中展示信息方面的优势。
【重点难点】
1.掌握在构架网页中指定初始网页的方法
【教学过程】
一.复习巩固
二.制作右框架中的网页
1.具体步骤请见课本75-76页动手做1-4操作。
2.自学77页你知道吗?
三.设置右框架中的初始网页
具体步骤请见课本77-78页动手做1-2操作。
四.创建框架中的
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2023年河北省省直机关遴选公务员考试真题及答案
- 2023年大庆市萨尔图区公益性岗位招聘考试真题及答案
- 2024FIDIC设计采购施工交钥匙工程合同条件
- Unit 2 Morals and Virtues Reading and Thinking教学设计-2023-2024学年高中英语人教版(2019)必修第三册
- 发散思维教学案例解析
- 合作投资合同范本
- 2024-2025学年新教材高中历史 第二单元 第7课 隋唐制度的变化与创新教案2 新人教版必修《中外历史纲要(上)》
- 《生活中的塑料:2 自制泡沫盆景》教学设计-2023-2024学年五年级下册综合实践活动沪科黔科版
- 2024员工试用期劳动合同
- 2024委托出口合同(合同版本)
- 《物流信息技术与应用》课程标准
- 入团志愿书(2016版本)(可编辑打印标准A4) (1)
- 关于加快特色现代农业发展十条措施实施方案
- 二年级上道法课程纲要
- 桥架的选用及支吊架制作安装
- 高速公路管理公司安全工作职责汇编
- 开模DFM报告模板
- “工作方法”相关排比句大全(50条)
- 电商运营中心组织架构及岗位职责(完整版)
- 【讲座课件】讲座《核心素养视野下的道德与法治课堂教学策略》PPT
- 消防工程施工招标文件
评论
0/150
提交评论