12.3 实战演练（练习）-《网页设计与制作（DreamweaverCC)》（电子工业出版社）同步精品课堂

12.3： 实战演练 一、名词解释 1. jQuery UI滑块（Slider）控件 2.“复制相关文件”对话框 二、单项选择题 1.在Dreamweaver中插入jQuery UI滑块（Slider）控件的步骤不包括（ ） A. 在页面中需要显示滑块的位置定位光标 B. 选择“插入”|“图像”选项 C. 在“插入”面板的“jQuery UI”类别中单击“Slider”按钮 D. 在页面插入点处插入Slider 2.滑块（Slider）控件由哪两部分组成（ ） A. 滑动条和按钮 B. 滑块和文本框 C. 滑块和滑动条 D. 滑动条和进度条 3.在编辑Slider属性时，哪个选项用于设置滑动条的范围（ ） A. Min B. Max C. Step D. Range 4.在jQuery UI中，哪个小部件可以增强表单中的按钮、输入框和锚等元素，使其具有按钮显著风格（ ） A. 滑块 B. 按钮及按钮组 C. 复选框按钮组 D. 单选按钮组 5.在编辑Button/Buttonset属性时，哪个选项用于设置按钮上的标签文字（ ） A. Label B. Icons C. Disabled D. Text 6.使用jQuery UI的复选按钮组及单选按钮组可以美化什么（ ） A. 文本框 B. 进度条 C. 表单中的复选按钮组及单选按钮组组件 D. 滑块 7.在制作“jQuery基础课程学习网站”时，哪个小部件可以作为菜单切换的工具（ ） A. 滑块 B. 对话框 C. 选项卡面板 D. 进度条 8.在设置站点时，jQuery UI资源保存在网站中的位置可以在哪个选项卡中进行指定（ ） A. “基本”选项卡 B. “高级设置”选项卡的“jQuery”子选项卡 C. “设计”选项卡 D. “代码”选项卡 9.在保存含有“jQuery UI”小部件的页面时，会弹出什么对话框（ ） A. “另存为”对话框 B. “复制相关文件”对话框 C. “发布设置”对话框 D. “站点设置”对话框 10.Dreamweaver会自动将哪些文件复制到站点目录的jQueryAssets文件夹内（ ） A. HTML文件 B. CSS文件、JavaScript文件和相关图像文件 C. 音频文件 D. 视频文件 11.在制作“jQuery基础课程学习网站”时，以下哪个不是制作要求（ ） A. 页面采用选项卡进行菜单切换 B. 使用折叠面板制作教程页面 C. 使用Flash进行动画效果制作 D. 用表格进行基本布局 三、判断题 1．jQuery UI滑块控件只能用来调节声音大小（ ） 2.在Dreamweaver中插入jQuery UI小部件后，无需进行额外的文件复制操作（ ） 3.制作“jQuery基础课程学习网站”时，不需要考虑网站的布局和格式化（ ） 4.在jQuery UI中，按钮组只能包含按钮元素（ ） 5.在“jQuery基础课程学习网站”的实战演练中，不需要插入选项卡面板（ ） 6.制作含有“jQuery UI”小部件的页面时，可以直接引用外部的jQuery UI库，无需关注兼容性问题（ ） 四、简答题 1．在制作“jQuery基础课程学习网站”时，需要考虑哪些主要因素 2. 在“jQuery基础课程学习网站”的实战演练中，页面布局主要采用了哪些元素 3.在保存含有“jQuery UI”小部件的页面时，需要注意什么 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 12.3： 实战演练 一、名词解释 1. jQuery UI滑块（Slider）控件 【答案】jQuery UI滑块（Slider）控件由滑块与滑动条组成，使用Slider控件可以计算出滑块在滑动过程中占整个滑动条的比例，常用于开发中调节声音、颜色等。 2.“复制相关文件”对话框 【答案】在Dreamweaver中保存含有“jQuery UI”小部件的页面时，会弹出“复制相关文件”对话框，是因为需要复制“jQuery UI”小部件所需要的CSS文件、JavaScript文件和相关图像文件到站点目录的jQueryAssets文件夹内，以保证“jQuery UI”小部件的正确运行。 二、单项选择题 1.在Dreamweaver中插入jQuery UI滑块（Slider）控件的步骤不包括（ ） A. 在页面中需要显示滑块的位置定位光标 B. 选择“插入”|“图像”选项 C. 在“插入”面板的“jQuery UI”类别中单击“Slider”按钮 D. 在页面插入点处插入Slider 【答案】B 【解析】插入jQuery UI滑块控件的步骤中，不包括选择“插入”|“图像”选项，而是应选择“插入”|“jQuery UI”|“Slider”选项或在“插入”面板的“jQuery UI”类别中单击“Slider”按钮。 2.滑块（Slider）控件由哪两部分组成（ ） A. 滑动条和按钮 B. 滑块和文本框 C. 滑块和滑动条 D. 滑动条和进度条 【答案】C 【解析】滑块（Slider）控件由滑块与滑动条组成，使用Slider控件可以计算出滑块在滑动过程中占整个滑动条的比例。 3.在编辑Slider属性时，哪个选项用于设置滑动条的范围（ ） A. Min B. Max C. Step D. Range 【答案】D 【解析】在编辑Slider属性时，Range选项用于设置滑动条的范围，如果设置为true，则滑动条会自动创建两个滑块，一个最大、一个最小，用于设置一个范围内值。 4.在jQuery UI中，哪个小部件可以增强表单中的按钮、输入框和锚等元素，使其具有按钮显著风格（ ） A. 滑块 B. 按钮及按钮组 C. 复选框按钮组 D. 单选按钮组 【答案】B 【解析】按钮及按钮组（Button/Buttonset）可以增强表单中的按钮、输入框和锚等元素，使其具有按钮显著风格，能够正确对鼠标滑动做出反应。 5.在编辑Button/Buttonset属性时，哪个选项用于设置按钮上的标签文字（ ） A. Label B. Icons C. Disabled D. Text 【答案】A 【解析】在编辑Button/Buttonset属性时，Label选项用于设置按钮上的标签文字。 6.使用jQuery UI的复选按钮组及单选按钮组可以美化什么（ ） A. 文本框 B. 进度条 C. 表单中的复选按钮组及单选按钮组组件 D. 滑块 【答案】C 【解析】使用jQuery UI的复选按钮组及单选按钮组可以美化表单中的复选按钮组及单选按钮组组件。 7.在制作“jQuery基础课程学习网站”时，哪个小部件可以作为菜单切换的工具（ ） A. 滑块 B. 对话框 C. 选项卡面板 D. 进度条 【答案】C 【解析】在制作“jQuery基础课程学习网站”时，可以使用选项卡面板作为菜单切换的工具。 8.在设置站点时，jQuery UI资源保存在网站中的位置可以在哪个选项卡中进行指定（ ） A. “基本”选项卡 B. “高级设置”选项卡的“jQuery”子选项卡 C. “设计”选项卡 D. “代码”选项卡 【答案】B 【解析】在设置站点时，可以在“高级设置”选项卡的“jQuery”子选项卡中设置jQuery UI资源保存在网站中的位置。 9.在保存含有“jQuery UI”小部件的页面时，会弹出什么对话框（ ） A. “另存为”对话框 B. “复制相关文件”对话框 C. “发布设置”对话框 D. “站点设置”对话框 【答案】B 【解析】在保存含有“jQuery UI”小部件的页面时，会弹出“复制相关文件”对话框，单击“确定”按钮进行复制，否则将不能保证“jQuery UI”小部件的正确运行。 10.Dreamweaver会自动将哪些文件复制到站点目录的jQueryAssets文件夹内（ ） A. HTML文件 B. CSS文件、JavaScript文件和相关图像文件 C. 音频文件 D. 视频文件 【答案】B 【解析】Dreamweaver会自动将jQuery UI小部件所需要的CSS文件、JavaScript文件和相关图像文件复制到站点目录的jQueryAssets文件夹内。 11.在制作“jQuery基础课程学习网站”时，以下哪个不是制作要求（ ） A. 页面采用选项卡进行菜单切换 B. 使用折叠面板制作教程页面 C. 使用Flash进行动画效果制作 D. 用表格进行基本布局 【答案】C 【解析】在制作“jQuery基础课程学习网站”时，要求页面采用选项卡进行菜单切换、使用折叠面板制作教程页面、用表格进行基本布局等，但不要求使用Flash进行动画效果制作。 三、判断题 1．jQuery UI滑块控件只能用来调节声音大小（ ） 【答案】 × 【解析】滑块（Slider）控件由滑块与滑动条组成，使用Slider控件，可以计算出滑块在滑动过程中占整个滑动条的比例。开发中常使用滑动条来调节声音或者颜色等，但不仅限于此，还可以用于其他需要比例调节的场景。 2.在Dreamweaver中插入jQuery UI小部件后，无需进行额外的文件复制操作（ ） 【答案】 × 【解析】在首次保存含有“jQuery UI”小部件的页面文件时，会弹出“复制相关文件”对话框，需要单击“确定”按钮进行复制，否则将不能保证“jQuery UI”小部件的正确运行。Dreamweaver会自动复制所需CSS文件、JavaScript文件和相关图像文件到站点目录。 3.制作“jQuery基础课程学习网站”时，不需要考虑网站的布局和格式化（ ） 【答案】 × 【解析】制作“jQuery基础课程学习网站”时，需要考虑网站的布局和格式化，如使用表格进行基本布局，用CSS进行格式化等，以确保网站的美观性和用户体验。 4.在jQuery UI中，按钮组只能包含按钮元素（ ） 【答案】 × 【解析】在jQuery UI中，按钮组（Buttonset）可以增强表单中的按钮、输入框和锚等元素，使其具有按钮显著风格，能够正确对鼠标滑动做出反应，不仅限于按钮元素。 5.在“jQuery基础课程学习网站”的实战演练中，不需要插入选项卡面板（ ） 【答案】 × 【解析】根据实战演练的制作要求，页面需要采用选项卡进行菜单切换，因此必须插入选项卡面板。 6.制作含有“jQuery UI”小部件的页面时，可以直接引用外部的jQuery UI库，无需关注兼容性问题（ ） 【答案】 × 【解析】在制作含有“jQuery UI”小部件的页面时，虽然可以引用外部的jQuery UI库，但需要注意jQuery UI小部件的初始化兼容性问题，以及性能优化、备份和版本控制等事项，以确保页面的稳定性和用户体验。 四、简答题 1．在制作“jQuery基础课程学习网站”时，需要考虑哪些主要因素 【答案】在制作“jQuery基础课程学习网站”时，需要考虑网站中需求创建相应“jQuery UI”小部件以及使用正确的插入方法。 2. 在“jQuery基础课程学习网站”的实战演练中，页面布局主要采用了哪些元素 【答案】在“jQuery基础课程学习网站”的实战演练中，页面布局主要采用了表格进行基本布局，并用CSS进行格式化。 3.在保存含有“jQuery UI”小部件的页面时，需要注意什么 【答案】在保存含有“jQuery UI”小部件的页面时，会弹出“复制相关文件”对话框，需要单击“确定”按钮进行复制，否则将不能保证“jQuery UI”小部件的正确运行。Dreamweaver将自动复制“jQuery UI”小部件所需要的CSS文件、JavaScript文件和相关图像文件到站点目录的jQueryAssets文件夹内。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$