4.2.6-Dreamweaver CS5创建跳转菜单（同步练习）-《网页设计与制作》同步教学（电子工业出版社）

填空题： 1. 在Dreamweaver CS5中，创建跳转菜单的快捷键是 _______。 答案：Ctrl+Alt+T 解析：在Dreamweaver CS5中，使用Ctrl+Alt+T可以快速插入跳转菜单。 2. 使用Dreamweaver CS5创建的跳转菜单，每个菜单项都需关联一个 _______。 答案：链接地址 解析：在Dreamweaver CS5中，创建的跳转菜单每个菜单项都需要设置一个链接地址，以便于点击时能够跳转到相应的页面。 3. 在Dreamweaver CS5中，可以使用 _______ 面板来管理跳转菜单。 答案：Spry 解析：在Dreamweaver CS5中，Spry面板可以用来添加、管理和编辑跳转菜单。 4. 跳转菜单在网页中通常用于实现页面之间的 _______ 功能。 答案：动态跳转 解析：跳转菜单是一种用户界面控制元素，允许用户从下拉列表中选择一个选项，进而跳转到不同的页面，实现动态跳转功能。 5. 在Dreamweaver CS5中，跳转菜单的属性设置可以通过 _______ 对话框进行。 答案：行为 解析：在Dreamweaver CS5中，可以通过行为对话框设置跳转菜单的属性，如添加新的菜单项和设置菜单项的行为。 6. 跳转菜单的每个菜单项可以设置为激活一个特定的 _______ 动作。 答案：Go To URL 解析：在Dreamweaver CS5中，跳转菜单的每个菜单项可以设置为执行“Go To URL”动作，即跳转到指定的URL地址。 7. 为了增强用户体验，跳转菜单中的每个选项通常需要有一个描述性的 _______。 答案：工具提示 解析：在Dreamweaver CS5中，可以为跳转菜单的每个选项设置一个工具提示，通常是描述性的文字，当用户将鼠标悬停在菜单项上时显示，以增强用户体验。 8. 在Dreamweaver CS5中，插入跳转菜单的步骤还包括点击 _______ 按钮。 答案：插入 解析：在Dreamweaver CS5中，插入跳转菜单的步骤之一是点击“插入”按钮，然后选择“跳转菜单”。 9. 在Dreamweaver CS5的跳转菜单中，FIRSTOPTION标记用于设置菜单的 _______。 答案：默认选中项 解析：在Dreamweaver CS5的跳转菜单中，FIRSTOPTION标记用于设置默认情况下菜单中显示的选项，即默认选中项。 10. 可以在Dreamweaver CS5的 _______ 视图中，对跳转菜单进行可视化编辑。 答案：设计 解析：在Dreamweaver CS5的设计视图中，可以对跳转菜单进行可视化编辑，直接在页面上添加和修改菜单项。 11. 跳转菜单的每个菜单项可以指定一个唯一的 _______ 值。 答案：值 解析：在Dreamweaver CS5中，跳转菜单的每个菜单项可以指定一个唯一的值，这个值对应于菜单项所关联的链接地址或执行的动作。 12. 通过Dreamweaver CS5创建的跳转菜单，可以实现基于用户交互的 _______ 页面导航。 答案：动态 解析：通过Dreamweaver CS5创建的跳转菜单，可以实现基于用户交互的动态页面导航，允许用户选择不同的选项从而跳转到不同的页面。 选择题： 1. 在Dreamweaver CS5中如何插入跳转菜单？ A. 使用快捷键Ctrl+Alt+T B. 通过“插入”菜单选择“表单”然后选择“跳转菜单” C. 通过“Spry”面板选择“跳转菜单” D. 所有以上方法 答案：D 解析：在Dreamweaver CS5中，可以通过使用快捷键Ctrl+Alt+T，通过“插入”菜单选择“表单”再选择“跳转菜单”，或者通过“Spry”面板选择“跳转菜单”来插入跳转菜单。 2. 在Dreamweaver CS5中，哪个属性用于设置跳转菜单的默认选中项？ A. FIRSTOPTION B. LASTOPTION C. SELECTED D. DISABLED 答案：A 解析：在Dreamweaver CS5中，FIRSTOPTION属性用于设置跳转菜单的默认选中项，即页面加载时默认显示的菜单项。 3. 在Dreamweaver CS5中，如何为跳转菜单的每个菜单项设置链接地址？ A. 在属性检查器中设置 B. 在行为检查器中设置 C. 在代码视图中直接编辑HTML代码 D. 所有以上方法 答案：D 解析：在Dreamweaver CS5中，可以通过属性检查器、行为检查器或直接在代码视图中编辑HTML代码来为跳转菜单的每个菜单项设置链接地址。 4. 在Dreamweaver CS5中，如何为跳转菜单的菜单项添加工具提示？ A. 在属性检查器中添加Title属性 B. 在行为检查器中添加“Show Tooltip”行为 C. 在代码视图中为菜单项添加title标签 D. A和C 答案：D 解析：在Dreamweaver CS5中，可以通过在属性检查器中添加Title属性或在代码视图中为菜单项添加title标签来为跳转菜单的菜单项添加工具提示。 5. 在Dreamweaver CS5中，如何删除跳转菜单中的一个菜单项？ A. 通过属性检查器删除 B. 通过行为检查器删除 C. 直接在设计视图中删除 D. 所有以上方法 答案：D 解析：在Dreamweaver CS5中，可以通过属性检查器、行为检查器或直接在设计视图中删除跳转菜单中的菜单项。 6. 在Dreamweaver CS5中，如何修改跳转菜单的菜单项值？ A. 在属性检查器中修改 B. 在行为检查器中修改Go To URL行为的目标URL C. 在实时视图中直接修改 D. A和B 答案：D 解析：在Dreamweaver CS5中，可以通过在属性检查器中修改菜单项的值或在行为检查器中修改Go To URL行为的目标URL来修改跳转菜单的菜单项值。 7. 在Dreamweaver CS5中，如何为跳转菜单添加一个新的菜单项？ A. 在属性检查器中点击添加新项 B. 在行为检查器中点击添加新行为 C. 在Spry面板中点击添加新项 D. A和C 答案：D 解析：在Dreamweaver CS5中，可以通过在属性检查器中点击添加新项或在Spry面板中点击添加新项来为跳转菜单添加一个新的菜单项。 8. 在Dreamweaver CS5中，如何设置跳转菜单的菜单项执行除了Go To URL以外的其他行为？ A. 在行为检查器中选择其他行为 B. 在属性检查器中设置事件处理程序 C. 在代码视图中手动编辑JavaScript代码 D. A和C 答案：D 解析：在Dreamweaver CS5中，可以通过在行为检查器中选择其他行为或在代码视图中手动编辑JavaScript代码来设置跳转菜单的菜单项执行除了Go To URL以外的其他行为。 9. 在Dreamweaver CS5中，如何预览跳转菜单的效果？ A. 通过实时视图预览 B. 通过设计视图预览 C. 通过按下F12键在浏览器中预览 D. 所有以上方法 答案：D 解析：在Dreamweaver CS5中，可以通过实时视图、设计视图或按下F12键在浏览器中预览跳转菜单的效果。 10. 在Dreamweaver CS5中，如何为跳转菜单添加验证表单行为？ A. 在属性检查器中设置 B. 在行为检查器中添加“验证表单”行为 C. 在Spry面板中选择验证表单功能 D. B和C 答案：B 解析：在Dreamweaver CS5中，可以通过在行为检查器中添加“验证表单”行为来为跳转菜单添加验证表单功能。 11. 在Dreamweaver CS5中，如何禁用跳转菜单的一个菜单项？ A. 在属性检查器中勾选“Disabled”选项 B. 在行为检查器中取消相关行为的勾选 C. 在Spry面板中勾选“Disable Item”选项 D. A和C 答案：A 解析：在Dreamweaver CS5中，可以通过在属性检查器中勾选“Disabled”选项来禁用跳转菜单的一个菜单项。 12. 在Dreamweaver CS5中，如何在跳转菜单中实现一个无链接的分隔符？ A. 在属性检查器中点击“Add Separator”按钮 B. 在行为检查器中添加“Insert Separator”行为 C. 在Spry面板中选择“Separator”选项 D. A和C 答案：A 解析：在Dreamweaver CS5中，可以通过在属性检查器中点击“Add Separator”按钮来在跳转菜单中实现一个无链接的分隔符。 13. 在Dreamweaver CS5中，如何改变跳转菜单的菜单项顺序？ A. 在属性检查器中拖放菜单项进行调整 B. 在行为检查器中调整行为的顺序 C. 在Spry面板中调整菜单项的顺序 D. A和C 答案：A 解析：在Dreamweaver CS5中，可以通过在属性检查器中拖放菜单项进行调整来改变跳转菜单的菜单项顺序。 14. 在Dreamweaver CS5中，如何为跳转菜单的菜单项设置键盘访问快捷键？ A. 在属性检查器中设置Access Key属性 B. 在行为检查器中添加“Set Access Key”行为 C. 在代码视图中直接编辑HTML代码添加accesskey属性 D. A和C 答案：D 解析：在Dreamweaver CS5中，可以通过在属性检查器中设置Access Key属性或在代码视图中直接编辑HTML代码添加accesskey属性来为跳转菜单的菜单项设置键盘访问快捷键。 15. 在Dreamweaver CS5中，如何优化跳转菜单的加载速度？ A. 通过优化服务器响应时间 B. 通过减少菜单项的数量 C. 通过优化客户端的JavaScript代码 D. B和C 答案：D 解析：在Dreamweaver CS5中，可以通过减少菜单项的数量或优化客户端的JavaScript代码来优化跳转菜单的加载速度。 简答题： 1. 如何在Dreamweaver CS5中创建跳转菜单？ 答案：在Dreamweaver CS5中，选择“插入”>“表单”>“跳转菜单”来创建跳转菜单。 解析：跳转菜单允许用户从下拉列表中选择一个选项，然后立即跳转到该选项对应的URL。 2. 如何为跳转菜单添加选项？ 答案：在Dreamweaver CS5中，选中跳转菜单，然后在属性面板中点击“列表值”按钮，添加和编辑选项及其对应的URL。 解析：添加选项时，可以设置菜单项的标签和链接到的URL，以实现跳转功能。 3. 如何设置跳转菜单的默认选中项？ 答案：在Dreamweaver CS5中，选中跳转菜单，然后在属性面板中选择要默认显示的项。 解析：设置默认选中项可以在页面加载时提供一个预先选定的选项，提高填写效率。 4. 如何为跳转菜单添加CSS样式？ 答案：在Dreamweaver CS5中，可以使用内置的CSS设计器为跳转菜单添加样式，或手动编写CSS代码并链接到表单页面。 解析：CSS样式用于美化跳转菜单，提升用户体验，并确保其在各种浏览器中的显示一致性。 5. 如何验证跳转菜单的输入？ 答案：在Dreamweaver CS5中，由于跳转菜单是预定义的，因此不需要验证用户的输入。 解析：跳转菜单的选项是预设的，因此用户无法输入无效数据，从而无需额外验证。 6. 如何获取跳转菜单的选中值？ 答案：在Dreamweaver CS5中，可以通过服务器端脚本获取跳转菜单的选中值，以便进行进一步处理。 解析：获取选中值是跳转菜单功能的关键部分，它决定了用户选择后的操作。 7. 如何优化跳转菜单的用户体验？ 答案：在Dreamweaver CS5中，可以通过提供清晰的标签、适当的空间间隔和一致的样式来优化跳转菜单的用户体验。 解析：优化用户体验可以减少用户选择时的困惑，提高表单的完成率和数据的质量。 8. 如何区分何时使用跳转菜单何时使用其他表单元素？ 答案：跳转菜单适用于提供大量链接选项并节省空间的场景；而其他表单元素如单选按钮、复选框或列表适用于不同的数据收集需求。 解析：根据所需的功能和空间限制，可以选择合适的表单控件。 论述题： 1. 讨论在网站设计中使用跳转菜单的优势。 答案：跳转菜单在网站设计中提供了一种节省空间的导航方式，允许用户从大量选项中快速选择并跳转到相应的页面。 解析：跳转菜单的使用不仅提高了网站的互动性，也使得页面布局更加紧凑和高效。 2. 分析在表单设计中合理使用跳转菜单的场景。 答案：在需要用户从多个链接中选择一个进行快速导航的情况下，如网站地图、产品目录或信息索引，使用跳转菜单是合适的。 解析：合理使用跳转菜单可以确保用户能够根据自己的需求快速找到并访问相关页面。 3. 探讨在响应式设计中如何处理跳转菜单。 答案：在响应式设计中，跳转菜单应该能够适应不同设备的屏幕尺寸，保持可用性和可读性。可以通过媒体查询和百分比布局来实现自适应的设计。 解析：响应式跳转菜单设计确保了无论在哪种设备上，用户都能轻松地做出选择。 4. 描述如何提高跳转菜单的可访问性。 答案：为了提高跳转菜单的可访问性，应使用清晰的标签、合适的空间间隔和明确的提示信息。此外，确保足够的对比度和键盘导航支持也是非常重要的。 解析：提高可访问性意味着所有用户，包括那些有视觉或运动障碍的用户，都能轻松地使用跳转菜单。 5. 讨论在团队合作中维护跳转菜单一致性的方法。 答案：在团队合作中，可以通过共享样式指南、使用组件库和定期审查来维护跳转菜单的一致性。 解析：保持一致性不仅提升了网站的专业性，也减少了开发和维护的工作量。 6. 分析跳转菜单的安全性考虑及其实施方法。 答案：跳转菜单的安全性考虑包括防止恶意链接和数据泄露。实施方法包括限制每个用户只能提交一次、使用HTTPS和服务器端验证。 解析：确保跳转菜单的安全性对于保护用户数据和网站声誉至关重要。 第 1 页，共 2 页 学科网（北京）股份有限公司 $$