05-信息技术基础(网页制作)

《05-信息技术基础(网页制作)》由会员分享，可在线阅读，更多相关《05-信息技术基础(网页制作)（20页珍藏版）》请在装配图网上搜索。

1、信息技术基础（网页制作部分）一、知识内容 1网页、网站的基本概念 网页是按照超文本标记语言（HTML）规范要求表达文本、图像、动画等多媒体信息的，网页之间遵循超文本传输协议（HTTP）进行相互链接访问。围绕相关主题的若干个网页组成一个网站，网页和网站的地址用统一资源定位器（URL）标识。 网页的基本元素是：文字、图形图像和超链接。网页中除基本元素外还有表格、表单、音乐、动画、内嵌程序等内容。 2网站的策划和构思网页中的文本、图像、超链接和表格等基本元素及构件是由HTML进行描述的。网页制作实质上就是编写HTML语言的代码，因此可以采用文本编辑器软件（如“记事本”程序）编写网页的源代码，也可以选

2、用专用的网页制作软件FrontPage、Dreamweaver等来制作。网站策划主要应考虑的因素是：网站名称是否贴切，网站主题是否鲜明，网站内容是否丰富，网站结构是否清晰等。 网站的设计和制作包括：确定目标和需求分析策划制作方案收集与整理素材网页制作合成和测试网页发布网页素材的收集和整理需要注意以下几点： a.将素材按照不同的类别，分别保存在不同的文件夹中，如image、music等，并且所有素材应存放在一个总文件夹中，便于一起上传管理，绝对不能存放在不同的驱动器中。b.对素材应该重新取一个合适的文件名，一般不要用中文字名称，以便在因特网上能正常浏览。c.有的图片需要进行一些格式转换，尽量使其

3、容量减小，如图片尽可能采用GIF或JPEG格式，不要用BMP 和PSD格式；声音格式一般采用MID或MP3格式（尽量不要用WAV格式）；视频一般要转换成流媒体格式（RM、WMV）来使用。d.有些图片可能需要从某些图像中截取部分画面生成新的图片。3网页制作及调试以FrontPage制作网页为例，基本步骤为：启动FrontPage新建网页更换默认文件名输入网站名称插入表格输入文字插入图像保存制作主页的基本方法：根据主题，输入网站的名称标题根据栏目，插入和设置布局表格输入文字、插入图像、动画输入版权和联络信息预览保存网页表格的插入及属性设置插入表格 图示一插入表格 图示二表格属性 图示三单元格属性设

4、置单元格属性 图示四插入文字、图片及进行相应的设置插入指定文件夹中文本文件中的文字内容：确定插入文字的位置利用资源管理器找到指定的文本文件打开文本文件选中其中的内容复制切换到网页编辑环境的目标位置粘贴插入指定的图片文件插入图片 图示五图片属性常规选项 图示图片属性外观选项 图示设置超链接添加超链接的操作步骤：选中超链接对象超链接根据要求设置相应的链接方式链接方式包括指向网站的超链接、指向文件的超链接、指向电子邮件的超链接、指向新建一个网页并设置超链接。ABCD超链接 图示六网页基本属性设置网页属性常规选项 图示网页属性背景选项 图示网页的预览、调试与发布网页上传至网络服务器的工具软件 Cute

5、FTP LeapFTP二、例题分析【例题一】以下是中国传统节日网站的有关内容，请根据提问回答。1以上网页既有文字，又有图片，那么在利用Frontpage编辑制作时一般用 来定位的，一个网站往往由许多网页通过 组成一个整体让大家访问浏览的。2该网页的标题是什么 ，如果让你来修改该标题“中华节日”操作步骤是：启动Frontpage编辑要修改的网页， 。3要对节日“元宵”做超链接，看下图1，2，3，4分别是指什么意识？32141 2 3 4 【例题分析】本题考查考生网页制作的基本思路与方法。1.考查学生在做网页时用“表格”来定位布局的思想，同时网页之间是通过“超链接”来把单个的网页链接起来让大家访问

6、浏览的。2网页的标题可以在打开浏览这个网页时看左上角来找到，因此标题是“中华传统节日”。标题的修改可以在网页编辑环境下，利用“网页属性”对话框的“标题”处修改网页的标题，输入“中华节日”并确定。3.主要考查学生对各种不同超链接的应用情况。第一种是指向网站的超链接，第二种是指向文件的超链接，第三种是指向电子邮件的超链接，第四种是指向新建网页并设置超链接。【例题二】以下是“中国探月工程网站”，下图是网站主页的效果图，请根据提问回答。1用FrontPage软件对该网页编辑，要设置该网页的背景音乐（如下图），请问：添加背景音乐的网页名称是 ，该网页添加了如图所示的音乐后，假如该网站上传发布，有音乐效果

7、吗？并说明原因。2网页中表格边框颜色为淡绿色，如要改成黑色，该怎么操作？ 3要调节网页中各个单元格之间的边距设为1，则是在 中修改。【例题分析】本题主要考查网页背景音乐和表格属性设置的属性程度。1从网页属性的“位置”处可以获得网页文件是“index.htm”；假如上传至服务器后，网页的背景音乐就没有实际效果了，因为音乐文件的位置是在E盘中，而网站存在C盘上，因此网站上传后，音乐文件没有上传，导致网页上传浏览后得不到音乐效果。2表格边框颜色的设置可以在该网页的编辑环境（Frontpage），通过“表格属性”来设置修改。3同理解决。【例题三】以下是“中华民族网”网站的有关内容，请根据提问回答。1假

8、如要在单元格1中插入指定的图片文件，操作步骤是 ，如插入的图片尺寸太小，要把图片垂直、水平都居中显示，怎么操作 ，在Frontpage编辑环境，假如将某一图片插入后，发现该图片太大，在Frontpage中直接解决这个问题，该怎么处理 。2对右侧的图片做超链接，链接到电脑中存有的介绍中华民族的Flah文件jieshao.swf，该怎么操作 。【例题分析】本题主要考查网页中图片的插入、图片的设置和指向文件的超链接等知识点。1插入指定的图片是通过“插入”菜单的“图片”、“来自文件”，并找到相应的图片，后确定即可。在单元格中设置插入的图片“垂直居中、水平居中”显示，可在相应的单元格属性对话框来设置相应

9、的对齐方式。插入后发现图片太大，可通过右键单击图片文件，并在 “图片属性”对话框中“外观”选项中“大小”，输入大小尺寸后来完成图片的缩小操作。2本小题的实质是指向文件的超链接设置，而并非在网页中插入Flash 文件，因此不要被“Flash 文件”迷惑。操作方法是在所需的图片上通过“超链接”、指向文件的超链接来完成即可。【例题四】以下是关于“中国少数民族”的网站 ，网站部分素材如图示一所示，网站结构如图示二所示，主页效果如图示三所示。图示一图示二图示三1一般用于制作网页的图片的格式有下面的选择，请选出最适合用于网页制作中的两种图片是： (1)gif (2) psd (3)bmp (4) jpg

10、(5)pcx 2如果要在单元格3 插入“源文件.swf ”flash动画，则应该选择下面截图（图示四）中“高级”菜单中的哪一个子菜单： 图示四 图示五3如果给主页中的文字“跟我联系”设置超链接，链接邮件地址为khkd 应该给“跟我联系”文字添加的超链接内容是： 4如果将单元格“4”所在表格的单元格间距设置为0，则应该选择下面截图（图示五）中的哪一个菜单 【例题分析】本题目主要考查网页制作中的多个知识点。1网页制作时比较适合的两种图片是(1)gif、 (4) jpg；2flash动画的使用可以通过“插件”子菜单来插入；3链接内容为：mailto: khkd ；4设置表格的单元格间距通过“表格属性

