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

Advanced

[作業04] 網頁導覽列的製作

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
  1. 1. [color=#663300]一、製作說明：[/color]
  2. 2. [color=#663300]二、繳交作業方式[/color]

[color=#990000][作業04] 網頁導覽列的製作[/color]



1. [color=#663300]一、製作說明：[/color]



1.請參考 [url=http://mepopedia.com/forum/read.php?804,17032][講義04] 以CSS製作網頁導覽列[/url]
的步驟製作，從三種方式中，選擇其中一種製作方式，目前只先教了圖片按鈕的做法可先以這個為主，也可自行嘗試其他做法。

[color=#CC0099]2.請重新下載附件檔案製作，內有圖檔，index.html以及style.css檔，請將自己的期中作業內容套入附件的HTML的架構，再修改CSS設定以及導覽列的連結設定。[/color]

3.每個同學記得在[color=#990033]title的部分打上『自己作業的命名』[/color]

4.記得在 ＃ＦＯＯＴＥＲ打上自己的版權聲明

[color=#CC0099]5.ＨＴＭＬ及ＣＳＳ可直接套用下載後的附件範例，修改為自己的內容。

6.#header、#button、#content及#footer內，請自行放入不同圖片與文字內容，以期末作業內容為主。[/color]

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

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

[color=#CC0066]（1 ）導覽列的製作
（2 ）製作可以互相連結的網頁
（3 ）如何將導覽列設計成畫龍點睛的作用，並兼具網頁整體風格與設計質感
（4 ）如何將圖片與色彩搭配出有質感的網頁。[/color]


2. [color=#663300]二、繳交作業方式[/color]



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

[color=#669900]第四個作業FTP上的資料夾為：hw04

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

資料夾內含：
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔
3.至少一個連結的頁面，如：works.html
4.images圖檔資料夾

存放在 < hw04-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址 ：

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


[color=#CC0099]請務必在下次上課前回覆，否則為遲交[/color]



[hr]
[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/　
[hr]
===========================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
===========================================



Edited 6 time(s). Last edit at 10/26/2011 08:45PM by JinJin.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
Attachments:
開啟 | 下載 - hw04-100.rar (97 KB)
anling [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445074/

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：藍橙傍晚
2.有無遇到的問題?
製作header圖片的時候混亂，
雖與前次作業製作差不多，但不知是因為自己混淆還是過程有問題...
這次講解比上次快...有點吃不消
3.製作感想 第一次製作header圖恐怕不是很好...在期末之前盡量把這個作業修改好一點
4.製作作業的時間 2小時(header圖製作上花了很多時間...可是成品)(哎)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: #wrapper 的寬度要設定如 width:900px; 還有居中 margin: auto; 加油喔!
JinJin: #wrapper 的寬度要設定如 width:900px; 還有居中 margin: auto; 加油喔!
林佩誼 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
[作業的網址則為:http://mepopedia.com/~web100a/hw04/hw04-1001445082
1.網頁與導覽列配色與風格設定: 古典咖啡有一點古蹟感
2.有無遇到的問題?
字會到網頁會跑出亂碼!!!!非常頭痛於是只好重做!!!哎唉!!!!終於成功了!!spinning smiley sticking its tongue out
3.製作感想 好幾次一直想放棄!!!快崩潰了!!都不成功!!!完成之後心情比較好一點
4.製作作業的時間 花了幾個小時用ps剪按鈕真的很累!! 很多地都不熟悉!!!加上自己腦袋不靈光有幾次沒存檔
一直不停的重做!!!花了我2天的時間才完成!!sad smiley

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
HP: 我覺得作得不錯呢！看得出來雖然語法不是很熟悉，但下了很多功夫。例如「世界七大奇蹟」的 title 類別設定，還有圖片的運用，都看得出來製作時的用心。
applejulie [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445094
1.網頁與導覽列配色與風格設定：以莫內的感覺!!!有印象派的風格
2.有無遇到的問題?
剛開始有點不會感覺很難!!!還好有同學幫助我!!努力完成作業
3.製作感想：做完之後有一種成就感!!!其實網頁很好玩!!哈哈
4.製作作業的時間：三個小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: #header記得設padding就不會有空隙喔!
SAIN [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445019/

1.網頁與導覽列配色與風格設定：
　　
　　介紹品牌，時尚風

2.有無遇到的問題?
　
　　一開始根本不會自己變換圖片，後來自己摸索之後就都OK了，
　　不過有小建議，就是可不可以上課時一步一步來，不然一直趕課其實有沒有效用。　

3.製作感想：　　
　　　　　　　
　　作完之後只想趕快躺在床上睡覺
4.製作作業的時間：2~3小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 沒有看到你的檔案耶~再檢查看看有沒有傳好喔!~明天會以討論大家的作業和問題為主，不會有新的進度，希望大家都能順利做出來!
1001445126 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
[url=http://mepopedia.com/~web100a/hw04/hw04-1001445126][/url]
(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：如同老師所教...對切割還沒那麼厲害，但我發現DREAM WEAVER 放進去的圖都可以拉
我還是可以了解的
2.有無遇到的問題? 打原始碼打好久...設定外框也還是不停看講義...還是得慢慢練

3.製作感想 做完只有一個爽字 雖然耗了很久 我還是有做自己的修改 背景和標題部份 其他也是自己切和做的

4.製作作業的時間 快2~3小時

老師幫我看一下~我的文字都是死掉的...不知味啥+.+

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 1.一樣是亂碼問題，只要在<head> </head>之間加入<meta http-equiv="Content-Type" content="text/html; charset=utf-8">這段語法應該就可以了。2.記得在#header加padding就不會有留白空隙。3.#content的底圖這麼花，文字會看不清楚。
SAIN [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
.



Edited 1 time(s). Last edit at 12/20/2011 02:29PM by SAIN.
(編輯記錄)

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ： :http://mepopedia.com/~web100a/hw04/hw04-1001445096

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定： 暖色溫馨
2.有無遇到的問題? 不會做網頁連結...
3.製作感想 對於網頁設計更了解一點了，但是還是一些項目不知道該怎麼做，做出來看到成品很有成就，雖然已做了works.html，但是還是不知道該怎麼和index.html連接。
4.製作作業的時間 4hr(包括製圖和排版)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: http://i1136.photobucket.com/albums/n481/parkparkyang/li01.jpg 連結的方法，請看這個說明
stu88153 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
已經做了修正，可以連結了!
謝謝老師解惑~~

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445068/

1.網頁與導覽列配色與風格設定：網頁主題是攝影的作品所以最上方使用簡單的木紋和相機呈現 按鈕使用繽紛色彩增加一點活潑感
2.有無遇到的問題:有貼上老師說的那段語法 可是使用google瀏覽器中文字還是亂碼 用IE就正常
3.製作感想 : 很有成就感，雖然很花時間還有header上面的設計弄很久，做完好像有更熟悉一點
4.製作作業的時間: 8小時



Edited 1 time(s). Last edit at 10/29/2011 08:21PM by enjoyad920.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 不錯喔!已經能夠掌握DIV和CSS的應用，也把網頁的質感掌握得不錯，投入相對的時間也有不錯的成果。
JinJin: 這段<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 要貼在<head></head>之間，新版的chrome才不會是亂碼
nidofish [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445007/

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：黃藍粉明亮配色
2.有無遇到的問題?
剛開始做不知道為什麼header圖一直跑框= =......所以只好重做= =.......
然後我不會用photoshop就用photoImpact做首圖跟按鈕
最後.....圖片好難移位子= =......所以我footer的圖片就沒弄上去了........
3.製作感想 一直跑框又不知道是什麼原因的時候超想砸電腦.....TAT
4.製作作業的時間 3小時左右

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: style.css的路徑不對了，應該href="style.css"就好了，不會的話，上課記得來找我，加油喔!
1001445015 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計  100-1《中國》北視傳一A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web100a/hw04/hw04-1001445015/

(2)1.網頁與導覽列配色與風格設定：走活潑可愛風格，主要以暖色系為主。
2.有無遇到的問題：畫圖很花時間，用IE都會有亂碼，火狐和股歌就不會有這個問題。
3.製作感想：很有成就感。
4.製作作業的時間 ：8小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 做的很好耶!只要在<head> </head>之間加入<meta http-equiv="Content-Type" content="text/html; charset=utf-8">這段語法應該就可以了!這是編碼的問題!我會再跟大家強調一次!
1001445015: 編碼問題解決了！貼了語法就好了！謝謝老師:))
yaya0127 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web100a/hw04/hw04-1001445072

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定： 黑白簡約時尚風
2.有無遇到的問題? 沒有太大的問題，不懂得看講義就能理解
3.製作感想 做自訂主題的東西比較有趣而且好像有比較簡單的感覺
4.製作作業的時間 一個半小時左右

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445060


(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：照圖
2.有無遇到的問題? 上傳後沒圖片
3.製作感想:雖然有點複雜但熟能生巧
4.製作作業的時間 :1小時多

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖片不見是因為連結路徑有問題，再重新連看看，不懂的話記得課堂提出喔
ryomabl333: 那如果我直接案資料夾裡的INDEX 可以連 這樣也是連結的問題嗎????
JinJin: 我看了你的檔案，移過去的圖檔你寫的是 ../hw04-100/images/images/images/header01_08.gif ，要把前面的一些刪掉，變成 images/images/header01_08.gif，以此類推，而且你的images資料夾太多層，容易搞混，可重新整理
ryomabl333: 老師 我已重傳好了.............
蘇菜菜 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445062
1.網頁與導覽列配色與風格設定：莫內的風格大致沒什麼改變，改了幾個顏色
2.有無遇到的問題?
超級難!語法很多搞了很久才做出來，圖片還是連結不到，試了很多遍，連結跟外框比較難處裡
3.製作感想：有點快要瘋了~還好有做出來
4.製作作業的時間：四個多個小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445128

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定:
寧靜.簡潔.質感
2.有無遇到的問題?
中間遇到許多問題，但大致上都解決了
3.製作感想 :
雖然有點累人，又使人暴躁，但成品做出來的成就感已忘記剛憤怒的心情。
4.製作作業的時間:
3小時多，都是亂碼害的，但最後有看到老師PO亂碼問題，所以解決了

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 風格看起來不錯，期待作品的完成
HP: 同學，你的照片檔案太大了。請至少降到500KB以下。你有一張甚至高達5MB。這樣太占頻寬。
1001445128: 改好摟
saf19927 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
FileZilla連線的訊息:

狀態:        正在連線到 mepopedia.com ...
回應:        fzSftp started
指令:        open "web100a@mepopedia.com" 22
指令:        Pass: *********
錯誤:        認證失敗.
錯誤:        嚴重錯誤
錯誤:        無法連線到伺服器


確認設定方式與[作業01]回應內的教學圖一致
無法進入，何解?

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 請記得把檔案帶來喔!
JudyChiu [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
1).作業網址 ：
(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：
2.有無遇到的問題? :無法上傳還是個問題@@還有好難喔!!!!!!!!!!看不懂講議!!!!!
3.製作感想:很難@@因為都不會!!!!!!!!!!!!!!!!!!!!!!!!!!連講義也看不懂
4.製作作業的時間 :研究講義就研究很久但是都看不懂

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 把想做的資料帶來，明天記得找我喔!
ooa662 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445066/

1.網頁與導覽列配色與風格設定： 粉紅色系的美食甜點設計！
2.有無遇到的問題? 無法分次增加BTN…連結似乎也點不進去！等待上課救援！
3.製作感想 感覺好像自己真的成立了一家甜食店，有種憧憬的感覺，哈哈
4.製作作業的時間 至少有三個小時以上…

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 嗯嗯!記得找我喔!
1001445076 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：照老師所提供的原圖作
2.有無遇到的問題? 滑鼠轉換試了好幾次 內文常常出現亂碼 上傳有問題
3.製作感想 感覺越來越難了 一直作不出來時會很想放棄
4.製作作業的時間 三~四小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445052/


1.網頁與導覽列配色與風格設定：
　簡約時尚風

2.有無遇到的問題?
很混亂，因為上課都聽不太懂，講太快，沒實作，所以在製作過程很困難

3.製作感想：
　　很累，殺死了很多腦細胞

4.製作作業的時間： 2小時~3小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 你應該有抓到一些感覺了，明天可以再把你的問題整理出來!
shuyipeng [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web100a/hw04/hw04-1001445001/

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：
黑白簡單的風格，weapper的圖由自己拍攝
2.有無遇到的問題?
非常多的問題，像是，上傳之前左上方明明沒有那個M號的圖，上傳完之後的網址網頁左上方就出現M圖
可是我不知道如何刪除...
3.製作感想
光看老師莫內那個作業四的教學，完全看不懂(可能功力太淺)
可能是上周太累上課一直恍神度估所得到的報應，所以我就套用了作業三(算作弊嗎= =?)，然後在自己做連結
看了老師的教學，看了快一小時都無法做出來......
然後製作時忘記先設一個image的資料夾，所以圖片全部跟網頁混在一起了....請見諒

4.製作作業的時間
實際製作時間應該只有一小時
但看教學的時間不只一小時



Edited 1 time(s). Last edit at 11/02/2011 12:37AM by shuyipeng.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 風格還不錯，套用作業三不算作弊啦!如果套用的好，也算有學到，不過圖片還是要再整理喔!你的M圖是因為你設了兩個頂圖，把#header裡的頂圖連結拿掉就好了，不懂的話明天在記得問我!
shiyi1126 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：
http://mepopedia.com/~web100a/hw04/hw04-1001445124/

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：
對比可愛色.小屁孩的感覺.
2.有無遇到的問題?
為什麼網址點進去是錯誤呢?..
3.製作感想
我相信我還有很大的進步空間..上禮拜我有上網抓圖片,這次全都自己弄.
4.製作時間
約莫2小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 我幫你改了資料夾名稱，不過你的圖沒有放在圖片資料夾，而且有中文，都要再改喔，然後字看不清楚，要再調整過!
1001445037 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445037/

1.網頁與導覽列配色與風格設定：我愛小貓咪

2.有無遇到的問題:教學步驟有點跳=不連貫confused smiley,做到有點蛋疼spinning smiley sticking its tongue out

3.製作感想 :好累阿~眼睛脫窗拉~eye popping smiley

4.製作作業的時間:3小時hot smiley



Edited 1 time(s). Last edit at 11/02/2011 12:48AM by 1001445037.
(編輯記錄)

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445084

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：黑白漸層

2.有無遇到的問題：連結出的網頁header跟footer消失了，title_bar也跑不見一半，插入圖片後不會讓文繞圖。

3.製作感想：用ＰＳ切片按鈕的問題很大，怎麼樣都切不出來，差點想放棄，最後還是用其他方法做出來，講義４看不太懂。

4.製作作業的時間：４小時。

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 圖檔連結路徑有誤，所以圖片看不到，可重連看看，或明天提出，可參考這裡http://i1136.photobucket.com/albums/n481/parkparkyang/img01.jpg
SAIN [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445019/


1.網頁與導覽列配色與風格設定：
　　
　　介紹品牌，時尚風

2.有無遇到的問題?
　
　　一開始根本不會自己變換圖片，後來自己摸索之後就都OK了，
　　不過有小建議，就是可不可以上課時一步一步來，不然一直趕課其實有沒有效用。　

3.製作感想：　　
　　　　　　　
　　作完之後只想趕快躺在床上睡覺

4.製作作業的時間：2~3小時



Edited 1 time(s). Last edit at 11/02/2011 01:24AM by SAIN.
(編輯記錄)

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445092

1.網頁與導覽列配色與風格設定：藍色調浪漫風
2.有無遇到的問題? 伺服器連不上去&按鈕消失了QAQ
3.製作感想:努力做很久..結果按鈕居然消失了==
4.製作作業的時間:2hr



Edited 1 time(s). Last edit at 11/02/2011 01:59AM by 1001445092.
(編輯記錄)

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445130

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：因為還在嘗試階段,所以是照老師給的原圖製作
2.有無遇到的問題? 我中間的莫內作品照不知道為何一直無法在網頁中顯現= = 覺得切片什麼的有點看不懂 是自己摸索的
3.製作感想:我上課有在聽 但有點做不太好 不過至少能稍微分辨編碼中錯誤的地方或是缺少的地方
4.製作作業的時間:四小時多

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445009/

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

1.網頁與導覽列配色與風格設定：牛皮紙素材的藏寶圖風格

2.有無遇到的問題:圖的大小調整很久才調整出來OTZ

3.製作感想:整個網頁從圖片的製作到最後的文案下來，已經接近起效的邊緣，不過實品和開學時比起來專業的更多smiling smiley

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

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
:http://mepopedia.com/~web100b/hw04/hw04-1001445005



1.網頁與導覽列配色與風格設定： 我因為還是先用老師的突來做練習，所以主要是以藍色系為配色
2.有無遇到的問題? 再用PS坐按鈕切割時看不太懂老師的講義，連結的部分也不太會
3.製作感想 我覺得這次的坐也困難許多，讓我有點害怕琦中作業，因為其實步驟上還蠻不熟的
4.製作作業的時間 10/31~11/2



Edited 1 time(s). Last edit at 11/02/2011 02:28AM by 1001445005.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
HP: Hello, 我沒有看到你的作業有上傳到 FTP 耶。而且我查了一下，作業一到作業四都沒有看到你的學號的資料夾，不知道是不是上傳有問題呢？如果是的話，可以在上課(或課後)和老師(或其他成功上傳的同學)請教。
連竟成 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445118

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：藍色系配色,簡單風格
2.有無遇到的問題? 高度原本是172像素,在DW縮水變成133像素,有點怪怪的
3.製作感想：教得有點快,有些地方不太懂,希望腳步可以再放慢一點hot smiley
4.製作作業的時間：3~4小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445132
(2).請回答以下問題：
1.網頁與導覽列配色與風格設定:簡單風格單色配色
2.有無遇到的問題?圖片無法出現
3.製作感想:語法令我混亂
4.製作作業的時間：3~4小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
作頁網址:
1.網頁與導覽列配色與風格設定：按照原圖製作
2.有無遇到的問題? 看著講意製作,但實在看不懂,所以想等上課請叫會的人
3.製作感想:要獨自把完整的網頁做出來真的很困難,讓我對網頁設計很恐懼
4.製作作業的時間:五個小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445033

1.網頁與導覽列配色與風格設定：僅依範本

2.有無遇到的問題?
按鈕更換有設定，但似乎沒變。

3.製作感想：很難..

4.製作作業的時間：三個小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445088/

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：依照原圖
2.有無遇到的問題?
我會把header和WRAPPER背景搞混
因為很多都是自己設定自己改
所以腦袋有幾課轉不過來
3.製作感想 做到最後感覺有好一點但是感覺可進步空間非常非常大
4.製作作業的時間 3小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 其實改得還不錯啊!不過如果是期中作業的話~要自己想內容喔!
Liou [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1)作業網址 ：http://mepopedia.com/~web100a/hw04/hw04-1001445021

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：紅色調，以食為主。
2.有無遇到的問題？ 因為看不太懂作業四的作法，只好套用作業三的CSS＠＠
3.製作感想 ：剛開始還不知道怎麼用連結，之後就一直摸索，總算連結成功了。
4.製作作業的時間 ：大約3~4小時

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 好圖片的設計，蠻厲害的呀!其實做很多了!不過下次教怎麼多利用文字加表格的搭配，若有文字的部分會更容易修改
Marissa Yeh [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ： http://mepopedia.com/~web100a/hw04/hw04-1001445080/

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：　藍,黃色調為主,也運用了馬克吐溫的作品來做。
2.有無遇到的問題? ：　剛開始預到非常多的問題，圖片裁切大小，按鈕，圖片跑不出來.....等很多，
　　　　　　　　　　不過也因為今天有老師的幫助，讓我平安度過險境，超級感謝老師耶　！！！
3.製作感想 ：　做的過程中很挫折，不過最後險險度過，感覺心情滿好的。
4.製作作業的時間 ：非常非常之久～～

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
JinJin: 哈!還好還好!要繼續保持愉快的心情做網頁喔!XD然後其實做得還不錯啦!希望能有所收穫啦!
HP: 我也很替你高興。如果有其他同學有你遇到的問題，也請你多多幫助同學哦。
ryomabl333 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445060/

老師想請問

header上面的灰色那塊怎麼去掉?

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
ryomabl333: 還有 如果要製作bady的背景圖片 要製成幾*幾
HP: 你在 #header 裡面的一開始多加了段落標籤 <p>，有注意到嗎？
ryomabl333: 呃.......看了半天還是找不到.........
ryan40319 [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1).作業網址 ：http://mepopedia.com/~web100b/hw04/hw04-1001445115

(2).請回答以下問題：
1.網頁與導覽列配色與風格設定：暗紅配色，因為我喜歡紅色。
2.有無遇到的問題?：遇到一堆，但慢慢摸索後就都懂了smiling smiley)
3.製作感想：做完的感覺好爽！
4.製作作業的時間 ：大約6小時，分兩天在家完成。

推薦 / 評論　 分享到Facebook     回應文章 Quote
MEPOERs said:
HP: 我覺得作得不錯。我雖然覺得你的 logo 作得不錯，不過不知道比例會不會太大？另外，我建議手機號碼拿掉比較好。
HP: 而且，你連結的「什麼是設計？Philippes Starck」我有看完哦！很不錯。
ann lin [ 站內寄信 / PM ]
Re: [作業04] 網頁導覽列的製作

分類標籤: 100-1《中國》北視傳一A-網頁設計
http://mepopedia.com/~web100a/hw04/hw04-1001445120
1.網頁與導覽列配色與風格設定: 現代感
2.有無遇到的問題?
有!很多問題
3.製作感想 腦袋燒焦了
4.製作作業的時間 兩個小時

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

分類標籤: 100-1《中國》北視傳一A-網頁設計
(1)作業網址 http://mepopedia.com/~web100a/hw04/hw04-1001445076/About.html

上次有回應只是無法上傳

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