A. 请教网页中如何访问和显示Excel表格,以实现动态网页与Excel表格的交互操作
1、Web服务器,只有PHP这类,你这个小应用才需要架这个不过据说PHP语言据说也自带服务器了,所以WebServer这个可省略,直接由语言容器做服务器就可以,因为你这个应用很小。
2、动态网页这部分,PHP当然最简单。JSP的JEE容器功能更趋近服务器一点,建议考虑,那些前卫的Py、Node啥的我就不推荐了。
3、数据这部分,Excel数据处理起来太麻烦了,架DBServer有点小题大作,我建议你可以考虑SQLite这样的方案,轻型可SQL操作,刚好你够用。
B. 想实现一个网页读取表格和excel内容的功能,重酬!
直接读取Excel这个思路应该更直接,可以把Excel的数据和公式通过表格控件转化成worksheet对象,然后直接读取这个对象。
我这里有一份测试数据,为了测试Excel 文件的读取性能极限,这里使用了 StopWatch 函数来监听 Excel 的打开时间,测试对象为一个包含30列、1,000,000行、30,000,000 个单元格数据的电子表格文件。
经过测试, Excel打开这个文件需要等待34 秒。
这里我们借助一款表格组件 GrapeCity Documents for Excel (简称:GcExcel)来实现 Excel 的读取操作,这款组件由西安葡萄城研发,基于 Java 和 .NET平台。使用该组件,可在服务端批量创建、加载、编辑、打印、导入/导出Excel 文档。
经过测试,用葡萄城的表格组件 GcExcel打开这样一份文件,仅需 12 秒。
网页链接
C. 如何在网页制作中用好表格
在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。
方法一:作一个1x2的图。
半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。
方法二:在css里面设定。
如果你用dreamweaver话,只要在css面板里new一个style,选择“redefine
html
tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。
方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。
在表格的html里加上这个:
style="border-left:
#000000
1px
dashed;
border-right:
#000000
1px
dashed;
border-top:
#000000
1px
dashed;
border-bottom:
#000000
1px
dashed"
颜色是十六位代码,你可以自己设。
D. 如何将excel表格做出网页效果
这个是个系统工程,没法一两句说清。
有很多技巧,比如加底图,隐藏工具栏,自制工具栏,隐藏界面,等。
E. 如何用网页制作出好看的表格
CSS制作好看的网页表格
如果数据表格对于视力没有问题用户都难以阅读的话,那么想象一个那些用辅助技术(掌上设备)的人来说,它们是多么复杂和混乱.幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性.
1.summary 和 caption
第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素,但是尽可以使用caption总是好的.另一个元素是summary.summary属性可以应用于表格标签,用来描述表格的内容.与image的alt文本属性相似.
2.thead, tbody, tfoot
thead, tbody, tfoot使网页设计人员能够将表格划分为罗辑部分.例如,可以将所有列标题放在thead元素中,这样就能够对这个特殊区域单独应用样式.如果选择使用thead或tfoot元素,那么必须至少使用一个tbody元素.在一个表格中只能使用一个thead和tfoot元素,但是可以使用多个tbody元素将复杂的表格划分为更容易管理的部分.
3.col 和 colgroup
行与列标题应该使用th标记而不是td,但是如果某些内容既是标题又是数据,那么它仍然使用td.表格标题可以设置为row或col的scope属性,定义它们是行标题还是列标题.
虽然tr元素使开发人员能够整行应用样式,但是很难整列应用样式.为了解决这个问题。
F. 想制作一个网站表格,可以实时让别人查看库存,要怎么弄用什么软
WPS Office
G. 网页设计中如何设置表格各项属性
HTML网站表格的属性设置可以分为以下几条属性:
从很大程度上来说,HTML/XHTML浏览器都使用同样的属性来显示表格内容,这些属性控制着常规内容的显示。但是,在表格中会有一些特殊情况。要使作者得以更好地控制这些项,CSS添加了几个特定于表格的属性。但是现在流行的浏览器都还不支持这些属性。下面开始介绍:
在表格内的单元格边方面,有两种有分歧的意见。第一种观点认为每个单元格都是具有惟一边框的独立实体。另一种观点则认为相邻的单元格共享边框的边,改变一个单元格中的边框会影响其相邻的单元格。
为了使建设网站人员可以得到最大的控制权,CSS提供了border-collapse属笥,它允许我们选择适合自己样式的模型。默认情况下,这个属性的值为collapse,其含义是相邻单元格共享他们的边框样式。换句话说,可以将border-collapse属性设置为separate,这样就扩大了表格,因此边框可以被单独显示,并清楚的围绕在每个单元格周围。
如果选择的是separate样式,还可以使用border-spacing属性来设置相邻边框之间的间距。默认边框间距为0,这意味着相邻的单元格边框彼此相接,但是有些浏览器还是可能使用不同的默认值,增加该值后,可以使浏览器在边框之间插入额外的空间,这就允许表格的背景颜色或图像可以显示出来。如果只提供了两个值,第一值设置水平间距,第二个值确定垂直间距。
在separate样式中,还可以控制边框围绕着单元格绘制的方式。默认情况下,边框会围绕着一个表格内的所有单元格进行绘制,即使其中并没有内容。将empty-cells属性从其默认值show切换为hide,便可以改变这种状况。在设置属性时,空的单元格仅仅会显示表格背景。如果整行单元格都是空的,浏览器会从表格实体中去除行。
表格caption-side属性:
仅在<caption>元素中使用caption-side属性。它接受top、bottom、left或right值,并告诉浏览器在何处放置与其相关联表格相邻的标题。与<caption>标签依赖于浏览器的align属性相比,caption-side属性在放置标题方面提供了更为一致方法。流行浏览器还都不支持caption-side,但是不管怎么样,还是应该在将来的版本中包括这个属性。
表格speak-header属性:
能够播放音频的浏览器可以通过检索目录为用户提供很浏览方式。一种非常简单的途径就是让浏览器会根据它们各自的标题将目录组织起来,并以更易理解的方式读取的是哪个单元格。
speak-header属性为浏览器标识表格中的单元格(集合)提供了两种方式。如果指定了once(默认值),浏览器在读取每个单元格相关联的数据单元格之前,只读取一次标题单元格的内容。通过这种方式,用户在移过一行单元格时,就会听到该行中第一个单元格的行标题和列标题,但是只有须移到该行中随后的单元格中时,才会听到变化的列标题。
如果将speak-header属性设置为always,浏览器会以读取单元格相关联的标题为+开始,来读取每个单元格的内容。已经证明,这点对于复杂表格来说,或者是在标题值
使得理解表格内容更为容易一些的地方(尤其是表格仅包含数字的情况下)都很有用处。
请注意,仅在知道哪个标题单元格与数据单元格相关联的时候,浏览器才会把标题念出来,这时候认真的程序猿们会在他们的表格单元格中使用header属性,以此指定与表格中的每个数据单元格相关的标题单元格。
表格table-layout属性:
表格布局对于任何浏览器来说都是一项艰巨的任务。为了创建具有吸引力的表格,浏览器必须找出每一列中最宽的单元格,将该列调整为适应那个宽度,然后将整个表格调整为适应所有的列。对于大型表格来说,当浏览器在处理多个表格时,文档显示可能会显着地慢下来,以便正确显示表格。
使用table-layout属性对这个过程会有所帮助。如果将属性设置为fixed,浏览器会根据表格中第一行的宽度确定列宽。如果显示方式设置了列宽,将表格的table-layout属性设置为fixed,表格的显示过程会明显加快,从而使用户在查看这些文档时增强自己的体验。
默认情况下,table-layout属性设置为auto,这就迫使浏览器使用更为耗费时间的多程算法,即使指定了表格中的列宽也无济于事。如果表格内容有变,而且你无法设置列宽,便可以将table-layout属性设置为auto。如果可以固定列宽,而且表格内容不变,可以将table-layout属性设置为fixed。
H. 网页的表格怎么做的
提供几种代码:(每种代码,保存成html格式。)
第一种(CSS+JS):
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.t1 {background-color:#336699;text-align:center}
.t2 {background-color:#ffcc00;text-align:center}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table id="table1" width="50%" border="0" cellpadding="0" cellspacing="0">
<tr><td>aaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbb</td></tr>
<tr><td>aaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbb</td></tr>
<tr><td>aaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbb</td></tr>
<tr><td>aaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbb</td></tr>
<tr><td>aaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbb</td></tr>
<tr><td>aaaaaaaaaaa</td></tr>
<tr><td>bbbbbbbbbbb</td></tr>
</table>
<script Language="Javascript">
for (i=0;i<table1.rows.length;i++) {
(i%2==0)?(table1.rows(i).className = "t1"):(table1.rows(i).className = "t2");
}
</script>
</body>
</html>
第二种(CSS):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
table{
width:100%;
}
.t1{
background:#ff6600;
color:black;
}
.t2{
background:#336699;
color:white;
}
</style>
</HEAD>
<BODY>
<TABLE cellpadding="0" cellspacing="0">
<TR class="t1">
<TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>
</TR>
<TR class="t2">
<TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>
</TR>
<TR class="t1">
<TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>
</TR>
<TR class="t2">
<TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>
</TR>
<TR class="t1">
<TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>
</TR>
<TR class="t2">
<TD>2</TD><TD>1</TD><TD>1</TD><TD>1</TD><TD>1</TD>
</TR>
</TABLE>
</BODY>
</HTML>
第三种(CSS+JS)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格隔行换色</title>
<style type="text/css" media="screen">
<!-- /* PR-CSS */
table {border-collapse:collapse;border:solid #999;border-width:1px 0 0 1px;}
table td {border:solid #999;border-width:0 1px 1px 0;}
tr.t1 td {background-color:#fff;}/* 第一行的背景色 */
tr.t2 td {background-color:#eee;}/* 第二行的背景色 */
tr.t3 td {background-color:#ccc;}/* 鼠标经过时的背景色 */
-->
</style>
</head>
<body>
<table id="tab">
<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>
<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>
<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>
<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>
<tr><td>12</td><td>12</td><td>12</td><td>12</td></tr>
</table>
<script type="text/javascript">
<!--
var Ptr=document.getElementById("tab").getElementsByTagName("tr");
function $() {
for (i=1;i<Ptr.length+1;i++) {
Ptr[i-1].className = (i%2>0)?"t1":"t2";
}
}
window.onload=$;
for(var i=0;i<Ptr.length;i++) {
Ptr[i].onmouseover=function(){
this.tmpClass=this.className;
this.className = "t3";
};
Ptr[i].onmouseout=function(){
this.className=this.tmpClass;
};
}
//-->
</script>
</body>
</html>
I. 如何用Dreamweaver制作网页表格
1.首先要下载dreamweaverCS6,新建一个HTML文件。
2.然后在插入栏中选择表格按钮或在菜单点“插入”>选“表格”。系统弹出表格对话框。这些参数分别是行和列,表格的宽度,表格的边框粗细,表格的间距和外间距。
3.输入完成点击确定即可。
如下就是一个表格代码:
<tablewidth="500px"cellpadding="0"cellspacing="0"border="0">
<tr>
<td>表格内容</td>
<td>表格内容</td>
</tr>
<tr>
<td>表格内容</td>
<td>表格内容</td>
</tr>
</table>