請參考 [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/~web105-2b/hw07/hw07-104xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw07-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址 :http://mepopedia.com/~web105-2b/hw07/hw07-104xxxxxxx (2).請回答以下問題： 1.網頁主題： 配色與風格設定： 2.有無遇到的問題? 3.製作感想 4.製作作業的時間 [hr] 上課影音 以Float：浮動，製作雙欄網頁 雙欄Float：浮動、Table：表格、錨點、垂直導覽列 http://youtu.be/pj6f8GQKIu8 2.作業參考 (1) http://mepopedia.com/~jinjin/web/hw07/ (2) http://mepopedia.com/~web103-a/hw07/hw07-1005445193/ (3) http://mepopedia.com/~web103-a/hw07/hw07-1025445139/team.html (4) http://mepopedia.com/~web103-a/hw07/hw07-1005445195/ (5) http://mepopedia.com/~web103-a/hw07/hw07-1025445001/album.html (6) http://mepopedia.com/~web103-a/hw07/hw07-1025445040/ http://mepopedia.com/forum/read.php?2602,83295,83295#msg-83295 Sun, 25 Oct 2026 23:02:18 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2602,83295,83842#msg-83842 http://mepopedia.com/forum/read.php?2602,83295,83842#msg-83842
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 冷酷風格
2.有無遇到的問題 N
3.製作感想 N
4.製作作業的時間 2hr]]> 1045445173 105-1《中國》竹視傳二B-網頁設計 Sat, 14 Jan 2017 16:58:20 +0800 http://mepopedia.com/forum/read.php?2602,83295,83825#msg-83825 http://mepopedia.com/forum/read.php?2602,83295,83825#msg-83825
(2).請回答以下問題：
1.網頁主題：星座 配色與風格設定：以星空的紫色和藍色帶點粉色為主
2.有無遇到的問題? 當中的設定有點混亂，旁邊的雙欄很難有反應，但還可以改善
3.製作感想:因為本身對星座感興趣，所以製作過程中蠻快樂的
4.製作作業的時間:6小時]]> 1045445110 105-1《中國》竹視傳二B-網頁設計 Sat, 14 Jan 2017 00:47:47 +0800 http://mepopedia.com/forum/read.php?2602,83295,83822#msg-83822 http://mepopedia.com/forum/read.php?2602,83295,83822#msg-83822 2、.請回答以下問題：
網頁主題：星座
配色與風格設定： 基本以藍綠為基底，對應火象星座，所以content-Rm用紅粉為主。
2.有無遇到的問題? 表格怪怪的
3.製作感想：雖然做出來很有成就感，但中間遭遇的挫折也很多。
4.製作作業的時間：１～２小時]]> 1045445170 105-1《中國》竹視傳二B-網頁設計 Fri, 13 Jan 2017 18:38:39 +0800 http://mepopedia.com/forum/read.php?2602,83295,83809#msg-83809 http://mepopedia.com/forum/read.php?2602,83295,83809#msg-83809
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 低調，簡約
2.有無遇到的問題? 無
3.製作感想 無
4.製作作業的時間 3天]]> 1045445122 105-1《中國》竹視傳二B-網頁設計 Thu, 12 Jan 2017 22:22:59 +0800 http://mepopedia.com/forum/read.php?2602,83295,83801#msg-83801 http://mepopedia.com/forum/read.php?2602,83295,83801#msg-83801
(2).請回答以下問題：
1.網頁主題：KAKAO
配色與風格設定：活潑的撞色

2.有無遇到的問題? 顏色跑掉

3.製作感想： 網頁真的好難

4.製作作業的時間：4小時。]]> 芮薇珊 105-1《中國》竹視傳二B-網頁設計 Thu, 12 Jan 2017 17:59:24 +0800 http://mepopedia.com/forum/read.php?2602,83295,83789#msg-83789 http://mepopedia.com/forum/read.php?2602,83295,83789#msg-83789
1.網頁主題： 配色與風格設定：宇宙黑風格
2.有無遇到的問題: N
3.製作感想 : N
4.製作作業的時間 : 2days]]> 1045445065 105-1《中國》竹視傳二B-網頁設計 Thu, 12 Jan 2017 12:17:37 +0800 http://mepopedia.com/forum/read.php?2602,83295,83788#msg-83788 http://mepopedia.com/forum/read.php?2602,83295,83788#msg-83788
網頁主題：鄭秀晶
配色與風格設定：看起來舒服乾淨的感覺
有無遇到的問題：用不起來.....
製作感想：雙欄不好調整
製作作業的時間：四五小時]]> 1025445119 105-1《中國》竹視傳二B-網頁設計 Thu, 12 Jan 2017 12:16:58 +0800 http://mepopedia.com/forum/read.php?2602,83295,83783#msg-83783 http://mepopedia.com/forum/read.php?2602,83295,83783#msg-83783
(2).請回答以下問題：
1.網頁主題：名偵探柯南
配色與風格設定：沉穩 簡單

