网页与网页制作专题.ppt

第五单元 网页与网页制作专题 考纲精要、案例解读、变式训练 【 例 1】 （浙江省 2011年 3月高考）小李用 FrontPage软 件制作了主题为“京剧四大名旦”的网站，网站主页 的编辑窗口如例 1 1图所示。请回答下列问题 : 【 考点 1】 网站、网页的基本概念 （ ） 考点解读 高考档案 网页是按照超文本标记语言 (HTML)规范要求表达文本、 图像、动画等多媒体信息的 。网页的三个基本元素：文 字、图形图像和超链接。围 绕相关主题的若干个网页通 过超链接组成一个网站，主 页文件一般命名为 index.htm，网页类型的扩 展名一般还有 html、 asp等 。常见的网页编写软件有： FrontPage和 Dreamweaver 。 2008年 10月 浙江高考第 20_(1) 2009年 3月 浙江高考第 9题 2010年 3月 浙江高考第 20_(1) 2010年 9月 浙江高考第 20_(2) 2011年 3月 浙江高考第 20_(1) (1)该网站共有 个网页文件，其中主页文件名是 。“ mlf. Jpg”文件存放在 (填 : flash/ images/ sound)文件夹下更合理 。 【 解析 】 网页文件的格式是以 htm、 html等为扩展名，从图中 可以看出共有 5个 htm的文件，主页文件默认为 index.htm， mlf.jpg是图片文件所以放在 images文件夹较合理。 【 答案 】 5 index.htm images 考点解读 高考档案 在 FrontPage制作网页时，常 用表格对网页中的元素和构 件进行定位。常用表格属性 有对齐方式、边框粗细（颜 色）、背景图片（颜色）、 表格宽度等。单元格是表格 的部分区域，要区分设置单 元格属性和表格属性的作用 范围。 2008年 10月 浙江高考第 20_(4) 2009年 3月 浙江高考第 20_(2) 2009年 9月 浙江高考第 20_(3) 2010年 3月 浙江高考第 20_(2) 2010年 3月 浙江高考第 20_(3) 2010年 9月 浙江高考第 20_(3) 2011年 3月 浙江高考第 20_(2) 【 考点 2】 表格的插入、编辑与属性设置，单元格的设置 （ ） (2)要在例 1一 1图 A处单元格下方增加一行用来设置滚动字幕， (填 :可以 /不可以 )对 A处单元格使用“拆分单元格”命令来实现。 【 解析 】 拆分单元格可以将一个单元格按行或按列拆分成多 格。 A处按行拆分单元格时会在 A下方插入一行。 【 答案 】 可以 考点解读 高考档案 文字可以通过复制现 有文字或键盘键入两 种方法输入，通过设 置文字的字体改变其 外观。网页中插入的 图片是以文件形式存 在的，图片文件改名 、删除或转移位置都 会影响其正常显示。 2009年 3月 浙江高考第 10题 2009年 9月 浙江高考第 20_(2)题 2009年 9月 浙江高考第 20_(4)题 2009年 9月 浙江高考第 20_(5)题 2010年 3月 浙江高考第 20_(4)题 2010年 9月 浙江高考第 20_(4)题 2011年 3月 浙江高考第 20_(5)题 【 考点 3】 文字、图片的插入并进行相应的设置 （ ） （ 3）在资源管理器中，小李将例 11图 B处对应的文件“荀慧 生 .jpg”命名为“ xhs.jpg”。再次浏览主页时 (填 :能 /不能 )正常 显示。 【 解析 】 图片是以文件形式存在的，图片文件改名会影响其 正常显示。 【 答案 】 不能 【 考点 4】 网页基本属性设置 （ ） 考点解读 高考档案 常考的网页属性有：“网 页标题”、“背景图像” 、“背景音乐”等。 2008年 10月 浙江高考第 20_(2) 2010年 3月 浙江高考第 20_(5) 2011年 3月 浙江高考第 20_(4) （ 4）小李用 IE浏览器预览主页时，从任务栏（如例 12图所 示）发现有错，可以使用 (填网页属性 /表格属性 /单元 格属性 )命令修改 （网页标题 /表格宽度 /单元格背景） 【 解析 】 从任务栏中可以看出该网页的标题是“警局四大名 旦”，要在 Frontpage中更改网页标题可通过网页属性中的网 页标题实现。 【 答案 】 网页属性 网页标题 【 考点 5】 超链接的设置 （ ） 考点解读 高考档案 常见的三种超链接：链接到 其他网站、链接到本站点的 某个文件、链接到电子邮件 地址。如果超链接目标发生 变化，如目标文件改名，则 超链接要作相应修改。 2008年 10月 浙江高考第 20_(3) 2009年 3月 浙江高考第 20_(3) 2010年 9月 浙江高考第 20_(5) 2011年 3月 浙江高考第 20_(3) （ 5）小李为主页右下方的文字“百度百科”创建了一个超链 接，其“编辑超链接”窗口如例 13图所示。在浏览网页时单 击该超链接， (填 :能 /不能 )正常访问“百度百科” (网址为 http:/)网页。 【 解析 】 百度百科为 http:/，在 Frontpage中 设置外部网址时需写上“ http:/”。 【 答案 】 不能 【 考点 6】 网页的预览、调试与发布 考点解读 高考档案 网页制作过程，通过“预览” 可以看到网页在浏览器中显示 的效果，网站制作完成，通过 调试可检查网页内容和超链接 是否符合设计要求。 2009年 9月 浙江高考第 13题 2009年 3月 浙江高考第 20_(4) 2010年 3月 浙江高考第 20_(6) 【 例 2】 （浙江省 2010年 3月高考）小丁准备将网站上传到因 特网中，为了让其他关注以“四君子”为主题的人更容易搜 索到该网站，他查阅了 FrontPage软件的帮助文件，请结合右 图中的信息，给出主页文件的网页属性设置建议： 。 【 解析 】 搜索网站 时主要搜索该网站 的关键字，可以通 过在图中“标题”、 “网页说明”、 “关键字”中填入 所需的关键字。 【 答案 】 在“标题” 处或“网页说明” 处或“关键字”处 填入“四君子”。 【 考点 7】 网站的策划和构思 （ ） 考点解读 高考档案 网站的策划与构思主要考虑 因素有：网站名称是否贴切 ，网站主题是否鲜明，网站 内容是否丰富，网站结构是 否清晰等。此时还需对素材 进行收集与整理。 2009年 3月 浙江高考第 20_(1) 2009年 9月 浙江高考第 20_(1) 2010年 9月 浙江高考第 20_(1) 【 例 3】 （浙江省 2009年 9月高考）小李准备制作一个网站， 在素材收集阶段，下列做法比较恰当的是（ ） 将各类素材按类型分别存放在不同的文件夹中 为便于识别素材，将网上下载的素材文件重新命名 对图片素材根据需要进行裁剪、压缩等处理 网上信息是公开发布的，不存在版权问题，所有素材都 可以被随意下载和使用 A B C D 【 解析 】 素材收集时包括将素材按照不同的类别分别保存在 不同的文件夹中；对素材应该重新取一个合适的文件名，以 方便使用；对有些图片可能需要将格式转换成 GIF或 JPEG； 可能需要从某些图片中截取部分画面生成新的图片。 【 答案 】 A 【 变式训练 】 1小张同学想将研究性学习的成果做成网页，那么他可以按 下列哪种步骤来设计网站（ ） 制作网页 策划构思网站 搜集整理素 材 调试发布网站 A B C D 2网页设计过程中往往都用到表格，但用 IE访问时却没看到表 格，可以在编辑时通过下列哪个方法来设置（ ） A将表格边框线粗细为 0 B将单元格边框线粗细为 0 C将表格边距设为 0 D将表格边框线设为隐藏 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等，但发 布后自动变为 JPG B网页编辑时图片已经嵌套在网页中，所以会随网页自动上 传 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):”后的文本框内输入 _。 1 2 3 4 第 8题 -3图 【 变式训练 】 1 A 本题考查设计网站的一般步骤，需通过分析网站制作的 过程得出结果。 2 A 用 IE访问时没看到表格是因为表格隐藏了，而要隐藏表 格可通过将表格边框粗细设为 0。 3 A 插入的图片来自文件，所以此处与“复制”“粘贴”无 关。 4 B 此处背景图片设置在单元格中，所以与表格属性、插入 图片、图片属性等无关。 5 B 超链接目标可以是其它网页文件、图片、网址等，但目 标文件改名时也需改超链接。 6 D 网页发布时需将网页文件及其它如图片、动画、音频、 视频文件等一起上传。 7 C 网站调试属网页发布阶段。 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图所示 标题栏（或横幅） 主题图片 栏目 1 栏目 2 栏目 3 栏目 4 网页版权说明 第 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)该网站共有 个网页文件，其中 主页文件文件名是 。“ mlf jpg” 文件存放在 （填： flash/images/soun d）文件夹下更合 理。 (2)要在第 20题 -1图 A处单元格下方增加一行用来设置流动字幕， （填：可以 /不可以）对 A处单元格使用“拆分单元格” 命令来实现。 (3)小李为主页右下方的文字“百度百科”创建了一个超链 接，其“编辑链接”窗口如第 20题 -2图所示。在浏览网页 时单击该链接，（填：能 /不能）正常访问“百度百科” （网址为 http:/）网页。 (4)小李用 IE浏览器预 览主页时，从任务栏 （如第 20题 -2图所示） 发现有错，可以使用 (填：网页属性 / 表格属性 /单元格属性 ) 命令修改 (填：网 页标题 /表格宽度 /单 元格背景 )。 （ 5）在资源管理器中，小李将第 20题 -1图 B处图片对应的文件 “荀慧生 .jpg” 重命名为“ xhs jpg” 。再次浏览主页时，该 图片（填：能 /不能）正常显示。 2011.3 20.小李用 FontPage软件制作了主题为“京剧四大名旦”的网站， 网站主页的编辑窗口如第 20题 -1图所示。请回答下列问题： (1)该网站共有个网页文件，其中主页文件文件名是。 “ mlf jpg”文件存放在（填： 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” 重命名为“ xhs jpg” 。再次浏览主 页时，该图片（填：能 /不能）正常显示。