12.2.7-12.2.10 jQuery UI小部件(下）（练习）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

12.2.7-12.2.10：jQuery UI小部件(下） 一、名词解释 1. jQuery UI滑块（Slider）控件？ 【答案】jQuery UI滑块（Slider）控件由滑块与滑动条组成，使用Slider控件可以计算出滑块在滑动过程中占整个滑动条的比例。它通常用于调节声音、颜色等参数，提供一个直观的交互方式。 2.在Dreamweaver中保存含有“jQuery UI”小部件的页面时，为什么会弹出“复制相关文件”对话框 【答案】在Dreamweaver中保存含有“jQuery UI”小部件的页面时，会弹出“复制相关文件”对话框，是因为需要将这些小部件所需的CSS文件、JavaScript文件和相关图像文件复制到站点目录中。这是为了确保“jQuery UI”小部件能够正确运行和显示，从而提高网页的交互性和用户体验。 二、单项选择题 1.jQuery UI中的滑块（Slider）控件由哪两部分组成（ ） A. 滑块与文本框 B. 滑块与滑动条 C. 文本框与按钮 D. 进度条与滑动条 【答案】B 【解析】滑块（Slider）控件由滑块与滑动条组成，用于直观调整参数。 2.在Dreamweaver中插入Slider控件的快捷键组合是（ ） A. Ctrl+Shift+S B. Alt+Insert+Slider C. 无需快捷键，通过菜单插入 D. Ctrl+P 【答案】C 【解析】在Dreamweaver中插入Slider控件需要通过菜单选择，没有特定的快捷键组合。 3.Slider控件的“Value(s)”属性用于设置什么（ ） A. 滑块的最小值 B. 滑块的最大值 C. 初始时滑块的值 D. 滑块的颜色 【答案】C 【解析】“Value(s)”属性用于设置初始时滑块的值，如果有多个滑块，则设置第一个滑块的值。 4.Button/Buttonset控件可以增强哪些元素的显著风格（ ） A. 表格和图片 B. 按钮、输入框和锚 C. 段落和链接 D. 列表和表单 【答案】B 【解析】Button/Buttonset控件可以增强表单中的按钮、输入框和锚等元素，使其具有按钮显著风格。 5.在Button/Buttonset的属性面板中，哪个选项用于设置按钮上的标签文字（ ） A. Text B. Label C. Icons D. Disabled 【答案】B 【解析】在Button/Buttonset的属性面板中，“Label”选项用于设置按钮上的标签文字。 6.复选框按钮组及单选按钮组通过哪个jQuery UI选项插入（ ） A. Checkbox B. Radio C. Checkbox Buttons/Radio Buttons D. Buttonset 【答案】C 【解析】复选框按钮组及单选按钮组通过“Checkbox Buttons/Radio Buttons”选项插入。 7.在编辑复选框按钮组及单选按钮组属性时，哪个选项用于设置按钮的个数（ ） A. Buttons B. Labels C. Icons D. Disabled 【答案】A 【解析】在编辑复选框按钮组及单选按钮组属性时，“Buttons”选项用于设置按钮的个数。 8.保存含有“jQuery UI”小部件的页面时，会弹出什么对话框（ ） A. “保存文件” B. “复制相关文件” C. “预览页面” D. “检查链接” 【答案】B 【解析】保存含有“jQuery UI”小部件的页面时，会弹出“复制相关文件”对话框，用于复制所需资源。 9.Dreamweaver将自动复制“jQuery UI”小部件所需的哪些文件到站点目录（ ） A. HTML文件 B. CSS文件、JavaScript文件和相关图像文件 C. PHP文件 D. 数据库文件 【答案】B 【解析】Dreamweaver将自动复制“jQuery UI”小部件所需的CSS文件、JavaScript文件和相关图像文件到站点目录。 10.在定义本地站点时，可以在哪个选项卡中设置jQuery UI资源保存在网站中的位置（ ） A. “基本” B. “高级设置”中的“jQuery”子选项卡 C. “服务器” D. “测试” 【答案】B 【解析】在定义本地站点时，可以在“高级设置”选项卡的“jQuery”子选项卡中设置jQuery UI资源保存在网站中的位置。 11.下列哪个不是jQuery UI小部件的优点（ ） A. 提升用户体验 B. 简化开发工作 C. 增加网页加载时间 D. 增强网页美观性 【答案】C 【解析】jQuery UI小部件的优点包括提升用户体验、简化开发工作和增强网页美观性，但不会增加网页加载时间（如果合理使用）。 三、判断题 1．滑块 (Slider) 控件只能用来选择颜色（ ） 【答案】 × 【解析】 滑块 (Slider) 控件由滑块与滑动条组成，可以用来计算出滑块在滑动过程中占整个滑动条的比例，不仅限于选择颜色，还可以用于调节声音、亮度等多种场景。 2.在Dreamweaver中插入Slider控件时，滑动条的整体长度默认为100（ ） 【答案】 × 【解析】 滑动条的整体长度并不是固定的100，而是可以根据需要进行设置。重要的是理解滑块在滑动条上的位置可以表示一个范围内的值。 3.jQuery UI的按钮及按钮组只能用于增强表单中的按钮元素（ ） 【答案】 × 【解析】 jQuery UI的按钮及按钮组不仅可以用于增强表单中的按钮元素，还可以用于增强输入框和锚等元素，使其具有按钮的显著风格，并能够正确对鼠标滑动做出反应。 4. 在编辑Button/Buttonset属性时，可以设置按钮上的图标位置为仅在标签文本左侧（ ） 5. 【答案】 √ 【解析】 在编辑Button/Buttonset属性时，确实可以设置Icons属性中的Primary来指定在标签文本左侧的图标。 5.插入复选框按钮组或单选按钮组后，无法更改按钮的个数（ ） 【答案】 × 【解析】 插入复选框按钮组或单选按钮组后，可以通过编辑其属性来更改按钮的个数。在属性面板中，可以设置Buttons属性来指定按钮的数量。 四、简答题 1．如何在Dreamweaver中插入jQuery UI的滑块（Slider）控件 【答案】 在页面中需要显示滑块的位置定位光标，选择“插入”|“jQuery UI”|“Slider”选项，或在“插入”面板的“jQuery UI”类别中单击“Slider”按钮，即可在页面插入点处插入Slider。 2.在编辑jQuery UI的按钮（Button）时，可以进行哪些属性设置 【答案】 可以进行的属性设置包括：Label（按钮上的标签文字）、Icons（包括Primary和Secondary，分别表示在标签文本左侧和右侧的图标）、Disabled（禁用按钮）、Text（显示或隐藏文本）。 3.保存含有“jQuery UI”小部件的页面时的注意事项。 【答案】 在首次保存含有“jQuery UI”小部件的页面文件时，会弹出“复制相关文件”对话框，需要单击“确定”按钮进行复制，否则将不能保证“jQuery UI”小部件的正确运行。Dreamweaver会自动复制所需的CSS文件、JavaScript文件和相关图像文件到站点目录的指定文件夹内。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 12.2.7-12.2.10：jQuery UI小部件(下） 一、名词解释 1. jQuery UI滑块（Slider）控件？ 2.在Dreamweaver中保存含有“jQuery UI”小部件的页面时，为什么会弹出“复制相关文件”对话框 二、单项选择题 1.jQuery UI中的滑块（Slider）控件由哪两部分组成（ ） A. 滑块与文本框 B. 滑块与滑动条 C. 文本框与按钮 D. 进度条与滑动条 2.在Dreamweaver中插入Slider控件的快捷键组合是（ ） A. Ctrl+Shift+S B. Alt+Insert+Slider C. 无需快捷键，通过菜单插入 D. Ctrl+P 3.Slider控件的“Value(s)”属性用于设置什么（ ） A. 滑块的最小值 B. 滑块的最大值 C. 初始时滑块的值 D. 滑块的颜色 4.Button/Buttonset控件可以增强哪些元素的显著风格（ ） A. 表格和图片 B. 按钮、输入框和锚 C. 段落和链接 D. 列表和表单 5.在Button/Buttonset的属性面板中，哪个选项用于设置按钮上的标签文字（ ） A. Text B. Label C. Icons D. Disabled 6.复选框按钮组及单选按钮组通过哪个jQuery UI选项插入（ ） A. Checkbox B. Radio C. Checkbox Buttons/Radio Buttons D. Buttonset 7.在编辑复选框按钮组及单选按钮组属性时，哪个选项用于设置按钮的个数（ ） A. Buttons B. Labels C. Icons D. Disabled 8.保存含有“jQuery UI”小部件的页面时，会弹出什么对话框（ ） A. “保存文件” B. “复制相关文件” C. “预览页面” D. “检查链接” 9.Dreamweaver将自动复制“jQuery UI”小部件所需的哪些文件到站点目录（ ） A. HTML文件 B. CSS文件、JavaScript文件和相关图像文件 C. PHP文件 D. 数据库文件 10.在定义本地站点时，可以在哪个选项卡中设置jQuery UI资源保存在网站中的位置（ ） A. “基本” B. “高级设置”中的“jQuery”子选项卡 C. “服务器” D. “测试” 11.下列哪个不是jQuery UI小部件的优点（ ） A. 提升用户体验 B. 简化开发工作 C. 增加网页加载时间 D. 增强网页美观性 三、判断题 1．滑块 (Slider) 控件只能用来选择颜色（ ） 2.在Dreamweaver中插入Slider控件时，滑动条的整体长度默认为100（ ） 3.jQuery UI的按钮及按钮组只能用于增强表单中的按钮元素（ ） 在编辑Button/Buttonset属性时，可以设置按钮上的图标位置为仅在标签文本左侧（ ） 5.插入复选框按钮组或单选按钮组后，无法更改按钮的个数（ ） 四、简答题 1．如何在Dreamweaver中插入jQuery UI的滑块（Slider）控件 2.在编辑jQuery UI的按钮（Button）时，可以进行哪些属性设置 3.保存含有“jQuery UI”小部件的页面时的注意事项。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$