Coredraw表格导入终极解决方案（通用12篇）由网友“蕴蓝”投稿提供，以下是小编帮大家整理后的Coredraw表格导入终极解决方案，仅供参考，大家一起来看看吧。
篇1：Coredraw表格导入终极解决方案
看到太多朋友在论坛里被Coreldraw里面的表格问题所困扰的话题，以下方法是我在长期的实际操作中寻找出来的最简捷、最容易理解、也最具版本兼容性的方案，
1、我们最常见的应该是从MS EXCEL中获得的表格，现在我们要把它弄到CD中去，
直接拷贝所需要的区域;
2、在CD中建议开一个新文件，然后“选择性粘贴”刚才的内容：
3、建议去除所有的文字属性，便于下一步的操作;
4、这里最关键!一定要选择最下面的这项!你将来才有东西可改;
篇2：Flex 中文字体终极解决方案
一直以来Flash对中文的支持就不是很好,很多人都发现很多汉字在Flex中无法设置粗体,就是其中一个表现,经过一晚上的折腾,终于突破了这个难题,其实,答案就在Adobe的官方教程里,只能怪自己英文水平太差,废话不表,直入正题,为了便于描述,以google的思源黑体为例:
第一步:将字体编译成swf文件
将自己需要的字体(常规和粗体一般是分开的两个字体文件)拷贝到自己的程序中,我这里是将思源黑体的NotoSansHans-Regular.otf和NotoSansHans-Bold.otf拷贝到src根目录(这些在编译后就可以删掉了),然后在根目录建立syht.css,内容如下:
/* CSS file */
@namespace s “library://ns.adobe.com/flex/spark”;
@namespace mx “library://ns.adobe.com/flex/mx”;
@font-face
{
src:url('NotoSansHans-Regular.otf');
font-family:syht;
font-weight:normal;
embed-as-cff:true;
}
@font-face
{
src:url('NotoSansHans-Bold.otf');
font-family:syht;
font-weight:bold;
embed-as-cff:true;
}
然后右键:Compile CSS to SWF,编译后会在目标文件夹生成syht.swf文件,这个就是包含了思源黑体的字体文件了,然后可以删除掉字体文件和syht.css,避免项目在重编译时耗费时间.
第二步:加载字体文件
在主程序的初始化阶段加载字体文件,这里我是将syht.swf放在程序根目录.
1
protected function application1_initializeHandler(event:FlexEvent):void
{
FlexGlobals.topLevelApplication.styleManager.loadStyleDeclarations2(“syht.swf”, true);
}
上述代码中主程序在载入完成后会立即加载syht.swf字体文件
第三步:添加对EmbeddedFontRegistry的引用
在主程序中import mx.core.EmbeddedFontRegistry;
import mx.core.FlexGlobals;
import mx.events.FlexEvent;
import mx.core.EmbeddedFontRegistry;
EmbeddedFontRegistry;
protected function application1_initializeHandler(event:FlexEvent):void
{
FlexGlobals.topLevelApplication.styleManager.loadStyleDeclarations2(“syht.swf”, true);
}
]]>
第四步:添加编译选项-theme+=frameworks\projects\spark\MXFTEText.css
如果提示找不到该文件,请直接去SDK包里对应的目录下找,并拷贝到程序中,比如拷贝到根目录,那么-theme+=MXFTEText即可
篇3：Win PHP5+MYSQL结合终极解决方案
[watermark]偶在本机IIS装了Php,下载的是php.net上的 php-5.1.2-installer版 但是按照网上方法说的,
--------------------------------------------------------------------------------
要支持mysql只要编辑PHP.ini里的
:;extension=php_mysql.dll并同样去掉前面的“;”
这个是用来支持MYSQL的，由于PHP5将MySQL作为一个独立的模块来加载运行的，故要支持MYSQL必选
--------------------------------------------------------------------------------
结果打开PHP页面显示
--------------------------------------------------------------------------------
PHP Warning: Unknown: Unable to load dynamic library './php_mysql.dll' - 找不到指定的模块
--------------------------------------------------------------------------------
一找,发现在PHP里的extensions里根本就没有php_mysql.dll这个文件……去了CHINNAUIX，DISZU 等很多论坛很多人说PHP5内嵌了和MYSQL的连接，不需要做任何设置（这显然是废话）又有人说php5不支持MYSQL（……无语）
最后我的解决方法是下载：php-5.1.2-Win32手动安装版
然后复制php_mysql.dll到extension文件夹里，结果还是显示
--------------------------------------------------------------------------------
PHP Warning: Unknown(): Unable to load dynamic library './php_mysql.dll' - 找不到指定的模块
--------------------------------------------------------------------------------
我继续找啊找啊，折腾了一个小时，骂PHP5没有PHP4简单……
可是最后我还是找到了
在PHP下的install.txt里查找MYSQL
--------------------------------------------------------------------------------
php_mysql.dll MySQL functions PHP >= 5.0.0, requires libmysql.dll
--------------------------------------------------------------------------------
于是继续在php-5.1.2-Win32手动安装版里找到libmysql.dll复制到system32文件夹里
结果一切OK，兴奋的鼠标摔坏了……[/watermark]
-=-=-=-=- 以下内容由 黑色叶子 在 03月28日 00:22pm 时添加 -=-=-=-=-
不知道是PHP Group的问题还是什么，可能是他们的一个小错误吧，忘记放进去文件了
相关下载地址：
www.php.net/downloads.php
本文所说手动安装版为 PHP 5.1.2 zip package
安装版为PHP 5.1.2 installer
-=-=-=-=- 以下内容由 黑色叶子 在 2003月28日 06:22pm 时添加 -=-=-=-=-
在安装版的install.txt里也提到了
:PHP extension DLL files, such as php_mysql.dll and php_curl.dll,
are found in the zip package of the PHP download (not the PHP
installer). In PHP 5, many extensions are part of PECL and can be
downloaded in the “Collection of PECL modules” package. Files such
as php_zip.dll and php_ssh2.dll. Download PHP files here.
(t001)
篇4：CAD导入excel表格
1. 选中excel中的表格，表格的边框要用细线，复制。
2. 在cad中在编辑中的选择性粘贴中选autocad图元。
3. 选择插入点，你会发现插入的表格线没有对齐，用反选选中全部的竖线(有很多横线也被选进来了，下一步我们将去选他们)，按住shift正选表格，注意不要把竖线全部包在里面，那样竖线也要被你去选了，现在只剩下竖线了，move他门对齐，trim到左上角那根长出去的线，表格画好了，而且和你手动一根一根画线，再填数字的一模一样。
4. 现在还不完美，因为字的大小和你的图没有统一，现在我们来解决这个问题。
选择表格中的一个文字，看一下他的高度，用windows自带的计算器计算一下它和你想要的字的比例差多少，用scale缩放的你想要的文字大小。如果你还想设制文字的宽度系数，为了制作出和你在excel里面看到对齐方式一样的数据，那就把表格先定义为块，插入块的时候选择x方向的系数，就是文字的宽度系数。
篇5：excel表格导入word方法
在完成一些工作上面的任务时，我们可能会需要将Excel中做好的表格导入到Word里面来，我在网上看到很多中方法，但是都是一些没用的，或者是简单的复制性，而复制过来的表格却和Excel中的表格完全不一样，那么我们如何复制表格才能将Excel中的表格正确的复制过来呢?
首先，直接从Excel表格中Ctrl+C，然后在Word文档中Ctrl+V，那只会是Word格式中本身的表格，并不能像Excel中一样可以用到一些高级表格功能。
方法很简答，这里我用Word来为大家做示范。
步骤一、先进入Excel表格，然后选中需要导入到Word文档中的区域，按下 Ctrl+C 复制;
步骤二、打开Word2003，然后选择菜单栏的“编辑”中的“选择性粘贴”，在“形式”下面选中“Microsoft Office Excel 工作表 对象”然后确定;
此时，就已经把编辑好的Excel表格导入到Word2003中了，有的人这时肯定会说，这还不是和Word中表格没什么却别啊!确实，就这样用肉眼看，根本就看不错这个表格和Word中做的表格有什么不一样之处;
区别肯定是有的，不信你双击表格看看，会是什么效果，没错把，导入的表格和Excel中的表格一模一样，当然，这个表格也可以自由拖动它的长和宽，还可以运用Excel中的公式呢!
Excel表格导入Word利器—照相机
在Excel中设计的表格，输入的数据，需要导入Word中使用，怎样做到表格与原来一模一样?怎样做到Excel中数据发生变化时Word中的数据即时改变?其实在Excel中隐藏着一个非常实用的工具——照相机，使用照相机功能，可以使上述目的完美实现。
① 首先需要找到照相机。默认照相机不出现在Excel的工具栏(纳闷，这么好的工具，咋让她遮遮藏藏的)。
打开Excel，按以下顺序依次点击：视图-工具栏-自定义，这样就打开了自定义工具栏对话框。点击“命令”标签，从左侧“类别”框找到“工具”，点击，右侧“命令”框列出了“工具”名下所有的命令，拖动滚动条找到照相机(如图)。
接下来用鼠标左键点住照相机按钮，拖动到Excel的工具栏上某处位置，松手，照相机按钮就永远放置到了此处。
② 照相机的使用。
现在可以使用照相机了。打开设计好的Excel表格，选择想要导入Word的区域，然后点击工具栏上的照相机按钮。此时刚才被选中的区域所有信息已经被复制到粘贴板了，其实这时可以在任何表格、文字、图画编辑软件粘贴。但是粘贴到Word中的用处最大、能实现的功能最多(不愧是同一家族的弟兄们)。
笔者这里选取了一个现成的表格，粘贴到Word中，效果如下：
怎么样，看起来舒服不?只要是在Excel中设计好的表格，导入Word后丝毫不走样，
③都有哪些特性?
用照相机导入Word的表格，不是一张图片，而是包含所有Excel原表信息的对象，你可以在Word中对其进行操作——更改表格大小、框线、底纹、颜色、字体等格式，也可以在Excel原表中进行操作，原表所作任何改动，会在第一时间更新到Word中，即使是函数运算结果也不例外。
哦，对了，完成上述功能还有一步操作。在粘贴到Word后，表格右下角出现粘贴选项按钮，点击它，选择“保留源格式并链接到Excel”，OK。
④没有粘贴选项按钮怎么办?
呵呵，这是题外话，不过确实有的版本Word中没有粘贴选项按钮，其实不是没有，是没有显现罢了，好说：打开Word，工具-选项-编辑-显示粘贴选项按钮。
把EXCEL表格完整导入WORD
在WORD中我可以直接做表格，但是这个表格功能就太过简单了。想在WORD中做出像EXCEL那样的表格，只能是将EXCEL表格复制粘贴到 WORD中，但是，如果仅是简单的CTRL+C和CRL+V，就只会得到一个与WORD自制表格没什么区别的表格。想在WORD中导入一个具有完整功能的 EXCEL表格的朋友，跟我学。
首先，我需要打开一个WORD文档和一个EXCEL表格;
接下来，我选择EXCEL表格中需要导入到WORD文档中的部分，按CTRL+C将其复制下来;
第三步是关键一步，我转到WORD中，在“编辑”菜单中选择下面的“选择性粘贴”命令，在对话框中选择形式为“Microsoft Office Excel 工作表对象”，点击确定之后，就可以看到刚刚复制下来的EXCEL表格已经导入到WORD中了。
虽然这个方法比直接粘贴EXCEL费了一点事，但是导入WORD的EXCEL表格与其原始状态没什么区别，一样可以自行拖动改变这个表格中单元格的长宽，最重要的是，在这个表格中可以使用EXCEL公式。
EXCEL表格导入WORD一次性转成多个不同信封标签
一个通讯录形式的EXCEL表格中有很多的地址,可以一次性转换成信封地址标签格式的文件，并可以打印出一个个信封地址标签，以便发信。 我上次通过“知道”查找出来的方法: 用到Word。首先把信封格式在word里面设计好，然后用“邮件合并”功能很容易实现。 设excel文件名为1.xls,word文件为2.doc 打开2.doc，工具->邮件合并->显示邮件合并工具栏，点该工具栏的第二个按钮“打开数据源”，选择1.xls，再选择你存内容的工作表，第六个按钮“插入域”，在word文档将光标移动到要插入的位之前(比如某某“先生收”之前，选择插入姓名，以此类推，全加进去就可以了。 完了之后可以通过“查看合并数据”来看效果。 但是这样打印出来的信封地址标签是一张上面只有一个地址,怎样才能在一张上面同时打印出来4-6个不同的地址?一次性能把几百个地址标签全都排列出来?这样好提高工作效率.
最佳答案
“插入域”里有“下一记录”,插入这个域(显示«Next Record»),然后再插入姓名地址之类,就是下一个姓名地址了.以此类推,可以一页插入多个不同的地址. Word默认是下一页时才会到下一记录
篇6：Godaddy空间中文乱码的终极解决方案
在我的里面谈到了在将网站上传到godaddy空间之后碰到的一些问题，其中就包括了中文乱码的问题，在上篇博文里，我参照了网络上流传的方法，即在asp文档的前面加上如下的代码 <% @language=vbscript. codepage=936%>。
这个方法表面上看上去是有效的——为什么这么说呢？因为在你没有往网站里面添加新的内容之前，用添加这段代码的方法基本可以解决中文乱码的问题。不 过在经过了一段时间的检验之后才发现这个方法其实是治标不治本。正如上所述，如果没有往网站里面添加新的内容，也就是说没有更新数据库的情况下，这个方法 是有用的。但是，如果更新的数据库，比如发表了新的网站动态，则会发现新发表的中文字符仍然是以乱码的形式出现在网页里面。这一度令我非常沮丧。
在经历过几百次的实验和尝试之后，终于慢慢摸清楚了问题的根本原因所在。下面将解决godaddy空间中文乱码的方法分享出来，给同样挣扎在 godaddy空间乱码问题中的朋友一个参考（我只能说是给你们一个参考，这才是科学的态度，因为我们知道即便是同一个现象，其原因也可能千差万别。）同 样，也给自己一个备忘录，以免在经后再碰到相同的问题的时候仍然是束手无策。
要解决godaddy空间中文乱码问题，分下面的三个步骤：
第一步：将所有的中文.asp页面的编码更改成UTF-8
很多asp网站默认的编码形式都是ANSI，这样的网页文件需要重新编码，凡是ANSI编码的网页文件要一律改成UTF-8的编码形式。我是习惯使 用Notepad2文本编辑器来编辑这些网页文件的，也推荐大家使用。Notepad2不但可以编辑普通的TXT文档，对HTML，PHP，ASP等文件 同样也可以很轻松得编辑，而且体积很小，非常适用，
如果你也是使用Notepad2来编辑.asp文件的话，你就可以在文件-编码后面直接选择UTF-8 来重新编码该文件。
第二步：将网页文档中有如下代码的地方改成后面的形式
其实这里也就是将gb2312编码改成utf-8编码。不过请注意，如果你的网站是做双语的，那么你只需要改中文网页文件就可以，千万不要去改英文的网页文件，否则你的中文是没有乱码了，但是英文全部变成了乱码。切记第一步也要注意这一点。
经过了这两步，其实静态网页文件的中文乱码问题都已经解决了，经过这两步的效果是和上一篇博文中提到的添加代码<% @language=vbscript. codepage=936%>的效果是一样的。如果你的网站没有牵涉到数据库，那么到这一步就基本OK了！但是如果你的网站也和博主的网站一样是牵 涉到access数据库的，那么你还需要进行第三步的操作。
第三步：在中文网页文档的前面添加如下的代码
<%@codepage=“65001”%>
这一行代码添加到网页文件的最前面就可以了！
小提示：如果你是对这这篇文章一步一步来操作的话，我建议你看完了三步之后再一步到位地操作，当然，如果你不嫌麻烦看一步修改一篇所有的网页文件， 看一步再修改一遍所有的网页文件也不会出错——虽然有点笨——我的意思是这三步其实是可以在打开一个网页文件的时候一次性修改完成的（第二步如果没有这句 代码的话就不需要修改）！
篇7：WPS表格错误分析与解决方案
相信使用WPS表格的人没有不遇到错误的，知错就改，还是一条好汉。好，废话不说，马上分享：
错误数据一:#DIV/0
原因分析:在包含有除法的公式中，除数引用了零值单元格或空单元格(运算对象是空单元格，Excel将其作为零值处理)，或者直接使用了零值等。
错误实例:输入公式“=A2/B2”，当B2为“0”或空时，返回上述错误。
解决办法:修改引用的空白单元格，或者在用作除数的单元格中输入不为零的值，或者直接输入不为零的数值。
小提示：
在制作空白表格时，为了让错误值不出现，我们可以用“IF”和“ISERROR”函数对公式进行处理，例如输入公式“=IF(ISERROR(A2/B2),“”,A2/B2)”，这样处理以后，如果B2为空或“0”时，公式返回空(“”)，反之，公式才返回A2/B2的正确运算结果。
错误数据二:#NAME?
原因分析:在公式中使用了Excel无法识别的文本，例如，名称错误或者被删除，函数名称拼写错误，引用文本时没有加引号(“”)或者用了中文状态下的引号(“”)等；使用“分析工具库”等加载宏部分的函数，而没有加载相应的宏。
错误实例:输入公式“=DATEDIF(“1963-3-4”,TODAY,“Y”) ”，公式中参数Y用了中文状态下的双引号，返回上述错误。
解决办法:针对具体公式，逐一检查错误的具体对象，然后加以更正。如重新指定正确的名称、输入正确的函数名称、添加引号等；或者加载相应的宏。
错误数据三:NULL！
原因分析:使用了不正确的区域运算符或不正确的单元格引用等。
错误实例:输入公式“=SUM(A1:A10 E1:E10)”，由于公式没有使用逗号(,)，而使用了空格，Excel无法进行求和运算，公式返回错误。
解决办法:检查并更正区域运算符，或者修改不正确的单元格引用，
错误数据四:#NUM！
原因分析:在需要数字参数的函数中使用了无法接受的参数，例如，在输入开平方的公式(SQRT)时，引用了负值的单元格或直接使用了负值；公式产生的结果数字太大或太小，Excel无法表示出来。
错误实例:输入公式“=10^309”，由于运算结果太大，公式返回错误。
解决办法:检查并更正引用的具体无效数值或引用单元格中的无效数值；更改公式，使其结果介于-10^308和+10^308之间(如果需要进行超大、超小结果的运算，请用第三方软件处理)。
错误数据五:#REF！
原因分析:公式引用的单元格被删除，并且系统无法自动调整；链接的数据不可用。
错误实例:输入公式“=A2+B2”，如果此时将A2和B2单元格删除，则返回上述错误。
解决办法:修改公式中无效的引用单元格；调整链接的数据，使其处于可用的状态下。
错误数据六:#VALUE！
原因分析:为需要单个值(而不是区域)的运算符或函数提供了区域引用；当公式需要数字或逻辑值时，输入了文本；输入和编辑的是数组公式，但却用“Enter”键进行确认。
错误实例:输入公式“=A8+B8”，如果A8或B8中是文本，则公式返回错误。
解决办法:更正相关的参数；输入的是数组公式时，输入完成后，请用“Ctrl+Shift+Enter”组合键进行确认。
错误数据七:#N/A
原因分析:引用的数据有遗漏。
错误实例:输入公式“=VLOOKUP(A9,2)”，由于公式中缺少VLOOKUP函数查询区域，故返回上述错误。
解决办法:在函数向导的引导下，逐项检查参数是否有遗漏，并进行补充更正。
错误数据八:####
原因分析:日期运算结果为负值；日期序列超过系统允许的范围；在显示数值时，单元格的宽度不够。
错误实例:在单元格中输入数值“0123”，然后将单元格设置成日期格式，由于其超过了日期序列值，故返回上述错误。
解决办法:更正日期运算公式，使其结果为正值；使输入的日期序列在系统的允许范围之内(1～2958465)；增大单元格的宽度。
篇8：浩辰CAD教程_表格导入导出
在CAD机械制图中，不可避免的会出现各种各样的表格数据，如果我们想把这些表格从CAD中导出到EXCEL，传统的方法是人工录入，这样不仅工作量大而且容易出现差错，反之，对于需要将EXCEL表格数据输入到CAD图纸中也需要手工绘制表格，在浩辰CAD机械2013中提供了CAD表格与Excel互相转换的工具。
浩辰CAD机械2013就提供了CAD表格与EXCEL相互转换的功能。可以将CAD图纸中的表格直接导出到EXCEL，同样也可以将EXCEL表格数据直接导入到CAD图纸中，
操作也非常的直观简单，下面给大家介绍一下。
1、表格在CAD图纸中绘制完成后，直接在菜单栏点击【浩辰机械】-【辅助工具】-【导出excel】，然后根据提示窗选需要导出的表格。确定后就直接用EXCEL导出来了，可以直接在EXCEL里面进行编辑操作了，非常的简单方便。
2、如果需要将外部的EXCEL表格数据导入，可以点击菜单栏【浩辰机械】-【辅助工具】-【读取EXCEL功能】根据提示可以直接将外部的EXCEL导入进来。
有了我们的表格导入导出功能，就可以很方便的将表格与EXCEL互相转换。节省了我们大量的绘图时间，避免了人工转换出现错误的情况。
篇9：Excel表格导入Coreldraw地办法和处理灵活技术
太多朋友都被CorelDraw里面的表格问题所困扰，最常见的就是从MS EXCEL中获得的表格，以下方法是在长期的实际操作中寻找出来的最简捷，最容易理解，最具版本兼容性的方案，请仔细看：
1、现在我们要把MS EXCEL表格弄到CD中去，直接拷贝所需要的区域;
2、在CD中建议开一个新文件，然后“选择性粘贴”刚才的内容：
3、建议去除所有的文字属性，便于下一步的操作;
4、这里关键了!一定要选择最下面的这项，你将来才有东西可改;
5、OK!你在页面内应该可以看到表格的雏形了，我这里是个示意表格，你的表格如果在EXCEL更复杂，也会一样转过来，
篇10：巧借表格向Excel中导入数据EXCEL基本教程
最近学校购买了一套电子考试系统，学生们可以直接上机考试，而且交卷以后系统自动判卷，学生可以当场看到自己的成绩，但是系统后台将学生的分数保存到了一个叫做“record.txt”的文本文件中，不利于对成绩进行分类汇总、统计分析（如图1）。做这个工作最适合的要数Excel了，那如何把这些数据导入到Excel中去呢？由于直接将“record.txt”中的数据粘贴到Excel中会出现所有内容都挤到“A”列中，显然这样不能进行任何处理，此时笔者想到把这些文本内容转换成Word表格，然后就可以轻松导入Excel了。
首先将“record.txt”中的所有文本复制到Word文档中，然后在Word文档中再次选择这些文本，单击菜单“表格/转换/文本转换成表格”命令，随后弹出“将文字转换成表格”对话框，在该对话框中我们设置列数为“10”，列宽为“自动”，文字分隔符为“”（如图2），最后单击“确定”按钮，这些文字就转换成了表格形式，
提示：此操作的关键是“文字分隔位置”选项，大家可以根据自己文本数据中的分隔符号具体设置。
此时选择Word 中的表格，单击“复制”按钮，然后切换到Excel，单击“A1”单元格，使之成为当前活动单元格，然后单击“编辑/选择性粘贴”命令，在弹出的对话框中选择粘贴方式为“文本”即可。这样在Excel中我们就可以利用公式很容易的算出学生的总成绩，也可以根据需要方便的进行汇兑和分析了。更重要的是我们掌握了一种处理问题的方法和思路，在工作中有这方面问题的朋友不妨试一试。
关 键 字：excel
篇11：用IE插件将网页表格快速导入Excel软件中
由于工作关系，笔者经常需要将网页上的一些表格导入Excel中进行保存，以前都是直接使用复制的方法，但有时候粘贴到Excel中的表格不是太理想，事后还需手动去修改，实在麻烦，难道就没有更好的法子了吗?当然有了，就让HTML Table Extractor这款IE插件工具来助一臂之力吧!
在IE中打开www.download.com/HTML-Table-Extractor/3000-2378_4-10462296.html 这个站点，点击其中的“Download Now”进行下载，下载完毕之后，一路“Next”安装即可，
用IE插件将网页表格快速导入Excel软件中
，
步骤1：重新启动IE，这时在工具栏上会多出个“HTML Table Extractor”图标，当需要导入网页中的表格时，首先单击一下该图标。
步骤2：这时在窗口下方会弹出一个小对话框，点击其中的“Search Table”按钮，然后将鼠标指针移动到表格上，此时表格会变红，这就表示它被选中了，再单击一下鼠标右键，接着在出现的快捷菜单中依次选择“Export to Excel→Create New Table”命令。
步骤3：如此一来，网页中的表格便会直接导入Excel中了，最后将其保存下来就大功告成了。
篇12：标准化设计解决方案 Part 1: 从标记语法谈起 Chapter 3 邪恶的表格网页设计
标准化设计解决方案 - 标记语言和样式手册
Web Standards Solutions The Markup and Style. Handbook
Part 1: Get Down With Markup 从标记语法谈起
Chapter 3 邪恶的表格
前文回顾：
标准化设计解决方案 Part 1: 从标记语法谈起 - Chapter 1 清单
标准化设计解决方案 Part 1: 从标记语法谈起 - Chapter 2 标题
你知道吗?不知何时开始,使用表格居然变成充满罪恶的举动了?的确,以web标准编写网页的最大迷思就是“不要再使用表格了,永远不要!” 听起来表格就和瘟疫一样必须躲开,必须密封起来丢进满是灰尘的柜子里,当成是网络发展时代早期流传下来的古董保存起来.
如此的厌恶从何而来呢? 或许一开始十分单纯,至少拥有一个好的理由.很多人会理直气壮的宣扬抛弃传统的表格嵌套与补空gif图片的布局方式,改用灵活的结构化的css布局方式的好处.我们可能就开始抽丝剥茧的去掉所有的表格,甚至开始顽固的坚持把所有的表格驱逐出去 — 根本不分场合.
书中稍后我们会看到css布局的方法和这样做带来的所有好处.但是现在我们还是先来看看如何在适当的场合—也就是标记数据列表的时候使用表格.我们会研究几个简单的方法是我们的数据列表变得更容易使用,更漂亮.
完全就是表格
在标记列表数据时,我们绝对没有理由不去用表格标签.但是等等,什么才是列表数据?这边有一些例子:
日历
电子数据表
图表
时间行程表
对这些例子以及许多其他情况来说,必须使用非常复杂严格的css特效才能让资料看起来像表格,或许你能想象,用巧妙的css浮动,定位所有项目之后得到的是不兼容的矛盾的结果,更别提拿掉css之后,准确读出每笔资料大概会成为不可能完成的任务.事实上,我们不必畏惧表格—我们应该用他们设计之初的目标来使用它们.
适合所有人的表格
表格找来谩骂的原因之一是如果没有小心使用的话会存在可用性缺陷.举例来说:屏幕阅读程序难以正确读出内容,而小屏幕设备经常被用来布局的表格扰乱,但是我们有一些简单的方法增加列表数据表格的可用性.同时建立灵活的结构,方便未来以css设定样式.
让我们看看 图3-1 中的简单示例,这是美国棒球联赛的联盟记录:
图 3-1:典型的资料表示例
也许对红袜队球迷来说这是非常郁闷的统计资料,不过图3-1的却是列表资料的完美示范.它有三个表头(year,opponent,season record(w-l)),跟着是四年份的资料.在表格上面的是表格标题,说明了表格的内容.
标记这个资料表格的方式十分直观,我们或许会以这样的代码完成这个工作:
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
这样显示的结果应该和图3-1十分相似,但是,我们可以在这个基础上加上一些改进.
首先,我们能用更加语义化的标签来存放“Boston Red Sox World Series Championships”.标签需要紧跟在起始标签后面,通常用来存放表格的标题或者表格资料的说明.
看上去,它更容易让使用者看出表格的主题,同时也能够帮助以其他方式得知网页内容的人.
让我们拿掉开头的那个段落,并加入正确的:
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
重要的是,标题必须快速传达后面资料的主题,根据默认设置,大多数可视化浏览器将标签内的文字居中显示在表格的最上面,当然,我们稍后可以使用css来改变默认设置的样式 — 本章的技巧延伸中会讨论这个问题.事实上,现在标题位于独特的标签内,正好让我们之后的修改工作变得轻松简单.
加上摘要
另外,我们也能为标签加上summary属性,进一步解释这个表格的目的和内容,摘要属性对非可视化浏览器尤为重要,这能帮助它们解说表格的内容.
以下是为示例表格加上摘要属性的代码:
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
表格的表头
在建立数据表格时,善用表头是件很重要的工作.在标记重要单元格时,我们可以发挥标签的作用,而不是使用之类在显示上暗示用户这个单元格是重要的的显示效果标签.就像我们在第二章中使用标题标签标记段落标题一样.
可视化浏览器或许会以粗体居中的效果显示标签中的内容,但是我们依然可以用标签的独特性,稍后再给这些重要的内容加上不同的样式,以便于存放在内的一般资料及进行区别.
除显示效果的优势外,使用标签也能帮助非可视化浏览器 — 这部分我们稍后进行深入讨论.
示例表格中的表头是最上面的那一行: Year,Opponent和Season Record(W-L).我们来把刚才的显示效果标签替换成正确的表头标签:
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
使用标签来标记表头单元格和图3-1中的效果是一样的,让我们来看看为什么这个方法比较好:
我们不必使用额外的显示效果标签让表头突出显示在资料内容之外.
根据默认设置,大部分可视化浏览器都会以粗体居中的效果展示标签中的内容.让使用者轻易分辨出表头和表格内容的区别.
由于它和标签是相对独立的,因此我们能为表头加上与资料内容不同的样式.
使用表头标签的其他好处我们在接下去的章节中继续讨论.
表头与数据的关系
我们可以利用headers属性把表头和对应的中的数据关联起来,使屏幕阅读器能更容易为需要的人们组织表格内容.在使用了这个属性之后,屏幕阅读器将能更符合逻辑的读出表格内容,而不是像平常一样死板的从每列最左边读到最右边.
我们继续使用红袜队战绩表当作例子来示范使用方法.首先,我们需要为<表格中的每个>加上一个唯一的id,接着再为每个资料单元格加上headers属性,对应正确的表头.
为每个表头加上id很简单,就是这样:
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
我们为每个表头id选择简短的有描述意义的名称,接着我们再为每个资料单元格加上适当的headers属性,让内容匹配正确的表头id:
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
在为表头和内容之间建立对应关系后,屏幕阅读器可能会议这样的方式读出表格的每一行内容: “Year:1918,Opponent:Chicago Cubs,Season Record(W-L):75-51”,比起从左到右读出每格内容的方法来说,这样就有意义多了.
让每个具有唯一的id还有其他的好处,我们可以使用这个辨别依据,设定特殊的css规则,在本章最后的技巧延伸终究会讨论这个方法.
使用abbr属性
在之前的示例中,或许你会觉得表头中“Season Record (W-L)”用语音合成器来念实在太长了一些,此时,只要加上abbr属性,我们就能缩短发音时的内容,同时又为可视化浏览器保留了单元格中的原始文字.
Boston Red Sox World Series Championships
Year
Opponent
Season Record (W-L)
1918
Chicago Cubs
75-51
1916
Brooklyn Robins
91-63
1915
Philadelphia Phillies
101-50
1912
New York Giants
105-47
我们加上了 abbr=“Record” 后,屏幕阅读器会读出表头使用简短的版本后的“Record”.
,和
在这里我还想提一下三个与表格相关的标签.它们不仅能为表格结构提供更精确的语义,同时也为css提供额外的标签,让你在设计表格行的样式时不用为标签设计那么多的class.
引用一段W3C在HTML4.01规格中对这些标签的说明(www.w3.org/TR/html4/struct/tables.html#h-11.2.3):
引用:
表格行能够以thead,tfoot和tbody标签分成表头,表尾以及数目不限的表格主体.这种分类法让浏览器支持独立卷动表格主体的功能.打印长表格时,表头和表尾也能在包含表格资料的每一页上重复出现.
因此,使用使用这种分类方式也能让支持独立表格主体的浏览器使用者更容易阅读表格内容,特别是长表格.
与必须出现在之前,让浏览器与其他设备能够先载入这些内容,以这种表格行分类方式标记表格看起来是这样的:
...table header content...
...table footer content...
...table data row...
...table data row...
...table data row...
你会发现,表头和表尾资料以和标签包围,放在表格数据行之前.
就像我之前所说的那样,这些标签不仅能为表格提供更精确的语义,还能给css提供样式锚点让你为这些特定内容设置css规则,而不必为每个设计那么多的class.
举例来说,如果我们只想给数据区块(以标记)设定与其他区块不同的背景色.那么我们只需要写这样一段css就能达到目的:
tbody {
background-color: gray;
}
如果没有tbody标签的话,我们需要为每个想要加上灰色背景的标签添加class属性.有意义的标记方式经常能使之后用css设定样式的工作变得十分轻松.这就是个好例子.
表格邪恶吗?
我想,如果我们根据表格标签设计之初的目的好好使用的话,那么答案就肯定是“不!”.滥用表格创建复杂嵌套的布局的行为理所当然会遭到谴责,但是表格的确会给资料区块提供它需要的良好的结构.
我们不能在整本书里都叙述创建完美表格所需要的各种技巧,因此就此打住,希望你已经开始知道如何创建简单的又具有可用性的方便css修饰的简单表格.
谈到样式,让我们用几种不同的css技巧修饰一下之前的示例.
技巧延伸
与之前章节一样,我们用灵活的语义化的结构化的标记为基础,然后用css给他加上一些样式
首先,我们先来看看简单的边框技巧,在示例上创建单线边框,然后我们再为表格标题和表头加上独特的样式
建立边框
已经对border默认属性的3维效果感到厌倦了么?我也是.一般来说,为table标签加上border=“1”就会与图3-1的效果类似,当然你也能换个方法,这边有一个用css做出漂亮整洁边框的诀窍.首先,我们给每个单元格两侧(右侧和底部)加上一像素的边框:
th, td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
只加上两侧边框,是建立各处边框等宽又同时让大部分流行的浏览器能够正确显示的关键所在.如果我在四周都加上边框,那么边框的顶部和左侧会在单元格排列时造成重叠,在稍后的示例中,我会给出一种只用一条border规则就达成小童效果的方法.
你会发现图3-2中的整个表格只缺少了最顶部和最左侧的边线,为了补齐边框,我们给元素加上样式相同的border-top和border-left属性
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
th, td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
图3-2:为th和td加上两侧边线的表格示例
图3-3 补齐边线后的表格示例
去掉间隙
现在我们已经有了个完整的表格了,但是边框之间的间隔是怎么回事?不幸的是,由于大多数浏览器会默认设置一点外补丁,因此就会露出这些令人讨厌的间隙了.
我们能做的是为表格元素加上border-collapse属性来去掉这些间隙,得到我们想要的样式.
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}
th, td {
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
在为border-collapse加上collapse属性后,我们就能看到精确的单线边框样式了,如图3-4
图3-4:使用了border-collapse属性后的表格示例
不支持IE for Mac的版本
除了Internet Explorer for Mac之外,其他的浏览器都支持把css简写成这样:
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #999;
}
要用哪一种方法,这当然由你来决定了,现在仍然有一些人再使用IE for Mac,而使用这个替代方法的话,会让他们看到一些边线的重复,如果你并不在意这件事情,那就使用简化的办法吧.严格来说,这只是个显示上的问题,表格功能丝毫不受影响.
由于我无法弃Mac狂热者于不顾(任何称职的网页设计师都应该这样),因此再往后的示例中,我还是会用IE for Mac也能正确显示的版本.
扩大空间
现在我们手上有了一个完美的表格,不过它看上去有点局促...让我们为手边的th,td规则加上一点内补丁,给它们呼吸的空间(图3-5)
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
border-collapse: collapse;
}
th, td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
图3-5:加上10像素内补丁的表格示例
你知道吗?如果用单一数值设定内补丁的话(比如之前的例子的10px),就需要给元素的四边都加上相同的设定值,你也可以按照顺时针顺序(上右下左)分别指定每一边的设定值.如果你把内部定设定为10px 5px 2px 10px的话,就会在顶部加上10px的内补丁,右侧加上5px的内补丁,底部加上2px的内补丁,左侧加上10px的内补丁.
另一条捷径:如果上下的设定值相同,左右的设定值也相同的话,你就只需要分别设定一次就可以了,如果设定了padding:10px 5px的话,就会在上下部加上10px的内补丁,在左右侧加上5px的内补丁.
图3-6:顺时针设定内补丁和外边界的顺序
调整表头的显示效果
我们可以轻松的给表头加上背景色，选用不同的字体，让表头更加的明显，由于我们是使用了标签而不是直接在行内将内容设为粗体,因此我们不必加上任何其他的标签,就能直接为表头内容设定样式.
我们在标题下面也加上一点内补丁,同时还用不同的字体,颜色(当然是红色)以突出标题内容(图3-7)
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}
th, td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
th {
font-family: Verdana, sans-serif;
background: #ccc;
}
图3-7:加上样式的标题和
为表头加上背景图片
刚才我们为表格里的元素加上了灰色背景,但是我们其实可以更进一步,用背景图平铺在格子里来作出漂亮的效果,举例来说,我们能用细致的灰色条纹模拟出许多Mac OS X中的窗口样式
小图片
首先我们用photoshop(或者其它你熟悉的绘图工具)建立一个小图片,在这个例子中,我们要制作一个2像素灰色和2像素白色交替出现的效果,因此图片只需要4像素高,宽度多款都无所谓,因为它会在里平铺开来,做出我们想要的条纹效果.为了节省带宽,我们只做1像素宽(图3-8)
图3-8:1X4的像素条纹图片(放大后)
CSS
沿用刚才示例中的代码,我们需要修改的地方只有把背景颜色换成刚制作好的小图片路径,除非另外制定,否则根据默认设置,背景图会自动超每个方向平铺.
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}
th, td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
th {
font-family: Verdana, sans-serif;
background: url(th_stripe.gif);
}
图3 -9是套用这个样式后的表格,表头部分分线了条纹背景,要实验其他的平铺背景图也很方便,你可以试试怎样才能为表头或资料做出最好看的效果,好好享受这个实验的过程吧.
图3-9:在表头使用平铺背景的示例
为ID指定图标
记得本章开始的时候我们为表格里的每一个加上唯一的ID吗?那时我们把这些id与数据列表中的headers属性匹配起来,帮助非可视化浏览器的使用者了解表格的内容,现在我们能在另一个地方发挥这个id的功能了,那就是为每个指定不同的图标.
图标路径会完全记录在css文件中,让你能够在网站重构,更新时轻易的替换,完全不必修改标签部分.
图标
我用photoshop做了三个独特的图标,分别用在示例中每个表头上:Year, Opponent与Season Record(W-L).图3-10就是这三个图标:
图3-10hotoshop制作的三个表头图标
CSS
加上css并不困难,因为我们为每个都制定了独特的id,因此我们能直接用background属性来指定正确的图标.
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}
th, td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
th {
font-family: Verdana, sans-serif;
}
#year {
padding-left: 26px;
background: #ccc url(icon_year.gif) no-repeat 10px 50%;
}
#opponent {
padding-left: 26px;
background: #ccc url(icon_opp.gif) no-repeat 10px 50%;
}
#record {
padding-left: 26px;
background: #ccc url(icon_rec.gif) no-repeat 10px 50%;
}
你应该注意到了,我们改用简写方式定义了背景样式,我们从th的定义中取出background:#ccc规则,并把它放到每个表头的图标名称旁边,这会使得我们的图标“坐”在我们指定的灰色背景上面,我们也在每个表头内容的左边留够图标的空间,不让文字覆盖上去,图3-11就是我们想要的效果:
图3-11:为每个制定独特图标的效果
使用简写语法有明显的优点,然而,如果我们只以background属性定义图片,不定义背景色的话,就应该先取消掉先前在中以background定义的背景色.
组合规则,简化内容
能够达到相同功能的另一种写法,是把每个表头里反复出现的规则(在这个例子中是背景图片,内补丁和位置)拿出来写在定义一次就好了(因为它们的设定在每个中的确都一样),然后只在#year,#opponent,#record定义内保留各自不同的设定值(也就是图片路径)
table {
border-top: 1px solid #999;
border-left: 1px solid #999;
}
caption {
font-family: Arial, sans-serif;
color: #993333;
padding-bottom: 6px;
}
th, td {
padding: 10px;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}
th {
font-family: Verdana, sans-serif;
padding-left: 26px;
background-color: #ccc;
background-repeat: no-repeat;
background-position: 10px 50%;
}
#year {
background-image: url(icon_year.gif);
}
#opponent {
background-image: url(icon_opp.gif);
}
#record {
background: url(icon_rec.gif);
}
这样稍微简洁一些了吧?借着整合相同规则,我们能够省下每次重复定义修改的时间和精力,以这个例子来说,看起来只差六个,半打而已,但是对大一些的样式表来说,节省的量就很可观了.
总结
在本章,我们不仅发现了表格并不邪恶,同时还深入了解表格之后,我们发现,他们很适合用来标记例表数据,而且仍然易于使用
我们更发现,只要加上一些样式,就能控制列表数据的显示方式,让他们变得十分具有吸引力,别再为使用表格而感到恐惧了.
来自：www.blueidea.com/tech/web/2008/5710.asp译者：zhaozy 小宁
点击看大图
★ 多媒体课件设计
★ 教学设计要求
★ 动画专业简历
【Coredraw表格导入终极解决方案（通用12篇）】相关文章：
广告学专业自荐书2023-10-02
大学生在印艺公司实习报告2023-08-31
网站编辑优质内容的黄金原则2022-05-21
一年级数学上册《20以内数的进位加法复习》教案2023-04-23
coreldraw制作传单模版说课课件2022-12-05
CATIA入门简明教案2022-07-02
审计师工作计划2022-08-21
电影院观众厅设计有哪些要求？2023-03-27
技术文员简历2023-10-07
附中我们永远的精神家园的教师发言稿2023-06-14