第19卷 网页元素-图像（1） 山东省对口考试-数字媒体类《网页制作》考点双析卷

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第19卷精准对标山东省考纲，考试内容及范围【网页制作】： （三）网页元素的插入和设置：（2）掌握图像的插入及属性设置方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第19卷 网页元素-图像（1） 老师讲解卷 时间：45分钟 总分：100分 一、单项选择题（本大题共20小题，每题3分，共60分） 1．图形标记<img>属性中alt表示（   ） A．图像的边框 B．图像的替换文本 C．图像的名称 D．图像的路径 2．在Dreamweaver CS6中，图像属性面板如图所示，点击按钮可以完成的操作是（    ） A．重置为原始大小 B．提交图像大小 C．切换尺寸约束 D．编辑图像设置 3．图像属性面板中的“替换”属性的作用是（    ） A．当鼠标指向图像时会显示另一幅图像 B．当浏览器无法显示图像时会显示另一幅图像 C．当浏览器无法显示图像时会显示相关的文字 D．当鼠标点击图像时会链接到另外一幅图像 4．如下图所示，若想对图片的亮度和对比度进行调整，则应选择________图标（    ） A．① B．② C．③ D．④ 5．Flash“属性”面板中的对齐属性，与 标记的align属性作用相似。 （   ） A．p B．td C．table D．img 6．在Dreamweaver CS6中，设计视图如图所示，其中关于图片操作的描述，不正确的是（   ） A．在网页中插入的图片修改过大小，但是图像容量没有改变 B．当图片不能正常浏览时，显示备用的图片，图片名为“景点图片” C．如果需要修改图片，可以单击 按钮 D．图片已设置超链接 7．在Dreamweaver CS6中，下列关于如图所示图像属性面板的描述，正确的是（   ） A．“替换”等同于HTML语言中<img>标记的title属性值 B．属性面板上图像的缩略图如此显示，说明图像源文件已删除或路径已改变 C．如果点击了“提交图像大小”按钮，则会改变图像的实际大小，但不会改变图像加载速度 D．“目标”选项无法进行设置是因为图像没有正确显示 8．在图像属性面板中不能实现的操作是（   ） A．替换插入的图片 B．按需编辑图片大小等 C．设置图片样式 D．使用选择工具改变图像链接 9．有如下HTML代码：<img src＝”．./changcheng.jpg” width＝100 height＝50 alt＝”长城”hspace＝3 vspace＝2>，下列描述不正确的是（   ） A．这是图像标记，图像文件放在HTML文档的上一级目录 B．图像显示时的宽度为100像素，高度为50像素，但其实际容量大小可能没有发生改变 C．当图像文件无法显示时，页面上对应位置会显示“长城”的文字 D．图像文件上下两侧与其他对象的距离为3像素，左右两侧与其他对象的距离为2像素 10．图像属性面板如图所示，若拖拉缩小图片尺寸后，容量大小发生的变化为________，点击序号①所指的图标，则容量大小变化为________。（   ） A．不变　不变 B．不变　变小 C．变小　不变 D．变小　变小 11．在网页中插入一张图片，其属性面板如图所示，下列说法中不正确的是（   ） A．如果不满意图片，可以通过修改“替换”属性来更换图片 B．可以通过修改“宽”“高”来编辑图片在网页中显示的尺寸大小 C．可以利用该属性面板的编辑功能实现锐化 D．利用地图功能，可以对图片设置热点区域 12．在DreamweaverCS6中，有HTML代码：<palign＝”center”><imgsrc＝”lianlian.png”alt＝”西湖．jpg”align＝middleborder＝”2”width＝”91”height＝”136”/>莲莲，下列描述中不正确的是（   ） A．当浏览网页时，图片“lianlian.png”和文字“莲莲”会居中显示 B．当浏览器无法正常显示图片“lianlian.png”时，它会显示图片“西湖．jpg” C．图片“lianlian.png”和文字“莲莲”在垂直方向默认为底部对齐 D．图片边框粗细为2 13．在DreamweaverCS6中，下列有关图像属性面板（如图所示）的说法中，不正确的是（   ） A．浏览网页时，将鼠标指向“杭州．jpg”图像时将替换为“西湖．jpg”图像 B．浏览网页时，鼠标单击“杭州．jpg”图像将在当前窗口打开“亚运场馆．html”网页 C．已对该图像的宽高按比例调整大小，还需单击后面的“√”确认 D．在当前属性面板单击图标在弹出窗口确认后可改变“杭州.jpg”图像的实际大小 14． 在传达信息的同时，也美化了网页，使网页内容更加丰富多彩，展现形式更加多样。（   ） A．网页文字 B．网页图像 C．网页表格 D．DIV 15．如下图所示，在Dreamweaver CS6网页中，下列关于图像操作的说法，正确的是（   ） A．通过①②③④处都可以对网页中插入图像源文件进行更换 B．当图像宽为44 px，高为52 px时，图像容量大小为3 KB C．点击⑥处图示中图像3 K容量不会变化 D．当在“链接”框中输入链接地址时，⑤处目标可选 16．在网页中最为常用的两种图像格式是（   ） A．JPEG和GIF B．JPEG和PSD C．GIF和BMP D．BMP和PSD 17．为了减少网页的下载时间，下列做法错误的是（   ） A．采用压缩类图像文件 B．用CSS代替HTML代码对文本格式进行设置 C．使用图像编辑软件对图像进行缩放 D．将未经处理的图像插入网页后，通过拖动缩小到实际需求大小 18．如下图所示，下列描述错误的是（   ） A．图像中调整了宽高后，图像容量会同等变化 B．ID用于输入图像名称以供编写脚本时引用 C．替换是显示在图像位置上的可选文字，无法显示图像时显示文字 D．编辑可以设置一个外部编辑器编辑图像 19．网页图像的使用一方面传达了信息，同时可以使网页内容更加丰富多彩，但是相较文本，网页图像容量大，影响网页打开速度，所以在设计网页时一般不建议使用________格式的图像文件。（   ） A．JPG B．GIF C．PSD D．PNG 20．在Dreamweaver CS6中，下列插入图像的各种方法中，不能实现的是（   ） A．“插入”菜单→“图像”，选择图像文件 B．复制图像文件，在Dreamweaver CS6编辑区，右键空白处，选择“粘贴” C．“修改”→“图像”，选择图像文件 D．通过<img src＝“”> 代码实现 二、判断题（本大题共6小题，每题2分，共12分） 21．网页图像在传达信息的同时，也能美化网页，使网页内容更加丰富多彩，展现形式更加多样化。 ( ) 22．可以从“文件”面板直接拖动图像文件到“文档编辑区”来插入图像。 ( ) 23．在Dreamweaver CS6中，如果要插入图像，可使用快捷键Ctrl＋Shift＋Alt＋I。 ( ) 24．在DreamweaverCS6中插入和设置图像时，如果设置的宽度和高度与图像的实际大小不符，在浏览器中图像按设置的大小显示。( ) 25．使用<img>标记插入的图片只能是原始大小，不能设置图片高度和宽度。 ( ) 26．使用<img>标记插入的图片不能设置图片边框。 ( ) 三、简答题（本大题共4小题，每题7分，共28分） 27．小红想在当前打开的网页文档中插入文件 “meishu.jpg”，请帮她用三种方法实现插入文件。 28．简述指定图像的源文件路径的三种方法？ 29．在Dreamweaver CC中，如何通过“属性”面板设置图像的链接和目标显示方式？ 30．简述GIF、PNG和JPG三种网页图像格式的主要特点及应用场景。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第19卷精准对标山东省考纲，考试内容及范围【网页制作】： （三）网页元素的插入和设置：（2）掌握图像的插入及属性设置方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第19卷 网页元素-图像（1） 老师讲解卷 时间：45分钟 总分：100分 一、单项选择题（本大题共20小题，每题3分，共60分） 1．图形标记<img>属性中alt表示（   ） A．图像的边框 B．图像的替换文本 C．图像的名称 D．图像的路径 【答案】B 2．在Dreamweaver CS6中，图像属性面板如图所示，点击按钮可以完成的操作是（    ） A．重置为原始大小 B．提交图像大小 C．切换尺寸约束 D．编辑图像设置 【答案】C 3．图像属性面板中的“替换”属性的作用是（    ） A．当鼠标指向图像时会显示另一幅图像 B．当浏览器无法显示图像时会显示另一幅图像 C．当浏览器无法显示图像时会显示相关的文字 D．当鼠标点击图像时会链接到另外一幅图像 【答案】C 4．如下图所示，若想对图片的亮度和对比度进行调整，则应选择________图标（    ） A．① B．② C．③ D．④ 【答案】C 5．Flash“属性”面板中的对齐属性，与 标记的align属性作用相似。 （   ） A．p B．td C．table D．img 【答案】D 6．在Dreamweaver CS6中，设计视图如图所示，其中关于图片操作的描述，不正确的是（   ） A．在网页中插入的图片修改过大小，但是图像容量没有改变 B．当图片不能正常浏览时，显示备用的图片，图片名为“景点图片” C．如果需要修改图片，可以单击 按钮 D．图片已设置超链接 【答案】B 7．在Dreamweaver CS6中，下列关于如图所示图像属性面板的描述，正确的是（   ） A．“替换”等同于HTML语言中<img>标记的title属性值 B．属性面板上图像的缩略图如此显示，说明图像源文件已删除或路径已改变 C．如果点击了“提交图像大小”按钮，则会改变图像的实际大小，但不会改变图像加载速度 D．“目标”选项无法进行设置是因为图像没有正确显示 【答案】B 8．在图像属性面板中不能实现的操作是（   ） A．替换插入的图片 B．按需编辑图片大小等 C．设置图片样式 D．使用选择工具改变图像链接 【答案】D 9．有如下HTML代码：<img src＝”．./changcheng.jpg” width＝100 height＝50 alt＝”长城”hspace＝3 vspace＝2>，下列描述不正确的是（   ） A．这是图像标记，图像文件放在HTML文档的上一级目录 B．图像显示时的宽度为100像素，高度为50像素，但其实际容量大小可能没有发生改变 C．当图像文件无法显示时，页面上对应位置会显示“长城”的文字 D．图像文件上下两侧与其他对象的距离为3像素，左右两侧与其他对象的距离为2像素 【答案】D 10．图像属性面板如图所示，若拖拉缩小图片尺寸后，容量大小发生的变化为________，点击序号①所指的图标，则容量大小变化为________。（   ） A．不变　不变 B．不变　变小 C．变小　不变 D．变小　变小 【答案】B 11．在网页中插入一张图片，其属性面板如图所示，下列说法中不正确的是（   ） A．如果不满意图片，可以通过修改“替换”属性来更换图片 B．可以通过修改“宽”“高”来编辑图片在网页中显示的尺寸大小 C．可以利用该属性面板的编辑功能实现锐化 D．利用地图功能，可以对图片设置热点区域 【答案】A 12．在DreamweaverCS6中，有HTML代码：<palign＝”center”><imgsrc＝”lianlian.png”alt＝”西湖．jpg”align＝middleborder＝”2”width＝”91”height＝”136”/>莲莲，下列描述中不正确的是（   ） A．当浏览网页时，图片“lianlian.png”和文字“莲莲”会居中显示 B．当浏览器无法正常显示图片“lianlian.png”时，它会显示图片“西湖．jpg” C．图片“lianlian.png”和文字“莲莲”在垂直方向默认为底部对齐 D．图片边框粗细为2 【答案】B 13．在DreamweaverCS6中，下列有关图像属性面板（如图所示）的说法中，不正确的是（   ） A．浏览网页时，将鼠标指向“杭州．jpg”图像时将替换为“西湖．jpg”图像 B．浏览网页时，鼠标单击“杭州．jpg”图像将在当前窗口打开“亚运场馆．html”网页 C．已对该图像的宽高按比例调整大小，还需单击后面的“√”确认 D．在当前属性面板单击图标在弹出窗口确认后可改变“杭州.jpg”图像的实际大小 【答案】A 14． 在传达信息的同时，也美化了网页，使网页内容更加丰富多彩，展现形式更加多样。（   ） A．网页文字 B．网页图像 C．网页表格 D．DIV 【答案】B 15．如下图所示，在Dreamweaver CS6网页中，下列关于图像操作的说法，正确的是（   ） A．通过①②③④处都可以对网页中插入图像源文件进行更换 B．当图像宽为44 px，高为52 px时，图像容量大小为3 KB C．点击⑥处图示中图像3 K容量不会变化 D．当在“链接”框中输入链接地址时，⑤处目标可选 【答案】D 16．在网页中最为常用的两种图像格式是（   ） A．JPEG和GIF B．JPEG和PSD C．GIF和BMP D．BMP和PSD 【答案】A 17．为了减少网页的下载时间，下列做法错误的是（   ） A．采用压缩类图像文件 B．用CSS代替HTML代码对文本格式进行设置 C．使用图像编辑软件对图像进行缩放 D．将未经处理的图像插入网页后，通过拖动缩小到实际需求大小 【答案】D 18．如下图所示，下列描述错误的是（   ） A．图像中调整了宽高后，图像容量会同等变化 B．ID用于输入图像名称以供编写脚本时引用 C．替换是显示在图像位置上的可选文字，无法显示图像时显示文字 D．编辑可以设置一个外部编辑器编辑图像 【答案】A 19．网页图像的使用一方面传达了信息，同时可以使网页内容更加丰富多彩，但是相较文本，网页图像容量大，影响网页打开速度，所以在设计网页时一般不建议使用________格式的图像文件。（   ） A．JPG B．GIF C．PSD D．PNG 【答案】C 20．在Dreamweaver CS6中，下列插入图像的各种方法中，不能实现的是（   ） A．“插入”菜单→“图像”，选择图像文件 B．复制图像文件，在Dreamweaver CS6编辑区，右键空白处，选择“粘贴” C．“修改”→“图像”，选择图像文件 D．通过<img src＝“”> 代码实现 【答案】C 二、判断题（本大题共6小题，每题2分，共12分） 21．网页图像在传达信息的同时，也能美化网页，使网页内容更加丰富多彩，展现形式更加多样化。 ( ) 【答案】正确 22．可以从“文件”面板直接拖动图像文件到“文档编辑区”来插入图像。 ( ) 【答案】正确 23．在Dreamweaver CS6中，如果要插入图像，可使用快捷键Ctrl＋Shift＋Alt＋I。 ( ) 【答案】错误 24．在DreamweaverCS6中插入和设置图像时，如果设置的宽度和高度与图像的实际大小不符，在浏览器中图像按设置的大小显示。( ) 【答案】正确 25．使用<img>标记插入的图片只能是原始大小，不能设置图片高度和宽度。 ( ) 【答案】错误 26．使用<img>标记插入的图片不能设置图片边框。 ( ) 【答案】错误 三、简答题（本大题共4小题，每题7分，共28分） 27．小红想在当前打开的网页文档中插入文件 “meishu.jpg”，请帮她用三种方法实现插入文件。 【答案】将光标定位到窗口中要插入图像的位置,执行以下操作之一： ①选择菜单“插入→Image”命令； ②单击“插入”面板“HTML”类别中的“Image”按钮； ③按【Ctrl+Alt+I】组合键。 28．简述指定图像的源文件路径的三种方法？ 【答案】①直接输入法； ②浏览法； ③拖动法。 29．在Dreamweaver CC中，如何通过“属性”面板设置图像的链接和目标显示方式？ 【答案】选择要设置链接的图像。 在“属性”面板中找到“链接”字段，输入要链接到的URL地址。 在“目标”菜单中，选择链接的打开方式，如在新窗口中打开、在当前窗口中打开等。 如果需要设置图像的替换文本（Alt Text），可以在“替换”文本框中输入相关文字。替换文本将在图像无法显示时显示给浏览者，有助于提高网页的可访问性和搜索引擎优化（SEO）。 30．简述GIF、PNG和JPG三种网页图像格式的主要特点及应用场景。 【答案】主要特点： GIF：支持256种颜色或更高颜色深度的动画效果，具有较小的文件大小和较快的加载速度，支持透明背景（但仅支持单色透明）。 PNG：无损压缩的图像格式，支持24位真彩色和透明度通道（PNG-8支持8位透明度，PNG-24支持完整的alpha通道），因此可以提供高质量的图像效果和丰富的视觉效果。 JPG：有损压缩的图像格式，支持24位真彩色，可以提供较为丰富的色彩表现。压缩率较高，文件大小相对较小。 应用场景： GIF：适用于需要制作简单动画或图标序列的场景，如表情包、网页元素等。此外，也常用于制作带有半透明效果的图片或网页上的小图标。 PNG：适用于需要高质量图像效果的场景，如Logo设计、图标制作、网页元素等。此外，由于支持透明度，PNG也常用于需要透明背景的图像。 JPG：适用于需要较高压缩率的场景，如网页图片、电子相册、数字摄影等。特别适合存储照片和复杂的色彩渐变图像。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $