Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

[作業04]以CSS製作網頁導覽列

104-1《中國》竹視傳二A-網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
  1. 1. 參考講義
  2. 2. 製作說明
  3. 3. 參考語法
  4. 3.1 新增index.html檔案，貼上以下語法
  5. 3.2 完整語法（含header)
  6. 3.3 新增style.css檔案(index.html 儲存於hw04-學號資料夾中)，選擇以下兩種語法其中一個即可
  7. 3.3.1 第一種置中型
  8. 3.3.2 第二種靠左型
  9. 4. 繳交方式
  10. 5. 參考範例

1. 參考講義


[講義04] 以CSS製作網頁導覽列
http://mepopedia.com/forum/read.php?804,17032

2. 製作說明


1.請參考 [講義04] 以CSS製作網頁導覽列 的步驟製作，以及使用以下的語法完成。

2.只要做導覽列就好，參考以下語法，修改成自己設定的風格，顏色及樣式都需要改變，並可設著加上圖片，記得tilte註明學號。

3.須包含index.html style.css 也可以使用圖片資料夾images，儲存在hw04-102xxxxxxx 資料夾中

4.請每位同學依步驟完成本單元後，上傳至FTP

5.本次作業的重點在於：

（1 ）以清單方式 ＜ul＞及＜li＞利用CSS製作導覽列
（3 ）熟悉以清單方式 ＜ul＞及＜li＞製作導覽列的語法，自行修改成設定的風格
（4 ）如何將圖片與色彩搭配出有質感的導覽列。

3. 參考語法



1. 新增index.html檔案，貼上以下語法



<ul id="button"> <li><a href="index.html">About</a></li> <li><a href="works.html">Works</a></li> <li><a href="video.html">Video</a></li> <li><a href="links.html">Links</a></li> <li><a href="story.html">Story</a></li> </ul>

2. 完整語法（含header)


<!DOCTYPE html> <html> <head> <title>網頁導覽列</title> <link rel="stylesheet" href="style.css" media="screen" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="wrapper"> <div id="header"></div> <ul id="button"> <li><a href="index.html">About</a></li> <li><a href="works.html">Works</a></li> <li><a href="video.html">Video</a></li> <li><a href="links.html">Links</a></li> <li><a href="story.html">Story</a></li> </ul> </div> </body> </html>

[hr]

3. 新增style.css檔案(index.html 儲存於hw04-學號資料夾中)，選擇以下兩種語法其中一個即可


[hr]

1. 第一種置中型


#wrapper { width: 900px; margin: auto; } #header { height: px; background-image: url( ); background-repeat: no-repeat; } #button { font-weight: bolder; color: #FFF; font-size: 14px; margin: 0px; padding:0px; } #button li { width:178px; text-align:center; list-style-type:none; background-color:#6E6E6E; float:left; letter-spacing: 2px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; margin-right:1px; } #button li a { display: block; line-height: 22px; color: #FFF; text-decoration: none; } #button li a:hover{ background-color:#39919F }
[hr]

2. 第二種靠左型


#wrapper { width: 900px; margin: auto; } #header { height: px; background-image: url( ); background-repeat: no-repeat; } #button { font-weight: bolder; color: #FFF; padding-bottom: 2px; height: 20px; padding-top: 2px; font-size: 14px; margin: 0px; } #button a { display: block; float: left; width: 150px; color: #FFF; text-decoration: none; } #button a:hover{ color: #7CCBDC; } #button li { float: left; list-style-type: none; letter-spacing: 2px; border-left-width: 1px; border-left-style: solid; border-left-color: #FFF; padding-left: 10px; }


[hr]

4. 繳交方式


1.製作完成後，檔案命名方式：

第四個作業FTP上的資料夾為：hw04

每位同學請將自己的資料夾命名為：hw04-學號
這個作業的網址則為:http://mepopedia.com/~web104-2a/hw04/hw04-1035445XXX

資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.images圖檔資料夾(非必要)

存放在 < hw04-學號 > 的資夾內


2.上傳至FTP

3.回覆本篇文章

(1).作業網址 ：

