[color=#990000][作業03] 利用Div標籤與CSS建立基本網頁版型--圖片篇[/color] [color=#663300]一、製作說明：[/color] 1.請參考 [url=http://mepopedia.com/forum/read.php?804,16271][講義03] 利用Div標籤與CSS建立基本網頁版型[/url] 的步驟製作 2.下載附件 (或以自己設定的主題與圖片製作） [color=#CC0033]可從這個作業開始，製作期中作業的第一頁 請選定自己喜歡的主題及相關資料[/color] 3.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color] 在#footer 註明 Designed by 某某某(可自行取名) [color=#CC0033]版權聲明部分請標註：本網站僅為作業之用，如有侵犯版權敬請告知。[/color] 4. 在#wrapper寬度上打上 px的數值 5. #content內，自行打入不同的內容文字，自行隨意設定 6. 以本單元的架構下，文字、圖片及設定，可依講義或自行發揮 7.本作業的的重點為：新增圖片按鈕，頂圖及內文圖。可依參考檔之作法製作，本頁請以自定主題設定為期中作業第一頁。 [color=#663300]二、繳交作業方式[/color] 1.製作完成後，檔案命名方式： [color=#669900]第三個作業FTP上的資料夾為：hw03 每位同學請將自己的資料夾命名為：hw03-學號 這個作業的網址則為:http://mepopedia.com/~css106-2b/hw03/hw03-105xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw03-學號 > 的資夾內[/color] 2. 上傳至FTP 3.回覆本篇文章 　(1) 作業網址: http://mepopedia.com/~css106-2b/hw03/hw03-105xxxxxxx 　(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?2690,86107,86107#msg-86107 Sun, 26 Jul 2026 19:36:02 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2690,86107,87384#msg-87384 http://mepopedia.com/forum/read.php?2690,86107,87384#msg-87384
http://mepopedia.com/~css106-2b/hw03/hw03-1055445176


1.網頁主題：菇菇巢穴

配色與風格設定： 遊戲

2.有無遇到的問題?
沒

3.製作感想

4.製作作業的時間 讚]]> 1055445176 106-1《中國》竹視傳二B-網頁設計 Mon, 15 Jan 2018 22:25:54 +0800 http://mepopedia.com/forum/read.php?2690,86107,86718#msg-86718 http://mepopedia.com/forum/read.php?2690,86107,86718#msg-86718
　(2) 主題 / 風格設定 樂團 /黑藍白

　(3) 有無遇到的問題 解決了

　(4) 製作感想 ps的設定有點麻煩

　(5) 製作作業的時間 沒有計算]]> 1055445143 106-1《中國》竹視傳二B-網頁設計 Fri, 08 Dec 2017 15:53:20 +0800 http://mepopedia.com/forum/read.php?2690,86107,86698#msg-86698 http://mepopedia.com/forum/read.php?2690,86107,86698#msg-86698 litttle dot 106-1《中國》竹視傳二B-網頁設計 Thu, 07 Dec 2017 03:52:38 +0800 http://mepopedia.com/forum/read.php?2690,86107,86696#msg-86696 http://mepopedia.com/forum/read.php?2690,86107,86696#msg-86696
(2) 主題/風格設定（色彩設定部份):故宮

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

(4) 製作感想:看的頭都痛了

(5) 製作作業的時間 :好幾天 有時後摸好久 也沒有進度 最後只好又關了]]> 1055445083 106-1《中國》竹視傳二B-網頁設計 Thu, 07 Dec 2017 01:02:25 +0800 http://mepopedia.com/forum/read.php?2690,86107,86694#msg-86694 http://mepopedia.com/forum/read.php?2690,86107,86694#msg-86694
(2) 主題/風格設定（色彩設定部份):醜比頭主題/配色

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

(4) 製作感想:目前為止最有成就感的作業

(5) 製作作業的時間 :兩天]]> 1055445201 106-1《中國》竹視傳二B-網頁設計 Wed, 06 Dec 2017 23:03:43 +0800 http://mepopedia.com/forum/read.php?2690,86107,86692#msg-86692 http://mepopedia.com/forum/read.php?2690,86107,86692#msg-86692 蘇雁祺 106-1《中國》竹視傳二B-網頁設計 Wed, 06 Dec 2017 22:37:37 +0800 http://mepopedia.com/forum/read.php?2690,86107,86689#msg-86689 http://mepopedia.com/forum/read.php?2690,86107,86689#msg-86689
與期中一樣為五頁]]> 1055445002 106-1《中國》竹視傳二B-網頁設計 Wed, 06 Dec 2017 19:36:20 +0800 http://mepopedia.com/forum/read.php?2690,86107,86681#msg-86681 http://mepopedia.com/forum/read.php?2690,86107,86681#msg-86681
　(2) 主題 / 風格設定（色彩設定部份) 五月天

　(3) 有無遇到的問題

　(4) 製作感想 不太会做

　(5) 製作作業的時間 5小时]]> zhou 106-1《中國》竹視傳二B-網頁設計 Wed, 06 Dec 2017 15:22:55 +0800 http://mepopedia.com/forum/read.php?2690,86107,86668#msg-86668 http://mepopedia.com/forum/read.php?2690,86107,86668#msg-86668
　(2) 主題 / 風格設定（色彩設定部份) :真珠美人魚/藍色/海洋

