當前位置:首頁 » 網站資訊 » 怎麼弄網站瀏覽體驗表格
擴展閱讀
計算機網路技術買電腦 2024-12-23 14:41:22
無線網路斷斷續續斷線 2024-12-23 14:34:18
哪個相親網站不花錢 2024-12-23 14:25:58

怎麼弄網站瀏覽體驗表格

發布時間: 2022-07-25 02:31:00

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>