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

Advanced

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

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
  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-103xxxxxxx 資料夾中

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; background-color: #6E6E6E; 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; }

2. 第二種置中型


#wrapper { width: 900px; margin: auto; } #header { height: px; background-image: url( ); background-repeat: no-repeat; } #button { font-weight: bolder; color: #FFF; font-size: 14px; background-color:#6E6E6E; 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]

4. 繳交方式


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

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

每位同學請將自己的資料夾命名為：hw04-學號
這個作業的網址則為:http://mepopedia.com/~web104-2c/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 2 time(s). Last edit at 11/26/2015 10:06AM by JinJin.
(編輯記錄)

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：以天空為主題搭配顏色灰白藍
2.有無遇到的問題? 繼續學習中
3.製作感想: 繼續學習中
4.製作作業的時間: 1小時

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：醜比頭
2.有無遇到的問題： 沒有
3.製作感想：還蠻有趣的,難度還在可以接受的範圍
4.製作作業的時間：30分鐘

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：怪獸電力公司
2.有無遇到的問題： 沒有
3.製作感想：更了解語法應用
4.製作作業的時間：30分鐘

1015448006

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：完美
2.有無遇到的問題? 慢慢摸索
3.製作感想: 好難摸索喔
4.製作作業的時間: 1小時 30分

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：暖色系 可愛風
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和:覺得很有趣
4.製作作業的時間 20分鐘

1035445042

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：LOL
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和:覺得很有趣
4.製作作業的時間 20分鐘

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：兒童喜愛的粉紅豬小妹
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維和：值得學習
4.製作作業的時間：30分鐘

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：以卡通小鼠波波為主，顏色豐富，活潑可愛

2.有無遇到的問題:需要設定很多東西

3.製作感想(你認為導覽列的意義維和):網頁有很多程式碼能產生不同的功能

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

學號:1035445129

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

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

(2).請回答以下問題：

