圖表設計網站_網頁製作要用表格設計網頁將素材（圖片視頻文字）分別放入表格中的單獨格子最好是截圖謝謝

1、如何設計一個自動生成表格的網頁？

用asp語言可以

第1章網頁製作概述
1.1 任務一：認識Web服務
1.2 Web服務原理實訓
1.3 任務二：認識網站與網頁
1.4 任務三：認識用網頁製作工具
1.5 使用HTML製作網頁實訓
本章小結
練習題
第2章網站開發與網頁製作準備
2.1 任務一：Dreamweaver MX2004的工作界面
2.2 任務二：創建站點
2.3 任務三：網頁的建立、打開、保存與預覽
2.4 創建和發布一個簡單的站點實訓
本章小結
練習題
第3章文本及其格式化
3.1 任務一：網頁文本的錄入及修改
3.2 任務二：文本及段落的格式化
3.3 文本及其格式化實訓
3.4 任務三：項目列表的使用
3.5 創建列表實訓
本章小結
練習題
第4章處理圖像
4.1 任務一：在網頁中插入圖像
4.2 任務二：設置圖像的屬性
4.3 圖像操作實訓
4.4 任務三：背景圖像的設置
4.5 設置背景圖像及創建圖像熱區實訓
本章小結
練習題
第5章超級鏈接
5.1 任務一：超級鏈接的建立
5.2 建立超級鏈接實訓
5.3 任務二：更改鏈接的樣式
5.4 更改超級鏈接的樣式實訓
5.5 任務三：管理超級鏈接
本章小結
練習題
第6章表格
6.1 任務一：表格的創建及屬性的設置
6.2 表格應用實訓
6.3 任務二：表格調整
6.4 表格調整實訓
6.5 利用表格進行網頁首頁的設計實訓
本章小結
練習題
第7章頁面布局視圖的使用
7.1 任務一：繪制布局表格和布避單元格
7.2 任務二：布局表格和布局單元格的基本操作
7.3 布局視圖應用實訓
本章小結
練習題
第8章框架
8.1 任務一：框架和框架集的基本操作
8.2 任務二：設置框架和框架集的屬性
8.3 框架應用實訓
本章小結
練習題
第9章層、時間軸與動畫
第10章模板、庫和插件
第11章表單設計
第12章使用Dreamweaver MX建立動態站點

詳細的去看看下面的網址

3、怎樣將網頁表格設計得漂亮

你可以參考bootstrap離得handstable；

你要是自己設計一個css表格的話；

給你個大框：

1.表頭，行，列的width、height、border(內邊距、圓角邊框)、text-align、color、text-overflow（溢出換行問題）、font（字體大小）、background-color...等等

4、網頁製作，要用表格設計網頁，將素材（圖片，視頻，文字）分別放入表格中的單獨格子。最好是截圖。謝謝。

選一款你熟練的操作軟體然後你就可以做好你需要的網頁了

5、如何創建網頁圖表

對許多不熟悉HTML的朋友來說，還以為是使用了CSS、JavaScript等技術，其實不然。看完下面的內容你就會明白了。
控製表格邊框的顯示
對使用Dreamweaver、FrontPage等所見即所得的網頁編輯軟體的朋友來說，很難控製表格的上下左右的邊框顯示與隱藏，其實你只要在HTML中的〈table〉〈/table〉標簽頁中添加一項「frame」屬性即可。
不顯示表格邊框(frame=void)
只顯示表格的上邊框(frame=above )
只顯示表格的下邊框(frame=below )
只顯示表格的上下邊框(frame=hsides)
只顯示表格的左右邊框(frame=vsides)
只顯示表格的左邊框(frame=lhs)
只顯示表格的右邊框(frame=rhs)
例如，〈table width="75%" border="1" frame=void/above/below/hsides/vsides/lhs/rhs cellpadding="0" cellspacing="0"〉〈/table〉控製表格行與列的分割線
在網頁設計中，如果版面沒設計好，那麼這個網頁可以說是失敗的。利用表格進行分欄，可以達到整齊排版的目的，美化你的網頁外觀。所謂分欄，就是讓你的網頁變成一個大表格，然後根據你的版面設計和內容安排，將這個表格分成不同的行和列，調整各個行和列的寬度和高度，以達到你排版的要求。當然了，你還可以在表格之中再嵌套表格，以達到更加復雜的排版需要。在設計過程中你可以靈活設置單元格邊距和單元格間距的數值。在HTML語言中表格的分割線是由「rules」屬性來決定的。所以我們可以通過手工修改源代碼的方法來控制分割線的顯示與隱藏。
1、顯示所有分割線(rules=all)
如〈table width="75%" border="1" rules=all cellpadding="0" cellspacing="0"〉
2、不顯示任何分割線(rules=none)
3、只顯示行與行之間的分割線(rules=rows)
4、只顯示列與列之間分割線(rules=cols)
用表格邊框實現單線顯示
用線條來美化網頁是網頁設計者經常使用的手法之一。在網頁中除了用〈hr〉標記來實現插入水平線外，我們還可以用表格來實現。FrontPage 2000默認的表格線比較粗，但只要稍加處理，就可以製作出一個細線表格，細線表格非常娟秀小巧，很有個性。它的具體操作方法是：在表格屬性中將邊框粗細設為「1」，將單元格邊距和單元格間距設置為「0」，同時將亮邊框設置成與表格背景相同的顏色，暗邊框設成你想要的任一顏色即可，怎麼樣，細線表格出現了吧。