　(3) 有無遇到的問題 :作好久好累

　(4) 製作感想 :同上

　(5) 製作作業的時間:5小時up]]> 1055445143 106-1《中國》竹視傳二B-網頁設計 Tue, 05 Dec 2017 23:53:15 +0800 http://mepopedia.com/forum/read.php?2690,86107,86635#msg-86635 http://mepopedia.com/forum/read.php?2690,86107,86635#msg-86635
　(2) 主題 :飛天小女警

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

　(4) 製作感想 ：比較熟悉

　(5) 製作作業的時間 ：忘了]]> surgyebs 106-1《中國》竹視傳二B-網頁設計 Thu, 30 Nov 2017 10:31:20 +0800 http://mepopedia.com/forum/read.php?2690,86107,86634#msg-86634 http://mepopedia.com/forum/read.php?2690,86107,86634#msg-86634
　(2) 主題 :我們這一家

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

　(4) 製作感想 ：比較熟悉

　(5) 製作作業的時間 ：忘了]]> surgyebs 106-1《中國》竹視傳二B-網頁設計 Thu, 30 Nov 2017 10:30:56 +0800 http://mepopedia.com/forum/read.php?2690,86107,86633#msg-86633 http://mepopedia.com/forum/read.php?2690,86107,86633#msg-86633
　(2) 主題 :南方公園

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

　(4) 製作感想 ：比較熟悉

　(5) 製作作業的時間 ：忘了]]> surgyebs 106-1《中國》竹視傳二B-網頁設計 Thu, 30 Nov 2017 10:30:30 +0800 http://mepopedia.com/forum/read.php?2690,86107,86619#msg-86619 http://mepopedia.com/forum/read.php?2690,86107,86619#msg-86619 (2) 主題 / 風格設定：可愛
　
(3) 有無遇到的問題 ：很多

(4) 製作感想：好玩

(5) 製作作業的時間：有點久.]]> litttle dot 106-1《中國》竹視傳二B-網頁設計 Thu, 30 Nov 2017 06:36:41 +0800 http://mepopedia.com/forum/read.php?2690,86107,86614#msg-86614 http://mepopedia.com/forum/read.php?2690,86107,86614#msg-86614
(2) 主題 : 陳奕迅

(3) 風格設定 ( 色彩設定部份 ) : 以黑白灰為主，風格簡單簡約乾淨
(4) 有無遇到的問題 : 無

(5) 製作感想 : 我覺得我做了這個網站可以讓更多人認識陳奕迅 多支持他

(6) 製作作業的時間 :4天]]> 11 106-1《中國》竹視傳二B-網頁設計 Thu, 30 Nov 2017 02:26:43 +0800 http://mepopedia.com/forum/read.php?2690,86107,86582#msg-86582 http://mepopedia.com/forum/read.php?2690,86107,86582#msg-86582 湯劭崴 106-1《中國》竹視傳二B-網頁設計 Mon, 27 Nov 2017 17:41:59 +0800 http://mepopedia.com/forum/read.php?2690,86107,86576#msg-86576 http://mepopedia.com/forum/read.php?2690,86107,86576#msg-86576 litttle dot 106-1《中國》竹視傳二B-網頁設計 Sun, 26 Nov 2017 23:59:36 +0800 http://mepopedia.com/forum/read.php?2690,86107,86575#msg-86575 http://mepopedia.com/forum/read.php?2690,86107,86575#msg-86575 litttle dot 106-1《中國》竹視傳二B-網頁設計 Sun, 26 Nov 2017 23:58:31 +0800 http://mepopedia.com/forum/read.php?2690,86107,86573#msg-86573 http://mepopedia.com/forum/read.php?2690,86107,86573#msg-86573
　(2) 主題 :京都散步

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

　(4) 製作感想 ：比較熟悉

　(5) 製作作業的時間 ：忘了]]> a0936280046 106-1《中國》竹視傳二B-網頁設計 Sun, 26 Nov 2017 01:46:16 +0800 http://mepopedia.com/forum/read.php?2690,86107,86569#msg-86569 http://mepopedia.com/forum/read.php?2690,86107,86569#msg-86569
　(2) 主題：muse 樂團的介紹 / 灰階（色彩設定部份)

　(3) 問題：有，但都解決了

　(4) 製作感想：感覺不錯

　(5) 製作作業的時間 ：忘了]]> onfriend 106-1《中國》竹視傳二B-網頁設計 Sat, 25 Nov 2017 15:20:46 +0800 http://mepopedia.com/forum/read.php?2690,86107,86557#msg-86557 http://mepopedia.com/forum/read.php?2690,86107,86557#msg-86557
　(2) 主題 :動畫介紹

　(3) 有無遇到的問題 :重作之後問題就修改好了

　(4) 製作感想 :還蠻有趣

　(5) 製作作業的時間 :5小時]]> 1055445185 106-1《中國》竹視傳二B-網頁設計 Fri, 24 Nov 2017 02:17:51 +0800 http://mepopedia.com/forum/read.php?2690,86107,86556#msg-86556 http://mepopedia.com/forum/read.php?2690,86107,86556#msg-86556
(2) 主題 / 風格設定：抹茶小館

(3) 有無遇到的問題 ：網址點進去沒有圖片

(4) 製作感想：有影片跟講義做起來比較容易，但每次做作業的時間很長

(5) 製作作業的時間：3~5小時]]> 1055445023 106-1《中國》竹視傳二B-網頁設計 Fri, 24 Nov 2017 00:12:18 +0800 http://mepopedia.com/forum/read.php?2690,86107,86551#msg-86551 http://mepopedia.com/forum/read.php?2690,86107,86551#msg-86551
(2) 主題 / 風格設定：因為主題是巧克力，使用黑色與金色為主比較有質感

(3) 有無遇到的問題：連結全錯...改得好麻煩

(4) 製作感想：越來越長，眼睛看得更花了

(5) 製作作業的時間：很久（哭]]> 1055445110 106-1《中國》竹視傳二B-網頁設計 Thu, 23 Nov 2017 12:35:08 +0800 http://mepopedia.com/forum/read.php?2690,86107,86518#msg-86518 http://mepopedia.com/forum/read.php?2690,86107,86518#msg-86518 　
(2) 主題 / 風格設定：我的旅遊館
　
(3) 有無遇到的問題 ：創舞拖到了

(4) 製作感想：很讚啊...很好玩 但是一堆英文

(5) 製作作業的時間：忘記了]]> 1055445176 106-1《中國》竹視傳二B-網頁設計 Thu, 23 Nov 2017 12:13:01 +0800 http://mepopedia.com/forum/read.php?2690,86107,86517#msg-86517 http://mepopedia.com/forum/read.php?2690,86107,86517#msg-86517
　(2) 主題 / 風格設定:歌手まふまふ/主要以灰白為主

　(3) 有無遇到的問題 :常常打錯程式碼導致錯誤發生

　(4) 製作感想 :做完之後很有成就感

　(5) 製作作業的時間 :超過20hr]]> lovecatandyou 106-1《中國》竹視傳二B-網頁設計 Thu, 23 Nov 2017 11:38:06 +0800 http://mepopedia.com/forum/read.php?2690,86107,86516#msg-86516 http://mepopedia.com/forum/read.php?2690,86107,86516#msg-86516
(2) 主題 : B1A4 /

(3) 風格設定 ( 色彩設定部份 ) : 沉穩、冷靜感

(4) 有無遇到的問題 : 應該沒問題吧

(5) 製作感想 : 很有趣

(6) 製作作業的時間 : 2~3天]]> amy2285210103 106-1《中國》竹視傳二B-網頁設計 Thu, 23 Nov 2017 11:23:49 +0800 http://mepopedia.com/forum/read.php?2690,86107,86513#msg-86513 http://mepopedia.com/forum/read.php?2690,86107,86513#msg-86513
(2) 主題 / 風格設定：我的頻道官方網站

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

(4) 製作感想：很有趣，也能介紹我的頻道

(5) 製作作業的時間：3~5小時]]> a0936280046 106-1《中國》竹視傳二B-網頁設計 Thu, 23 Nov 2017 11:11:15 +0800 http://mepopedia.com/forum/read.php?2690,86107,86492#msg-86492 http://mepopedia.com/forum/read.php?2690,86107,86492#msg-86492
　(2) 主題 / 風格設定:天月 niconico 歌手

　(3) 有無遇到的問題 :看著影片做大部分都ok，小部分會卡關。

　(4) 製作感想 :容易打錯就悲劇了，做完之後很棒

　(5) 製作作業的時間 :好幾天的凌晨(夜貓子)]]> jolin82145 106-1《中國》竹視傳二B-網頁設計 Thu, 23 Nov 2017 04:56:56 +0800 http://mepopedia.com/forum/read.php?2690,86107,86489#msg-86489 http://mepopedia.com/forum/read.php?2690,86107,86489#msg-86489
(2) 主題 / 風格設定 偶像]]> 1055445188 106-1《中國》竹視傳二B-網頁設計 Wed, 22 Nov 2017 23:58:48 +0800 http://mepopedia.com/forum/read.php?2690,86107,86484#msg-86484 http://mepopedia.com/forum/read.php?2690,86107,86484#msg-86484
(2) 主題 / 風格設定：鄧紫棋官方網站

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

(4) 製作感想：我覺得有影片跟講義可以看，做起來很容易上手，而且可以做自己想做的主題，讓我能夠很愉快的享受製作網頁的過程

(5) 製作作業的時間：3~5小時]]> SCY 106-1《中國》竹視傳二B-網頁設計 Wed, 22 Nov 2017 23:16:52 +0800 http://mepopedia.com/forum/read.php?2690,86107,86481#msg-86481 http://mepopedia.com/forum/read.php?2690,86107,86481#msg-86481
(2) 主題 / 風格設定:鬼門圖文]]> 1055445191 106-1《中國》竹視傳二B-網頁設計 Wed, 22 Nov 2017 21:37:35 +0800