1.導覽列配色與風格設定：淡色系、舒服的風格
2.有無遇到的問題? 有點忘記之前交的尺寸設定
3.製作感想(你認為導覽列的意義維和: 有點小複雜
4.製作作業的時間 : 一小時

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：龍貓的主題
2.有無遇到的問題?沒有
3.製作感想:很有趣
4.製作作業的時間: 1小時

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：哆啦A夢主題
2.有無遇到的問題： 沒有
3.製作感想：還可以
4.製作作業的時間：40分鐘

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：以櫻桃小丸子為主題，顏色風格為活潑.暖色系

2.有無遇到的問題:圖片尺寸

3.製作感想(你認為導覽列的意義維和): 很有趣

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

學號:1035445219



Edited 1 time(s). Last edit at 12/02/2015 04:00PM by 1035445219.
(編輯記錄)

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定： 用BIGBANG與黑白為主題
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維和 配合之後的作業先準備的導覽列
4.製作作業的時間 30分



Edited 1 time(s). Last edit at 12/02/2015 07:52PM by 1035445054.
(編輯記錄)

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：可愛的小熊學校配上暖色系
2.有無遇到的問題? 無
3.製作感想：有趣
4.製作作業的時間： 1小時

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：淡粉x紫羅蘭紫
2.有無遇到的問題： 沒有
3.製作感想：有點難太還在可以接受範圍。
4.製作作業的時間：半小時

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：用色配合主題選用暖色系搭配
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維和 能更明瞭找到東西
4.製作作業的時間 1小時



Edited 2 time(s). Last edit at 12/03/2015 12:22AM by 1035445060.
(編輯記錄)

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：探險活寶
2.有無遇到的問題? 暫時沒有
3.製作感想:更知道網頁導覽列怎麼變化
4.製作作業的時間:30分

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：以黑灰色搭配主題
2.有無遇到的問題? 繼續學習中
3.製作感想: 繼續學習中
4.製作作業的時間: 1小時



Edited 1 time(s). Last edit at 12/03/2015 12:17PM by pippin.
(編輯記錄)

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：小魔女Do Re Mi的主題
2.有無遇到的問題?沒有
3.製作感想:還可以
4.製作作業的時間: 2小時

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：插畫家 - 小森永
2.有無遇到的問題? 沒有
3.製作感想：不一樣的按鈕作法，很有成就感
4.製作作業的時間：半小時

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定： 樹木森林
2.有無遇到的問題：沒有
3.製作感想：應該沒什麼問題
4.製作作業的時間：30分鐘

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2c/hw04/hw04-1035445183/
(2).請回答以下問題：
1.導覽列配色與風格設定： 粉色
2.有無遇到的問題? 無
3.製作感想 努力學習中
4.製作作業的時間 40分鐘

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2c/hw04/hw04-1035445147/
(2).請回答以下問題：
1.導覽列配色與風格設定： 剛
2.有無遇到的問題? 無
3.製作感想 努力配置
4.製作作業的時間 40分鐘

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：從圖片選了裡面的顏色
2.有無遇到的問題? 沒有太大的問題
3.製作感想: 開心
4.製作作業的時間: 30分鐘

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定： 清新風格暖色調
2.有無遇到的問題? 沒有
3.製作感想:做久了很上手
4.製作作業的時間 :30分鐘

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：還沒睡醒也不太確定感的灰色
2.有無遇到的問題? 檔名出問題我一連開了六個檔重作五次
3.製作感想: 爆炸了
4.製作作業的時間: 5小時

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
(1).作業網址： http://mepopedia.com/~web104-2c/hw04/hw04-1035445066
(2).請回答以下問題：
暈到爆炸

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：神隱少女
2.有無遇到的問題：無
3.製作感想：thumbs up
4.製作作業的時間：1h

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：插畫風
2.有無遇到的問題? 無
3.製作感想 ^_<
4.製作作業的時間 半小時

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：水墨風
2.有無遇到的問題? 無
3.製作感想 很有趣
4.製作作業的時間 半小時

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：可愛風
2.有無遇到的問題? 沒有
3.製作感想(你認為導覽列的意義維和:語法好煩
4.製作作業的時間 60分鐘

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：龍貓
2.有無遇到的問題? 無
3.製作感想 原本以為很難是我誤會大了
4.製作作業的時間 30分

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：小王子
2.有無遇到的問題? 無
3.製作感想 :比前面的作業還要上手了一點
4.製作作業的時間 30分

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：以魔鏡夢遊主題搭配顏色紅色
2.有無遇到的問題?很難 繼續加油中
3.製作感想: 繼續學習中
4.製作作業的時間: 2小時

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定: 以嚕嚕米為主題，配色可愛色系
2.有無遇到的問題? 慢慢摸索便能解決
3.製作感想: 一點一滴學習中
4.製作作業的時間: 1小時

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：史奴比
2.有無遇到的問題： 沒有
3.製作感想：還行
4.製作作業的時間：20分鐘

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

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



Edited 1 time(s). Last edit at 12/29/2015 06:47PM by 1035445096.
(編輯記錄)

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：以薰衣草為主題以紫色為主色調
2.有無遇到的問題? 沒有，進行得非常地順利
3.製作感想: 網頁設計超好玩
4.製作作業的時間: 約20分鐘左右

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：史努比
2.有無遇到的問題? 有一些忘光
3.製作感想 :一開始不知道從哪著手，之後慢慢做
4.製作作業的時間 20分鐘



Edited 2 time(s). Last edit at 12/31/2015 11:57AM by 林品秀.
(編輯記錄)

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：冷色、黑色，營造美艷、冷酷、性感的風格。
2.有無遇到的問題？期中作業繳完之後就忘記了，所以在做這項作業又得重新學習前面的開始。
3.製作感想：我覺得老師很認真，但網頁這項科目真的需要花時間、耐心還有眼力哈哈。
4.製作作業的時間：大概花了1個多小時去複習之前的，約花2個小時準備圖片、架構。

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：粉色調!!! 櫻花照片
2.有無遇到的問題?都還可以
3.製作感想: 做得很快
4.製作作業的時間: 1小時

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：就以男朋友為主題
2.有無遇到的問題? 這個還行
3.製作感想:很方便
4.製作作業的時間: 1小時有

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web104-2c/hw04/hw04-1025445189
(2).請回答以下問題：
1.導覽列配色與風格設定： 與使用的南方四賤客底圖搭配顏色
2.有無遇到的問題：還好
3.製作感想：清楚分類

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：Lana Del Rey
2.有無遇到的問題? 這裡還好
3.製作感想: 這個作業還行
4.製作作業的時間: 40分鐘

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
1005445160 - 王思博

(1).作業網址 ： http://mepopedia.com/~web104-2c/hw04/hw04-1005445160

(2).請回答以下問題：

1.導覽列配色與風格設定：配了很久，藍橘色

2.有無遇到的問題；圖片難找呀..

3.製作感想；還OK

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



Edited 1 time(s). Last edit at 01/05/2016 01:57AM by puro.
(編輯記錄)

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定：蠟筆小新配色
2.有無遇到的問題? 無~
3.製作感想 蠻好玩的
4.製作作業的時間 30分鐘

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

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

(2).請回答以下問題：
1.導覽列配色與風格設定： 森林綠、阿爾卑斯山的少女
2.有無遇到的問題：沒有
3.製作感想：沒有太大的問題
4.製作作業的時間：40分鐘

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
(1).作業網址 ： http://mepopedia.com/~web104-2c/hw04/hw04-1035445180
(2).請回答以下問題：
1.導覽列配色與風格設定：以灰色作為主題配色其餘帶點紅
2.有無遇到的問題? 繼續學習中
3.製作感想: 繼續學習中
4.製作作業的時間: 1小時

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

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

　(2) 風格設定為以粉橘色調來搭配我可能不會愛你）

　(3) 有無遇到的問題? 有些亂碼看不懂

　(4) 製作感想? 好想睡
5 製作時間 三十分鐘



Edited 1 time(s). Last edit at 01/07/2016 02:44AM by 1035445120.
(編輯記錄)

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：以line的企業色為主
2.有無遇到的問題? 會錯亂
3.製作感想: 繼續學習中
4.製作作業的時間: 1小時

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：粉
2.有無遇到的問題? 無
3.製作感想: 心想事成
4.製作作業的時間: 1小時

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

分類標籤: 104-1《中國》竹視傳二C-網頁設計
(1).作業網址:http://mepopedia.com/~web104-2c/hw04/hw04-1035445063
(2).請回答以下問題：
1.網頁主題：植物VS殭屍花園戰爭 配色樣式:綠色代表植物,深藍色代表冰冷殭屍
2.有無遇到的問題:一切順利
3.製作感想:做完了很開心
4.製作作業的時間: 兩~三小時

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

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


(2).請回答以下問題：

1.導覽列配色與風格設定：MILI
2.有無遇到的問題： 沒有
3.製作感想：利用以前的作業,稍作修改很簡單
4.製作作業的時間：30分鐘

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

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


(2).請回答以下問題：
1.導覽列配色與風格設定：以少女時代為主題搭配顏色粉紅跟白
2.有無遇到的問題? 繼續學習中
3.製作感想: 很難很難很難
4.製作作業的時間: 快2小時

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