浙江省桐庐分水高级中学高中信息技术基础 网页制作教案.docx
- 文档编号:5381846
- 上传时间:2022-12-15
- 格式:DOCX
- 页数:25
- 大小:1.51MB
浙江省桐庐分水高级中学高中信息技术基础 网页制作教案.docx
《浙江省桐庐分水高级中学高中信息技术基础 网页制作教案.docx》由会员分享,可在线阅读,更多相关《浙江省桐庐分水高级中学高中信息技术基础 网页制作教案.docx(25页珍藏版)》请在冰豆网上搜索。
浙江省桐庐分水高级中学高中信息技术基础网页制作教案
浙江省桐庐分水高级中学高中信息技术基础网页制作教案
一、知识内容
1.网页、网站的基本概念
网页是按照超文本标记语言(HTML)规范要求表达文本、图像、动画等多媒体信息的,网页之间遵循超文本传输协议(HTTP)进行相互链接访问。
围绕相关主题的若干个网页组成一个网站,网页和网站的地址用统一资源定位器(URL)标识。
网页的基本元素是:
文字、图形图像和超链接。
网页中除基本元素外还有表格、表单、音乐、动画、内嵌程序等内容。
2.网站的策划和构思
网页中的文本、图像、超链接和表格等基本元素及构件是由HTML进行描述的。
网页制作实质上就是编写HTML语言的代码,因此可以采用文本编辑器软件(如“记事本”程序)编写网页的源代码,也可以选用专用的网页制作软件FrontPage、Dreamweaver等来制作。
网站策划主要应考虑的因素是:
网站
名称是否贴切,网站主题是否鲜明,网站内容是否丰富,网站结构是否清晰等。
网站的设计和制作包括:
确定目标和需求分析→策划制作方案→收集与整理素材→网页制作→合成和测试网页→发布
网页素材的收集和整理需要注意以下几点:
a.将素材按照不同的类别,分别保存在不同的文件夹中,如image、music等,并且所有素材应存放在一个总文件夹中,便于一起上传管理,绝对不能存放在不同的
驱动器中。
b.对素材应该重
新取一个合适的文件名,一般不要用中文字名称,以便在因特网上能正常浏览。
c.有的图片需要进行一些格式转换,尽量使其容量减小,如图片尽可能采用GIF或JPEG格式,不要用BMP和PSD格式;声音格式一般采用MID或MP3格式(尽量不要用WAV格式);视频一般要转换成流媒体格式(RM、WMV)来使用。
d.有些图片可
能需要从某些图像中截取部分画面生成新的图片。
3.网页制作及调试
以FrontPage制作网页为例,基本步骤为:
①启动FrontPage→②新建网页→③更换默认文件名→④输入网站名称→⑤插入表格→⑥输入文字→⑦插入图像→⑧保存
制作主页的基本方法:
①根据主题,输入网站的名称标题→②根据栏目,插入和设置布局表格→③输入文字、插入图像、动画→④输入版权和联络信息→⑤预览保存网页
1格的插入及属性设置
插入表格图示二
表格属性图示三
②单元格属性设置
单元格属性图示四
③插入文字、图片及进行相应的设置
插入指定文件夹中文本文件中的文字内容:
确定插入文字的位置→利用资源管理器找到指定的文本文件→打开文本文件→选中其中的内容→复制→切换到网页编辑环境的目标位置→粘贴
插入指定的图片文件
图片属性常规选项图示
图片属性外观选项图示
④设置超链接
添加超链接的操作步骤:
选中超链接对象→超链接→根据要求设置相应的链接方式
链接方式包括指向网站的超链接、指向文件的超链接、指向电子邮件的超链接、指向新建一个网页并设置超链接。
超链接图示六
⑤网页基本属性设置
网页属性常规选项图示
网页属性背景选项图示
⑥网页的预览、调试与发布
网页上传至网络服务器的工具软件CuteFTPLeapFTP
二、例题分析
【例题一】
以下是中国传统节日网站的有关内容,请根据提问回答。
1.以上网页既有文字,又有图片,那么在利用Frontpage编辑制作时一般用来
定位的,一个网站往往由许多网页通过组成一个整体让大家访问浏览的。
2.该网页的标题是什么,如果让你来修改该标题“中华节日”操作步骤是:
启动Frontpage编辑要修改的网页,。
3.要对节日“元宵”做超链
接,看下图1,2,3,4分别是指什么意识?
1.
2.
3.4.
【例题分析】
本题考查考生网页制作的基本思路与方法。
1.考查学生在做网页时用“表格”来定位布局的思想,同时网页之间是通过“超链接”来把单个的网页链接起来让大家访问浏览的。
2.网页的标题可以在打开浏览这个网页时看左上角来找到,因此标题是“中华传统节日”。
标题的修改可以在网页编辑环境下,利用“网页属性”对话框的“标题”处修改网页的标题,输入“中华节日”并确定。
3.主要考查学生对各种不同超链接的
应用情况。
第一种是指向网站的超链接,第二种是指向文件的超链接,第三种是指向电子邮件的超链接,第四种是指向新建网页并设置超链接。
【例题二】
以下是“中国探月工程网站”,下图是网站主页的效果图,请根据提问回答。
1.用Front
Page软件对该网页编辑,要设置该网页的背景音乐(如下图),请问:
添加背景音乐的网页名称是,该网页添加了如图所示的音乐后,假如该网站上传发布,有音乐效果吗?
并说明原因。
2.网页中表格边框颜色为淡绿色,如要改成黑色,该怎么操作?
3.要调节网页中各个单元格之间的边距设为1,则是在中修改。
【例题分析】
本题主要考查网页背景音乐和表格属性设置的属性程度。
1.从网页属性的“位置”处可以获得网页文件是“index.htm”;假如上传至服务器后,网页的背景音乐就没有实际效果了,因为音乐文件的位置是在E盘中,而网站存在C盘上,因此网站上传后,音乐文件没有上传,导致网页上传浏览后
得不到音乐效果。
2.表格边框颜色的设置可以在该网页的编辑环境(Frontpage),通过“表格属性”来设置修改。
3.同理解决。
【例题三】
以下是“中华民族网”网站的有关内容,请根据提问回答。
1.假如要在单元格[1]中插入指定的图片文
件,操作步骤是,如插入的图片尺寸太小,要把图片垂直、水平都居中显示,怎么操作,在Frontpage编辑环境,假如将某一图片插入后,发现该图片太大,在Frontpage中直接解决这个问题,该怎么处理。
2.对右侧的图片做超链接,链接到电脑中存有的介绍中华民族的Flah文件jieshao.swf,该怎么操作。
【例题分析】
本题主要考查网页中图片的插入、图片的设置和指向文件的超链接等知识点。
1.插入指定的图片是通过“插入”菜单的“图片”、“来自文件”,并找到相应的图片,后确定即可。
在单元格中设置插入的图片“垂直居中、水平居中”显示,可在相应的单元格属性对话框来设置相应的对齐方式。
插入后发现图片太大,
可通过右键单击图片文件,并在“图片属性”对话框中“外观”选项中“大小”,输入大小尺寸后来完成图片的缩小操作。
2.本小题的实质是指向文件的超链接设置,而并非在网页中插入Flash文件,因此不要被“Flash文件”迷惑。
操作方法是在所需的图片上通过“超链接”、指向文件的超链接来完成即可。
【例题四】
以下是关于“中国少数民族”的网站,网站部分素材如图示一所示,网站结构如图示二所示,主页效果如图示三所示。
图示一
图示二
图示三
1.一般用于制作网页的图片的格式有下面的选择,请选出最适合用于网页制作中的两种图片是:
(1)gif
(2)psd(3)bmp(4)jpg(5)pcx
2.如果要在单元格[3]插入“源文件.swf”flash动画,则应该选择下面截图(图示四)中“高级”菜单中的哪一个子菜单:
图示四图示五
3.如果给主页中的文字“跟我联系”设置超链接,链接邮件地址为khkd@
应该给“跟我联系”文字添加的超链接内容是:
4.如果将单元格“[4]”所在表格的单元格间距设置为0,则应该选择下面截图(图示五)中的哪一个菜单
【例题分析】
本题目主要考查网页制作中的多个知识点。
1.网页制作时比较适合的两种图片是
(1)gif、(4)jpg;
2.flash动画的使用可以通过“插件”子菜单来插入;
3.链接内容为:
mailto:
khkd@;
4.设置表格的单元格间距通过“表格属性”菜单来完成。
三、强化练习
【练习一】李明计划利用FrontPage制作一个网站,其中主页的大致框架已用表格定位完成,其中图示一为网站结构情况,图示二为主页index.htm的效果图,图示三为主页index.htm的网页背景属性图,请回答下列问题。
图示一
图示二
图示三
1.写出在单元格[8]中插入一张4行5列的表格的操作步骤。
。
2.假如计划在表格的下方实现左右滚动文字“欢迎光临”,利用FrontPage中的什么效果可以实现这一目的?
并写出操作步骤。
。
3.设置超级链接:
(1)假设为单元格[11]中的“新华网”文字设置网址(www.xi
)的超链接,写出超链接对话框中的链接内容:
。
(2)假设为单元格[9]“与我联系”中的文字设置邮件地址ggjj@的链接,写出超链接对话框中的链接内容:
。
4.李明将完成后的网站上传到服务器,其中主页明显存在使访问者无法浏览的问题是:
。
【练习二】某同学想要通过制作网页来介绍北京故宫。
图示一
1.如题图一所示,该网页为网站的首页,通过多种超链接方式,建立与自己制作的多个网页的超链接,表达一个共同的主题。
写出图一中可以看出的二种超链接方式的名称。
2.他收集了网页素材图片文件gugong.jpg,使用PhotoShop软件打开文件后如图二,如要去除边缘部分不
需要的内容后如图三,需要使用图四中什么工具?
(在图四右边空白处答题)
图示二图示三图示四
3.使用网页编辑软件Dreamweaver或者FrontPage制作网页。
在某页面内插入文件gu
gong.jpg,他可执行的操作选项如下:
A.插入——图片;B.插入—图片—来自文件;C.选择插入位置;D.确认;E.选择图片文件gugong.jpg。
根据所用的软件,选择正确的操作选项,用字母排出次序。
【练习三】小明是个旅游爱好者,曾游遍了浙江的风景名胜。
当他掌握了“网页设计”的知识之后,他决定利用FrontPage做一个旅游网站来介绍这些风景点。
经过一段时间的努力,小明完成了部分制作工作,其中主页效果和网站结构如下图一,主页的网页属性(未作任何更改)如下图二,根据图示分析,请回答下列问题:
图示一
图示二
1.根据上面图示,我们可以分析得出小明共制作了个网页文件,文件名称分别是,其中网站主页文件名为。
2.根据上面图示分析判断,“小明已经输入了‘浙江旅游’作为主页的标题”,你认为这种说法正确吗?
为什么?
。
3.从主页中可以分析得出,小明是利用来给图片定位的。
主页背景是采用
作为背景图的。
4.请写出为“浙江旅游超市”设置超链接,链接地址为:
的一种操作实现方法和步骤:
。
【练习四】以下是“中华传统节日”网站的相关内容,其中图示一为网站结构情况,主页中的某一张表格属性如图示二,主页效果如图示三,
图示一图示二
图示三
1.从主页图示分析得出,构成网页的基本元素有、图片、表格等内容。
2.在FrontPage网页视图中,又可按普通、、3种方式来查看网页。
3.判断“从图示二可以看出,主页中所有表格的背景色均为‘白色’,表格的边框粗细均为‘0’”这句话说得对吗?
为什么?
。
4.在制作网页时我们常常要给某些对象设置超链接,请问设置超链接的对象可以是哪些?
。
5.假如要你
来为上图的主页添加一个标题,你认为主页的标题定什么比较合适,网页标题的作用是什么?
。
6.假设让你在主页Index.htm的[1]中插入文本文件scjd.txt中的文本内容,请写出实现这一目的的操作步骤:
。
【练习五】小张是个网页制作的初学者,他利用FrontPage制作了“我的第一个网上家园”,其中图示一为网站结构情况,图示二为index.htm的效果图,请回答下列问题。
图示一
图示二
1.根据上图情况,从网站的文件存放层次结构特点分析,你认为小张的这一做法存在什么问题?
应怎么加以改进?
。
2.从网站结构图示可以看出,小张共采用了几种图片素材格式?
并列出图片格式?
。
3.小张想在网页index.htm中插入背景音乐,并且已经准备了四个音乐文件,分别是Bjyy.cda、Bjyy.mid、Bjyy.wav、Bjyy.wma,请你给小张指导一下哪些文件可以直接作为网页的背景音乐文件直接使用,哪些不能直接使用?
。
4.小张想为index.htm中的“米老鼠”图片上新建一个网页文件,并建立超链接,请你帮小张分析
,在超链接的对话框(下图)中应该选择哪种链接方式来完成这项任务最合适?
。
5.小张打算在index.htm中的“我的第一个网上家园”和表格的最上方之间插入一条“红色”且“居中”的“水平线”(宽度至少与表格一样)来修饰网页,“水平线属性”对话框最后设置结果如右图,请找出其中的设置不恰当之处。
。
【练习六】下面是关于“西湖风景”的网站,网站部分素材如图示一所示,网站结构如图示二所示,主页效果如图示三所示,根据要求回答下列问题。
图示一
图示二
图示三
1.网页中所包含的文本、图像、动画等多媒体信息是按照语言进行表达的,网页中所用到的图片放在文件夹中。
2.如果要在主页单元[2]中插入滚动字幕,则应该在右方插入菜单截图中选择中的字幕。
3.如果给要给主页中的“花港观鱼”文字添加超链接,链接到网页文件liulang.htm,应该选择下方超链接属性截图中的第个图标。
4.“image”文件夹中有两个音乐文件,如果要给网页设置背景音乐,更适合的音乐文件是:
5.当将网站上传到服务器后,出现无法访问网页,请解释其中的原因:
【练习七】何辉是信息技术活动小组成员之一,信息技术老师布置一个任务,希望小组通过制作含有许多学校风景图片的网页(类似于下图)来展示学校的校容校貌,由于何辉技术过硬,大家推选由他来制作这个主题网站。
1.制作这个主题网站,下面过程较为合理的信息集成过程是()。
①收集反馈、评价修正②确定主题、设计目标
③规划内容结构、收集加工素材④选择适当工具、实际制作、
A.③②①④B.②①④③C.①③②④D.②③④①
2.何辉手里有一本介绍学校的杂志,其中有一些图片可以用来制作网页,需要把杂志上的图片做数字化处理,并存放在计算机中。
现有如下设备:
打印机、数码照相机、光学照相机、扫描仪。
首选的一种设备应该是___________________________。
3.有的图片不能直接用来制作网页,需要使用图像处理软件加工处理。
现有如下常用软件:
Flash、FrontPage、PowerPoint、Dreamweaver、FireWorks、Photoshop、Authorware,其中图像加工的首选软件是______________________。
4.由于图片比较多,为了使图片的排列整齐有序,网页布局中何辉应该利用___________来定位和布局,然后在其中插入每张图片。
5.网页中图片比较小,为了能够看清楚每一张图片的细节,我们通常需要在图片的标题上设置超级链接,以便在一个单独的窗口打开该图片。
那么设置超链接的第一步操作是:
()
A.选中图片下的标题,在“插入”菜单下,选择超链接命令
B.在出
现的超链接对话框中,填(或选)被链接的网页文件
C.在编辑的网页中,选定需要设置链接的图片或图片标题
D.确定完成插入超链接
6.何辉在制作网页过程中遇到了困难,他可在因特网上利用()与他人进行讨论、交流
。
①E-mail(电子邮件)②BBS(电子公告栏)③QQ④博客(Weblog)
A.①③④B.②③④C.③④D.①②③④
7.网站制作完成后,何辉希望将网站发布因特网上,学校的WEB服务器提供主页空间,他想通过FT
P工具将网站上传到服务器上,下列软件中可以使用的FTP软件是()。
A.CuteFTPB.FlashFXPC.PhtoshopD.Foxmail
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 浙江省桐庐分水高级中学高中信息技术基础 网页制作教案 浙江省 桐庐 分水 高级中学 高中 信息技术 基础 网页 制作 教案