[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color] [color=#663300]一、製作說明：[/color] 1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url] 的步驟製作 2.下載附件 (或以自己設定的主題與圖片製作） 3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color] 在#footer 註明 Designed by 某某某(可自行取名) 4. 在#wrapper寬度上打上 px的數值 5. #content內，自行打入不同的內容文字，自行隨意設定 6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮 7.本作業的的重點為：新增圖片按鈕，頂圖及內文圖。可依參考檔製作，或自訂主題製作（加分） [color=#663300]二、繳交作業方式[/color] 1.製作完成後，檔案命名方式： [color=#669900]第三個作業FTP上的資料夾為：hw03 每位同學請將自己的資料夾命名為：hw03-學號 這個作業的網址則為:http://mepopedia.com/~web104-2a/hw03/hw03-102xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw03-學號 > 的資夾內[/color] 2. 上傳至FTP 3.回覆本篇文章 　(1) 作業網址: http://mepopedia.com/~web104-2a/hw03/hw03-103xxxxxxx 　(2) 風格設定（色彩設定部份）（加分） 　(3) 有無遇到的問題 　(4) 製作感想 　(5) 製作作業的時間 [color=#CC3300]範例參考網站：[/color] http://mepopedia.com/~jinjin/web/hw03/ 作業參考 (1) http://mepopedia.com/~jinjin/web/hw03/ (2) http://mepopedia.com/~web103-a/hw03/hw03-1025445001/ (3) http://mepopedia.com/~web101c/hw03/hw03-1015445231/ (4) http://mepopedia.com/~web100-a/hw03/hw03-1006445010/ (5) http://mepopedia.com/~web101c/hw03/hw03-1015445203/ (6) http://mepopedia.com/~web101c/hw03/hw03-1015445243/Introduction.html http://mepopedia.com/~web100-a/hw03/hw03-1006445010/ http://mepopedia.com/~web100b/hw03/hw03-1001445006/ =========================================== [color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color] =========================================== http://mepopedia.com/forum/read.php?2479,77897,77897#msg-77897 Tue, 28 Jul 2026 03:52:49 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2479,77897,79729#msg-79729 http://mepopedia.com/forum/read.php?2479,77897,79729#msg-79729
(2) 風格設定（色彩設定部份）：藍色

(3) 有無遇到的問題 ：覺得難，打開都開不起來
(4) 製作感想 ：要再多加油

(5) 製作作業的時間 ：很久]]> 1035445049 104-1《中國》竹視傳二A-網頁設計 Sat, 09 Jan 2016 13:10:48 +0800 http://mepopedia.com/forum/read.php?2479,77897,79528#msg-79528 http://mepopedia.com/forum/read.php?2479,77897,79528#msg-79528 (2) 風格設定（色彩設定部份）（加分）
(3) 有無遇到的問題
(4) 製作感想
(5) 製作作業的時間

2.色彩是以暗色和亮色呈現對比的效果，希望能夠給人比較清楚、簡潔明瞭的感覺。
3.經過作業二的練習後製作過程就有比較好。
4.感覺比作業二呈現的畫面更來的清楚許多。
5.製作的時間大概5~6小時左右。

學號:1035445055]]> happy02 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 20:42:20 +0800 http://mepopedia.com/forum/read.php?2479,77897,79519#msg-79519 http://mepopedia.com/forum/read.php?2479,77897,79519#msg-79519 　(2) 風格設定（色彩設定部份）（加分）
使用紅白黃，在戰爭中的炮火來勢洶洶，用紅色做基底，黃色代表螢火蟲的亮光，白色代表兄妹兩人的天真

　(3) 有無遇到的問題 變難了按鈕的部分，有另外找教學

　(4) 製作感想 頗累的

　(5) 製作作業的時間 6小時]]> 施佳慧 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 19:40:39 +0800 http://mepopedia.com/forum/read.php?2479,77897,79512#msg-79512 http://mepopedia.com/forum/read.php?2479,77897,79512#msg-79512
(2) 風格設定：星空

(3) 有無遇到的問題：無

(4) 製作感想： 無

(5) 製作作業的時間：3-4小時


視傳二A 10354445103]]> 林于珊 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 19:20:10 +0800 http://mepopedia.com/forum/read.php?2479,77897,79311#msg-79311 http://mepopedia.com/forum/read.php?2479,77897,79311#msg-79311 第二網址：file:///G:/wed%20design/hw03-1035445031/index.html
　(2) 風格設定 ：黑白都市風格