2.有無遇到的問題? 回覆的網頁和交的檔案開起來不同，回覆的網頁圖片跑不出來，但交在FZ的檔案又是正常的

3.製作感想： 覺得終於有一點成就感了

4.製作作業的時間：７~８小時。]]> 1045445104 105-1《中國》竹視傳二B-網頁設計 Thu, 12 Jan 2017 11:46:27 +0800 http://mepopedia.com/forum/read.php?2602,83295,83772#msg-83772 http://mepopedia.com/forum/read.php?2602,83295,83772#msg-83772 [color=#666666]
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 步步系列與篇紫色神秘色彩
2.有無遇到的問題? 應該沒有
3.製作感想 又學到新的了 不過覺得腦容量快裝不下了....
4.製作作業的時間 三到四小時[/color]]]> 1045445152 105-1《中國》竹視傳二B-網頁設計 Thu, 12 Jan 2017 08:11:03 +0800 http://mepopedia.com/forum/read.php?2602,83295,83756#msg-83756 http://mepopedia.com/forum/read.php?2602,83295,83756#msg-83756
(2).請回答以下問題：
1.網頁主題：魔鏡夢遊
配色與風格設定： 以背景的紫色來呈現出神秘而奇幻的感覺，則黃色是想呈現華麗的感覺，這兩種顏色都是去吸header圖片裡的顏色。
2.有無遇到的問題?
Actor演員的頁面的back沒辦法靠右，雙欄部分的命名苗點在網路上查，大家都說cc版的命名苗點被移除掉了，所以雙欄部分沒辦法做命名苗點。
3.製作感想
感覺愈到後面，雖然學得越多，但問題也會跟著變多。
4.製作作業的時間 5~6小時]]> 1045445092 105-1《中國》竹視傳二B-網頁設計 Wed, 11 Jan 2017 14:06:04 +0800 http://mepopedia.com/forum/read.php?2602,83295,83754#msg-83754 http://mepopedia.com/forum/read.php?2602,83295,83754#msg-83754
(2).請回答以下問題：

1.網頁主題： 配色與風格設定： 懸疑感 。

2.有無遇到的問題? 找到問題已經解決了。

3.製作感想 : 雙欄比較複雜，剛開始做雙欄時，設定錯誤，導致後續幾頁都跑位，
經過重新在做過一次後，問題都解決了，也更了解雙欄的東西。

4.製作作業的時間：1天]]> 1045445074 105-1《中國》竹視傳二B-網頁設計 Wed, 11 Jan 2017 13:54:57 +0800 http://mepopedia.com/forum/read.php?2602,83295,83752#msg-83752 http://mepopedia.com/forum/read.php?2602,83295,83752#msg-83752
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：紅 黃
2.有無遇到的問題? 雙欄很麻煩
3.製作感想 複雜
4.製作作業的時間 2小時]]> 陳柏叡1045445137 105-1《中國》竹視傳二B-網頁設計 Wed, 11 Jan 2017 13:52:05 +0800 http://mepopedia.com/forum/read.php?2602,83295,83744#msg-83744 http://mepopedia.com/forum/read.php?2602,83295,83744#msg-83744
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：
可愛、鮮明&淺色系為主，風格可愛
2.有無遇到的問題?
第一次做雙欄，做到快爆炸，有時候會不知道要點哪個，做完發現index的CSS不見了 難怪點進去是亂的
3.製作感想
花了時間努力做出來了，覺得心情很好，學會新東西很開心~
4.製作作業的時間
3~4小時(搞了很久哈哈)]]> 1045445119 105-1《中國》竹視傳二B-網頁設計 Wed, 11 Jan 2017 12:21:15 +0800 http://mepopedia.com/forum/read.php?2602,83295,83739#msg-83739 http://mepopedia.com/forum/read.php?2602,83295,83739#msg-83739
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：
可愛、鮮明&淺色系為主，風格可愛
2.有無遇到的問題?
第一次做雙欄，做到快爆炸，有時候會不知道要點哪個
3.製作感想
花了時間努力做出來了，覺得心情很好，學會新東西很開心
4.製作作業的時間
3~4小時(搞了很久哈哈)]]> 1045445119 105-1《中國》竹視傳二B-網頁設計 Wed, 11 Jan 2017 11:59:45 +0800 http://mepopedia.com/forum/read.php?2602,83295,83696#msg-83696 http://mepopedia.com/forum/read.php?2602,83295,83696#msg-83696
(2).請回答以下問題：
11.網頁主題：Bravest Warriors
配色與風格設定：是個比較科技化的美國動畫，所以已比較鮮艷活潑的色彩設計。
2.有無遇到的問題? 基本上沒有太大的問題
3.製作感想 : 覺得越來越熟練QQ
4.製作作業的時間 5小時]]> OuO1045445125 105-1《中國》竹視傳二B-網頁設計 Wed, 11 Jan 2017 00:18:54 +0800 http://mepopedia.com/forum/read.php?2602,83295,83676#msg-83676 http://mepopedia.com/forum/read.php?2602,83295,83676#msg-83676 (2).請回答以下問題：
1.網頁主題：ARASHI嵐
配色與風格設定：黃色紅色為主
2.有無遇到的問題? 雙欄的css設定一直無法很好看
3.製作感想 :雙欄有點難做
4.製作作業的時間 3小時]]> 1045445077 105-1《中國》竹視傳二B-網頁設計 Tue, 10 Jan 2017 18:20:14 +0800 http://mepopedia.com/forum/read.php?2602,83295,83661#msg-83661 http://mepopedia.com/forum/read.php?2602,83295,83661#msg-83661
(2).請回答以下問題：
1.網頁主題：super junior
配色與風格設定：粉色系
2.有無遇到的問題? 雙欄的css設定一直無法很好看
3.製作感想 : 雙欄的架構是所有作業最麻煩的，好險有老師的教學影片，讓我可以邊看邊做。
4.製作作業的時間 5小時]]> kiki2007810 105-1《中國》竹視傳二B-網頁設計 Tue, 10 Jan 2017 12:07:27 +0800 http://mepopedia.com/forum/read.php?2602,83295,83621#msg-83621 http://mepopedia.com/forum/read.php?2602,83295,83621#msg-83621
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：暗黑
2.有無遇到的問題? 雙欄很麻煩
3.製作感想 複雜
4.製作作業的時間 2小時]]> 徐夢蔆1045445071 105-1《中國》竹視傳二B-網頁設計 Mon, 09 Jan 2017 13:31:05 +0800 http://mepopedia.com/forum/read.php?2602,83295,83541#msg-83541 http://mepopedia.com/forum/read.php?2602,83295,83541#msg-83541
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：
可愛、鮮明&淺色系為主，風格可愛
2.有無遇到的問題?
第一次做雙欄，做到快爆炸，有時候會不知道要點哪個
3.製作感想
花了時間努力做出來了，覺得心情很好，學會新東西很開心
4.製作作業的時間
3~4小時(搞了很久哈哈)]]> 1045445119 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 21:35:31 +0800 http://mepopedia.com/forum/read.php?2602,83295,83535#msg-83535 http://mepopedia.com/forum/read.php?2602,83295,83535#msg-83535
請回答以下問題：
1.網頁主題： 配色與風格設定：
紅白可樂風
2.有無遇到的問題?
無
3.製作感想
雙欄真的很難，複雜，繁瑣，費時，號精神，但我還是做完了
4.製作作業的時間
2hr]]> abcdefg12345678 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 15:18:16 +0800 http://mepopedia.com/forum/read.php?2602,83295,83523#msg-83523 http://mepopedia.com/forum/read.php?2602,83295,83523#msg-83523
(2).請回答以下問題：
1.網頁主題：Ariana Grande
配色與風格設定：紫色調
2.有無遇到的問題？無
3.製作感想：BACK那邊有遇到一點小問題，不過後來有發現雖然有點小難度不過還是順利做好了。
4.製作作業的時間：3~4小時]]> 1045445068 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 13:57:03 +0800 http://mepopedia.com/forum/read.php?2602,83295,83521#msg-83521 http://mepopedia.com/forum/read.php?2602,83295,83521#msg-83521 (2).請回答以下問題：
1.網頁主題：草間彌生
配色與風格設定：圓點點
2.有無遇到的問題？有 雙欄部分 搞了很久
3.製作感想：有遇到一點小問題，後來解決了 也感謝朋友的協助
4.製作作業的時間：3~4小時]]> 1045445155 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 13:31:15 +0800 http://mepopedia.com/forum/read.php?2602,83295,83513#msg-83513 http://mepopedia.com/forum/read.php?2602,83295,83513#msg-83513
(2).請回答以下問題：
1.網頁主題：慢慢說樂團
2.有無遇到的問題?
我的雙蘭一直跑掉很奇怪後來改好了
3.製作感想
講義很清楚,幫助我做作業

