《网页设计与制作》表格布局（1）（举一反三考点练）-课后自测（卷1）

举一反三考点练 《网页设计与制作》表格布局-课后自测 知识点一 表格的创建与基本属性设置 1.（单项选择题）在表格布局中，若要实现表格的隐形布局，应将边框、边距、间距全部设置为（ ） A. 1 B. 0 C. 2 D. 3 【答案】B 【解析】若要实现表格的隐形布局，应将边框、边距、间距全部设置为0。 2.（单项选择题）以下哪种方法不能用于选取表格的单元格（ ） A. 拖拽鼠标 B. 按住Shift键并单击单元格 C. 按住Ctrl键并单击单元格 D. 单击状态栏中的\<td\>标签 【答案】D 【解析】选取表格单元格的方法包括拖拽鼠标、按住Shift键并单击单元格、按住Ctrl键并单击单元格。单击状态栏中的\<td\>标签只能查看当前单元格的位置，不能选取单元格。 3.（多项选择题）以下关于表格嵌套的说法，正确的是（ ） A. 表格嵌套可以实现复杂的页面布局 B. 外层表格的宽度应使用像素固定，内层表格的宽度可以使用百分比自适应 C. 表格嵌套的层级应控制在2-3层，过多会拖慢渲染速度 D. 每层表格的边框应设置为0，保持视觉干净 【答案】ABCD 【解析】表格嵌套可以实现复杂的页面布局。外层表格的宽度应使用像素固定，内层表格的宽度可以使用百分比自适应。表格嵌套的层级应控制在2-3层，过多会拖慢渲染速度。每层表格的边框应设置为0，保持视觉干净。 4.（多项选择题）以下关于表格布局的优化方法，正确的是（ ） A. 使用外部CSS文件控制表格样式，便于统一管理 B. 通过隔行变色提高表格的可读性 C. 使用F12键在多浏览器中预览，确保不同分辨率下的显示效果 D. 使用Dreamweaver的链接检查器扫描，防止图片路径因嵌套而改变 【答案】ABCD 【解析】使用外部CSS文件控制表格样式，便于统一管理。通过隔行变色提高表格的可读性。使用F12键在多浏览器中预览，确保不同分辨率下的显示效果。使用Dreamweaver的链接检查器扫描，防止图片路径因嵌套而改变。 5.（填空题）在表格布局中，若要实现隔行变色，可在"属性"面板中设置______。 【答案】背景颜色 【解析】在表格布局中，若要实现隔行变色，可在"属性"面板中设置背景颜色。 6.（判断题）在创建表格时，设置表格宽度为像素可以实现自适应分辨率（ ） 【答案】× 【解析】设置表格宽度为像素可以固定版心，但不能实现自适应分辨率。若要实现自适应分辨率，应将表格宽度设置为百分比。 7.（判断题）在表格布局中，外层表格的宽度应使用像素固定，内层表格的宽度可以使用百分比自适应（ ） 【答案】√ 【解析】在表格布局中，外层表格的宽度应使用像素固定，内层表格的宽度可以使用百分比自适应，这样可以更好地控制页面布局。 知识点二 嵌套表格与页面分区布局实战 1.（单项选择题）在创建嵌套表格时，以下哪种方法可以快速生成并列版块（ ） A. 手动逐个插入表格 B. 复制粘贴嵌套结构 C. 使用CSS浮动布局 D. 使用JavaScript动态生成 【答案】B 【解析】复制粘贴嵌套结构可以快速生成并列版块，提高工作效率。 2.（单项选择题）在创建嵌套表格时，以下哪种方法可以实现跨列标题（ ） A. 合并单元格 B. 拆分单元格 C. 插入新行 D. 插入新列 【答案】A 【解析】合并单元格可以实现跨列标题，使表格布局更加灵活。 3.（多项选择题）在嵌套表格的使用中，以下哪些操作可以提升页面的稳定性（ ） A. 外层表格使用像素单位固定宽度 B. 内层表格使用百分比单位自适应宽度 C. 嵌套表格层级控制在2-3层 D. 嵌套表格层级增加到5层 【答案】ABC 【解析】外层表格使用像素单位固定宽度，内层表格使用百分比单位自适应宽度，嵌套表格层级控制在2-3层，这些操作可以提升页面的稳定性。 4.（多项选择题）在嵌套表格的使用中，以下哪些操作可以提升页面的美观性（ ） A. 设置外层表格的边框为0 B. 设置内层表格的边框为0 C. 使用外部CSS文件控制表格样式 D. 使用JavaScript动态改变表格样式 【答案】ABC 【解析】设置外层表格的边框为0，设置内层表格的边框为0，使用外部CSS文件控制表格样式，这些操作可以提升页面的美观性。 5.（填空题）在创建嵌套表格时，可以通过______操作快速生成并列版块。 【答案】复制粘贴嵌套结构 【解析】复制粘贴嵌套结构可以快速生成并列版块，提高工作效率。 6.（判断题）在创建嵌套表格时，合并单元格可以实现跨列标题（ ） 【答案】√ 【解析】合并单元格可以实现跨列标题，使表格布局更加灵活。 7.（判断题）在创建嵌套表格时，层级增加到5层可以提升页面的稳定性（ ） 【答案】× 【解析】嵌套表格的层级应控制在2-3层，过多会拖慢渲染速度，而不是提升页面的稳定性。 知识点三 布局原则、类型与常见问题排查 1.（单项选择题）在网页设计中，以下哪种布局类型适合门户网站（ ） A. “国”字形布局 B. 拐角型布局 C. 标题正文型布局 D. 左右框架型布局 【答案】A 【解析】“国”字形布局是最上面是网站的标题，接下来是网站的主要内容，左右分列两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是目前在网上见到的最多的一种结构类型，适合门户网站。 2.（单项选择题）在网页设计中，以下哪种方法可以解决分辨率错位的问题（ ） A. 设置页面属性，把Left、Top Margin设为0 B. 设置表格边框为0 C. 设置外层表格宽度为固定像素并居中 D. 设置表格高度为固定值 【答案】C 【解析】分辨率错位的问题可以通过设置外层表格宽度为固定像素并居中来解决。设置页面属性，把Left、Top Margin设为0可以解决页面四周有空白的问题。设置表格边框为0、设置表格高度为固定值等方法与解决分辨率错位的问题无关。 3.（多项选择题）在网页设计中，以下关于布局原则的说法正确的是（ ） A. 连贯是指色彩、字体、图标风格跨页保持一致 B. 统一是指同级模块使用相同行高、背景、对齐方式 C. 分割是指利用表格行列把信息分块，减少视觉疲劳 D. 重要区块留白或加背景，形成节奏感 【答案】ABCD 【解析】选项A正确，连贯是指色彩、字体、图标风格跨页保持一致。选项B正确，统一是指同级模块使用相同行高、背景、对齐方式。选项C正确，分割是指利用表格行列把信息分块，减少视觉疲劳。选项D正确，重要区块留白或加背景，形成节奏感。 4.（多项选择题）在网页设计中，以下关于常见布局类型的描述正确的是（ ） A. “国”字形布局是最上面是网站的标题，接下来是网站的主要内容，左右分列两小条内容 B. 拐角型布局是顶部横幅+左侧窄导航+右侧主内容，下方辅助信息 C. 封面型布局通常出现在企业网站和个人主页中，给人赏心悦目的感觉 D. Flash型布局与封面型结构很类似，只是采用了Flash技术 【答案】ABCD 【解析】选项A正确，“国”字形布局是最上面是网站的标题，接下来是网站的主要内容，左右分列两小条内容。选项B正确，拐角型布局是顶部横幅+左侧窄导航+右侧主内容，下方辅助信息。选项C正确，封面型布局通常出现在企业网站和个人主页中，给人赏心悦目的感觉。选项D正确，Flash型布局与封面型结构很类似，只是采用了Flash技术。 5.（填空题）在网页设计中，为了使页面适应不同的分辨率，通常将表格的宽度按______设置，高度不用设置。 【答案】百分比 【解析】在网页设计中，为了使页面适应不同的分辨率，通常将表格的宽度按百分比设置，高度不用设置。 6.（判断题）在网页设计中，Flash型布局与封面型结构很类似，只是采用了Flash技术（ ） 【答案】√ 【解析】Flash型布局与封面型结构很类似，只是采用了Flash技术，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不亚于传统的多媒体。 7.（判断题）在网页设计中，设置外层表格宽度为固定像素并居中可以解决分辨率错位的问题（ ） 【答案】√ 【解析】分辨率错位的问题可以通过设置外层表格宽度为固定像素并居中来解决，这样可以确保在不同分辨率下页面内容的对齐和显示效果。 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $ 举一反三考点练 《网页设计与制作》表格布局-课后自测 知识点一 表格的创建与基本属性设置 1.（单项选择题）在表格布局中，若要实现表格的隐形布局，应将边框、边距、间距全部设置为（ ） A. 1 B. 0 C. 2 D. 3 2.（单项选择题）以下哪种方法不能用于选取表格的单元格（ ） A. 拖拽鼠标 B. 按住Shift键并单击单元格 C. 按住Ctrl键并单击单元格 D. 单击状态栏中的\<td\>标签 单击状态栏中的\<td\>标签只能查看当前单元格的位置，不能选取单元格。 3.（多项选择题）以下关于表格嵌套的说法，正确的是（ ） A. 表格嵌套可以实现复杂的页面布局 B. 外层表格的宽度应使用像素固定，内层表格的宽度可以使用百分比自适应 C. 表格嵌套的层级应控制在2-3层，过多会拖慢渲染速度 D. 每层表格的边框应设置为0，保持视觉干净 4.（多项选择题）以下关于表格布局的优化方法，正确的是（ ） A. 使用外部CSS文件控制表格样式，便于统一管理 B. 通过隔行变色提高表格的可读性 C. 使用F12键在多浏览器中预览，确保不同分辨率下的显示效果 D. 使用Dreamweaver的链接检查器扫描，防止图片路径因嵌套而改变 5.（填空题）在表格布局中，若要实现隔行变色，可在"属性"面板中设置______。 6.（判断题）在创建表格时，设置表格宽度为像素可以实现自适应分辨率（ ） 格宽度设置为百分比。 7.（判断题）在表格布局中，外层表格的宽度应使用像素固定，内层表格的宽度可以使用百分比自适应（ ） 知识点二 嵌套表格与页面分区布局实战 1.（单项选择题）在创建嵌套表格时，以下哪种方法可以快速生成并列版块（ ） A. 手动逐个插入表格 B. 复制粘贴嵌套结构 C. 使用CSS浮动布局 D. 使用JavaScript动态生成 2.（单项选择题）在创建嵌套表格时，以下哪种方法可以实现跨列标题（ ） A. 合并单元格 B. 拆分单元格 C. 插入新行 D. 插入新列 3.（多项选择题）在嵌套表格的使用中，以下哪些操作可以提升页面的稳定性（ ） A. 外层表格使用像素单位固定宽度 B. 内层表格使用百分比单位自适应宽度 C. 嵌套表格层级控制在2-3层 D. 嵌套表格层级增加到5层 4.（多项选择题）在嵌套表格的使用中，以下哪些操作可以提升页面的美观性（ ） A. 设置外层表格的边框为0 B. 设置内层表格的边框为0 C. 使用外部CSS文件控制表格样式 D. 使用JavaScript动态改变表格样式 5.（填空题）在创建嵌套表格时，可以通过______操作快速生成并列版块。 6.（判断题）在创建嵌套表格时，合并单元格可以实现跨列标题（ ） 7.（判断题）在创建嵌套表格时，层级增加到5层可以提升页面的稳定性（ ） 知识点三 布局原则、类型与常见问题排查 1.（单项选择题）在网页设计中，以下哪种布局类型适合门户网站（ ） A. “国”字形布局 B. 拐角型布局 C. 标题正文型布局 D. 左右框架型布局 2.（单项选择题）在网页设计中，以下哪种方法可以解决分辨率错位的问题（ ） A. 设置页面属性，把Left、Top Margin设为0 B. 设置表格边框为0 C. 设置外层表格宽度为固定像素并居中 D. 设置表格高度为固定值 3.（多项选择题）在网页设计中，以下关于布局原则的说法正确的是（ ） A. 连贯是指色彩、字体、图标风格跨页保持一致 B. 统一是指同级模块使用相同行高、背景、对齐方式 C. 分割是指利用表格行列把信息分块，减少视觉疲劳 D. 重要区块留白或加背景，形成节奏感 4.（多项选择题）在网页设计中，以下关于常见布局类型的描述正确的是（ ） A. “国”字形布局是最上面是网站的标题，接下来是网站的主要内容，左右分列两小条内容 B. 拐角型布局是顶部横幅+左侧窄导航+右侧主内容，下方辅助信息 C. 封面型布局通常出现在企业网站和个人主页中，给人赏心悦目的感觉 D. Flash型布局与封面型结构很类似，只是采用了Flash技术 5.（填空题）在网页设计中，为了使页面适应不同的分辨率，通常将表格的宽度按______设置，高度不用设置。 6.（判断题）在网页设计中，Flash型布局与封面型结构很类似，只是采用了Flash技术（ ） 7.（判断题）在网页设计中，设置外层表格宽度为固定像素并居中可以解决分辨率错位的问题（ ） 原创精品资源学科网独家享有版权，侵权必究！2 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $