网页及网页制作专题.ppt

第五单元 网页与网页制作专题,考纲精要、案例解读、变式训练,【例1】（浙江省2011年3月高考）小李用FrontPage软件制作了主题为“京剧四大名旦”的网站，网站主页的编辑窗口如例11图所示。请回答下列问题:,【考点1】网站、网页的基本概念（）,(1)该网站共有 个网页文件，其中主页文件名是。“mlf.Jpg”文件存放在(填:flash/images/sound)文件夹下更合理。,【解析】网页文件的格式是以htm、html等为扩展名，从图中可以看出共有5个htm的文件，主页文件默认为index.htm，mlf.jpg是图片文件所以放在images文件夹较合理。,【答案】5 index.htmimages,【考点2】表格的插入、编辑与属性设置，单元格的设置（）,(2)要在例1一1图A处单元格下方增加一行用来设置滚动字幕，(填:可以/不可以)对A处单元格使用“拆分单元格”命令来实现。,【解析】拆分单元格可以将一个单元格按行或按列拆分成多格。A处按行拆分单元格时会在A下方插入一行。,【答案】可以,【考点3】文字、图片的插入并进行相应的设置（）,（3）在资源管理器中，小李将例11图B处对应的文件“荀慧生.jpg”命名为“xhs.jpg”。再次浏览主页时(填:能/不能)正常显示。,【解析】图片是以文件形式存在的，图片文件改名会影响其正常显示。【答案】不能,【考点4】网页基本属性设置（）,（4）小李用IE浏览器预览主页时，从任务栏（如例12图所示）发现有错，可以使用(填网页属性/表格属性/单元格属性)命令修改（网页标题/表格宽度/单元格背景）,【解析】从任务栏中可以看出该网页的标题是“警局四大名旦”，要在Frontpage中更改网页标题可通过网页属性中的网页标题实现。【答案】网页属性 网页标题,【考点5】超链接的设置（）,（5）小李为主页右下方的文字“百度百科”创建了一个超链接，其“编辑超链接”窗口如例13图所示。在浏览网页时单击该超链接，(填:能/不能)正常访问“百度百科”(网址为http:/)网页。,【解析】百度百科为，在Frontpage中设置外部网址时需写上“http:/”。【答案】不能,【考点6】网页的预览、调试与发布,【例2】（浙江省2010年3月高考）小丁准备将网站上传到因特网中，为了让其他关注以“四君子”为主题的人更容易搜索到该网站，他查阅了FrontPage软件的帮助文件，请结合右图中的信息，给出主页文件的网页属性设置建议：。,【解析】搜索网站时主要搜索该网站的关键字，可以通过在图中“标题”、“网页说明”、“关键字”中填入所需的关键字。【答案】在“标题”处或“网页说明”处或“关键字”处填入“四君子”。,【考点7】网站的策划和构思（）,【例3】（浙江省2009年9月高考）小李准备制作一个网站，在素材收集阶段，下列做法比较恰当的是（）,将各类素材按类型分别存放在不同的文件夹中为便于识别素材，将网上下载的素材文件重新命名对图片素材根据需要进行裁剪、压缩等处理网上信息是公开发布的，不存在版权问题，所有素材都可以被随意下载和使用 A B C D,【解析】素材收集时包括将素材按照不同的类别分别保存在不同的文件夹中；对素材应该重新取一个合适的文件名，以方便使用；对有些图片可能需要将格式转换成GIF或JPEG；可能需要从某些图片中截取部分画面生成新的图片。【答案】A,【变式训练】,1小张同学想将研究性学习的成果做成网页，那么他可以按下列哪种步骤来设计网站（）制作网页策划构思网站搜集整理素材调试发布网站 A B C D,2网页设计过程中往往都用到表格，但用IE访问时却没看到表格，可以在编辑时通过下列哪个方法来设置（）A将表格边框线粗细为0B将单元格边框线粗细为0C将表格边距设为0D将表格边框线设为隐藏,3用FrontPage制作网页时可在页面内插入图片文件如hua.jpg，在如下的操作中哪些是需要的并且是正确的操作步骤（）插入图片来自文件选择插入位置确认选择文件 hua.jpg粘贴复制A B C D,4在Frontpage中可以单独为单元格设置背景图片，下列关于背景图的说法正确的是（）A可通过“插入”菜单图片来自文件方式设置背景图B可以在已设置背景图的单元格中输入文字，该文字显示在图片上方 C可以在单元格中通过“表格属性”来设置背景图 D可以在背景图上点击“图片属性”来设置背景图,5利用Frontpage制作网页超链接的说法正确的是（）A超链接可以建立在网页中的表格或水平线上B超链接的目标可以是一张图片C如果超链接的目标文件改名不会影响超链接效果D网页文件改名，则该网页中所有的超链接要重新设置,6网页制作完成后往往要发布在网上，下列关于发布网页时网页图片的说法正确的是（）A网页中可用的图片文件格式有BMP、JPG、GIF等，但发布后自动变为JPGB网页编辑时图片已经嵌套在网页中，所以会随网页自动上传C网页发布时只有背景图片会自动上传，其它图片要手动上传D网页发布时要将网页文件和图片文件同时上传,7制作网页时当确定网站的主题后，就可以策划和构思网站，以下内容不属于网站的策划构思环节的是（）A网站名称 B网站主题 C网站调试 D网站结构,8（台州市2010年7月模拟考）小李参加的中学生电脑作品比赛的作品母亲河获了奖，老师让他制作一个网站介绍的页面挂在校园网上，页面效果如第8题-1图所示。,第8题-1图,第8题-2图,（1）上图页面布局的表格如下:表格中所在的单元格是通过对表格中的4行单元格进行_ 操作得到，为了让表格线在浏览时隐藏，应在（表格属性/单元格属性）中设置边框粗细为0。,（2）要修改图片“浏览作品”上的超链接地址，应该右键单击该图片，在弹出的右键快捷菜单（如8题-2图）中选择_，然后进行修改。,（3）小李给网站首页截图的文件命名为index1.bmp，可同学小峰说jpg格式更适合作为网页素材，以下软件可以将bmp图片转化成jpg格式的有_（画图/Flash/Word/Photoshop/ACDsee/Excel/Internet Explorer/Access）。,（4）在完成确定网站主题、收集素材、网页制作等步骤之后，小李接下来需要做的是_(网站构思/调试发布/打包压缩/出售站点).,（5）为了便于同学们反馈信息，小李在网站上留下自己的联系邮箱（），并在“联系邮箱”文字上设置超连接，创建超连接的界面如下，他可以通过点击如第8题-3图所示的_(填数字序号)按钮创建，也可以直接在“Url(U):”后的文本框内输入_。,【变式训练】1A 本题考查设计网站的一般步骤，需通过分析网站制作的过程得出结果。2A 用IE访问时没看到表格是因为表格隐藏了，而要隐藏表格可通过将表格边框粗细设为0。3A 插入的图片来自文件，所以此处与“复制”“粘贴”无关。4B 此处背景图片设置在单元格中，所以与表格属性、插入图片、图片属性等无关。5B 超链接目标可以是其它网页文件、图片、网址等，但目标文件改名时也需改超链接。6D 网页发布时需将网页文件及其它如图片、动画、音频、视频文件等一起上传。7C 网站调试属网页发布阶段。8（1）合并单元格 表格属性（2）超链接属性（3）画图 Photoshop ACDsee(多选不得分，漏选得1分)（4）调试发布（5）3 mailto:,栏目三：关关赢,A错误分析,【例1】）浏览该主页时，部分信息如图所示，该主页标题是_。,【误解】我国东北虎状况【误解原因】如下图所示错误的原因往往把所在位置的内容作为网页标题。,【正确解析】网页的标题是上图所示的所在位置，在Frontpage中可通过“网页属性”中的“标题”来设置。【正确答案】保护东北虎,【例2】在网页制作时有如图所示的单元格设置对话框，对此单元格的操作正确的是（）,可将back.gif作为该单元格的背景图片可在该单元格中插入图片可设置该表格的边框颜色可设置该单元格的宽度,【误解原因】产生的误解因素是在图片上没有显示“back.gif”；表格的作用在于定位元素和构件，可以在单元格中插入图片，但该图中没有图片显示，很容易被当前的图所迷惑；单元格中的边框颜色是设置该单元格的边框而不是整个表格的边框；,【误解】都可能被误解。,【正确解析】该单元格的背景图片可通过图中所示的“背景颜色”下面的“浏览”按钮来设置；单元格中的图片不是通过单元格属性来设置，而是通过“插入”菜单“图片”“来自文件”来设置；表格的边框颜色是通过表格属性来设置。【正确答案】,高考题,20.有一个用FrontPage制作的关于“文学世界”的网站，第20题-1图为网站主页部分效果图,第20题-2图为该网站结构。请回答以下问题：,第20题1图,第20题2图,2008,（1）从第20题-2图中可以看出，该网站有_个文件夹，文件夹名称分别是：_。（2）该网站主页的标题是_。如果要将主页标题改为“文学世界”，一般要选择_（填：网页属性、表格属性或单元格属性）命令，并在打开的属性窗口中相应位置输入文字，然后按提示完成操作。（3）在主页中，为文字“寓言”设置超链接，链接到标题为“寓言”的网页，则超链接所指向的文件名应为_。若将主页文件改名为default.htm，则该网页中的超链接还能否成功链接？_（4）若要给单元格1所在的整个表格设置蓝色背景，选中1所在单元格后，按第20题-3图（见附图页）所示操作能否实现目的？并说明理由。_,09.3,9网页中包含的文本、图像、表格、声音和超链接等基本元素及构件都是由超文本标记语言描述的，所以网页实质上是一种A视频文件 B图像文件 C声音文件 D文本文件10制作网页时，图片常采用GIF或JPEG格式，这是为了使网页A浏览时速度更快 B设计制作更方便C编辑修改更容易 D浏览时更清晰,2009.3,20.小李制作一个“保护东北虎”的宣传网站，主页布局如图第20题-1图所示,第20题1图,第20题2图,（,（1）收集素材时，通过搜索引擎使用（填：主题图片/虎/东北虎）关键词检索网站主题图片的效率较高。网站的目录结构如第20题-2图所示，将检索到的图片放在 文件夹中较为合适。,（2）制作主页时，第20题-3图中的表格（填序号）实现主页布局较为合适。,第20题3图,通过 操作，可以增加表格中的单元格数量。如果按照第20题-4图所示设置表格属性，浏览时，表格边框将（填：显示/隐藏），表格的宽度和整个网页宽度（填：相同/不同）。,（3）网站版权说明中的文字“与我联系”已创建如第20题-5图所示的超链接，浏览时单击该超链接，将打开一个（填：原有文件/新邮件/新网页）,（4）浏览该主页时，部分信息如第20题-6图所示，该主页文件名是，标题是。,09.9,13小李准备制作一个网站，在素材收集阶段，下列做法比较恰当的是 将各类索材按类型分别存放在不同的文件央中 为便于识别素材，将网上下载的素材文件重新命名 对图片素材根据需要进行裁剪、压缩等处理 网上信息是公开发布的，不存在版权同题，所有素材都可以被随意下载和使用 A B C D,20小李围绕主题“中学生饮食与健康”使用FrontPage软件制作一个网站。请回答下列问题：,(1)确定网站主题后，制作网站还需经历以下阶段：网页制作 素材收集整理 网站策划构思 调试发布 正确的顺序是(填序号)。,(2)小李从网上获取了一张图片素材(如第20题1圈所示)，其左上和右下有白色网址，可在图像处理软件中用第20题一2图中的(填数字)工具，将其处理成第20题一3图所示结果。,第20题1图,第20题2图,第20题3图,(,2009.9,(3)调试网页时小李将如第20题一4图(见附图页)所示的网站首页作了修改，效果如第20题一5图(见附图页)所示，他在(填：表格/单元格)属性对话框中调整了(填：单元格边距/单元格间距)的值。(4)如第20题一5图(见附图页)所示，网站首页左下角有一盏灯的图片，浏览时这盏灯闪烁发亮。由此可知制作时采用的是第20题一6图中的图片(填文件名),(5)如第20题一5图(见附图页)所示，标题“中学生饮食与健康”下方有一行从右向左滚动的文字“五谷杂粮壮身体青菜萝卜保健康”,这是通过 实现的(写出一种实现方法)。,2010.3,20小丁以梅、兰、竹、菊为主题，用FrontPage软件制作一个名为“四君子”的网站。请回答下列问题：,(1)观察第20题-1图所示网站结构图，该网站共有_个网页文件。,(2)为在主页文件中定位文本与图像，需使用第20题-2图所示的表格，该表格可通过对一个4行2列表格中第1列进行_ 操作得到。,(3)为预览主页时不出现表格边框，在第20题-3图所示对话框中应将 _设置为0。,(3)为预览主页时不出现表格边框，在第20题-3图所示对话框中应将 _ 设置为0。,(4)小丁在制作关于兰花的网页时，希望实现文字环绕图片的混排效果，他可以对图片执行第20题4图所示“格式”菜单中的_命令。,(5)主页文件的网页属性设置如第20题5图所示，预 览主页时，背景音乐将播放 次，如果仅将主页文件复制到其他计算机中，浏览复制后的主页文件时，是否能够播放背景音乐？(填：是/否)。,第20题-5图,(6)小丁准备将网站上传到因特网，为了让其他关注“四君子”主题的人更容易搜索到该网站，他查阅了FrontPage软件的帮助文件，请结合第20题6图中的信息，给出主页文件的网页属性设置建议：_.。,全部显示网页属性使用“网页属性”对话框，可以设置或更改活动网页的属性（例如，标题、背景色、背景音乐和字符编码）。该对话框提供了下列选项卡上的选项。“常规”选项卡位置 显示网页文件的位置，例如URL或者计算机或文件服务器上的位置。标题 键入网页的标题。该标题显示在Web浏览器的标题栏中。网页说明 键入简短的网页说明。如果网站访问者在您的网站或万维网上搜索内容，则会在搜索结果中看到此说明。关键字 键入描述网页内容的一个或多个关键字（用一个逗号和一个空格隔开）。一些Internet搜索引擎使用这些关键字来确定网页是否满足搜索查询条件。,2010年9年,20.小张用FrontPage软件制作了一个信息技术课程学习网站，第20题-1图为网站主页的效果图；第20题-2图为网页编辑窗口截图。回答下列问题：,第20题-3图,第20题-4图,（1）、小张按照下列步骤设计网站：制作网页 策划构思网站 搜集整理素材 调试发布网站 该顺序是否正确（填：是否）；,（2）、由第20题-2图可知，该网站包含 文件类型。“images”文件夹下有“一”表示该文件夹当前处于 状态。,（3）、为在第20题-2图中A处插入图片，实现第20题-1图所示效果，可进行下列操作：对表格A处所选单元格进行（填：合并/拆分/删除）单元格操作，然后插入图片。将A处所在表格边框粗细设置为：（填数值）。,（4）、为调整第20题-2图B处字幕的移动速度，小张查看了第20题-3图的帮助文件，他可以设置 参数的值。,（5）、小张发布网站前，对主页进行测试，发现单击第20题-1题所示的“课件下载”后，无法下载“kexz.ppt”课件，IE提示“Internet Explorer无法显示该网页”，文字“课件下载”的超级链接属性设置如第20题-4图所示，结合第20题-2题分析，正确的链接地址应是：_.,20.小李用FontPage软件制作了主题为“京剧四大名旦”的网站，网站主页的编辑窗口如第20题-1图所示。请回答下列问题：,(1)该网站共有个网页文件，其中主页文件文件名是。“mlfjpg”文件存放在（填：flash/images/sound）文件夹下更合理。,(2)要在第20题-1图A处单元格下方增加一行用来设置流动字幕，（填：可以/不可以）对A处单元格使用“拆分单元格”命令来实现。,(3)小李为主页右下方的文字“百度百科”创建了一个超链接，其“编辑链接”窗口如第20题-2图所示。在浏览网页时单击该链接，（填：能/不能）正常访问“百度百科”（网址为http:/）网页。,(4)小李用IE浏览器预览主页时，从任务栏（如第20题-2图所示）发现有错，可以使用(填：网页属性/表格属性/单元格属性)命令修改(填：网页标题/表格宽度/单元格背景)。,（5）在资源管理器中，小李将第20题-1图B处图片对应的文件“荀慧生.jpg”重命名为“xhsjpg”。再次浏览主页时，该图片（填：能/不能）正常显示。,2011.3,20.小李用FontPage软件制作了主题为“京剧四大名旦”的网站，网站主页的编辑窗口如第20题-1图所示。请回答下列问题：,(1)该网站共有个网页文件，其中主页文件文件名是。“mlfjpg”文件存放在（填：flash/images/sound）文件夹下更合理。(2)要在第20题-1图A处单元格下方增加一行用来设置流动字幕，（填：可以/不可以）对A处单元格使用“拆分单元格”命令来实现。(3)小李为主页右下方的文字“百度百科”创建了一个超链接，其“编辑链接”窗口如第20题-2图所示。在浏览网页时单击该链接，（填：能/不能）正常访问“百度百科”（网址为http:/）网页。,（1）小李用IE浏览器预览主页时，从任务栏（如第20题-2图所示）发现有错，可以使用(填：网页属性/表格属性/单元格属性)命令修改(填：网页标题/表格宽度/单元格背景)。,(4)小李用IE浏览器预览主页时，从任务栏（如第20题-2图所示）发现有错，可以使用(填：网页属性/表格属性/单元格属性)命令修改(填：网页标题/表格宽度/单元格背景)。,（5）在资源管理器中，小李将第20题-1图B处图片对应的文件“荀慧生.jpg”重命名为“xhsjpg”。再次浏览主页时，该图片（填：能/不能）正常显示。,