　(3) 有無遇到的問：圖片大小的問題不好用

　(4) 製作感想：鍾漢良好帥!!!!!!!!!!

　(5) 製作作業的時間：兩天?

老師我發現我都沒辦法連耶˙A˙]]> janice tsai 104-1《中國》竹視傳二A-網頁設計 Sat, 02 Jan 2016 13:24:59 +0800 http://mepopedia.com/forum/read.php?2479,77897,79186#msg-79186 http://mepopedia.com/forum/read.php?2479,77897,79186#msg-79186
　(2) 風格設定 還是一樣是黑白簡約風

　(3) 有無遇到的問題 一開始header照片被咖掉，但調整高度就跑出來了

　(4) 製作感想 覺得蠻有成就感的

　(5) 製作作業的時間]]> 1025445227 104-1《中國》竹視傳二A-網頁設計 Wed, 30 Dec 2015 00:53:44 +0800 http://mepopedia.com/forum/read.php?2479,77897,78619#msg-78619 http://mepopedia.com/forum/read.php?2479,77897,78619#msg-78619
　(2) 風格設定：高貴素雅

　(3) 有無遇到的問題：沒有

　(4) 製作感想：花了很多時間設計構想,可能因為還不太熟悉,花了很多時間製作。

　(5) 製作作業的時間：5小時。

學號：1035445130]]> 1035445130 104-1《中國》竹視傳二A-網頁設計 Tue, 01 Dec 2015 14:50:27 +0800 http://mepopedia.com/forum/read.php?2479,77897,78572#msg-78572 http://mepopedia.com/forum/read.php?2479,77897,78572#msg-78572
　(2) 風格設定：簡單黃黑

　(3) 有無遇到的問題：一些語法的公式，還有結合PS的切片工具來製作按鈕比較不熟悉。

　(4) 製作感想：一開始作還好，但之後結合了PS來製作按鈕就感覺複雜，再加上一些語法的公式比較記不起來，必須反覆練習才能熟悉。

　(5) 製作作業的時間：一星期~二星期。

學號：1035445070 戰安榮]]> 1035445070 104-1《中國》竹視傳二A-網頁設計 Wed, 25 Nov 2015 00:35:36 +0800 http://mepopedia.com/forum/read.php?2479,77897,78571#msg-78571 http://mepopedia.com/forum/read.php?2479,77897,78571#msg-78571
　(2) 風格設定（色彩設定部份）活潑純樸

　(3) 有無遇到的問題 有

　(4) 製作感想 有些東西還是有點忘記,希望自己快點記起來。

　(5) 製作作業的時間 1小時

學號:1035445169]]> jian1110 104-1《中國》竹視傳二A-網頁設計 Tue, 24 Nov 2015 22:45:29 +0800 http://mepopedia.com/forum/read.php?2479,77897,78556#msg-78556 http://mepopedia.com/forum/read.php?2479,77897,78556#msg-78556
　(2) 風格設定：可愛俏皮

　(3) 有無遇到的問題：語法需多加練習

　(4) 製作感想：做完覺得很有成就感

　(5) 製作作業的時間：3小時

學號：1035445178]]> 1035445178 104-1《中國》竹視傳二A-網頁設計 Tue, 24 Nov 2015 14:44:07 +0800 http://mepopedia.com/forum/read.php?2479,77897,78551#msg-78551 http://mepopedia.com/forum/read.php?2479,77897,78551#msg-78551
　(2) 風格設定: 憂鬱帥氣路線
　(3) 有無遇到的問題:用DW的時候都正常,但做完開往也字都往上跑

　(4) 製作感想: 好難但終於做完還好有老師影片跟同學幫助

　(5) 製作作業的時間: 3小時]]> 1035445052 104-1《中國》竹視傳二A-網頁設計 Tue, 24 Nov 2015 13:04:57 +0800 http://mepopedia.com/forum/read.php?2479,77897,78550#msg-78550 http://mepopedia.com/forum/read.php?2479,77897,78550#msg-78550
(2) 風格設定（色彩設定部份）：黑灰紅白

(3) 有無遇到的問題： 無

(4) 製作感想：抓到訣竅就比較好製作