6、求以下網頁設計表格html代碼

代碼（大小有需要可以調）：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>練習使用HTML</title>
    </head>

    <body>
        <center>
            <table border="1px" cellpadding="0px" cellspacing="0px">
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                    <td width="200px" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
                <tr>
                    <td colspan="4" height="60px"></td>
                </tr>
            </table>
        </center>
    </body>

</html>

運行效果：

7、用html設計網站，要求用表格進行整體布局，不要用css,求源代碼，謝謝！！！！

DW 直接把表格拖進去填一下內容就OK 了··

8、HTML5中如何繪制圖表？

圖表的背景一般是精心設計的它有一定的梯度、網格線、號碼標簽和月份名稱等等，如果直接通過JavaScript進行繪制可能需數十行或上百行的代碼。但是如果我們直接通過Canvas直接創建一個背景圖。我們只需要在其他的軟體如PS上繪制好一個背景圖，然後載入到Canvas上就可以了。

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<p>你的瀏覽器不支持canvas元素</p>

</canvas>

</div>

// 1、要繪制圖表首先我們要獲取到canvas對象以及具有圖表背景的圖片對象。

var

canvas = document.getElementById('canvas'),

context = null;

context = canvas.getContext('2d');

var img = new Image();

img.src ='chart-background.png';//這里是一張具有圖表背景的圖片

// 2、繪制一個具有圖表背景的圖片後再根據要繪制的曲線圖各個點在canvas是中的坐標繪制直線。

img.onload = function() {

//繪制圖片

context.drawImage(img, 0, 0);

//繪制直線

context.beginPath();

context.moveTo(70, 105);

context.lineTo(105, 132);

context.lineTo(142, 250);

context.lineTo(176, 175);

context.lineTo(212, 145);

context.lineTo(245, 197);

context.lineTo(280, 90);

context.stroke();

}

</script>

</body>

</html>

3、本示例的最終繪制效果如下：這樣一個曲線圖表就繪制出來的，其他的圖表也可以用類似的方法進行繪制。

這些都是有關於HTML5新特性的一些應用。給你推薦一個教程網站秒秒學，該網站上有關於HTML5新特性的講解。

9、用表格和表單設計如下網頁

<!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>
</head>

<body>
<form action="" method="post" name="form">
<table width="501" border="0" align="center">
<tr>
<td colspan="2" align="center"><h2>請留下個人資料</h2></td>
</tr>
<tr>
<td width="122" align="right">姓名：</td>
<td width="363"><label>
<input type="text" name="textfield" />
</label></td>
</tr>
<tr>
<td align="right">電話：</td>
<td><input type="text" name="textfield2" /></td>
</tr>
<tr>
<td align="right">E-mail：</td>
<td><input type="text" name="textfield3" /></td>
</tr>
<tr>
<td align="right">性別：</td>
<td><label>
<input type="radio" name="radiobutton" value="radiobutton" />
男
<input type="radio" name="radiobutton" value="radiobutton" />
女</label></td>
</tr>
<tr>
<td align="right">年齡：</td>
<td><label>
<select name="select">
<option value="0">-請選擇-</option>
<option value="1">20歲以下</option>
<option value="2">20-30歲</option>
<option value="3">30歲以上</option>
</select>
</label></td>
</tr>
<tr>
<td align="right">留言板：</td>
<td><label>
<textarea name="textarea"></textarea>
</label></td>
</tr>
<tr>
<td align="right">您的愛好</td>
<td><label>
<input type="checkbox" name="checkbox" value="checkbox" />
運動
<input type="checkbox" name="checkbox2" value="checkbox" />
閱讀<br/> <input type="checkbox" name="checkbox2" value="checkbox" />
聽音樂 <input type="checkbox" name="checkbox2" value="checkbox" />
旅遊
</label>

</td>
</tr>
<tr>
<td colspan="2" align="center"><label>
<input type="submit" name="Submit" value="提交" />
</label>
<label>
<input type="reset" name="Submit2" value="全部重寫" />
</label></td>
</tr>
</table>
</form>
</body>
</html>把代碼粘上就是你要的樣子了

10、如何用visio畫web圖表的網站總體設計圖。裡面的組件是干什麼用的，是什麼意思？求解釋。越詳細越好。謝謝

新建的時候類別選擇web圖標-->網站總體設計。如果新建的時候沒有類別給你選，就在菜單文件->形狀里選擇。
選擇以後左邊會有網站總體設計類別所包含的所有組件，你把需要用的直接拖到編輯區域就可以了

導航:首頁 > 萬維百科 > 圖表設計網站

圖表設計網站

與圖表設計網站相關的知識