簡單的網頁設計表格_求設計一個簡單的網頁內容寫一個html頁面至少包含一個表格、一個表單；30行以上；美觀不管

1、怎樣製作簡單的靜態的網頁設計

你好。首先下載Dreamweaver.exe並打開，選擇你使用的編輯語言，本案例用html
打開頁面後，選著設計窗口，如圖所示。設計窗口可以快速布局網頁，不需要自己編輯代碼。

打開你要設計的網頁的設計圖，本經驗是百度經驗首頁為例，首先我們製作頂上的搜索條，點擊插入—表格（如圖所示）。打開表格屬性編輯表格屬性。插入1行和5列，表格寬度為1130,（即為網頁的寬度），邊距，間距分別為0，此表格只是為了定位，因此不設邊框。

設置好表格後，可在表格裡面插入你的內容，首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整，滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示

接下來我們來做搜索框，點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖，文本框上班還要添加內容，因此，可選擇單元格右擊選擇表格—拆分單元格，此處是需要添加一行的內容，因此拆分為兩行，如圖所示。

用同樣的辦法拆分上面的行，因為要添加10個選擇項，因此拆分為10列（右擊選中的行—拆分單元格—10列—確定）。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。

接下來我們做搜索按鈕，同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。

接下來給按鈕添加鏈接，本次經驗分享的是靜態網頁，因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接，或者其他網站鏈接。

剩下的內容都可根據方法步奏逐漸添加，調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面，把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站

另外我們還可以採用front page。也可以很容易的實現。
望採納。

2、怎樣利用表格製作網頁？

一、創建基本的表格一個表由＜table＞開始，＜/table＞結束，表的內容由＜tr＞,＜th＞和＜td＞定義。＜tr＞說明表的一個行，表有多少行就有多少個＜tr＞；＜th＞說明表的列數和相應欄目的名稱，有多少個欄就有多少個＜th＞；＜td＞則填充由＜tr＞和＜th＞組成的表格。這裡面有兩個概念要弄明白：表格與單元格。他們的關系是整體與局部的關系，如同砌牆的磚和砌好的牆一樣。在上面3行3列的表格中一共有9個單元格。由於我們後面將提到的表格屬性和單元格屬性有很多是相同的，所以一定要分清楚。前面已經說過表格的最基本標記為＜table＞、＜tr＞、＜td＞，可以先樹立這樣一個概念：描述整個表格的屬性標記放在＜table＞里，描述單元格的屬性標記放在＜tr＞、＜td＞里。有這樣一個概念後，我們學習起來就可能簡單些。

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

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

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

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

製作方法如下：

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

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

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

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

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

4、網頁設計一個最簡單的表單提交！

你直接搜索當地可以提交這個表單的電話問下就OK啦

5、Web製作網頁製作 html 表格

個人建議：瀏覽器F12查找，一般程序員寧可重寫，也不願查找錯誤

6、網頁製作表格"table"的屬性

大表格的valign屬性來改為top

如果只是小源表格置頂，其他內容居中，那就把小表格放在層（div）裡面，層可以隨便放置到任何位置。

fp也可以用層啊。不用的話。
<table border="1" width="100%" id="table1" height="234" valign=top>
<tr>
<td> </td>
</tr>
</table>

7、求設計一個簡單的網頁內容寫一個html頁面，至少包含一個表格、一個表單； 30行以上；美觀不管

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
.fontStyle{
color:red;
font-size:18px;
font-weight:bold;
}
</style>
</head>

<body>
<p class="fontStyle">表格</p>
<table cellspacing="0" cellpadding="0" width="500" height="300" border="1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
</table>
<p>----------------------------------------------------------------------------------------------</p>
<form id="form1" name="form1" method="post" action="">
<p class="fontStyle">表單</p>
<p>
<label for="name">姓名：</label>
<input type="text" name="name" id="name" />
</p>
<p>性別：
<input type="radio" name="sex" id="male" value="radio" /><label for="male">男</label>
<input type="radio" name="sex" id="female" value="radio2" /><label for="female">女</label></p>
<p>愛好：
<input type="checkbox" name="music" id="music" /><label for="music">聽音樂</label>
<input type="checkbox" name="web" id="web" /><label for="web">上網</label>
<input type="checkbox" name="book" id="book" /><label for="book">看書</label></p>
<p>
<label for="content">簡歷：</label>
<textarea name="content" id="content" cols="45" rows="5"></textarea>
</p>
</form>
</body>
</html>
把上面的代碼放到dw里，運行就好了，如果還不會，我把網頁傳給你吧！！！

導航:首頁 > 萬維百科 > 簡單的網頁設計表格

簡單的網頁設計表格

與簡單的網頁設計表格相關的知識