(2).請回答以下問題：
1.導覽列配色與風格設定：
2.有無遇到的問題?
3.製作感想(你認為導覽列的意義維和
4.製作作業的時間

[hr]

5. 參考範例



http://mepopedia.com/forum/read.php?2023,67216
http://mepopedia.com/forum/read.php?2024,67217
http://mepopedia.com/forum/read.php?1173,27953

作業參考
[color=#0033CC]永遠的印象--莫內，範例網址：[/color]
[color=#CC3366]1.透過CSS，以清單 ＜ul＞及＜li＞製作網頁導覽列[/color]
http://mepopedia.com/~jinjin/web/hw04/　（滑入僅文字變色的導覽列）
http://mepopedia.com/~jinjin/web/hw04-1/　（滑入底色變色及文字置中的導覽列）

[color=#CC3366]2.以圖片按鈕製作的導覽列[/color]
http://mepopedia.com/~jinjin/web/hw04-2/　

(1) http://mepopedia.com/~web103-a/hw04/hw04-1025445040/
(2) http://mepopedia.com/~web103-a/hw04/hw04-1005445193/
(3) http://mepopedia.com/~web103-a/hw04/hw04-1025445064/
(4) http://mepopedia.com/~web103-a/hw04/hw04-1025445178/
(5) http://mepopedia.com/~web103-a/hw04/hw04-1025445001/
(6) http://mepopedia.com/~web101c/hw04/hw04-1015445243/



Edited 3 time(s). Last edit at 12/01/2015 04:09PM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
kelly270 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445115

(2).請回答以下問題：
1.導覽列配色與風格設定： 以粉色系 因為本身故事就是青少年戀愛的時光
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
能夠簡潔有力而且不會讓整個網頁看起來亂中之亂
4.製作作業的時間 一~兩小時


學號:1035445115

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445037 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445037

(2).請回答以下問題：
1.導覽列配色與風格設定： 灰色,風格有點可愛的感覺
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
看東西比較方便

4.製作作業的時間 :半小時

學號:1035445037

推薦 / 評論　 分享到Facebook     回應文章 Quote
邱薏娟 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445172

(2).請回答以下問題：
1.導覽列配色與風格設定： 藍色
2.有無遇到的問題 無
3.製作感想 覺得喜歡這部電影
4.製作作業的時間 20分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445094 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445094

(2).請回答以下問題：
1.導覽列配色與風格設定：感覺粉嫩,風格有點可愛的感覺
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
看東西比較方便

4.製作作業的時間 :半小時

學號:1035445094

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445097 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445097

1.導覽列配色與風格設定：
黑色 黃色 STARWARS的主要色調
2.有無遇到的問題?
導覽列的最左與最右邊兩邊，不要白邊不知道怎麼修改
3.製作感想
蠻簡單的，想多學一點
4.製作作業的時間
40分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
su su [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445214

(2).請回答以下問題：
1.導覽列配色與風格設定：灰暗路線
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
導覽列要簡單明瞭好操作
感想還不錯
4.製作作業的時間：1小時


學號:1035445214

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445217 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445217

(2).請回答以下問題：
1.導覽列配色與風格設定：配合圖片所以用綠色

2.有無遇到的問題?
wapper有設定margin auto 但還是沒有置中

3.製作感想(你認為導覽列的意義維和
不用怕圖片失連

4.製作作業的時間
1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445211 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445211

(2).請回答以下問題：
1.導覽列配色與風格設定：彩色
2.有無遇到的問題? 想主題和顏色，怎麼搭就是覺得怪
3.製作感想
做完很開心
老師教學沒聲音，看很痛苦。

4.製作作業的時間：1到2小時幾乎都在挑圖


學號:1035445211

推薦 / 評論　 分享到Facebook     回應文章 Quote
拔剌幹 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445208

(2).請回答以下問題：
1.導覽列配色與風格設定： 灰色,時尚&插畫
2.有無遇到的問題? 好像沒有
3.製作感想(你認為導覽列的意義維和
簡單

4.製作作業的時間 :半小時 左右吧

學號:1035445208

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445181 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445181

(2).請回答以下問題：
1.導覽列配色與風格設定：繽紛色系列

2.有無遇到的問題?
沒有

3.製作感想(你認為導覽列的意義維和
想繼續做下去

4.製作作業的時間
1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445049 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445049

1.導覽列配色與風格設定：
亮色系，底部用淡藍綠色
2.有無遇到的問題?
左邊的標題那裏一直跟圖沒對齊
3.製作感想
有了之前的一些底有比較好上手了
4.製作作業的時間
一小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445202 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445202

(2).請回答以下問題：
1.導覽列配色與風格設定：跟圖片類似的顏色
2.有無遇到的問題?
沒有
3.製作感想(你認為導覽列的意義為何?
簡單明瞭

4.製作作業的時間
40分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445079 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445079

(2).請回答以下問題：
1.導覽列配色與風格設定： 以藍色系
2.有無遇到的問題? 有 很多很多
3.製作感想(你認為導覽列的意義維和
能夠簡潔有力而且不會讓整個網頁看起來亂中之亂
4.製作作業的時間：熬夜做完


學號:1035445079

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445028 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計  陳仲伶
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445028

(2).請回答以下問題：
1.導覽列配色與風格設定： 粉嫩色系
2.有無遇到的問題? 還好以為很難
3.製作感想(你認為導覽列的意義為何?
很簡潔方便
4.製作作業的時間：10分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445154 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445154

(2).請回答以下問題：
1.導覽列配色與風格設定：復古
2.有無遇到的問題? 小小的問題可以自己解決
3.製作感想.(你認為導覽列的意義為何?
好整理頁面還有導引讀者
4.製作作業的時間：1小時


學號:1035445154



Edited 1 time(s). Last edit at 12/08/2015 04:43PM by 1035445154.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
kelly270 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445046

(2).請回答以下問題：
1.導覽列配色與風格設定： 以藍色系 用自己喜歡的探險活寶
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
可以很有互動
4.製作作業的時間 一~兩小時


學號:1035445046

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445073 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445073

(2).請回答以下問題：
1.導覽列配色與風格設定： 咖啡色系溫暖的風格
2.有無遇到的問題? ：一開始找不到按鈕顏色怎麼改
3.製作感想(你認為導覽列的意義維和 ：看起來較簡潔
4.製作作業的時間 ：1個小時左右

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445184 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445184





1.導覽列配色與風格設定：

為漫畫本身的風格，選擇面積最為廣大的深褐紅和黑色。

2.有無遇到的問題?

分頁鈕跑掉不能用，顏色不能變換

3.製作感想

改不過來的時候一直很令人崩潰

4.製作作業的時間

1h

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445178 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445178





1.導覽列配色與風格設定：

因為貓的毛色，所以選擇灰色以及深藍的顏色。

2.有無遇到的問題?

圖的位子調整了一段時間。

3.製作感想

做完很有成就感。

4.製作作業的時間

一小時半。

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445088 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445088





1.導覽列配色與風格設定：

咖啡色和深綠色，有森林的感覺。

2.有無遇到的問題?

參考講義，所以做得很順利。

3.製作感想

覺得很有趣。

4.製作作業的時間

1小時 30分



Edited 2 time(s). Last edit at 12/15/2015 03:07PM by 1035445088.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
isxdyj [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445199
1.導覽列配色與風格設定：
紅、粉
2.有無遇到的問題?
無
3.製作感想
這次做比較快
4.製作作業的時間
一小時半
1035445199

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445067 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445067/

1.導覽列配色與風格設定：

以黃色、紅色，表現豆豆蟲的有趣

2.有無遇到的問題?

老師的影片敘述清楚

3.製作感想

很有趣

4.製作作業的時間

2小時

學號 1035445067

推薦 / 評論　 分享到Facebook     回應文章 Quote
xxxceline [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2a/hw04/hw04-1035445121


(2).請回答以下問題：
1.導覽列配色與風格設定：
以但灰色為主

2.有無遇到的問題?
沒有

3.製作感想
有趣

4.製作作業的時間
30分


學號:1035445121

推薦 / 評論　 分享到Facebook     回應文章 Quote
zoey [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2a/hw04/hw04-1035445124

(2).請回答以下問題：
1.導覽列配色與風格設定：
優雅的感覺

2.有無遇到的問題?
圖片跑不出來

3.製作感想
圖片跑不出來

4.製作作業的時間
30分

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445148 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計  1035445148
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445148

(2).請回答以下問題：
1.導覽列配色與風格設定： 以淺色系 因為本身就是青年卡通
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
能夠簡潔有力而且不會讓整個網頁看起來亂中之亂
4.製作作業的時間 一小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
danbing [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445076

(2).請回答以下問題：
1.導覽列配色與風格設定： 白色為主要背景 再來以灰色黑色去當邊框
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
這意盎比較好找尋目標性

4.製作作業的時間 :半小時

學號:1035445076

推薦 / 評論　 分享到Facebook     回應文章 Quote
Togenick [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
1



Edited 1 time(s). Last edit at 12/27/2015 12:04AM by Togenick.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
Togenick [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445001

(2).請回答以下問題：
1.導覽列配色與風格設定：簡單 固有的元素配色
2.有無遇到的問題? 不知道為甚麼圖片會跑掉
3.製作感想(你認為導覽列的意義維和
清楚明白 不會讓畫面很雜亂
4.製作作業的時間
1個多小時


學號:1035445001

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445070 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445070
(2).請回答以下問題：
1.導覽列配色與風格設定： 以黃黑色系 因為想強調是以謊言留聲機第二張專輯 黑光的設計配色為主
2.有無遇到的問題? 沒有
3.製作感想 覺得這是很基本的進入網頁的主導頁 但想做的好又又有質感自然就要花下不少功夫
4.製作作業的時間 1~2小時


學號:1035445070

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445193 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445193
1.導覽列配色與風格設定：
黑白灰
2.有無遇到的問題?
無
3.製作感想
這次做比較快
4.製作作業的時間
一小時半
1035445193

推薦 / 評論　 分享到Facebook     回應文章 Quote
childlike0401 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445010

(2).請回答以下問題：
1.導覽列配色與風格設定： 以暖色系為主
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
開始有點成就感
4.製作作業的時間 一小時


學號:1035445010

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445163 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445163

(2).請回答以下問題：
1.導覽列配色與風格設定：清爽
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和
看東西比較方便

4.製作作業的時間 :半小時

學號:1035445163

推薦 / 評論　 分享到Facebook     回應文章 Quote
jian1110 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445169

(2).請回答以下問題：
1.導覽列配色與風格設定：以黑白灰為主要特色,風格是呈現片中追憶往事的特色
2.有無遇到的問題? 無
3.製作感想你認為導覽列的意義為何? 可以明確知道要的內容是什麼
4.製作作業的時間 30分鐘


1035445169 簡郡誼

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445127 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445127
1.導覽列配色與風格設定： 灰白
2.有無遇到的問題?
無
3.製作感想
很快就做完了
4.製作作業的時間
半小時
1035445127

推薦 / 評論　 分享到Facebook     回應文章 Quote
lily850204 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445061
1.導覽列配色與風格設定： 大地色
2.有無遇到的問題?: 有
3.製作感想 :覺得網頁設計真的是一個很困難的東西
4.製作作業的時間 :三小
1035445061

推薦 / 評論　 分享到Facebook     回應文章 Quote
janice tsai [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計  作業
http://mepopedia.com/~web104-2a/hw04/hw04-1035445031
1.導覽列配色與風格設定： 黃綠水果系
2.有無遇到的問題?: 有
3.製作感想 :覺得網頁設計真的是一個很困難的東西
4.製作作業的時間 :15MIN
學號:1035445031

推薦 / 評論　 分享到Facebook     回應文章 Quote
1025445227 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1025445227





1.導覽列配色與風格設定：

吸血鬼聯想的配色，黑紅與灰

2.有無遇到的問題?
header放了圖片後容易不清楚

3.製作感想

有趣

4.製

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445157 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445157

1.導覽列配色與風格設定：
黑色 灰色
2.有無遇到的問題?
沒有
3.製作感想
還蠻簡單的
4.製作作業的時間
30分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
abc88513 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445034

(2).請回答以下問題：
1.導覽列配色與風格設定：粉紅色系與水湖藍
2.有無遇到的問題? 無
3.製作感想:比之前的簡單些

4.製作作業的時間 :1小時

學號:1035445034

推薦 / 評論　 分享到Facebook     回應文章 Quote
Gochen [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035445151
1.導覽列配色與風格設定： 科技感
2.有無遇到的問題?: 有
3.製作感想 :覺得網頁設計是一個很難的東西
4.製作作業的時間 :1小

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445058 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445058

(2).請回答以下問題：
1.導覽列配色與風格設定： 黑白紅黃　米奇色
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義為何
明瞭

4.製作作業的時間 :半小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
a27417944 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 :http://mepopedia.com/~web104-2a/final/final-1035445166

(2).請回答以下問題：
1.網頁主題：NICK
2.有無遇到的問題? 無
3.製作感想:覺得很有成就
4.製作作業的時間 2~3 小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035461022 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
http://mepopedia.com/~web104-2a/hw04/hw04-1035461022
1.導覽列配色與風格設定： 草綠色跟淺灰
2.有無遇到的問題?: 有
3.製作感想: 要思考一下怎麼做才能開始動工，步驟有點多
4.製作作業的時間 :30分鐘左右

推薦 / 評論　 分享到Facebook     回應文章 Quote
張子芸 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445145

(2).請回答以下問題：
1.導覽列配色與風格設定： 黑灰白配色
2.有無遇到的問題 :無
3.製作感想 你認為導覽列的意義維和 :選擇主題與配色需要好好搭配,讓整體統一
4.製作作業的時間 :30分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445205 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2a/final/final-1035445205/index.html
(2).請回答以下問題：
1.導覽列配色與風格設定： 蓮藕色跟粉紅色
2.有無遇到的問題?
3.製作感想(你認為導覽列的意義維和
看了老師的教學,覺得其實沒有很難。
4.製作作業的時間
一個半小時



Edited 3 time(s). Last edit at 01/05/2016 03:03PM by 1035445205.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445130 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/final/final-1035445130/index.html

(2).請回答以下問題：
1.導覽列配色與風格設定： 藍綠色調,風格帶有大自然,樹叢的感覺
2.有無遇到的問題: 已解決
3.製作感想: 很新鮮

4.製作作業的時間 :一小時

學號:1035445130

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445196 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445196

(2).請回答以下問題：
1.導覽列配色與風格設定： 粉紅與白配色
2.有無遇到的問題 :無
3.製作感想 你認為導覽列的意義維和 :圖片與網頁顏色需要搭配才會看起來更和諧
4.製作作業的時間 :30分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445118 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445118/
(2).請回答以下問題：
1.導覽列配色與風格設定： 黑白
2.有無遇到的問題 :無
3.製作感想 你認為導覽列的意義維和 :圖片與網頁顏色需要搭配才會看起來更和諧
4.製作作業的時間 :30分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
林于珊 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445103/

(2).請回答以下問題：
1.導覽列配色與風格設定： 藍色 寧靜的風格
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維和 一目瞭然 知道自己要找的東西在哪
4.製作作業的時間 2小時


視傳二A 10354445103

推薦 / 評論　 分享到Facebook     回應文章 Quote
施佳慧 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2a/hw04/hw04-1035445160/

(2).請回答以下問題：
1.導覽列配色與風格設定： 神秘的黑色，奇異的綠色，完美體現魔法的感覺~
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和 清楚大方，方便瀏覽
4.製作作業的時間 1小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
happy02 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web104-2a/hw04/hw04-1035445055/
(2).請回答以下問題：
1.導覽列配色與風格設定：
使用明度較暗的底色凸顯主題，讓主題更明顯。
2.有無遇到的問題?
沒有。
3.製作感想(你認為導覽列的意義維和
學習以簡單的樣式呈現。
4.製作作業的時間
1小時左右。

學號:1035445055

推薦 / 評論　 分享到Facebook     回應文章 Quote
1035445025 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2a/hw04/hw04-1035445205/

(2).請回答以下問題：
1.導覽列配色與風格設定： 藍色
2.有無遇到的問題 無
3.製作感想 ul li li li li li /ul
4.製作作業的時間 20分鐘

推薦 / 評論　 分享到Facebook     回應文章 Quote
林旆瑀 [ 站內寄信 / PM ]
Re: [作業04]以CSS製作網頁導覽列

分類標籤: 104-1《中國》竹視傳二A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2a/hw04/hw04-1035445064/

(2).請回答以下問題：
1.導覽列配色與風格設定：深紫色、藍色
2.有無遇到的問題 :無
3.製作感想 :很開心
4.製作作業的時間:快1個小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic