专题七 图像的插入与编辑《网页设计》 45分钟专题训练（山东省）

· 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题七 图像的插入与编辑 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.以下不属于图像基本格式的是（ ） A.GIF B.PNG C. JPEG D.PSD 【答案】D 【解析】图像基本格式常见的有GIF、PNG、JPEG等。GIF格式支持动画效果，PNG格式支持透明背景，JPEG格式则是常用的有损压缩格式。而PSD是Adobe Photoshop的专用格式，不属于图像基本格式，它主要用于保存图像的编辑过程和图层信息。 2.以下图像及支持透明背景又支持动画效果的是（ ） A.GIF B.PNG C.JPEG D.PSD 【答案】A 【解析】在图像格式中，GIF格式不仅支持动画效果，使得图像能够动态展示，还能够在一定程度上支持透明背景的设置。而PNG格式虽然支持高质量的透明背景，却不支持动画效果；JPEG格式则主要侧重于图像的压缩和存储，既不支持透明背景也不支持动画；PSD作为Adobe Photoshop的专用格式，主要用于图像编辑和保存图层信息 3.插入图像的快捷键是（ ） A. Ctrl+Alt+A B. Ctrl+Alt+I C. Ctrl+Alt+T D. Ctrl+Alt+C 【答案】B 【解析】在网页制作软件中，插入图像的快捷键通常为Ctrl+Alt+I。而其他选项为干扰项。 4.以下关于网页中添加图像的说法，错误的是（ ） A.可以通过双击已插入的图像唤出替换图像的对话框 B.可以通过菜单“插入→图像”实现图像的添加 C.可以直接将图像素材拖到文档窗口中实现插入 D.图像文件夹可以自由设定，不用保存在站点文件夹中 【答案】D 【解析】在网页制作过程中，添加图像时需要注意图像的存储位置。如果图像文件夹不保存在站点文件夹中，可能会导致网页无法正常显示图像。因此，选项D的说法是错误的。 5.要设置图像的源文件，以下哪种方法不能实现（ ） A.直接输入法 B.链接法 C.浏览法 D.拖动法 【答案】B 【解析】①直接输入法：在src文本框中直接输入地址；②浏览法：单击src文本框后的“浏览文件”按钮；③拖动法：鼠标拖动src文本框后的“指向文件”按钮到对应图像 6.对于图像的属性面板，以下说法错误的是（ ） A.宽和高的单位是px B.“重设大小”按钮可以恢复图像到原始大小 C.“Src”文本框表示图像的地址 D.“地图”表示图像的位置 【答案】D 【解析】在属性面板中，“地图”并非表示图像的位置，而是用于创建图像热点（即在同一图像上划分多个可点击区域，每个区域可链接至不同目标），因此选项D的说法是错误的。 7.要在同一图像上设置多个超链接，可以设置（ ） A.指针热点 B.椭圆热点 C.热点 D.图像链接 【答案】C 【解析】在网页制作中，若要在同一图像上设置多个超链接，关键在于利用图像热点工具。热点工具允许用户在图像上划分出不同的区域，每个区域都可以独立设置超链接。指针热点、椭圆热点等都是热点工具的具体形式。 8.当图像不能正常显示时，若要其出现文字信息，可以在面板设置（ ）属性 A.替换 B.编辑 C.热点 D.重新取样 【答案】A 【解析】网页制作中，当图像因各种原因无法正常显示时，为了提供替代信息，可以在属性面板中设置“替换”属性。这样，当图像无法显示时，浏览器会显示用户设置的替换文字。 9.在图像属性面板中，以下关于“原始”的说法正确的是（ ） A.表示图像的原始大小 B.指定“鼠标经过图像”的初始图像 C.指定在加载主图像之前加载的低品质图像 D.以上说法都不对 【答案】C 【解析】在图像属性面板中，“原始”选项主要用于指定在加载主图像之前，先加载的一个低品质图像。这样做的目的是为了加快网页的加载速度,当主图像完全加载后，它会替换掉这个低品质图像，从而提供更好的视觉效果。 10.在图像的属性面板中，用于减少图形容量的按钮是（ ） A.编辑 B.编辑图像设置 C.裁剪 D.锐化 【答案】B 【解析】在图像属性面板里，“编辑图像设置”按钮多用于更改图像的格式或降低图像的品质,减少图形容量。而“编辑”按钮主要是用于对图像进行一些基础编辑操作，如复制、粘贴等；“裁剪”按钮主要是对图像的尺寸和画面内容进行裁剪；“锐化”按钮主要是增强图像的清晰度 11.在图像的属性面板中，可以调整图像清晰度的按钮是（ ） A.编辑 B.4锐化 C.重新取样 D.编辑图像设置 【答案】B 【解析】在图像属性面板中，“锐化”按钮是专门用于调整图像清晰度的。通过增加图像边缘的对比度，锐化处理可以使图像看起来更加清晰和鲜明。而其他选项，如“编辑”按钮主要用于基础编辑操作，“重新取样”按钮用于改变图像的分辨率或尺寸时重新计算像素，“编辑图像设置”按钮多用于更改图像的格式或降低图像的品质,减少图形容量，它们并不直接用于调整图像的清晰度。 12.关于“重新取样”按钮，下列说法正确的是（ ） A.可以更改图像的格式或降低图像的品质 B.提高图像在新的大小和形状下的品质 C.启用外部编辑器对选定图像进行编辑 D.可以调整图像的亮度和对比度 【答案】B 【解析】“重新取样”按钮主要用于在改变图像的分辨率或尺寸时，重新计算图像的像素分布,提高图像在新的大小和形状下的品。而更改图像的格式或降低图像的品质通常是通过“编辑图像设置”等功能来实现的。启用外部编辑器对选定图像进行编辑则是通过特定的外部编辑器调用功能完成的。同样，调整图像的亮度和对比度与“重新取样”无直接关联。 13.如果想撤销对图像的修改，可以通过菜单命令（ ）实现 A.编辑→首选参数 B. 编辑→撤销 C. 插入→HTML→撤销 D. 编辑→首选项 【答案】B 【解析】在Dreamweaver CC软件中，撤销操作的菜单命令位于“编辑”菜单下，具体为“编辑→撤销”。 14.鼠标经过图像由（ ）幅图像构成 A.1 B.2 C.3 D.4 【答案】B 【解析】鼠标经过图像是一种在网页设计中常用的交互效果，它由两幅图像构成。一幅是初始显示的图像，另一幅是当鼠标指针移动到该图像上时显示的图像。 15.插入鼠标经过图像时，若使其转换流畅，可以在对话框中设置（ ） A.原始图像 B.鼠标经过图像 C.预载鼠标经过图像 D.替换文本 【答案】C 【解析】在插入鼠标经过图像时，为了确保图像转换的流畅性，关键在于提前加载鼠标经过时将要显示的图像。这可以通过在对话框中设置“预载鼠标经过图像”来实现。预载功能使得浏览器在页面加载时就将鼠标经过时所需的图像也一并加载进来，从而避免了在鼠标移动到图像上时因临时加载而产生的延迟或闪烁，保证了图像转换的平滑和迅速。 16.在Dreamweaver CC 中，插入鼠标经过图像的菜单命令是（ ） A.插入→鼠标经过图像 B.插入→HTML→鼠标经过图像 C.工具→鼠标经过图像 D.修改→鼠标经过图像 【答案】B 【解析】在Dreamweaver CC软件中，插入鼠标经过图像的具体操作是通过菜单命令“插入→HTML→鼠标经过图像”来完成的 17.插入图像占位符的菜单命令是（ ） A.插入→HTML→占位符 B.插入→图像对象→占位符 C.工具→占位符 D.窗口→占位符 【答案】B 【解析】在Dreamweaver CC软件中，当用户需要在网页中预先规划图像的位置，但暂时没有确定具体的图像文件时，可以使用图像占位符功能。通过菜单命令“插入→图像对象→占位符”，用户可以在网页中插入一个指定尺寸的矩形区域，这个区域将作为未来图像的占位符。在占位符上，用户还可以设置替代文本，以便在图像无法加载时提供文字信息。此外，当用户后续准备好具体的图像文件后，可以方便地将占位符替换为实际的图像。 18.插入图像占位符时，不能在对话框中直接设置的属性是（ ） A.大小 B.对齐方式 C.颜色 D.替换文本 【答案】B 【解析】在Dreamweaver CC软件中，当用户选择插入图像占位符时，会弹出一个相应的对话框。在这个对话框中，用户可以设置占位符的多个属性，如大小（即宽度和高度）、颜色以及替换文本等。这些设置有助于用户更好地规划网页布局和提供图像加载失败时的替代信息。然而，对齐方式这一属性并不能直接在插入图像占位符的对话框中进行设置。对齐方式通常是在图像插入到网页后，通过属性面板或其他相关工具进行进一步调整的。 19.专门为网络设置的新型图像格式是（ ） A.PSD B.GIF C.PNG D.JPG 【答案】C 【解析】在图像格式的大家庭中，PNG作为一种专门为网络设置的新型图像格式，具备无损压缩的特性，保证了图像在传输和显示过程中的质量。与传统的GIF和JPG格式相比，PNG格式在图像质量和压缩效率方面都表现出色，因此成为了网络图像处理中的优选格式。 20.以下用来插入图像的标记是（ ） A.<IMP> B.<IMG> C.<IMAGES> D.以上都不对 【答案】B 【解析】 在HTML语言中，对于插入图像这一操作，需要使用特定的图像标记<IMG>标记，通过设置其“src”属性来指定图像的路径，从而将图像显示在网页的相应位置。所以答案是B。 21.用来选中图像中不同的热点的工具是（ ） A.魔棒工具 B.指针热点工具 C.圆形热点工具 D.指针 【答案】B 【解析】在网页设计中，指针热点工具是专门用来选中这些不同热点的。魔棒工具多用于图像编辑软件中，根据颜色相似性来选择区域。圆形热点工具特指创建圆形区域的热点。 22.设置背景图像可以通过（ ）属性实现 A.images B.bgcolor C.background D.bgimg 【答案】C 【解析】在HTML中，设置背景图像通常使用“background”属性。“bgcolor”主要用于设置背景颜色，而AD为干扰项。 23.在Dreamweaver CC 中，对图片的编辑不包括（ ） A.重新取样 B.编辑 C.编辑图像设置 D.添加图层 【答案】D 【解析】添加图层这一功能并不属于Dreamweaver CC对图片的直接编辑范畴，它更多是在图像处理软件如Photoshop中用于创建复杂图像效果的操作。因此，答案是D。 24.在图像属性面板中，“原始”的含义是（ ） A. 图形原路径 B.创建图像地图 C.指定加载主图像之前加载的低品质图像 D.图像原始大小 【答案】C 【解析】在图像属性面板中，“原始”选项允许用户指定一个在加载主图像之前先加载的低品质图像。这样，当用户访问网页时，首先看到的是这个低品质但加载迅速的图像，而主图像则在后台继续加载。一旦主图像加载完成，它就会替换掉低品质图像，从而为用户提供更好的视觉体验。 25.要给网页设计徽标，其图像格式最好采用（ ） A.GIF B.PNG C.JPG D.BMP 【答案】A 【解析】在网页设计中，GIF格式支持动画效果，且文件较小，适合用于简单的徽标设计，尤其是需要动态展示的场景。虽然PNG格式在图像质量和透明度支持方面表现优异，但文件相对较大，不适合所有情况。JPG格式则主要用于照片类图像，不适合徽标这种需要透明背景或简单图形的场景。BMP格式文件较大，加载速度慢，通常不用于网页设计。 二、简答题（共4小题，每题5分，共20分） 1.简述插入图像的方法 【答案】见解析 【解析】 (1)将鼠标光标定位到窗口中要插入图像的位置，执行以下操作之一。 • 选择菜单“插入”→“Image”命令。 •单击“插入”面板“HTML”类别中的“Image”按钮 •按【Ctrl+Alt+I】组合键。 (2)打开“选择图像源文件”对话框，选择要插入的图像文件，单击“确定”按钮。 (3)如果图像文件不在站点文件夹中，则弹出提示对话框，提示用户将文件保存到站点文件夹中，单击“是”按钮，弹出“复制文件为”对话框，选择站点文件夹，单击“保存”按钮。 2. 简述网页图像格式及各自的特点 【答案】见解析 【解析】 网页设计中常用的图像格式主要包括GIF、JPG、PNG等，它们各自具备独特的特点。 GIF格式：它支持动画效果，这使得GIF在网页设计中常被用于制作简单的动画或图标。此外，GIF格式支持透明背景。不适合用于需要高质量色彩的图像。 JPG格式：JPG是一种有损压缩的图像格式，为网页设计中处理照片类图像的首选格式。JPG格式支持丰富的色彩表现，可以满足大多数网页设计的需求。然而，JPG格式不支持透明背景，且在进行多次编辑和保存后，图像质量可能会逐渐下降。 PNG格式：PNG是一种无损压缩的图像格式，它结合了GIF和JPG的优点，既支持透明背景，又能够保持较高的图像质量。 3. 简述图像热点链接，并介绍热点工具及作用 【答案】见解析 【解析】图像热点主要用于在一幅图像上创建多个链接区域，分别连接到不同的对象。 包含四种热点工具： 矩形热点工具：用于在图像中创建矩形区域的热点。 圆形热点工具：用于在图像中创建圆形区域的热点。 多边形热点工具：选择该工具后，按顺时针或逆时针方向在图像的各个顶点单击鼠标，可以在图像中创建不规则多边形区域的热点。 指针热点工具：用于选择图像中不同的热点。 4. 简述插入鼠标经过图像的办法 【答案】见解析 【解析】 插入鼠标经过图像是一种增强网页交互性的常用技术，其具体操作步骤如下： ①打开Dreamweaver CC软件，将光标定位到需要插入鼠标经过图像的位置。 ②通过菜单栏选择“插入”→“HTML”→“鼠标经过图像”命令，或使用“插入”面板中的相应按钮启动功能。在弹出的对话框中，需设置两个关键图像：原始图像（默认显示的图像）和鼠标经过图像（鼠标悬停时显示的图像）。 ③为确保转换流畅，建议勾选“预载鼠标经过图像”选项，使浏览器提前加载备用图像。完成设置后点击确定。 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，站点文件夹为D盘中的Web文件夹。请帮忙完成下列要求。 （1）李华插入了桌面上的一幅图片“梦想.jpg”，预览网页效果时发现图像无法显示。请帮他解决该问题。 【答案】见解析 【解析】 由于图像文件“梦想.jpg”位于桌面而非站点文件夹D盘的Web文件夹中，导致网页预览时无法正确加载。解决方法为：将“梦想.jpg”文件复制到站点文件夹（D:\Web）中，随后在Dreamweaver CC中重新插入该图像。具体步骤为：鼠标点击图像属性面板中的“src”路径，选择“浏览文件”按钮定位到D:\Web文件夹中的“梦想.jpg”，或直接修改路径为相对路径（如“images/梦想.jpg”），确保图像与网页文件处于同一站点结构下。完成路径修正后，预览网页即可正常显示图像。 （2）请在“梦想.jpg”中文字的位置插入一个圆形热点，单击后将打开百度的页面（百度地址：http://www.baidu.com）。 【答案】见解析 【解析】 在Dreamweaver CC中，首先打开包含“梦想.jpg”的网页文件，确保图像已正确插入并显示。接着，在图像的属性面板中选择“圆形热点工具”。将鼠标指针移动到图像中文字的位置，按住鼠标左键并拖动，绘制一个覆盖文字的圆形热点区域。释放鼠标后，会弹出“热点属性”对话框。在对话框的“链接”字段中输入百度的网址“http://www.baidu.com”，完成设置后点击“确定”按钮，保存网页文件。预览网页时，将鼠标移动到圆形热点上，指针会变为手形，单击即可跳转到百度页面。 2. 请插入一幅图像，效果如下：当鼠标指针放在礼物盒图片上时图片切换为烟花图像，鼠标离开后图片恢复为礼物盒图像。请尽量避免图片切换时出现卡顿现象。 【答案】见解析 【解析】 在Dreamweaver CC中实现这一效果需通过插入鼠标经过图像功能完成。具体步骤如下： ①将光标定位到网页设计区，选择菜单栏"插入→HTML→鼠标经过图像"命令。在弹出的对话框中，设置"原始图像"为礼物盒图片（如gift.jpg），"鼠标经过图像"为烟花图片（如firework.jpg）。 ②勾选"预载鼠标经过图像"选项，此步骤可确保浏览器提前加载烟花图像，避免切换时出现延迟。完成设置后点击确定。 3.请为网页插入images文件夹下的风景图片，并将其缩放到宽50像素、高60像素的大小。如果图像模糊请让图像变清晰。 【答案】见解析 【解析】 ①通过菜单栏"插入→Image"命令打开图像选择对话框，定位到images文件夹并选中目标风景图片。 ②插入后选中图像，在属性面板的"宽"和"高"字段分别输入50像素和60像素完成缩放。 ③若发现图像模糊，可在属性面板中勾选"重新取样"选项，该功能会通过智能算法优化图像分辨率。完成设置后保存网页文件，此时缩放后的图像既能保持指定尺寸，又能通过重新取样技术最大限度维持清晰度。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ · 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题七 图像的插入与编辑 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.以下不属于图像基本格式的是（ ） A.GIF B.PNG C. JPEG D.PSD 2.以下图像及支持透明背景又支持动画效果的是（ ） A.GIF B.PNG C.JPEG D.PSD 3.插入图像的快捷键是（ ） A. Ctrl+Alt+A B. Ctrl+Alt+I C. Ctrl+Alt+T D. Ctrl+Alt+C 4.以下关于网页中添加图像的说法，错误的是（ ） A.可以通过双击已插入的图像唤出替换图像的对话框 B.可以通过菜单“插入→图像”实现图像的添加 C.可以直接将图像素材拖到文档窗口中实现插入 D.图像文件夹可以自由设定，不用保存在站点文件夹中 5.要设置图像的源文件，以下哪种方法不能实现（ ） A.直接输入法 B.链接法 C.浏览法 D.拖动法 6.对于图像的属性面板，以下说法错误的是（ ） A.宽和高的单位是px B.“重设大小”按钮可以恢复图像到原始大小 C.“Src”文本框表示图像的地址 D.“地图”表示图像的位置 7.要在同一图像上设置多个超链接，可以设置（ ） A.指针热点 B.椭圆热点 C.热点 D.图像链接 8.当图像不能正常显示时，若要其出现文字信息，可以在面板设置（ ）属性 A.替换 B.编辑 C.热点 D.重新取样 9.在图像属性面板中，以下关于“原始”的说法正确的是（ ） A.表示图像的原始大小 B.指定“鼠标经过图像”的初始图像 C.指定在加载主图像之前加载的低品质图像 D.以上说法都不对 10.在图像的属性面板中，用于减少图形容量的按钮是（ ） A.编辑 B.编辑图像设置 C.裁剪 D.锐化 11.在图像的属性面板中，可以调整图像清晰度的按钮是（ ） A.编辑 B.4锐化 C.重新取样 D.编辑图像设置 12.关于“重新取样”按钮，下列说法正确的是（ ） A.可以更改图像的格式或降低图像的品质 B.提高图像在新的大小和形状下的品质 C.启用外部编辑器对选定图像进行编辑 D.可以调整图像的亮度和对比度 13.如果想撤销对图像的修改，可以通过菜单命令（ ）实现 A.编辑→首选参数 B. 编辑→撤销 C. 插入→HTML→撤销 D. 编辑→首选项 14.鼠标经过图像由（ ）幅图像构成 A.1 B.2 C.3 D.4 15.插入鼠标经过图像时，若使其转换流畅，可以在对话框中设置（ ） A.原始图像 B.鼠标经过图像 C.预载鼠标经过图像 D.替换文本 16.在Dreamweaver CC 中，插入鼠标经过图像的菜单命令是（ ） A.插入→鼠标经过图像 B.插入→HTML→鼠标经过图像 C.工具→鼠标经过图像 D.修改→鼠标经过图像 17.插入图像占位符的菜单命令是（ ） A.插入→HTML→占位符 B.插入→图像对象→占位符 C.工具→占位符 D.窗口→占位符 18.插入图像占位符时，不能在对话框中直接设置的属性是（ ） A.大小 B.对齐方式 C.颜色 D.替换文本 19.专门为网络设置的新型图像格式是（ ） A.PSD B.GIF C.PNG D.JPG 20.以下用来插入图像的标记是（ ） A.<IMP> B.<IMG> C.<IMAGES> D.以上都不对 21.用来选中图像中不同的热点的工具是（ ） A.魔棒工具 B.指针热点工具 C.圆形热点工具 D.指针 22.设置背景图像可以通过（ ）属性实现 A.images B.bgcolor C.background D.bgimg 23.在Dreamweaver CC 中，对图片的编辑不包括（ ） A.重新取样 B.编辑 C.编辑图像设置 D.添加图层 24.在图像属性面板中，“原始”的含义是（ ） A. 图形原路径 B.创建图像地图 C.指定加载主图像之前加载的低品质图像 D.图像原始大小 25.要给网页设计徽标，其图像格式最好采用（ ） A.GIF B.PNG C.JPG D.BMP 二、简答题（共4小题，每题5分，共20分） 1.简述插入图像的方法 2. 简述网页图像格式及各自的特点 3. 简述图像热点链接，并介绍热点工具及作用 4. 简述插入鼠标经过图像的办法 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，站点文件夹为D盘中的Web文件夹。请帮忙完成下列要求。 （1）李华插入了桌面上的一幅图片“梦想.jpg”，预览网页效果时发现图像无法显示。请帮他解决该问题。 （2）请在“梦想.jpg”中文字的位置插入一个圆形热点，单击后将打开百度的页面（百度地址：http://www.baidu.com）。 2. 请插入一幅图像，效果如下：当鼠标指针放在礼物盒图片上时图片切换为烟花图像，鼠标离开后图片恢复为礼物盒图像。请尽量避免图片切换时出现卡顿现象。 3.请为网页插入images文件夹下的风景图片，并将其缩放到宽50像素、高60像素的大小。如果图像模糊请让图像变清晰。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $