導航:首頁 > 萬維百科 > 網頁表格設計工具

網頁表格設計工具

發布時間:2020-09-29 23:24:01

1、FrontPage2000軟體中如何應用表格對網頁進行排版?

好處太多了,只要你想設計出像樣的網頁,就需要有表格。
她起到布局以及固定網頁元素的作用。

表格是在網頁設計中用的最多的元素,大多數的網頁都是使用表格來組織的。利用表格來組織網頁內容,可以設計出布局合理、結構協調、美觀勻稱的網頁。我們今天要講的不是表格在控制頁面元素的應用,而是表格邊框的一些技法。合理的設置表格邊框,有時可以得到你意想不到的效果!本文講述的內容是細線邊框表格的製作,涉及的知識比較基礎,僅供新手參考。

一.表格基礎:
<table>:表格的標識符,用來界定表格的范圍。<table>標簽的屬性:
border:表格邊框寬度所佔的像素點數。
width和height:指定表格的大小。「width」規定表格的寬度,「height」指定表格的高度。 align:表格與其相鄰文字的位置。參數值為left(居左)、center(居中)、和right(居右)。 cellspacing:指定表格各單元格之間的空隙。
cellpadding:指定單元格內容與單元格邊界之間的空白距離的大小。
<TR>:行標簽。 <TR>標簽的屬性:
align:表示該行中各單元格內容是左對齊(left)、水平居中(center)和右對齊<right>的。
valign:表示該行中各單元格內容是緊靠上沿兒(top)、垂直居中(middle)和緊靠下沿兒的(bottom)。 <TH>和<TD>:都是用來規定單元格內容的,<TH>規定表頭元素的內容(表頭元素一般位於每列的首行,用來說明該列的具體數據是關於哪個對象的)。<TD>規定該單元格的內容。<TH>和<TD>標簽的所有屬性及相應的屬性功能是完全一樣。
rowspan:表示該單元格所跨的行數。
colspan:表示該單元格所跨的列數。
align 、valign:用法同上。指定單元格內容的位置。

二.用表格製作跨幅細線:
有時候在網頁排版時,我們需要一條細線,用圖片似乎有點勞師動眾了,其實,這個小問題用表格就能搞定。

製作過程:
1、插入一個一行一列的表格。
2、將表格的「cellpadding」「cellspacing」都設置為「0」。
3、將單元格的「bgcolor」設置為「#000000」(當然你也可以設置為其他的顏色,主要取決於你需要什麼顏色的細線)「height」設置為「1」
。 4、查看源代碼,將<td></td>中的「 」去掉就ok了。
原理:這種細線效果其實就是一個高為「1pix」的表格。

三.細線表格
我們常常遇到添加表格邊框以區別不同的內容的情況,但將表格邊框寬度「border」設置為「1」時,邊框又顯得過於突出,那麼,能不能製作細線邊框呢?
製作原理:
1、插入一個一行一列的表格。
2、將表格的「border」、「cellpadding」設置為「0」,「cellspacing」設置為「1」。
3、將表格的「bgcolor」=「#000000」。
4、將單元格的「bgcolor」設置為「#FFFFFF」(當然你也可以設置為其他的顏色,主要取決於你需要什麼顏色的邊框)。
5、預覽頁面。

原理:前面已經講過屬性「cellspacing」表示的是單元格與單元格的距離。我們在設置整個表格的背景色時也包含了這個距離間的空白(我們設置的是「1pix」),而設置單元格的背景色時卻不包含這個距離間的空白,這樣以來,你在瀏覽器中看到的表格邊框線其實就是單元格與單元格的距離所顯示的。

2、表單用什麼軟體設計

你指的是用來做信息收集用的表單吧。

這種類型的表單一般來說是需要收集信息後能做數據分析或者導出數據表的那種。

如果你想做這種的話推薦頃刻應用表單製作軟體,百度上搜一下就有。可以免費用的。

這個軟體最大的好處就是如果你已經有數據表的話直接導入進去就可以了,數據類型和表單樣式都是自動識別的,挺好用的。

3、有沒有做在線表單的工具推薦?

先說句廢話,和題主一樣,因為工作的原因要把表單引進公司,把上面回答里提到的都試了一圈。有的軟體說是免費,但是用起來這也要錢那也要錢,限制還特別多,還會有LOGO在上面去不掉、免費版無人權,使用感實在是一言難盡。

我這邊需求就很明確:1. 好上手,用起來很簡單,因為要在公司里推廣的,不能用有很高的技術難度;2. 能做各種在線表單,模板比較全而且要免費的,能直接套模板也能根據需要自定義;3. 盡量免費,適當收費可以考慮,畢竟預算也不是很多;4. 平台要靠譜(誰也不想數據泄露或者遇到平台跑路吧,所以不考慮那些山寨感很強的)

我的心得就是:1. 國內有好表單軟體,但是不多,大多數功能都單一、而且收費特別黑;

2. 國外軟體也不要全一棍子打死,因為有的也支持中文版,但使用起來載入慢也是個問題;

1、簡道雲 

先說我覺得最好的:都試了一圈,最後選了帆軟旗下的簡道雲。(真不是托真不是托真不是托)。剛看上簡道雲是因為公司本身就在用帆軟的FineBI系統,所以就試試看。感覺就是專門為企業用戶做的,除了提供表單,流程、報表、提醒功能都做得比較出色,適合企業用。

優勢:(1) 自帶數據分析功能,可以一鍵形成圖表分析,省的導出再做數據分析了,還可以製作自定義報表(帆軟的強項結合進去了),報表審美非常在線;

(2) 不需要代碼基礎,可以直接免費使各類現成的模板(涵蓋進銷存、人事、巡檢管理等方方面面),也支持自定義。

缺點:沒有手機端APP,手機上只能在網頁上,或者集成在釘釘、企業微信里使用;

價格:可以免費使用,公司如果要大規模使用,還是要按需付費(對我來說免費版就足夠用了,因為我們公司規模不大、我們主要是用來做內務系統、實際上用不到太多功能)

2、Microsoft Forms 

比起Google sheets,國內還是更習慣使用Excel。那麼就可以考慮微軟推出的Microsoft Forms。Microsoft Forms是Microsoft推出與Google Forms競標的產品,工作原理大致相同。

優勢:最大的優點是不要錢

缺點:欄位類型不夠全(比如,不支持上傳文件)

價格:免費,僅需一個microsoft帳戶。

3、JotForm (Web, iOS, Android)

簡單說:免費版限制少,支持高度自定義,模板挺全的,就是有巨大的水印(付費版也只能有限的去水印機會)十分反人類

JotForm支持高度自定義,所以如果覺得Wufoo免費版的限制太多,JotForm是一個非常優質的替代品。(Wufoo其實也滿好用的,就是沒有漢化版,用起來費勁)

缺點:表單中會帶有JotForm的水印,付費升級之後依然只能有限量的去水印機會。

價格:免費版本提供5個表單和100次錄入;收費版本從19美元/月起,最便宜的青銅計劃包括25個沒有JotForm水印的表單。

4、Formstack (Web, iOS, Android)  

簡單說:有流程功能(就是提醒只能通過email很煩,要是能集成在微信或者釘釘裡面方便的。嚴格的數據隱私把控:對於一些管制行業,Formstack提供了特定的符合HIPAA和gmp的表單,以確保受訪者的私人數據安全。

價格:價格從每月19美元起,僅限一位用戶使用、每月最多製作五個表單。

5、Typeform 

簡單說:可以用來做一些不常規的表單,比如說做個封面什麼的,可以當一個小工具收藏起來。不是那種適合日常的常規使用的。

免費版本中每個表單最多設置10個問題,每月最多回收100個填寫

最後再說幾句:

上面說到的國外表單軟體雖然很優秀,但是在國內用載入很慢、原本一分鍾就能做完的表單要多耗十幾分鍾。但是都有漢化版,不太用擔心看不懂的問題,就是有的時候漢化的有點兒魔性,不影響使用。國內的軟體最推薦簡道雲,也有一些其他的做的也不錯的,金數據、麥克等等,就是功能稍微簡單些,大家可以自行試試看,選擇最適合的。

4、能設計一個軟體,將需要填寫的EXCEL表格生成為網頁,在瀏覽器中填表嗎?

建議正常的WEB開發就可以,前端HTML,JS,CSS,後端Java或者.net都可以,資料庫隨便

需要將Excel表格生成網頁的話,需要考慮一些第三方的Excel表格控制項來集成到你的系統中用來在網頁中顯示Excel,比如:SpreadJS

關於你提出的幾點問題:

1、這個只要能支持Excel導入,就能實現你的需求,SpreadJS有Excel導入功能

2、你說的其實都是Excel本身的設計風格,上面說的用一些第三方的類Excel表格控制項集成到系統中去做頁面的Excel表格展示就可以完全做到。SpreadJS就是將Excel的電子表格在網頁中去顯示,所以顯示的效果完全跟Excel一樣

3、是基本的填報需求,SpreadJS中的數據綁定就可以實現類似的效果,將需要填報的單元格用綁定綁定起來,然後就可以獲取到用戶填寫的相關信息,這樣在存入資料庫就可以完成

4、這個就是Excel的導出功能,SpreadJS就可以導出Excel並且導出內容保持基本一致。

5、Spread支持IE9及以上,並兼容常用的chrome,firefox,safari等主流瀏覽器。

5、網頁表格批量粘貼工具有沒有?

應該沒有,你的表格和網站表格格式不一樣,不能一下粘貼

6、怎麼把網頁製作工具的表格高度弄為1像素

你可以把那個空格字元去掉!! ( ) 然後在高度裡面設置為一像素就ok了..<td height="1"></td>

希望採納

7、製作網頁時,要在網頁中放點工具和表格供用戶下載,該怎麼樣做?

後台上傳提供一下連接就可以了

8、如何使用電子表格或演示文稿軟體製作網頁

可以的,電子表格抄不一定襲要用excel,可以使用表單大師,表單都是就是做電子表格的,一個電子表格其實就是一個網頁,那麼你可以在網頁裡面添加表單還可以添加各種信息,最基本的文字、圖片甚至是超鏈接,如果你需要一些復雜的跳轉和限制功能,表單大師都可以做。

9、急尋!網頁中自動填寫表格的軟體(或者IE插件)

騰訊的Tencent Traveler就有這個功能,可以通過如下步驟使用:「工具」--「TT選項」--「自動填表設置」。

10、找一個自動填寫網頁表格的工具插件

你找「網頁自動填寫提交軟體」,從文件讀取內容填寫到oa系統

與網頁表格設計工具相關的知識