4.製作作業的時間
5 小時]]> 黃書俞 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 13:09:54 +0800 http://mepopedia.com/forum/read.php?2602,83295,83512#msg-83512 http://mepopedia.com/forum/read.php?2602,83295,83512#msg-83512
(2).請回答以下問題：
1.網頁主題：MAZDA 2
配色與風格設定： 乾淨風
2.有無遇到的問題？無
3.製作感想： 有點難度
4.製作作業的時間：1小時多]]> 1045445059 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 13:07:47 +0800 http://mepopedia.com/forum/read.php?2602,83295,83505#msg-83505 http://mepopedia.com/forum/read.php?2602,83295,83505#msg-83505
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 可愛幾米
2.有無遇到的問題? 沒有吧
3.製作感想 又多了很多新功能(:P)
4.製作作業的時間 3~4小時]]> 089 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 11:39:52 +0800 http://mepopedia.com/forum/read.php?2602,83295,83501#msg-83501 http://mepopedia.com/forum/read.php?2602,83295,83501#msg-83501
(2).請回答以下問題：
1.網頁主題： 暗色系
2.有無遇到的問題? 無
3.製作感想 : 做得好累 可是很有成就感
4.製作作業的時間 4.5小時]]> 1045445131 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 10:55:33 +0800 http://mepopedia.com/forum/read.php?2602,83295,83499#msg-83499 http://mepopedia.com/forum/read.php?2602,83295,83499#msg-83499
(2).請回答以下問題：
1.網頁主題：Ariana Grande
配色與風格設定：紫色調
2.有無遇到的問題？無
3.製作感想：BACK那邊有遇到一點小問題，不過後來有發現雖然有點小難度不過還是順利做好了。
4.製作作業的時間：3~4小時]]> 1045445068 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 10:47:03 +0800 http://mepopedia.com/forum/read.php?2602,83295,83495#msg-83495 http://mepopedia.com/forum/read.php?2602,83295,83495#msg-83495
(2).請回答以下問題：
1.網頁主題：銀魂
配色與風格設定： 配合角色風格，藍色、白色
2.有無遇到的問題? 還好欸
3.製作感想: 網頁....嗯
4.製作作業的時間: 2小時]]> 1045445002 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 10:40:54 +0800 http://mepopedia.com/forum/read.php?2602,83295,83492#msg-83492 http://mepopedia.com/forum/read.php?2602,83295,83492#msg-83492
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 黑白，依團體形象去做
2.有無遇到的問題? 雙攔的個別設定~
3.製作感想 :雖然花比較多的時間去設定，但做完有些成就感喇~
4.製作作業的時間 : 3~4小時]]> 1045445053 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 02:52:01 +0800 http://mepopedia.com/forum/read.php?2602,83295,83490#msg-83490 http://mepopedia.com/forum/read.php?2602,83295,83490#msg-83490 (2).請回答以下問題：
1.網頁主題： 配色與風格設定： 簡介的地方用比較簡單的色彩歷程的地方用比較活潑的顏色
2.有無遇到的問題? 無
3.製作感想 ：很有成就感
4.製作作業的時間： 2~3小時]]> 1045445080 105-1《中國》竹視傳二B-網頁設計 Thu, 05 Jan 2017 02:01:56 +0800