請參考 [color=#CC3300][講義07] 以Float：浮動，製作雙欄網頁 http://mepopedia.com/forum/read.php?804,18255[/color] [color=#CC0066]本講義範例網址 http://mepopedia.com/~jinjin/web/hw07/[/color] 的步驟製作，並符合以下條件： 一、製作步驟 1.下載附件的練習檔(或由期中作業修改製作，但必須是全新的內容的一頁，不要與範例內容相同) 2.找文字及圖片資料，並設定#header的標題與副標題 3.重新設定#content及#footer的CSS 4.在#content中插入#content-L及#content-R利用Float:浮動屬性，製作雙欄網頁。 5.在#content-L放入垂直檔覽列。 6.將#content-R的資料以表格整理，複習表格的做法。 [hr] 7.在[color=#990033]title的部分打上『自己作業的命名』[/color] 8.在#footer打上自己的版權聲明 9.請每位同學依步驟完成本單元後，上傳至FTP 10.本次作業的重點在於： [color=#CC0066]（1 ）認識多欄網頁。 （2 ）雙欄網頁製作 （3 ）製作垂直導覽列 （4 ）複習表格的做法 （5 ）利用CSS，做更細緻的網頁美化設定。 ([/color] [hr] 二、繳交作業方式 1.製作完成後，檔案命名方式： [color=#669900]第七個平時作業FTP上的資料夾為：hw07 每位同學請將自己的資料夾命名為：hw07-學號 這個作業的網址則為:http://mepopedia.com/~web101c/hw07/hw07-101xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw07-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址 ： (2).請回答以下問題： 1.網頁主題： 配色與風格設定： 2.有無遇到的問題? 3.製作感想 4.製作作業的時間 http://mepopedia.com/forum/read.php?1173,28543,28543#msg-28543 Wed, 26 Aug 2026 19:48:31 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?1173,28543,29214#msg-29214 http://mepopedia.com/forum/read.php?1173,28543,29214#msg-29214
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 粉白藍
2.有無遇到的問題? ： 有 我根本亂了腳步 幸好我有流下來請教老師我不會的地方
3.製作感想 ：我真的覺得網頁好難 他的語法制作過程也很難 但是每次只要做完就會覺得其實沒那麼糟
4.製作作業的時間 三天]]> 妞妞兒 101-1《中國》竹視傳一C-網頁設計 Wed, 09 Jan 2013 03:41:35 +0800 http://mepopedia.com/forum/read.php?1173,28543,29169#msg-29169 http://mepopedia.com/forum/read.php?1173,28543,29169#msg-29169 http://mepopedia.com/~web101c/final/final-1015445224

(2).請回答以下問題：
1.網頁主題：The Script
配色與風格設定：黑白，極簡主義
2.有無遇到的問題? 有
3.製作感想：能自己喜歡的樂團心情很好，做起來也特別順利
4.製作作業的時間：一天]]> 1015445224 101-1《中國》竹視傳一C-網頁設計 Thu, 10 Jan 2013 12:51:39 +0800 http://mepopedia.com/forum/read.php?1173,28543,29128#msg-29128 http://mepopedia.com/forum/read.php?1173,28543,29128#msg-29128 1.網頁主題：飛哥與小佛
配色與風格設定：藍色系 簡單明瞭 飛哥與小佛風格
2.有無遇到的問題? 做的時候要很小心
3.製作感想 :做完真的是太開心了:)-D
4.製作作業的時間 :兩天]]> stying411 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 19:11:21 +0800 http://mepopedia.com/forum/read.php?1173,28543,29124#msg-29124 http://mepopedia.com/forum/read.php?1173,28543,29124#msg-29124
(2).請回答以下問題：
1.網頁主題：玩具總動員　
配色與風格設定：兒童玩具
2.有無遇到的問題? 有
3.製作感想：為自己喜歡的東西做然後很開心也很有成就感
4.製作作業的時間：三四小時
8-)]]> 1015445212 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 17:56:29 +0800 http://mepopedia.com/forum/read.php?1173,28543,29121#msg-29121 http://mepopedia.com/forum/read.php?1173,28543,29121#msg-29121
(2).請回答以下問題：
1.網頁主題：棉花糖　配色與風格設定：簡單風 黃綠粉紅
2.有無遇到的問題? 表格寬度
3.製作感想：能夠完成之前做的東西 很開心
4.製作作業的時間：幾小時]]> 1015445257 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 17:54:10 +0800 http://mepopedia.com/forum/read.php?1173,28543,29116#msg-29116 http://mepopedia.com/forum/read.php?1173,28543,29116#msg-29116
(2).請回答以下問題：
1.網頁主題：Hello Kitty　配色與風格設定：粉白簡約
2.有無遇到的問題? 無
3.製作感想：為自己喜歡的東西做很特別
4.製作作業的時間：幾小時]]> 1015445242 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 16:53:21 +0800 http://mepopedia.com/forum/read.php?1173,28543,29108#msg-29108 http://mepopedia.com/forum/read.php?1173,28543,29108#msg-29108
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 可愛的維尼
2.有無遇到的問題? 很多，但是都已經解決了
3.製作感想 很開心，我學到了很多
4.製作作業的時間 快6天]]> 1015445245 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 12:21:45 +0800 http://mepopedia.com/forum/read.php?1173,28543,29095#msg-29095 http://mepopedia.com/forum/read.php?1173,28543,29095#msg-29095 http://mepopedia.com/~web101c/hw07/hw07-1015445223

(2).請回答以下問題：
1.網頁主題：舞力全開
配色與風格設定：綠、灰、黑
2.有無遇到的問題? 有
3.製作感想 ：一直有遇到些小問題，要一直請教別人 但後來也有搞懂
4.製作作業的時間：一天以上]]> 1015445223 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 11:44:28 +0800 http://mepopedia.com/forum/read.php?1173,28543,29079#msg-29079 http://mepopedia.com/forum/read.php?1173,28543,29079#msg-29079

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：紅.黑.白.灰
2.有無遇到的問題? 按扭連結有點忘記了
3.製作感想: 我爆肝了ya~~~~~~~~~~~~~~~~
4.製作作業的時間 :天荒地老]]> 1015445222 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 07:06:39 +0800 http://mepopedia.com/forum/read.php?1173,28543,29073#msg-29073 http://mepopedia.com/forum/read.php?1173,28543,29073#msg-29073
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 色塊與圖片
2.有無遇到的問題? 重新命名表格monent沒做好像沒什麼關西?
3.製作感想 好累.照著講議一步一步作
4.製作作業的時間 3HR]]> 羅時富 101-1《中國》竹視傳一C-網頁設計 Mon, 07 Jan 2013 01:29:01 +0800 http://mepopedia.com/forum/read.php?1173,28543,29070#msg-29070 http://mepopedia.com/forum/read.php?1173,28543,29070#msg-29070
1.網頁主題：魔髮奇緣
配色與風格設定： 黑白色系
2.有無遇到的問題? 無
3.製作感想 很有成就感
4.製作作業的時間 :兩天]]> 1015445202 101-1《中國》竹視傳一C-網頁設計 Sun, 06 Jan 2013 23:11:58 +0800 http://mepopedia.com/forum/read.php?1173,28543,29061#msg-29061 http://mepopedia.com/forum/read.php?1173,28543,29061#msg-29061

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：粉紅 粉紫
2.有無遇到的問題? 不會設float
3.製作感想 好煩歐~~~都不太會:S
4.製作作業的時間 兩天]]> 1015445206 101-1《中國》竹視傳一C-網頁設計 Sun, 06 Jan 2013 20:03:46 +0800 http://mepopedia.com/forum/read.php?1173,28543,29053#msg-29053 http://mepopedia.com/forum/read.php?1173,28543,29053#msg-29053
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 照著做
2.有無遇到的問題? 有
3.製作感想 :D
4.製作作業的時間 很久]]> LittleBoy 101-1《中國》竹視傳一C-網頁設計 Sun, 06 Jan 2013 11:40:58 +0800 http://mepopedia.com/forum/read.php?1173,28543,29050#msg-29050 http://mepopedia.com/forum/read.php?1173,28543,29050#msg-29050 1.網頁主題：rody
配色與風格設定：可愛的顏色
2.有無遇到的問題? 沒有
3.製作感想 :連期末作業都做完囉~
4.製作作業的時間 :一天]]> 1015445218 101-1《中國》竹視傳一C-網頁設計 Sun, 06 Jan 2013 05:14:42 +0800 http://mepopedia.com/forum/read.php?1173,28543,29021#msg-29021 http://mepopedia.com/forum/read.php?1173,28543,29021#msg-29021 http://mepopedia.com/~web101c/hw07/hw07-1015445201

(2).請回答以下問題：
1.網頁主題：Avril Lavigne
配色與風格設定：綠、灰、黑
2.有無遇到的問題? 還好
3.製作感想 ：一直有遇到些小問題，最後都解決了，能做出來很開心，學到很多。
4.製作作業的時間：一天以上]]> 1015445201 101-1《中國》竹視傳一C-網頁設計 Fri, 04 Jan 2013 12:50:50 +0800 http://mepopedia.com/forum/read.php?1173,28543,29003#msg-29003 http://mepopedia.com/forum/read.php?1173,28543,29003#msg-29003 1.網頁主題： 配色與風格設定： 紅白
2.有無遇到的問題? 無問題
3.製作感想 :拿做好的期末作業!
4.製作作業的時間 : 一天吧]]> ,,* × Ｓu Hａn°,; ★ 101-1《中國》竹視傳一C-網頁設計 Thu, 03 Jan 2013 19:21:02 +0800 http://mepopedia.com/forum/read.php?1173,28543,28984#msg-28984 http://mepopedia.com/forum/read.php?1173,28543,28984#msg-28984

(2).請回答以下問題：
1.網頁主題：雨月
配色與風格設定：藍綠色調
2.有無遇到的問題? 有，表格溝通不良 ....
3.製作感想: 希望能完成期末作業
4.製作作業的時間 :不可計(?]]> LI-WAN-YU 101-1《中國》竹視傳一C-網頁設計 Thu, 03 Jan 2013 01:33:12 +0800 http://mepopedia.com/forum/read.php?1173,28543,28978#msg-28978 http://mepopedia.com/forum/read.php?1173,28543,28978#msg-28978
(2).請回答以下問題：
1.網頁主題： 芋園柚子
配色與風格設定：黃色調.黑白調
2.有無遇到的問題? 最右邊那出現文字亂跑!!!
3.製作感想: 做到快G了~但終於做好了!!!!!終於阿!!!
4.製作作業的時間 :2小時]]> FF 101-1《中國》竹視傳一C-網頁設計 Wed, 02 Jan 2013 21:02:30 +0800 http://mepopedia.com/forum/read.php?1173,28543,28964#msg-28964 http://mepopedia.com/forum/read.php?1173,28543,28964#msg-28964

1.網頁主題：貝果
配色與風格設定：黃色調!歐普風
2.有無遇到的問題? = =太多ㄌ!
3.製作感想:除了gg還是gg
4.製作作業的時間:1天]]> blckdesign 101-1《中國》竹視傳一C-網頁設計 Tue, 01 Jan 2013 23:46:37 +0800 http://mepopedia.com/forum/read.php?1173,28543,28952#msg-28952 http://mepopedia.com/forum/read.php?1173,28543,28952#msg-28952
(2).請回答以下問題：
1.網頁主題：史努比sonnpy
配色與風格設定： 橘、白，灰
2.有無遇到的問題：還好
3.製作感想 ：終於又完成了一頁
4.製作作業的時間：1.5小時]]> 1015445270 101-1《中國》竹視傳一C-網頁設計 Mon, 31 Dec 2012 17:53:53 +0800 http://mepopedia.com/forum/read.php?1173,28543,28942#msg-28942 http://mepopedia.com/forum/read.php?1173,28543,28942#msg-28942
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：青春健康配色
2.有無遇到的問題? 因為套用表格導致偏出去
3.製作感想 做出來了開心,學到更多
4.製作作業的時間 好幾天]]> 姚少涵 101-1《中國》竹視傳一C-網頁設計 Sun, 30 Dec 2012 21:56:31 +0800 http://mepopedia.com/forum/read.php?1173,28543,28934#msg-28934 http://mepopedia.com/forum/read.php?1173,28543,28934#msg-28934 1.網頁主題： 初音未來
配色與風格設定： 黑、藍色系
2.有無遇到的問題? 以解決
3.製作感想 :好累做好久，內容做好多
4.製作作業的時間 :2天]]> 1015445208 101-1《中國》竹視傳一C-網頁設計 Sat, 29 Dec 2012 17:17:40 +0800 http://mepopedia.com/forum/read.php?1173,28543,28910#msg-28910 http://mepopedia.com/forum/read.php?1173,28543,28910#msg-28910 1.網頁主題： 配色與風格設定： 黑白粉
2.有無遇到的問題? 無
3.製作感想 :問題自己慢慢研究，就能解決了
4.製作作業的時間 : 1天多]]> 1015445232 101-1《中國》竹視傳一C-網頁設計 Fri, 28 Dec 2012 17:38:35 +0800 http://mepopedia.com/forum/read.php?1173,28543,28883#msg-28883 http://mepopedia.com/forum/read.php?1173,28543,28883#msg-28883
(2).請回答以下問題：
1.網頁主題：少年魔法師梅林 配色與風格設定：黑灰色系
2.有無遇到的問題? 無
3.製作感想 很開心做完了，又學到了很多
4.製作作業的時間 半天]]> 1015445240 101-1《中國》竹視傳一C-網頁設計 Wed, 26 Dec 2012 16:52:45 +0800 http://mepopedia.com/forum/read.php?1173,28543,28801#msg-28801 http://mepopedia.com/forum/read.php?1173,28543,28801#msg-28801

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：黑白色
2.有無遇到的問題? 無
3.製作感想: 使用方面更方便
4.製作作業的時間 :課堂時間]]> 1015445213 101-1《中國》竹視傳一C-網頁設計 Sun, 23 Dec 2012 23:05:54 +0800 http://mepopedia.com/forum/read.php?1173,28543,28788#msg-28788 http://mepopedia.com/forum/read.php?1173,28543,28788#msg-28788
(2).請回答以下問題：
1.網頁主題： 仁顯王后的男人
配色與風格設定：紫色與藍色，呈現浪漫的感覺
2.有無遇到的問題? 沒有
3.製作感想：延續到期末的作業感覺很開心，仁顯王后的男人真的太讓我喜愛了哈哈
4.製作作業的時間：一天]]> 1015445203 101-1《中國》竹視傳一C-網頁設計 Sat, 22 Dec 2012 21:54:12 +0800 http://mepopedia.com/forum/read.php?1173,28543,28767#msg-28767 http://mepopedia.com/forum/read.php?1173,28543,28767#msg-28767

(2).請回答以下問題：
1.網頁主題：Green Day。
配色與風格設定：複古，紅、黑。
2.有無遇到的問題? 無。
3.製作感想: 有點小複雜，不過作完很有成就感，繼續朝向期末作業努力中。
4.製作作業的時間 :不到一天。]]> 1015445215 101-1《中國》竹視傳一C-網頁設計 Sat, 22 Dec 2012 15:55:00 +0800 http://mepopedia.com/forum/read.php?1173,28543,28735#msg-28735 http://mepopedia.com/forum/read.php?1173,28543,28735#msg-28735

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：以聖誕節為主題，紅色佔大多數，在寒冷的冬天，看到紅色，能夠溫暖人的心，具有舒服、放鬆的感覺，所以選擇紅色為主色
2.有無遇到的問題? 小標題每次設定都會消失上一段文章，content、角色介紹那裏都有，所以不知怎麼辦
3.製作感想: 學習的很愉快，學到許多技巧，感謝老師!!
4.製作作業的時間 :分好幾天做加起來大約有5小時吧~~]]> 1015445246 101-1《中國》竹視傳一C-網頁設計 Thu, 20 Dec 2012 19:18:01 +0800 http://mepopedia.com/forum/read.php?1173,28543,28677#msg-28677 http://mepopedia.com/forum/read.php?1173,28543,28677#msg-28677

(2).請回答以下問題：
1.網頁主題： 配色與風格設定：粉紫色
2.有無遇到的問題? 無
3.製作感想: 繼續做下去完成期末作業
4.製作作業的時間 :3小時]]> a1234561018 101-1《中國》竹視傳一C-網頁設計 Mon, 17 Dec 2012 20:24:41 +0800 http://mepopedia.com/forum/read.php?1173,28543,28544#msg-28544 http://mepopedia.com/forum/read.php?1173,28543,28544#msg-28544 1.網頁主題： 配色與風格設定： 金黃色系
2.有無遇到的問題? 無問題
3.製作感想 :拿之前做的作業就好了~~再做新的話會被公幹XDD
4.製作作業的時間 :忘了XDD]]> 1015445243 101-1《中國》竹視傳一C-網頁設計 Mon, 10 Dec 2012 00:52:19 +0800