網頁設計設計表格屬性

1、html網頁製作里設置表格字體和大小的語句有嗎?是什麼?

HTML Table表格的文字大小與字型在傳統的HTML網頁設計規則中，可以透過HTML預設font文字標簽中的size與face分別設定文字大小與字型，這樣的寫法在HTML5以前是相當普遍的，而到了HTML5開始，修改表格文字大小與字型必須使用css來處理，因為HTML5不支援傳統HTML font的size與face屬性，在css的規則里，修改文字大小是用font-size，而修改字型則是使用font-famliy，以下範例分別使用HTML傳統的font標簽以及css的屬性來修改表格文字。

範例一、用HTML font文字標簽修改表格文字大小與字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">這是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">這是標楷體的文字字型</font></td> 
</tr> 
</table>

呈現結果

誠如第一段所說，若要符合最新的HTML5網頁設計標准，表格內的文字大小與字型就必須使用css來設計，範例二就提供這樣的設計方式，除了可以像範例一這樣每個欄位不同的文字樣式，還可以一次設定整個表格的文字樣式，用起來效率非常好。

範例二、用css的font-size與font-family來修改表格文字大小與字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>這是表格預設文字樣式</td>
<td>< span style="font-size:13px;">這是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">這是標楷體字型< /span></td> 
</tr> 
</table>

呈現結果

二在table標簽開頭就先加入了『style="font-size:18px;font-family:serif;"』這樣的語法，代表將整張表格內的所有文字大小都預設為18px，而且字型使用serif，這可是傳統HTML的font標簽沒辦法做到的高效率設計方式，接著我們在表格的三個欄位，分別使用預設文字樣式、修改大小為13px（font-size:13px;） 、字型改為標楷體（font-family:DFKai-sb;），可以清楚的看到，只要在表格中任何欄位或一段文字，用span標簽包起來，就可以特別為文字做不同的樣式設計。

2、如何用Dreamweaver製作網頁表格

一、要想用Dreamweaver來製作網頁，首先要安裝Dreamweaver網頁製作的工具，這是必備的，可以去官網裡面去下載即可。

二、操作步驟：

【1】第一步是打開Dreamweaver工具。

【2】然後在Dreamweaver選項的中，選擇新建一個Html文件，這個是製作網頁的前提。

【3】進入Dreamweaver主界面後，我們可以看到自動生成的標題、頭、身體的相關的代碼的出現，這個是軟體自動生成的，可以直接使用的。

【4】在Dreamweaver代碼的主界面中，在代碼、拆分、設計這三個選項卡中，選擇拆分，因為這樣可以更好的看到代碼與相關設計的表格的調整的問題。

【5】然後選擇插入中的表格的選項，這個是用來選擇表格的選項的。

【6】選擇表格的選項框出現後，然後根據個人的需要，可以選擇表格的行與列，還可以選擇相關的標題、摘要，這里就選擇五行五列。

【7】當點擊確定後，就能夠看到左邊的代碼區域，右邊的相關表格的區域。

【8】表格製作好後，可以根據個人的需要對表格進行調整大小，可以通過滑鼠的拖動來調整表格的大小。

【9】還可以在代碼中調整網頁表格的大小，對表格的長與寬進行相關的調整，可以修改長與寬的值的大小。

【10】最後一定要記得保存哦，保存的文件是以html為後綴名的。

【11】文件保存好後，可以在Dreamweaver頁面中按F12來瀏覽你做好的網頁表格。

3、在網頁設計中,表格有什麼重要作用

1．當需要提交所有數據時，可以提交整個100個表，如果不使用表，可以逐個提交。

2．表格設計簡潔美觀，方形，與網頁的設計非常一致。

3．網站其實是一個大版本的表格，數據和權重之間的資料庫也與表格有聯系，所以密不可分。

製作方法如下：

1．打開WPS表單並創建一個新的工作簿；

2．然後從多個表中選擇要創建的表的行數和復制列數；

3．然後在工具欄頂部的insert函數下，查找表；

4．雙擊表格後會彈出一個對話框，然後選擇確定；

5．最後，表格將在您選擇的區域自動生成，一個簡單的表格已經准備好了。

4、如何用網頁製作出好看的表格

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元素使開發人員能夠整行應用樣式，但是很難整列應用樣式.為了解決這個問題。

5、網頁設計中的表格！

<tr>
<td height="890" background="imega/2.gif" valign="top">
<table width="102%" height="25" border="0" cellpadding="5" cellspacing="1"> <!--這個表格已經至頂 -->
<tr>
<td width="11%"> </td>
<td width="17%" valign="top">|<a href="i.jsp">111</a></td>
<td width="30%" valign="top" >這一段表格至頂</td>
<td width="42%"> </td>
</tr>
</table>
</td>
</tr>

6、網頁製作，在dreamweaver中插入2個表格，怎麼分別設置表格的屬性？

那得看你要設置什麼屬性了！咱們在設置css控制屬性的前提都是根據需求來操作實現！

7、網頁設計表格背景顏色

可以用background

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

定義和用法

background 簡寫屬性在一個聲明中設置所有的背景屬性。

8、網頁製作中的表單應該如何設計

1、盡量讓表單一目瞭然
用戶瀏覽網站的時候，通常會快速掃視來獲取信息，看看網站內容和設計是否對他們的胃口或者符合需求，再決定要如何應對、交互。表單也是一樣的道理。一目瞭然的表單能讓用戶立刻知道他們需要填寫多少信息，以及如何提交表單。
更多平面設計知識，請咨詢華南平面設計學校。
2、考慮使用浮動的提示文本
對於是否要在表單的輸入框中加入提示文本有很多爭論，其中主要的爭論圍繞在一點上：當用戶點擊輸入框，游標出現准備輸入的時候，其中的提示文本並沒有自動消失，而需要手動刪除之後再才能輸入。這就非常尷尬了。
3、使用表單格式掩碼
格式掩碼能夠提醒用戶輸入的內容的格式，欄位的長短大小，對於表單的可用性有明顯提升。在用戶激活輸入框的時候，格式掩碼會出現，它會幫助用戶格式化輸入信息，避免提交的時候出錯。格式掩碼常見於數字輸入的時候。
4、把表單設計得易於輸入
你無法確知用戶使用的是手機還是電腦在瀏覽你的網頁，輸入你的表單，但是它應該對於各種輸入設備都足夠友好才行。考慮到你的表單可能會是不同類型的鍵盤輸入的，所以你應該根據表單欄位屬性和檢測到的鍵盤類型，進行適配。
5、選擇垂直單列布局
對於用戶而言，垂直單列的布局比起多列的布局更容易使用。當用戶瀏覽的時候，只需要向下瀏覽即可，不用來回翻看，也可以很好的避免填寫過程中的遺漏。
6、控制輸入內容
盡量使用瀏覽器的記憶功能和Cookie，調用數據將表單中常見的欄位預先填充進去。沒有什麼比打開表單其中的多數欄位已經自動填寫進去，更讓人興奮的了。
7、讓表單短而美
當你設計表單的時候，總想從用戶那兒盡可能多的獲取信息，一定要剋制住這個沖動!
只在表單中呈現重要信息，讓用戶盡可能少的填寫。如果稍後需要提供更多的信息，可以在其他的地方諸如電子郵件中向用戶獲取信息。當用戶已經完成注冊之後，你們後續推送信息、相互溝通、獲取信息的機會更多了。
盡量只保留必要的欄位供用戶填寫，不要提供冗餘的選項，讓表單小而美。