網頁設計如何製作課表_怎麼用html語言設計復雜課程表啊

1、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(1)網頁設計如何製作課表擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

2、用html標簽製作一張課程表，謝謝

效果圖，顏色，邊框可以自己修改成你自己喜歡的，邊框也是，下面代碼有說明，直接復制過去就可以用了

<!DOCTYPE html>

<html>

<head>

table{

width:50%;

margin:50px auto 0;

text-align: center;

}

.class-schele{

font-weight: bold;

}

</style>

</head>

<body>

<tr>

</tr>

</tr>

<tr>

<td rowspan="2">計算機基礎</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

3、怎麼用html語言設計復雜課程表啊？

<html >
<head>
<title>課程表</title>
</head>

<body>
<table width="758" height="247" border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6" align="center"><a href="#">課程表<img src="#" height="30" width="30" border="0"><img src="#" height="30" width="30" border="0"></a></td>
</tr>
<tr>
<td align="center">星期/節次</td>
<td align="center">1-2節</td>
<td align="center">3-4節</td>
<td align="center">5-6節</td>
<td align="center">7-8節</td>

</tr>
<tr>
<td align="center">星期一</td>
<td align="center">國際結算</td>
<td align="center">國際營銷</td>
<td colspan="2" align="center">自習</td>

</tr>
<tr>
<td align="center">星期二</td>
<td align="center">網頁設計</td>
<td align="center">國際貿易實務</td>
<td align="center">統計學</td>
<td align="center"> </td>

</tr>
<tr>
<td align="center">星期三</td>
<td align="center">外貿函電</td>
<td align="center">國際商法</td>
<td align="center">網頁設計</td>
<td align="center"> </td>

</tr>
<tr>
<td align="center">星期四</td>
<td align="center">國際貿易實務</td>
<td align="center">統計學</td>
<td align="center">國際商法</td>
<td align="center"> </td>

</tr>
<tr>
<td align="center">星期五</td>
<td align="center">國際結算</td>
<td align="center">外貿函電</td>
<td colspan="2" align="center">自習</td>

</tr>
</table>
</body>
</html>
-----------------------------------------------------------------------------
差不多就是這樣的吧？

4、如何用css製作一張課程表？不要用復制的