(5) 製作作業的時間： 3-4H]]> danbing 104-1《中國》竹視傳二A-網頁設計 Tue, 24 Nov 2015 12:45:53 +0800 http://mepopedia.com/forum/read.php?2479,77897,78546#msg-78546 http://mepopedia.com/forum/read.php?2479,77897,78546#msg-78546
(2) 風格設定:綠色草原係

(3) 有無遇到的問題:語法分辨困難

(4) 製作感想:學習網頁製作對未來有幫助

(5) 製作作業的時間:一個禮拜]]> 1035445067 104-1《中國》竹視傳二A-網頁設計 Tue, 24 Nov 2015 10:04:59 +0800 http://mepopedia.com/forum/read.php?2479,77897,78538#msg-78538 http://mepopedia.com/forum/read.php?2479,77897,78538#msg-78538
　(2) 風格設定 :海底總動員 用海洋的藍色以主題

　(3) 有無遇到的問題 :很多細節都不太清楚 後來看影片才了解內容

　(4) 製作感想 :覺得自己可以做好一個網站很開心,因為是製作自己喜歡的東西所以很有興趣,雖然有點困難,
但是我還是很努力的完成。

　(5) 製作作業的時間 3小時]]> 張子芸 104-1《中國》竹視傳二A-網頁設計 Tue, 24 Nov 2015 01:50:57 +0800 http://mepopedia.com/forum/read.php?2479,77897,78519#msg-78519 http://mepopedia.com/forum/read.php?2479,77897,78519#msg-78519
(2) 風格設定:簡約黑白

(3) 有無遇到的問題:圖片出不來

(4) 製作感想:有點麻煩

(5) 製作作業的時間:兩到三個小時]]> zoey 104-1《中國》竹視傳二A-網頁設計 Mon, 23 Nov 2015 20:44:13 +0800 http://mepopedia.com/forum/read.php?2479,77897,78491#msg-78491 http://mepopedia.com/forum/read.php?2479,77897,78491#msg-78491
(2) 風格設定:玩具總動員 所以顏色都用鮮艷為主

(3) 有無遇到的問題:無

(4) 製作感想:有點麻煩，但做完覺得很有成就感

(5) 製作作業的時間:兩到三個小時]]> 邱薏娟 104-1《中國》竹視傳二A-網頁設計 Mon, 23 Nov 2015 02:56:41 +0800 http://mepopedia.com/forum/read.php?2479,77897,78387#msg-78387 http://mepopedia.com/forum/read.php?2479,77897,78387#msg-78387
　(2) 風格設定（色彩設定部份）：老師範例

　(3) 有無遇到的問題： 無

　(4) 製作感想：有些複雜

　(5) 製作作業的時間： 3~4hr

學號：1035445199]]> isxdyj 104-1《中國》竹視傳二A-網頁設計 Wed, 18 Nov 2015 14:40:01 +0800 http://mepopedia.com/forum/read.php?2479,77897,78376#msg-78376 http://mepopedia.com/forum/read.php?2479,77897,78376#msg-78376
　(2) 風格設定: 乾淨灰的感覺

　(3) 有無遇到的問題: 製作按鈕時一直出錯，以及圖片放置位置一直對不上。

　(4) 製作感想: 雖然過程中很挫折但是經過研究之後就懂了非常有成就感!

　(5) 製作作業的時間: 3~4小時]]> 1035445028 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 23:53:29 +0800 http://mepopedia.com/forum/read.php?2479,77897,78373#msg-78373 http://mepopedia.com/forum/read.php?2479,77897,78373#msg-78373
　(2) 風格設定
有點古典的咖啡色當背景 再用亮黃色框框裝飾

　(3) 有無遇到的問題
圖片處理、擺放位置弄了很久，也打了語法不知道是哪裡有問題都弄不好

　(4) 製作感想
覺得變複雜了，需要更多時間，一直有問題，一直修改

　(5) 製作作業的時間 4~5小時]]> 1035445154 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 19:39:52 +0800 http://mepopedia.com/forum/read.php?2479,77897,78367#msg-78367 http://mepopedia.com/forum/read.php?2479,77897,78367#msg-78367
　(2) 風格設定：可愛

　(3) 有無遇到的問題：困難重重，問了很多同學。

　(4) 製作感想：覺得網頁設計真的是一個困難的東西，但又很想做好，之後會越修越好的。

　(5) 製作作業的時間：6小時


1035445061方莉]]> lily850204 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 16:09:26 +0800 http://mepopedia.com/forum/read.php?2479,77897,78366#msg-78366 http://mepopedia.com/forum/read.php?2479,77897,78366#msg-78366
　(2) 風格設定（色彩設定部份）（加分）

　(3) 有無遇到的問題 有時圖片跑不出來

　(4) 製作感想 無

　(5) 製作作業的時間兩小]]> yashen 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 16:08:04 +0800 http://mepopedia.com/forum/read.php?2479,77897,78365#msg-78365 http://mepopedia.com/forum/read.php?2479,77897,78365#msg-78365 　(2) 風格設定：熱血

　(3) 有無遇到的問題：很難很複雜
　(4) 製作感想：剛開始製作 基本上都算還好 但後來很多想放棄

　(5) 製作作業的時間：一星期~二星期。]]> 1035445142 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 16:02:33 +0800 http://mepopedia.com/forum/read.php?2479,77897,78364#msg-78364 http://mepopedia.com/forum/read.php?2479,77897,78364#msg-78364
　(2) 風格設定 : 血腥嘔吐

　(3) 有無遇到的問題 : 沒有

　(4) 製作感想 : 很完美很嘔吐

　(5) 製作作業的時間 : 幾週]]> 1035445040 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 15:45:53 +0800 http://mepopedia.com/forum/read.php?2479,77897,78363#msg-78363 http://mepopedia.com/forum/read.php?2479,77897,78363#msg-78363 作業網址：
http://mepopedia.com/~web104-2a/hw03/hw03-1035445121

風格設定：
簡單 乾淨

有無遇到的問題：
無問題

製作感想：
很好玩

製作作業的時間：
2小時

學號：1035445121 古茹喩 ]]> xxxceline 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 15:04:40 +0800 http://mepopedia.com/forum/read.php?2479,77897,78362#msg-78362 http://mepopedia.com/forum/read.php?2479,77897,78362#msg-78362
　(2) 風格設定：有品味 有趣

　(3) 有無遇到的問題：很難說 其實滿多的 但是還是勉強的做出來了。

　(4) 製作感想：花了很多時間搞好問題好麻煩。

　(5) 製作作業的時間：不知道。]]> 拔剌幹 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 15:04:20 +0800 http://mepopedia.com/forum/read.php?2479,77897,78359#msg-78359 http://mepopedia.com/forum/read.php?2479,77897,78359#msg-78359
　(2) 風格設定：黑色優雅

　(3) 有無遇到的問題：遇到不會的部分就參考講義，講義寫的非常清楚

　(4) 製作感想：很有成就感

　(5) 製作作業的時間：5小時

學號：1035445088]]> 1035445088 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 14:41:41 +0800 http://mepopedia.com/forum/read.php?2479,77897,78358#msg-78358 http://mepopedia.com/forum/read.php?2479,77897,78358#msg-78358
　(2) 風格設定:黑白咖啡色 搖滾風

　(3) 有無遇到的問題:不知道為什麼有些東西不能改

　(4) 製作感想:想趕快把一些不能改的部分修好 做更好看

　(5) 製作作業的時間:分開來做蠻久的]]> 1035445181 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 14:31:12 +0800 http://mepopedia.com/forum/read.php?2479,77897,78357#msg-78357 http://mepopedia.com/forum/read.php?2479,77897,78357#msg-78357 (2) 風格設定
明亮歡樂活潑
(3) 有無遇到的問題
無
(4) 製作感想
上課聽不太懂實際做比較有感
(5) 製作作業的時間
7小時]]> 1035445025 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 14:26:00 +0800 http://mepopedia.com/forum/read.php?2479,77897,78341#msg-78341 http://mepopedia.com/forum/read.php?2479,77897,78341#msg-78341
　(2) 風格設定：霸氣

　(3) 有無遇到的問題：都OK

　(4) 製作感想：很有成就感

　(5) 製作作業的時間：1~2

學號：1035445163]]> 1035445163 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 01:35:34 +0800 http://mepopedia.com/forum/read.php?2479,77897,78340#msg-78340 http://mepopedia.com/forum/read.php?2479,77897,78340#msg-78340
　(2) 風格設定：簡單

　(3) 有無遇到的問題：都還好

　(4) 製作感想：做完時很感動

　(5) 製作作業的時間：五~六

學號：1035445211]]> 1035445211 104-1《中國》竹視傳二A-網頁設計 Tue, 17 Nov 2015 01:15:32 +0800