“网页的设计有用的教程”第05章节.pptVIP

21世纪计算机系列教程;第5章 表格应用 ;;本章概述：;表格，以其边框的值是否为0，可分为有形表格和无形表格。 有形表格：如果表格边框值为非0，则绘制的表格在预览时能被看见， 可以在有形的表格中填写数据，可以对数据进行升序或降序的排列，可以对表格进行各种格式的套用，使其变得更加美观，这些功能通常是表格最基本的功能。 无形表格：如果表格边框值为0，则表格在预览时不可见， 在网页设计时，常利用表格的这一重要属性来对网页进行排版。本章将以一个网校主页的设计为例，来说明表格在网页设计排版时所起的重要作用。 网校主页如图5-1所示。;;;在本例中设计的系部主页是一种在互联网上较为常见的网页设计方式，其框架应用如图5-2所示，整个版面可以分为装饰区、标题区、导航栏区、信息区、版权区共5个区域。 ;5.1.2 设计页眉区;5.1.2 设计页眉区;5.1.3 设计导航栏区;5.1.3 设计导航栏区;信息区，一分为三，是网页设计常见方式。一般在两边可放置一些常见信息如天气预报、用户登录信息、友好链接、搜索引擎、动态新闻等。中间是网站主要栏目区。在各信息区，为排版需要，用到了表格的嵌套。 1. 设计左信息区 ;2. 设计主信息区 两次插入如上表格 ;3. 设计右信息区 ;版权区的设置效果如图5-21所示。 ;预览效果;;;;;;;;;;5.2　知识要点;在Dreamweaver MX中文版的“插入”面板中，可以在“常规”、“布局”和“表格”三个选项卡中都有表格工具。 1. 常规选项卡 2. 表格选项卡 3. 布局选项卡 ;5.2.2 标准视图模式下表格的应用技巧;5.2.2 标准视图模式下表格的应用技巧;第五章格式化表格-课程表（制作）; ;;;;;练习：在布局视图中做出如图所示的表格;5.3本章小结;补充-立体表格;立体表格-代码; 习题与操作题 习题 【选择题】 （1）如果两个边框的间距小于（　　　）个象素时，表格会自动地附着到已经存在的表格或单元格旁边。 A、1 B、8 C、4 D、16 （2）拖动布局单元格和布局表格也可使用键盘上的箭头来操作，每次移动1个象素，如果同???按住Shift?键，每次可移动（　　　）个象素；最外层的表格不可移动。 A、1 B、8 C、4 D、16 （3）如果要绘制多个表格，不必每次都点击布局表格按钮，只需要在绘制过程中按住（　　　）键即可. A、【Shift】 B、【Ctrl】 C、【Alt】 D、【Ctrl+Alt】 （4） 如果页面中没有包含内容，在布局视图下绘制第一个表格时，会被自动放置在页面的（　　　），否则，绘制的表格只能出现在内容的下方。 A、左上方 B、右上方 C、正中间 D、底部;【填空题】;