11、”菜单来完成。三、强化练习【练习一】李明计划利用FrontPage制作一个网站，其中主页的大致框架已用表格定位完成，其中图示一为网站结构情况，图示二为主页index.htm的效果图，图示三为主页index.htm的网页背景属性图，请回答下列问题。图示一图示二图示三1写出在单元格8中插入一张4行5列的表格的操作步骤。 。2假如计划在表格的下方实现左右滚动文字“欢迎光临”，利用FrontPage中的什么效果可以实现这一目的？并写出操作步骤。 。3设置超级链接：（1）假设为单元格11中的“新华网”文字设置网址（）的超链接，写出超链接对话框中的链接内容： 。（2）假设为单元格9 “与我联系”中的文字设

12、置邮件地址ggjj的链接，写出超链接对话框中的链接内容： 。4.李明将完成后的网站上传到服务器，其中主页明显存在使访问者无法浏览的问题是： 。【练习二】某同学想要通过制作网页来介绍北京故宫。图示一1如题图一所示，该网页为网站的首页，通过多种超链接方式，建立与自己制作的多个网页的超链接，表达一个共同的主题。写出图一中可以看出的二种超链接方式的名称。2他收集了网页素材图片文件gugong.jpg，使用PhotoShop软件打开文件后如图二，如要去除边缘部分不需要的内容后如图三，需要使用图四中什么工具？（在图四右边空白处答题） 图示二 图示三 图示四3使用网页编辑软件Dreamweaver或者Fro

13、ntPage制作网页。在某页面内插入文件gugong.jpg，他可执行的操作选项如下：A.插入图片；B. 插入图片来自文件；C.选择插入位置；D.确认；E.选择图片文件gugong.jpg。根据所用的软件，选择正确的操作选项，用字母排出次序。【练习三】小明是个旅游爱好者，曾游遍了浙江的风景名胜。当他掌握了“网页设计”的知识之后，他决定利用FrontPage做一个旅游网站来介绍这些风景点。经过一段时间的努力，小明完成了部分制作工作，其中主页效果和网站结构如下图一，主页的网页属性（未作任何更改）如下图二，根据图示分析，请回答下列问题：图示一图示二1根据上面图示，我们可以分析得出小明共制作了 个网页

14、文件，文件名称分别是 ，其中网站主页文件名为 。2根据上面图示分析判断，“小明已经输入了浙江旅游作为主页的标题”，你认为这种说法正确吗？ 为什么？ 。3从主页中可以分析得出，小明是利用 来给图片定位的。主页背景是采用 作为背景图的。4请写出为“浙江旅游超市”设置超链接，链接地址为： 的一种操作实现方法和步骤： 。【练习四】以下是“中华传统节日”网站的相关内容，其中图示一为网站结构情况，主页中的某一张表格属性如图示二，主页效果如图示三， 图示一 图示二图示三1从主页图示分析得出，构成网页的基本元素有 、图片 、表格等内容。2在FrontPage 网页视图中，又可按普通、 、 3种方式来查看网页。

15、3判断“从图示二可以看出，主页中所有表格的背景色均为白色，表格的边框粗细均为0”这句话说得对吗？为什么？ 。4在制作网页时我们常常要给某些对象设置超链接，请问设置超链接的对象可以是哪些？ 。5假如要你来为上图的主页添加一个标题，你认为主页的标题定什么比较合适 ，网页标题的作用是什么？ 。6假设让你在主页Index.htm的1中插入文本文件scjd.txt中的文本内容，请写出实现这一目的的操作步骤： 。【练习五】小张是个网页制作的初学者，他利用FrontPage制作了“我的第一个网上家园”，其中图示一为网站结构情况，图示二为index.htm的效果图，请回答下列问题。图示一图示二1根据上图情况，

16、从网站的文件存放层次结构特点分析，你认为小张的这一做法存在什么问题？应怎么加以改进？ 。2从网站结构图示可以看出，小张共采用了几种图片素材格式？并列出图片格式？ 。3小张想在网页index.htm中插入背景音乐，并且已经准备了四个音乐文件，分别是 Bjyy.cda、Bjyy.mid、Bjyy.wav、Bjyy.wma，请你给小张指导一下哪些文件可以直接作为网页的背景音乐文件直接使用，哪些不能直接使用？ 。4小张想为index.htm中的“米老鼠”图片上新建一个网页文件，并建立超链接，请你帮小张分析，在超链接的对话框（下图）中应该选择哪种链接方式来完成这项任务最合适？ABCD 。5小张打算在in

17、dex.htm中的“我的第一个网上家园”和表格的最上方之间插入一条“红色”且“居中”的“水平线”（宽度至少与表格一样）来修饰网页， “水平线属性”对话框最后设置结果如右图，请找出其中的设置不恰当之处。 。【练习六】下面是关于“西湖风景”的网站 ，网站部分素材如图示一所示，网站结构如图示二所示，主页效果如图示三所示，根据要求回答下列问题。图示一图示二图示三1网页中所包含的文本、图像、动画等多媒体信息是按照 语言进行表达的，网页中所用到的图片放在 文件夹中。2如果要在主页单元2中插入滚动字幕，则应该在右方插入菜单截图中选择 中的字幕。3如果给要给主页中的“花港观鱼 ”文字添加超链接，链接到网页文件

18、liulang.htm，应该选择下方超链接属性截图中的第 个图标。4. “image”文件夹中有两个音乐文件，如果要给网页设置背景音乐,更适合的音乐文件是： 5当将网站上传到服务器后，出现无法访问网页，请解释其中的原因： 【练习七】何辉是信息技术活动小组成员之一，信息技术老师布置一个任务，希望小组通过制作含有许多学校风景图片的网页（类似于下图）来展示学校的校容校貌，由于何辉技术过硬，大家推选由他来制作这个主题网站。1制作这个主题网站，下面过程较为合理的信息集成过程是（ ）。收集反馈、评价修正 确定主题、设计目标规划内容结构、收集加工素材 选择适当工具、实际制作、A. B. C. D. 2何辉手

19、里有一本介绍学校的杂志，其中有一些图片可以用来制作网页，需要把杂志上的图片做数字化处理,并存放在计算机中。现有如下设备：打印机、数码照相机、光学照相机、扫描仪。首选的一种设备应该是_。3有的图片不能直接用来制作网页，需要使用图像处理软件加工处理。现有如下常用软件：Flash、 FrontPage、 PowerPoint、 Dreamweaver、 FireWorks、 Photoshop、 Authorware，其中图像加工的首选软件是_。4由于图片比较多，为了使图片的排列整齐有序，网页布局中何辉应该利用_来定位和布局,然后在其中插入每张图片。5网页中图片比较小，为了能够看清楚每一张图片的细节

20、，我们通常需要在图片的标题上设置超级链接, 以便在一个单独的窗口打开该图片。那么设置超链接的第一步操作是：（ ）A选中图片下的标题，在“插入”菜单下，选择超链接命令B在出现的超链接对话框中，填（或选）被链接的网页文件C在编辑的网页中，选定需要设置链接的图片或图片标题D确定完成插入超链接6何辉在制作网页过程中遇到了困难，他可在因特网上利用（ ）与他人进行讨论、交流。E-mail（电子邮件）BBS（电子公告栏）QQ 博客（Weblog）A. B. C. D. 7网站制作完成后，何辉希望将网站发布因特网上，学校的WEB服务器提供主页空间，他想通过FTP工具将网站上传到服务器上，下列软件中可以使用的FTP软件是（ ）。A. CuteFTP B. FlashFXP C. Phtoshop D. Foxmail89