這里是CSS樣式--------->
<style>
.jmb{ width:912px; background:#FFFFFF; border:1px solid #F1BCC4; border-left:none; border-bottom:none; height:auto; float:left; margin-top:5px;}
.jmb ul{ width:912px; color:#D45A57; border-bottom:1px solid #F1BCC4; float:left; line-height:32px;}
.jmb ul li{ width:113px; float:left; border-left:1px solid #F1BCC4; text-align:center;}
<style/>

這里是HTML--------->
<div class="jmb">
<ul style="width:912px; font-weight:bold;"><li>放課程名字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
<ul style="width:912px;"><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li><li>文字</li></ul>
</div>

才10分~~~~~~~~~~~~記得給我啊~~~~~~~！

5、用html語言製作一張課程表

在html 編輯軟體了插入一個多少行多少列的表格，在填上相應的內容就可以了

6、怎麼用電腦做課程表

1.新建一個word文檔，單擊「文件」-「保存」，保存文件名為「課程表」，在文檔中輸入「某某班級課程表」；

2.點擊「表格」-「插入」-「表格」，打開「插入表格」對話框，在行列中輸入需要的行和列，在行中輸入8，在列中輸入6。即我們一天一般七節課和一個星期五天，各加一個表頭。

3.在插入的表格中輸入數據，表頭列為星期一到星期天，行為第一節到第七節；

4.把游標移動到邊框線上對表格寬度進行調整，調整後選中整個表格，右擊，在彈出的菜單中選擇「平均分布各行」，同理，再執行一次操作，選擇「平均分布各列」。

5.把游標移動支第一個單元格，選擇「表格」菜單，執行「繪制斜線表頭」命令，在彈出的對話框中選擇一種表頭樣式，我們選擇「樣式一」，字體大小選擇五號字；在行標題中輸入「星期」，列標題中輸入「節次」；

6.繪制斜線表頭就製作好了，稍微調整好位置，讓表頭美觀，；

7.選擇整個表格，點擊右鍵，在彈出的菜單中選擇「單元格對齊方式」，找到居中對齊；文字就上下左右全部居中了，再次選擇表格，對文字格式進行設置，選擇加粗，四號字；

8.選擇文字「某某班級課程表」，設置為二號字大小，加粗顯示，居中，仿宋字體；設置好與表格的間距；

9.選擇「星期一」到「星期五」單元格，右擊，在彈出的菜單中選擇「邊框和底紋」；在打開的「邊框和底紋」選項卡中找到底紋，選擇一種顏色作為單元格的底紋。

10.設置好後，點擊「確定」，返回到編輯區，同上面的方法，選擇第一節到第七節單元格，設置節次的底紋，全部設置好後，效果如下圖；

7、html 做課程表

代碼如下：

<html><head><title>表格應用</title>
</head>
<body>
<table frame=box border=1 align=center cellpadding=0 cellspacing=0 bordercolor=black>
<caption>吳**個人課表</caption>
<tr>
<td colspan=2 align="center">時間</td>
<td align="center">星期一</td>
<td align="center">星期二</td>
<td align="center">星期三</td>
<td align="center">星期四</td>
<td align="center">星期五</td>
<td align="center">星期六</td>
<td align="center">星期日</td>
</tr>
<tr>
<td colspan=2 align=center>早晨</td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td><td> </td>
</tr>
<tr>
<td rowspan=4 align=center>上午</td>
<td >第 1 節</td>
<td rowspan=2 align=center>WEB應用開發技術 周一第1,2節{第1-16周}
 熊俊濤(熊俊濤) 3502</td>
<td rowspan=2 align=center>線性代數 周二第1,2節{第1-8周} 趙立新 3202</td>
<td rowspan=2 align=center>Internet與Intranet技術 周三第1,2節{第1-12周} 張建桃 3401</td>
<td rowspan=2 align=center>管理統計學 周四第1,2節{第1-16周} 張建桃(張建桃) 3301</td>
<td ></td><td ></td><td></td></tr>
<tr>
<td>第 2 節</td>
<td ></td><td ></td><td></td></tr>
<tr>
<td >第 3 節</td>
<td rowspan=2 align=center>WEB應用開發技術 周一第3,4節{第9-16周}
 熊俊濤(熊俊濤)</td>
<td rowspan=2 align=center>職業素養提升與就業指導 周二第3,4節{第2-15周} 劉月秀 3312</td>
<td rowspan=2 align=center>太極拳與乒乓球 周三第3,4節{第1-16周} 王常青 公寓8棟乒</td>
<td rowspan=2 align=center>線性代數</td>
<td ></td><td ></td><td></td></tr>
<tr>
<td >第 4 節</td>
<td ></td><td ></td><td></td></tr>
<tr>
<td rowspan=6 align=center>下午</td>
<td >第 5 節</td>
<td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr>
<td >第 6 節</td>
<td ></td><td ></td><td></td><td></td><td></td><td></td><td></td></tr>
<td >第 7 節</td>
<td rowspan=2 align=center>馬克思主義基本原理 周一第7,8節{第1-18周} 陳雷 3402</td>
<td rowspan=2 align=center>企業網組網實驗 周二第7,8節{第1-16周} 韓方珍/張建桃</td>
<td rowspan=2 align=center>企業管理 周三第7,8節{第3-18周}
 劉偉章 3405</td>
<td rowspan=2 align=center>大學英語 周四第7,8節{第1-15周} 陳琳慧 DS523</td>
<td ></td><td ></td><td></td></tr>
<tr>
<td >第 8 節</td>
<td ></td><td ></td><td></td></tr>
<tr>
<td >第 9 節</td>
<td></td>
<td rowspan=2 align=center>管理統計學 周二第9,10節{第6-9周} 張建桃(張建桃)</td><td></td><td></td>
<td rowspan=2 align=center>大學英語 周五第9,10節{第1-15周} 陳琳慧 3601</td><td></td><td></td></tr>
<tr>
<td >第 10 節</td>
<td></td><td></td><td></td><td></td><td></td></tr>
<tr>
<td rowspan=3 align=center>晚上</td>
<td >第 11 節</td>
<td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr>
<tr>
<td >第 12 節</td>
<td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr>
<tr>
<td >第 13 節</td>
<td ></td><td ></td><td></td><td ></td><td ></td><td ></td><td ></td></tr>
</tr>

運行結果：

8、如何製作課程表軟體

操作過程來:
A,用滑鼠單擊菜單欄上的"表格源"菜單項.
B,在下拉菜單中選擇"插入"選項,並在其子菜單中單擊"表格".出現"插入表格"對話框.
C,在"插入表格"對話框中根據自己的實際需要,在"列數","行數"文體框中輸入數值,再單擊"確定"按鈕,即可得到一張表格.
合並單元格
合並單元格的步驟:選定要合並的單元格,按滑鼠右鍵,單擊"合並單元格"按鈕.
製作表頭.
添加斜線製作表頭:點"表格"菜單,再點"繪制斜線表頭",再按確定即可畫出表頭.
內容錄入.
輸入課程內容,完成表格

9、如何製作好看的課程表

你想要製作好看的課程表，那麼可以把自己的課程給統計到一張紙上，然後課堂表上畫一些好看的裝飾，就能夠製作成功了。

10、如何製作課程表模板

可以找一張漂亮的圖片，PPT背景素材比較不錯的，進入Photoshop在圖片上添加文字就可以隨心所欲了。如果你的技術夠強的話，可以對圖片進行適當的加工！

導航:首頁 > 萬維百科 > 網頁設計如何製作課表

網頁設計如何製作課表

與網頁設計如何製作課表相關的知識