請參考 [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/~web104-2c/hw07/hw07-103xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 3.images圖檔資料夾 存放在 < hw07-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址 ：http://mepopedia.com/~web104-2c/hw07/hw07-103xxxxxxx (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?2481,78930,78930#msg-78930 Tue, 28 Jul 2026 06:45:09 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2481,78930,79773#msg-79773 http://mepopedia.com/forum/read.php?2481,78930,79773#msg-79773
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：hello kitty
2.有無遇到的問題? 無～
3.製作感想：大愛<3
4.製作作業的時間：1小時]]> 陳怡安安你好 104-1《中國》竹視傳二C-網頁設計 Tue, 12 Jan 2016 13:39:39 +0800 http://mepopedia.com/forum/read.php?2481,78930,79762#msg-79762 http://mepopedia.com/forum/read.php?2481,78930,79762#msg-79762
(2).請回答以下問題：
1.網頁主題：神隱少女 配色與風格設定： 粉紅和米白
2.有無遇到的問題? 沒有不是問題的
3.製作感想 累
4.製作作業的時間 無法計算]]> 1035445105 104-1《中國》竹視傳二C-網頁設計 Mon, 11 Jan 2016 18:22:01 +0800 http://mepopedia.com/forum/read.php?2481,78930,79749#msg-79749 http://mepopedia.com/forum/read.php?2481,78930,79749#msg-79749 (2).請回答以下問題：
1.網頁主題：宮崎駿生平介紹 配色與風格設定：龍貓公車的黃褐色
2.有無遇到的問題? 有 但看老師的講義很快就解決了
3.製作感想 想要製作可以展開的表格，但弄不出來只好一般的。
4.製作作業的時間 5小時。]]> 1035445141 104-1《中國》竹視傳二C-網頁設計 Sun, 10 Jan 2016 19:57:15 +0800 http://mepopedia.com/forum/read.php?2481,78930,79739#msg-79739 http://mepopedia.com/forum/read.php?2481,78930,79739#msg-79739
(2).請回答以下問題：
1.網頁主題： 柴犬
2.有無遇到的問題? 還行
3.製作感想：心想事成
4.製作作業的時間：1小時]]> 小吉 104-1《中國》竹視傳二C-網頁設計 Sat, 09 Jan 2016 23:12:17 +0800 http://mepopedia.com/forum/read.php?2481,78930,79700#msg-79700 http://mepopedia.com/forum/read.php?2481,78930,79700#msg-79700
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：GinOy，歐陽靖 黑黃灰
2.有無遇到的問題? 眼睛乾眼睛痛眼睛痠
3.製作感想：我想去看眼科
4.製作作業的時間：2小時]]> ases41026 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 21:50:17 +0800 http://mepopedia.com/forum/read.php?2481,78930,79686#msg-79686 http://mepopedia.com/forum/read.php?2481,78930,79686#msg-79686
2.請回答以下問題：

(1)網頁主題：魔鏡夢遊 配色與風格設定：以鮮豔的色彩吸引人目光

(2)有無遇到的問題:網頁設計好難 超級無敵難

(3)製作感想: 看到程式碼頭就好痛

(4)製作作業的時間:三小時半

學號:1035445096]]> 1035445096 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 14:12:44 +0800 http://mepopedia.com/forum/read.php?2481,78930,79684#msg-79684 http://mepopedia.com/forum/read.php?2481,78930,79684#msg-79684
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 黑灰白
2.有無遇到的問題? 程式碼跑掉
3.製作感想 有點煩躁
4.製作作業的時間 3小時]]> fishmus 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 12:30:36 +0800 http://mepopedia.com/forum/read.php?2481,78930,79682#msg-79682 http://mepopedia.com/forum/read.php?2481,78930,79682#msg-79682
(2).請回答以下問題：
1.網頁主題： LOL
配色與風格設定： 暗色調
2.有無遇到的問題? 沒有
3.製作感想 難
4.製作作業的時間 1小時]]> 葉峻傑 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 11:55:53 +0800 http://mepopedia.com/forum/read.php?2481,78930,79679#msg-79679 http://mepopedia.com/forum/read.php?2481,78930,79679#msg-79679
(2).請回答以下問題：
1.網頁主題： Line
2.有無遇到的問題? 學習障礙
3.製作感想 後面做的比較上手
4.製作作業的時間 2小時]]> MeiJunLee 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 11:37:30 +0800 http://mepopedia.com/forum/read.php?2481,78930,79655#msg-79655 http://mepopedia.com/forum/read.php?2481,78930,79655#msg-79655
(2).請回答以下問題：
1.網頁主題：九藏喵窩
配色與風格設定：暖色系
2.有無遇到的問題? 語法混淆
3.製作感想 多了一欄,CSS常設定錯誤
4.製作作業的時間 8小時]]> 1035445060 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 03:55:17 +0800 http://mepopedia.com/forum/read.php?2481,78930,79652#msg-79652 http://mepopedia.com/forum/read.php?2481,78930,79652#msg-79652
(2).請回答以下問題：
1.網頁主題： 美國恐怖故事
2.有無遇到的問題? 表格一直跳
3.製作感想：標籤太多好亂
4.製作作業的時間：3小時]]> 1035445201 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 03:25:20 +0800 http://mepopedia.com/forum/read.php?2481,78930,79648#msg-79648 http://mepopedia.com/forum/read.php?2481,78930,79648#msg-79648
　(2) 風格設定為以粉橘色調來搭配我可能不會愛你）

　(3) 有無遇到的問題? 有些亂碼看不懂

　(4) 製作感想? 好想睡
5 製作時間 三十分鐘]]> 1035445120 104-1《中國》竹視傳二C-網頁設計 Thu, 07 Jan 2016 02:45:32 +0800 http://mepopedia.com/forum/read.php?2481,78930,79628#msg-79628 http://mepopedia.com/forum/read.php?2481,78930,79628#msg-79628
(2).請回答以下問題：
1.網頁主題： 魔力紅
2.有無遇到的問題? 沒有
3.製作感想 困難重重
4.製作作業的時間 2.5小時]]> 1035445180 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 23:33:56 +0800 http://mepopedia.com/forum/read.php?2481,78930,79622#msg-79622 http://mepopedia.com/forum/read.php?2481,78930,79622#msg-79622
(2).請回答以下問題：
1.網頁主題：天涯明月刀 配色與風格設定：深藍色 深紫色 武俠風
2.有無遇到的問題? 沒有
3.製作感想：很有成就感
4.製作作業的時間：5小時]]> 1035445084 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 23:25:11 +0800 http://mepopedia.com/forum/read.php?2481,78930,79601#msg-79601 http://mepopedia.com/forum/read.php?2481,78930,79601#msg-79601
(2).請回答以下問題：
1.網頁主題： 南方四賤客
配色與風格設定：黃/藍綠，有點粗造的風格
2.有無遇到的問題：L-list的設定都跟老師一樣，包括清單none，但效果一直沒有出現!
3.製作感想：困難無法解決 很煩
4.製作作業的時間：3小時]]> 1025445189 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 18:32:49 +0800 http://mepopedia.com/forum/read.php?2481,78930,79599#msg-79599 http://mepopedia.com/forum/read.php?2481,78930,79599#msg-79599
(2).請回答以下問題：

1.網頁主題：湯姆貓與傑利鼠 配色與風格設定：灰色、藍色、咖啡色

2.有無遇到的問題:無

3.製作感想:做網頁需要很多耐心，但是完成後很有成就感。

4.製作作業的時間:三小時]]> 1035445072 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 17:48:47 +0800 http://mepopedia.com/forum/read.php?2481,78930,79598#msg-79598 http://mepopedia.com/forum/read.php?2481,78930,79598#msg-79598
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：清新
2.有無遇到的問題? 表格一直跳掉 標籤太多
3.製作感想：覺得很複雜
4.製作作業的時間：3~4小時]]> 1035445027 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 17:47:03 +0800 http://mepopedia.com/forum/read.php?2481,78930,79583#msg-79583 http://mepopedia.com/forum/read.php?2481,78930,79583#msg-79583
(2).請回答以下問題：
1.網頁主題： 配色與風格設定：森林綠、阿爾卑斯山的少女
2.有無遇到的問題? 表格一直跑位
3.製作感想：覺得有點難度，有點混亂 但還是完成了
4.製作作業的時間：3小時]]> yun0221 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 15:11:48 +0800 http://mepopedia.com/forum/read.php?2481,78930,79565#msg-79565 http://mepopedia.com/forum/read.php?2481,78930,79565#msg-79565
(2).請回答以下問題：
1.網頁主題：蠟筆小新劇場版
配色與風格設定：暖色系
2.有無遇到的問題? 無
3.製作感想：有成就感
4.製作作業的時間：2小時]]> 1025445061 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 02:43:07 +0800 http://mepopedia.com/forum/read.php?2481,78930,79558#msg-79558 http://mepopedia.com/forum/read.php?2481,78930,79558#msg-79558
(2).請回答以下問題：

1.網頁主題：STAR WARS原力覺醒
配色與風格設定：黑色調為主搭配黃調

2.有無遇到的問題：很多

3.製作感想：慢慢看老師的影片做

4.製作作業的時間：2小時]]> pippin 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 01:11:30 +0800 http://mepopedia.com/forum/read.php?2481,78930,79555#msg-79555 http://mepopedia.com/forum/read.php?2481,78930,79555#msg-79555
(2).請回答以下問題：
1.網頁主題： 龍貓的綠綠
2.有無遇到的問題? no~
3.製作感想 :脖子好痠阿...
4.製作作業的時間 2個半小時]]> 1035445156 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 00:25:05 +0800 http://mepopedia.com/forum/read.php?2481,78930,79554#msg-79554 http://mepopedia.com/forum/read.php?2481,78930,79554#msg-79554
(2).請回答以下問題：
1.網頁主題： 配色與風格設定： 橘色 蠟筆小新配色
2.有無遇到的問題? 目前沒有
3.製作感想 做出來的成果不錯看
4.製作作業的時間 3小時]]> 1035445081 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 00:23:06 +0800 http://mepopedia.com/forum/read.php?2481,78930,79551#msg-79551 http://mepopedia.com/forum/read.php?2481,78930,79551#msg-79551
(2).請回答以下問題：
1.網頁主題：熊本熊 粉紅色
2.有無遇到的問題? 沒有
3.製作感想 有點不知道如何開始做
4.製作作業的時間 3小時]]> 濁濁 104-1《中國》竹視傳二C-網頁設計 Wed, 06 Jan 2016 00:13:07 +0800 http://mepopedia.com/forum/read.php?2481,78930,79535#msg-79535 http://mepopedia.com/forum/read.php?2481,78930,79535#msg-79535
(2).請回答以下問題：

1.網頁主題：櫻桃小丸子

2.有無遇到的問題:有

3.製作感想:終於做好了

4.製作作業的時間:3小時半

學號:1035445219]]> 1035445219 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 21:51:02 +0800 http://mepopedia.com/forum/read.php?2481,78930,79532#msg-79532 http://mepopedia.com/forum/read.php?2481,78930,79532#msg-79532
(2).請回答以下問題：

1.網頁主題：黑白色調的馬來貘

2.有無遇到的問題? 問題多多

3.製作感想：非常疲憊

4.製作作業的時間：久到數不清]]> 林悅煦 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 21:11:21 +0800 http://mepopedia.com/forum/read.php?2481,78930,79531#msg-79531 http://mepopedia.com/forum/read.php?2481,78930,79531#msg-79531
(2).請回答以下問題：

1.網頁主題：黑白色調的馬來貘

2.有無遇到的問題? 有喔 一堆

3.製作感想： 非常疲憊

4.製作作業的時間： 久到數不清]]> 林悅煦 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 21:07:01 +0800 http://mepopedia.com/forum/read.php?2481,78930,79527#msg-79527 http://mepopedia.com/forum/read.php?2481,78930,79527#msg-79527
(2).請回答以下問題：
1.網頁主題：Lana Del Rey 配色與風格設定： 粉色與灰藍色
2.有無遇到的問題? CSS一直跑掉
3.製作感想 看影片上手快
4.製作作業的時間 4個小時]]> 李家欣 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 20:38:43 +0800 http://mepopedia.com/forum/read.php?2481,78930,79501#msg-79501 http://mepopedia.com/forum/read.php?2481,78930,79501#msg-79501
(2).請回答以下問題：

1.網頁主題：史努比
配色與風格設定：紅黑灰史努比配色

2.有無遇到的問題：無

3.製作感想：已盡力

4.製作作業的時間：3小時]]> 1035445024 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 17:17:38 +0800 http://mepopedia.com/forum/read.php?2481,78930,79459#msg-79459 http://mepopedia.com/forum/read.php?2481,78930,79459#msg-79459
(2).請回答以下問題：
1.網頁主題：月亮忘記了
2.有無遇到的問題? 問題不大
3.製作感想 有慢慢地搞清楚要做什麼
4.製作作業的時間 3小時

1035445042]]> s850729 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 13:00:15 +0800 http://mepopedia.com/forum/read.php?2481,78930,79436#msg-79436 http://mepopedia.com/forum/read.php?2481,78930,79436#msg-79436
(2).請回答以下問題：
1.網頁主題：少女時代 配色與風格設定：粉紅色
2.有無遇到的問題? 每個都好難
3.製作感想：面臨崩潰狀態
4.製作作業的時間：3小時]]> ruiruiting 104-1《中國》竹視傳二C-網頁設計 Tue, 05 Jan 2016 02:48:13 +0800