[color=#990000][作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例[/color] [color=#663300]一、製作說明：[/color] 1.請參考 [url=http://mepopedia.com/forum/read.php?804,16481][講義] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url] 的步驟製作 2.每個同學記得在[color=#990033]title的部分打上"視傳一B-學號-以色塊建構的網頁單欄排版"[/color] 3.在#wrapper寬度上打上 px的數值 4.#header、#content及#footer內，自行打入不同的內容文字，自行隨意設定 5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後，上傳至FTP 6.本次作業的重點在於： [color=#CC0000](1)DIV與CSS的設定 (2)利用單純色彩搭配與字體設定設計出具有質感的網頁[/color] [color=#663300]二、繳交作業方式[/color] 1.製作完成後，檔案命名方式： [color=#669900]第二個作業FTP上的資料夾為：hw02 每位同學請將自己的資料夾命名為：hw02-學號 這個作業的網址則為:http://mepopedia.com/~web100b/hw02/hw02-100xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 存放在 < hw02-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 3.回覆本篇文章 (1).作業網址 (2).請回答以下問題： 1.配色風格設定： 2.有無遇到的問題? 3.製作感想 4.製作作業的時間 4.請務必在下次上課前回覆，否則為遲交 =========================================== [color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color] =========================================== 本週補充講義： [color=#330066]1.網站設計解析 2.實做第一個網頁 3.利用 CSS 與 Div 標籤建立網頁版型[/color] [color=#006600]以上PDF講義請至學生系統下載 http://192.192.78.86/student_portal/[/color] =========================================== http://mepopedia.com/forum/read.php?855,16483,16483#msg-16483 Mon, 27 Jul 2026 09:14:05 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?855,16483,19724#msg-19724 http://mepopedia.com/forum/read.php?855,16483,19724#msg-19724 1.配色風格設定: 綠色調
2.有無遇到的問題: 沒有太大困難
3.製作感想: 學了DW都忘了之前用記事本怎麼做了!!不過卻真的有幫助了解網路架構。謝謝老師的用心
4.製作作業的時間: 30分吧~~]]> 1441005065 100-1《中國》北視傳一B-網頁設計 Fri, 06 Jan 2012 20:03:59 +0800 http://mepopedia.com/forum/read.php?855,16483,18605#msg-18605 http://mepopedia.com/forum/read.php?855,16483,18605#msg-18605
補交補交
好像真的被誤刪了
重新上傳之前的作業2]]> 崔瑜庭 100-1《中國》北視傳一B-網頁設計 Wed, 14 Dec 2011 01:43:35 +0800 http://mepopedia.com/forum/read.php?855,16483,17501#msg-17501 http://mepopedia.com/forum/read.php?855,16483,17501#msg-17501 1.配色風格設定: 喜歡淺淺的色系
2.有無遇到的問題: 沒有太大困難囉!
3.製作感想: 簡單的網頁設計,色塊為主,學起來不難:)
4.製作作業的時間: 大概兩堂課這樣加上回去修改約3小時多,有上傳但忘記回覆現在來補囉:)]]> J1001445091 100-1《中國》北視傳一B-網頁設計 Sun, 06 Nov 2011 00:54:31 +0800 http://mepopedia.com/forum/read.php?855,16483,17389#msg-17389 http://mepopedia.com/forum/read.php?855,16483,17389#msg-17389 9711443098 100-1《中國》北視傳一B-網頁設計 Wed, 02 Nov 2011 14:15:23 +0800 http://mepopedia.com/forum/read.php?855,16483,17386#msg-17386 http://mepopedia.com/forum/read.php?855,16483,17386#msg-17386 9711425066 100-1《中國》北視傳一B-網頁設計 Wed, 02 Nov 2011 14:07:51 +0800 http://mepopedia.com/forum/read.php?855,16483,17192#msg-17192 http://mepopedia.com/forum/read.php?855,16483,17192#msg-17192 1.配色風格設定： 因為是以性感團體作為文字敘述所以用較為低調的顏色
2.有無遇到的問題? : 這單元比較容易上手
3.製作感想 : 沒有問題但這單元可以鞏固很多基礎
4.製作作業的時間 : 在學校就把架構做完回家之後改內容,準時上傳但也是忘了來回應現在才補]]> 大內密探 100-1《中國》北視傳一B-網頁設計 Sun, 30 Oct 2011 16:48:45 +0800 http://mepopedia.com/forum/read.php?855,16483,17175#msg-17175 http://mepopedia.com/forum/read.php?855,16483,17175#msg-17175 -------------------------------------------------------
> http://mepopedia.com/~web100b/hw02/hw02-1001445053
>
>1 藍灰色系 ~ 喜歡藍色ˇ所以這樣搭樓

2.沒有毆

3.配顏色比較有趣 而且可以調很好玩

4.上課時間內完成歐]]> blue1818 100-1《中國》北視傳一B-網頁設計 Sun, 30 Oct 2011 01:27:19 +0800 http://mepopedia.com/forum/read.php?855,16483,17172#msg-17172 http://mepopedia.com/forum/read.php?855,16483,17172#msg-17172
1 以綠色為主
2 沒有太大問題
3 配色感覺比之前有趣
4 上課就完成了]]> eva221022 100-1《中國》北視傳一B-網頁設計 Sun, 30 Oct 2011 01:14:04 +0800 http://mepopedia.com/forum/read.php?855,16483,17170#msg-17170 http://mepopedia.com/forum/read.php?855,16483,17170#msg-17170
上課加上半小時]]> eva221022 100-1《中國》北視傳一B-網頁設計 Sun, 30 Oct 2011 00:55:15 +0800 http://mepopedia.com/forum/read.php?855,16483,17090#msg-17090 http://mepopedia.com/forum/read.php?855,16483,17090#msg-17090 1.配色風格設定：綠色為主
2.有無遇到的問題? 有! 網頁點進去不是網頁 .....為什麼=(
3.製作感想 還算順利 只是上傳不OK
4.製作作業的時間 30分鐘

對不起這麼晚才留言
因為我不知道這樣可不可以貼=(((]]> 老MoUsE鼠 100-1《中國》北視傳一B-網頁設計 Wed, 26 Oct 2011 13:48:17 +0800 http://mepopedia.com/forum/read.php?855,16483,17041#msg-17041 http://mepopedia.com/forum/read.php?855,16483,17041#msg-17041 1.配色風格設定：藍色
2.有無遇到的問題:沒什麼問題
3.製作感想：因為不太熟 所以要慢慢得跟著步驟
4.製作作業的時間：上課時做完]]> coxxd01217 100-1《中國》北視傳一B-網頁設計 Tue, 25 Oct 2011 23:21:35 +0800 http://mepopedia.com/forum/read.php?855,16483,17009#msg-17009 http://mepopedia.com/forum/read.php?855,16483,17009#msg-17009

1. 青春無敵的風格
2.沒有
3.很有成就感
4.兩小時]]> best151515 100-1《中國》北視傳一B-網頁設計 Tue, 25 Oct 2011 19:24:04 +0800 http://mepopedia.com/forum/read.php?855,16483,16862#msg-16862 http://mepopedia.com/forum/read.php?855,16483,16862#msg-16862

1. 以粉色系為主 ，自然舒服的配色

2. 大致上沒什麼問題

3. 感覺越來越複雜...:S

4. 上課時間完成，回家上傳]]> 1001445107 100-1《中國》北視傳一B-網頁設計 Thu, 20 Oct 2011 19:29:23 +0800 http://mepopedia.com/forum/read.php?855,16483,16859#msg-16859 http://mepopedia.com/forum/read.php?855,16483,16859#msg-16859
1.橘 紅 桃 藍
2.無
3 家裡沒軟體 所以就沒有改
4在學校完成回家上傳:)]]> Nina Lin 100-1《中國》北視傳一B-網頁設計 Thu, 20 Oct 2011 18:53:36 +0800 http://mepopedia.com/forum/read.php?855,16483,16858#msg-16858 http://mepopedia.com/forum/read.php?855,16483,16858#msg-16858 我的風格是以典雅方式來呈現
我想用圖片來輔助，可是我不太會插入圖片語法
製作時間約3小時
這次的作業讓我再次複習到網頁設計的應用:))]]> Ping-yun 100-1《中國》北視傳一B-網頁設計 Thu, 20 Oct 2011 18:29:15 +0800 http://mepopedia.com/forum/read.php?855,16483,16812#msg-16812 http://mepopedia.com/forum/read.php?855,16483,16812#msg-16812 2.有無遇到的問題? 同學有教我所以還好
3.製作感想： 越來越不懂了= =
4.製作作業的時間：20分吧
網址:C:\Users\Melaleuca\Desktop\hw02-1001445099\index.html]]> jacky13601 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 22:24:12 +0800 http://mepopedia.com/forum/read.php?855,16483,16802#msg-16802 http://mepopedia.com/forum/read.php?855,16483,16802#msg-16802
http://mepopedia.com/~web100b/hw02/hw02-1001445079/

(2).請回答以下問題：

1.配色風格設定： 紅配灰
2.有無遇到的問題? 無
3.製作感想 幫同學傳檔自己不小心傳錯檔 所以幼蟲傳一遍!
4.製作作業的時間 2hr]]> 1001445079 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 20:57:06 +0800 http://mepopedia.com/forum/read.php?855,16483,16798#msg-16798 http://mepopedia.com/forum/read.php?855,16483,16798#msg-16798
1.亮麗的風格~

2.沒什麼大問題.

3.很好玩=)　有學到東西^^

4.上課時間!]]> 1001445069 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 20:06:21 +0800 http://mepopedia.com/forum/read.php?855,16483,16792#msg-16792 http://mepopedia.com/forum/read.php?855,16483,16792#msg-16792

1.配色風格設定：亮色系 以配合7-11拉拉田園風

2.有無遇到的問題? 想放圖片可是不知道怎麼用 = =

3.製作感想： 做網頁很好玩 越做越順手 越有心得

4.製作作業的時間： 約1.30H 想內容想得比較久]]> 1001445002 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 18:16:46 +0800 http://mepopedia.com/forum/read.php?855,16483,16783#msg-16783 http://mepopedia.com/forum/read.php?855,16483,16783#msg-16783 1001445079 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 13:31:41 +0800 http://mepopedia.com/forum/read.php?855,16483,16782#msg-16782 http://mepopedia.com/forum/read.php?855,16483,16782#msg-16782 1.配色風格設定 亮色系為主
2.有無遇到的問題 製作網頁沒問題
3.製作感想 有點麻煩
4.製作作業的時間 上課2小時]]> 1001445036 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 13:01:32 +0800 http://mepopedia.com/forum/read.php?855,16483,16776#msg-16776 http://mepopedia.com/forum/read.php?855,16483,16776#msg-16776 大致完成時間是兩個小時
配色主要以灰色為主
這次做得很順利
謝謝老師!]]> quky 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 01:40:53 +0800 http://mepopedia.com/forum/read.php?855,16483,16775#msg-16775 http://mepopedia.com/forum/read.php?855,16483,16775#msg-16775
1.配色風格設定：民族風吧

2.有無遇到的問題? :家裡沒DW

3.製作感想: 超喜歡的阿,想學更多更多更多更多更多啦!!!!

4.製作作業的時間 :上課時間完成

老師對不起~我家沒軟體所以沒改內容]]> Key 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 01:25:21 +0800 http://mepopedia.com/forum/read.php?855,16483,16772#msg-16772 http://mepopedia.com/forum/read.php?855,16483,16772#msg-16772
我看了你的原始碼，我發現應該是 css 檔（style.css）裡面一開始的 body 設定的後大括號不見了（就是 } ）。你找一下應該就會發現。希望你知道我的意思。

啊，我想我直接貼出來給你應該會更清楚。

你的版本：

body{margin:0px;
        background-color:#FC9;

加上大括號的正確版本：

body{margin:0px;
        background-color:#FC9;
}


這樣你知道我的意思了嗎？]]> HP 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 01:06:45 +0800 http://mepopedia.com/forum/read.php?855,16483,16765#msg-16765 http://mepopedia.com/forum/read.php?855,16483,16765#msg-16765
1.配色風格設定： 糖果色
2.有無遇到的問題? 沒有
3.製作感想 第一次製作自己的網頁還有許多生疏之處,
4.製作作業的時間 三小時]]> wei_80628 100-1《中國》北視傳一B-網頁設計 Wed, 19 Oct 2011 00:28:29 +0800 http://mepopedia.com/forum/read.php?855,16483,16750#msg-16750 http://mepopedia.com/forum/read.php?855,16483,16750#msg-16750
1.配色風格設定：暖粉色系
2.有無遇到的問題? 我在Dreamweaver上看起來是正常的，但放在網路上看卻只有單一顏色 :(
3.製作感想： 正著了解每個細節
4.製作作業的時間：3小時]]> s930335w 100-1《中國》北視傳一B-網頁設計 Tue, 18 Oct 2011 23:18:22 +0800 http://mepopedia.com/forum/read.php?855,16483,16746#msg-16746 http://mepopedia.com/forum/read.php?855,16483,16746#msg-16746
(2).請回答以下問題：
1.配色風格設定：因為原本配色跟我想要的感覺接近所以沒改了。

2.有無遇到的問題? :突然忘記記事本要存成什麼檔了。

3.製作感想: 很有成就感，以後想自己設計出屬於自己的網站，而不是用別人名下的部落格。

4.製作作業的時間 :回家完成，共花了1個半小時。]]> ryan40319 100-1《中國》北視傳一B-網頁設計 Tue, 18 Oct 2011 23:03:33 +0800 http://mepopedia.com/forum/read.php?855,16483,16741#msg-16741 http://mepopedia.com/forum/read.php?855,16483,16741#msg-16741 但是我不會下載軟體
http://mepopedia.com/~web100b/hw02/hw02-1001445040]]> 阿瑞 100-1《中國》北視傳一B-網頁設計 Tue, 18 Oct 2011 22:51:25 +0800 http://mepopedia.com/forum/read.php?855,16483,16739#msg-16739 http://mepopedia.com/forum/read.php?855,16483,16739#msg-16739
1.配色風格設定：橘色系
2.有無遇到的問題? 家裡面沒有軟體,想嘗試放圖片可是覺得有點複雜就沒放了
3.製作感想：有點單調,想加點什麼卻不知道如何加
4.製作作業的時間：上課時做完]]> Lovry 100-1《中國》北視傳一B-網頁設計 Tue, 18 Oct 2011 22:49:34 +0800 http://mepopedia.com/forum/read.php?855,16483,16736#msg-16736 http://mepopedia.com/forum/read.php?855,16483,16736#msg-16736
1.配色風格設定：藍綠色~~~
2.有無遇到的問題? 無
3.製作感想：家裡沒軟體所以沒改內容:-(
4.製作作業的時間：上課時做完]]> moenkk8 100-1《中國》北視傳一B-網頁設計 Tue, 18 Oct 2011 22:38:46 +0800