[作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例 製作說明 1.請參考 [url=http://mepopedia.com/forum/read.php?804,16481][講義02] 利用Div標籤與CSS建立基本單欄網頁版型--以單純色塊為例[/url] 的步驟製作，自行選擇一主題，設定網頁風格，依照所設定風格進行配色。 2.每個同學記得在[color=#990033]title的部分打上"視傳二A-學號-以色塊建構的網頁單欄排版"，或其他適合的名稱[/color] 3.在#wrapper寬度上打上 px的數值 4.#header、#content及#footer內，自行打入不同的內容文字，自行隨意設定 5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後，上傳至FTP 6.本次作業的重點在於： [color=#CC0000](1)DIV與CSS的設定 (2)利用單純色彩搭配與字體設定，針對內容設計出符合主題並具有質感的網頁[/color] 繳交作業方式 1.製作完成後，檔案命名方式： [color=#669900]第二個作業FTP上的資料夾為：hw02 每位同學請將自己的資料夾命名為：hw02-學號 這個作業的網址則為:http://mepopedia.com/~web104-2a/hw02/hw02-103xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 存放在 < hw02-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址:http://mepopedia.com/~web104-2a/hw02/hw02-103xxxxxxx (2).請回答以下問題： 1.製作主題 2.欲呈現之配色風格： 3..有無遇到的問題? 4.製作感想 [hr] 同學的範例喔！ (1) http://mepopedia.com/~web103-c/hw02/hw02-1025445036/ (2) http://mepopedia.com/~web103-a/hw02/hw02-1025445040/ (3) http://mepopedia.com/~web103-a/hw02/hw02-1025445070/ (4) http://mepopedia.com/~web103-a/hw02/hw02-1025445001/ (5) http://mepopedia.com/~web103-a/hw02/hw02-1025445025/ (6) http://mepopedia.com/~web100b/hw02/hw02-1001445055/ (7) http://mepopedia.com/~web100b/hw02/hw02-1001445095/ =========================================== [color=#CC0066]請務必在下次上課前回覆，否則為遲交，扣十分[/color] =========================================== http://mepopedia.com/forum/read.php?2479,77624,77624#msg-77624 Mon, 24 Aug 2026 20:35:27 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2479,77624,79728#msg-79728 http://mepopedia.com/forum/read.php?2479,77624,79728#msg-79728

(2).請回答以下問題：
1.製作主題：川島小鳥
2.欲呈現之配色風格：藝術感
3..有無遇到的問題? 剛學覺得累。
4.製作感想
無

學號：1035445049]]> 1035445049 104-1《中國》竹視傳二A-網頁設計 Sat, 09 Jan 2016 13:08:42 +0800 http://mepopedia.com/forum/read.php?2479,77624,79526#msg-79526 http://mepopedia.com/forum/read.php?2479,77624,79526#msg-79526
(2).請回答以下問題：
1.製作主題
2.欲呈現之配色風格：
3..有無遇到的問題?
4.製作感想

1.主題是:乙一的其中一本小說ZOO。
2.配色是以黑色和紅色、黃白搭配。
3.感覺有點小問題，但和同學一起討論後就沒問題了。
4.感覺還蠻有成就感的，因為稍微有些網頁的樣子了。

學號:1035445055]]> happy02 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 20:26:25 +0800 http://mepopedia.com/forum/read.php?2479,77624,79513#msg-79513 http://mepopedia.com/forum/read.php?2479,77624,79513#msg-79513
(2).請回答以下問題：
1.製作主題 :螢火蟲之墓
2.欲呈現之配色風格： 和平的綠、希望的黃，在戰爭中最渴望的就是這兩個要素，讓觀者看到後不會過於沉悶，而是反思
3..有無遇到的問題? 製作上還行
4.製作感想 要多次檢查有無錯誤]]> 施佳慧 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 19:23:59 +0800 http://mepopedia.com/forum/read.php?2479,77624,79511#msg-79511 http://mepopedia.com/forum/read.php?2479,77624,79511#msg-79511
(2).請回答以下問題：
1.製作主題 小王子
2.欲呈現之配色風格： 星空的色彩
3..有無遇到的問題? 無
4.製作感想 無


視傳二A 10354445103]]> 林于珊 104-1《中國》竹視傳二A-網頁設計 Tue, 05 Jan 2016 19:13:46 +0800 http://mepopedia.com/forum/read.php?2479,77624,79315#msg-79315 http://mepopedia.com/forum/read.php?2479,77624,79315#msg-79315

(2).請回答以下問題：
1.製作主題：史努比
2.欲呈現之配色風格：充滿夢幻的黃色
3..有無遇到的問題? 基本上很清楚明瞭。
4.製作感想
有比較熟悉了，做完以後覺得挺有趣的！

學號：1035445031]]> janice tsai 104-1《中國》竹視傳二A-網頁設計 Sat, 02 Jan 2016 14:25:41 +0800 http://mepopedia.com/forum/read.php?2479,77624,79188#msg-79188 http://mepopedia.com/forum/read.php?2479,77624,79188#msg-79188

(2).請回答以下問題：
1.主題；跟著課堂練習
2.欲呈現之配色風格：橘白現代風
3..有無遇到的問題? 因為跟著課堂做的沒有什麼問題
4.製作感想
覺得很神奇]]> 1025445227 104-1《中國》竹視傳二A-網頁設計 Wed, 30 Dec 2015 01:13:38 +0800 http://mepopedia.com/forum/read.php?2479,77624,78319#msg-78319 http://mepopedia.com/forum/read.php?2479,77624,78319#msg-78319
(2).請回答以下問題：
1.製作主題： m.studios。
2.欲呈現之配色風格：基本的粉紅配色
3..有無遇到的問題? 問題有點多 進度跟不上
4.製作感想
希望老師數度在慢一點

學號：1035445124 謝采軒]]> zoey 104-1《中國》竹視傳二A-網頁設計 Fri, 13 Nov 2015 22:10:51 +0800 http://mepopedia.com/forum/read.php?2479,77624,78224#msg-78224 http://mepopedia.com/forum/read.php?2479,77624,78224#msg-78224

(2).請回答以下問題：
1.製作主題：閃爍的二次愛戀。
2.欲呈現之配色風格：基本的粉紅配色
3..有無遇到的問題? 問題有點多 然後又因為忙活動的事 所以有些都沒有學到 還在摸索當中 ,老師上課都跟不上進度
4.製作感想
希望老師數度在慢一點， 一開始覺得很難 也正在摸索當中 希望完成之後能夠有些上手

學號：1035445079]]> 1035445079 104-1《中國》竹視傳二A-網頁設計 Tue, 10 Nov 2015 16:30:36 +0800 http://mepopedia.com/forum/read.php?2479,77624,78115#msg-78115 http://mepopedia.com/forum/read.php?2479,77624,78115#msg-78115
2.有無遇到的問題，製作心得，風格設定與製作作業的時間
這次是單純以改變色塊的顏色為主，然後還要改變裡面的內容，覺得目前都還在可消化的範圍內...

1035445070 視傳2A 戰安榮]]> 1035445070 104-1《中國》竹視傳二A-網頁設計 Tue, 03 Nov 2015 16:50:32 +0800 http://mepopedia.com/forum/read.php?2479,77624,78109#msg-78109 http://mepopedia.com/forum/read.php?2479,77624,78109#msg-78109

(2).請回答以下問題：
1.製作主題：少女時代。
2.欲呈現之配色風格：基本的粉紅配色
3..有無遇到的問題? 問題有點多 然後又因為忙活動的事 所以有些都沒有學到 還在摸索當中
4.製作感想
一開始覺得很難 也正在摸索當中 希望完成之後能夠有些上手

學號：1035445196]]> 1035445196 104-1《中國》竹視傳二A-網頁設計 Tue, 03 Nov 2015 14:32:34 +0800 http://mepopedia.com/forum/read.php?2479,77624,78108#msg-78108 http://mepopedia.com/forum/read.php?2479,77624,78108#msg-78108 作業網址:
http://mepopedia.com/~web104-2a/hw02/hw02-1035445121/

1.製作主題：
網站
2.欲呈現之配色風格：
背景-白 上下框-粉 ,簡單的風格
3.有無遇到的問題?
無問題
4.製作感想
非常有趣

學號：1035445121]]> xxxceline 104-1《中國》竹視傳二A-網頁設計 Tue, 03 Nov 2015 14:17:06 +0800 http://mepopedia.com/forum/read.php?2479,77624,78107#msg-78107 http://mepopedia.com/forum/read.php?2479,77624,78107#msg-78107

(2).請回答以下問題：
1.製作主題：糖果
2.欲呈現之配色風格：溫暖色系
3..有無遇到的問題? 需要時間看步驟
4.製作感想
能到學到實用技能

學號：1035445187]]> 沅蓁 104-1《中國》竹視傳二A-網頁設計 Tue, 03 Nov 2015 12:36:42 +0800 http://mepopedia.com/forum/read.php?2479,77624,78101#msg-78101 http://mepopedia.com/forum/read.php?2479,77624,78101#msg-78101

(2).請回答以下問題：
1.製作主題：致 第三者
2.欲呈現之配色風格：溫暖色系
3..有無遇到的問題? 語法分辨較難了解 需要時間
4.製作感想
能製作一個屬於自己的網頁，這門課的學習很實用。

學號：1035445067]]> 1035445067 104-1《中國》竹視傳二A-網頁設計 Tue, 03 Nov 2015 09:59:29 +0800 http://mepopedia.com/forum/read.php?2479,77624,78098#msg-78098 http://mepopedia.com/forum/read.php?2479,77624,78098#msg-78098
(2).請回答以下問題：
1.製作主題 小熊維尼
2.欲呈現之配色風格： 暖色系
3..有無遇到的問題? 有些地方還是要了解多次
4.製作感想 ： 一開始有點混亂 要多做幾次的操作才知道在做什麼

學號：1035445199]]> isxdyj 104-1《中國》竹視傳二A-網頁設計 Tue, 03 Nov 2015 09:49:24 +0800 http://mepopedia.com/forum/read.php?2479,77624,78076#msg-78076 http://mepopedia.com/forum/read.php?2479,77624,78076#msg-78076 (2).請回答以下問題：
1.製作主題：
你是什麼人,便會吸引到什麼人
2.欲呈現之配色風格:
桃粉色系搭配黑色;表現華麗又具有個性之風格
3..有無遇到的問題?
很清楚
4.製作感想
經過一次一次不斷重複使用語法,觀念更加清楚

學號：1035445130]]> 1035445130 104-1《中國》竹視傳二A-網頁設計 Mon, 02 Nov 2015 06:15:10 +0800 http://mepopedia.com/forum/read.php?2479,77624,77981#msg-77981 http://mepopedia.com/forum/read.php?2479,77624,77981#msg-77981

(2).請回答以下問題：
1.製作主題： 巧克力
2.欲呈現之配色風格：咖啡色粉粉的感覺
3..有無遇到的問題? 沒有吧
4.製作感想
我喜歡吃巧克力

1035445208]]> 拔剌幹 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 16:58:16 +0800 http://mepopedia.com/forum/read.php?2479,77624,77980#msg-77980 http://mepopedia.com/forum/read.php?2479,77624,77980#msg-77980

(2).請回答以下問題：
1.製作主題： 植田正治
2.欲呈現之配色風格：以黃橘作配色,繽紛亮麗的感覺
3..有無遇到的問題? 常會把文字放置處忘記放哪
4.製作感想
有很多程式碼看到我眼花,一直放錯

學號：1035445010]]> childlike0401 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 16:20:24 +0800 http://mepopedia.com/forum/read.php?2479,77624,77979#msg-77979 http://mepopedia.com/forum/read.php?2479,77624,77979#msg-77979

(2).請回答以下問題：
1.音樂製作人
2.葡萄
3..無
4.好玩]]> Gochen 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 16:07:56 +0800 http://mepopedia.com/forum/read.php?2479,77624,77978#msg-77978 http://mepopedia.com/forum/read.php?2479,77624,77978#msg-77978 (1).作業網址:http://life.tw/?app=view&no=12681


(2).請回答以下問題：
1. 雙魚座終極完美分析
2.欲呈現之配色風格：因為雙魚座是水象的 所以藍色調
3..有無遇到的問題?
沒有
4.製作感想
配色很難]]> abc88513 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 16:07:52 +0800 http://mepopedia.com/forum/read.php?2479,77624,77977#msg-77977 http://mepopedia.com/forum/read.php?2479,77624,77977#msg-77977

(2).請回答以下問題：
1.製作主題：必勝客。
2.欲呈現之配色風格：基本的紅白配色
3..有無遇到的問題? 其實一開始問題有點多 後來因同學教導 沒問題了
4.製作感想
一開始覺得很難 後來知道有個規律後就比較簡單了 把東西丟到應該的位置就可以了

學號：1035445166]]> yashen 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 16:04:23 +0800 http://mepopedia.com/forum/read.php?2479,77624,77974#msg-77974 http://mepopedia.com/forum/read.php?2479,77624,77974#msg-77974
(2).請回答以下問題：
1.製作主題 : 認識古典音樂
2.欲呈現之配色風格:運用咖啡色與鵝黃色來呈現古典高雅之氣息
3..有無遇到的問題? 過程仍有點生疏
4.製作感想 :一步步的做與檢查才不易出錯,心急會使自己耐不住性子。慢慢的會發現其實步驟都一樣~

學號:1035445169]]> jian1110 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 14:45:33 +0800 http://mepopedia.com/forum/read.php?2479,77624,77967#msg-77967 http://mepopedia.com/forum/read.php?2479,77624,77967#msg-77967

(2).請回答以下問題：
1.製作主題:聶永貞設計師介紹
2.欲呈現之配色風格：配色屬於較清寒冷酷的顏色
3..有無遇到的問題? :對於CSS的語法使用還是有點陌生
4.製作感想 :慢慢開始對網頁設計有些興趣\

1035445163傅泰誠]]> 1035445163 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 09:23:52 +0800 http://mepopedia.com/forum/read.php?2479,77624,77963#msg-77963 http://mepopedia.com/forum/read.php?2479,77624,77963#msg-77963 (2).請回答以下問題：
1.製作主題：Kitty貓主題餐廳
2.欲呈現之配色風格：粉紅系配色
3..有無遇到的問題? 無
4.製作感想:一開始還是覺得很複雜又困難,也覺得架設網站很困難,但是經過這幾次的練習,
對架設網站更了解,也覺得越來越簡單跟上手。]]> 張子芸 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 03:13:50 +0800 http://mepopedia.com/forum/read.php?2479,77624,77962#msg-77962 http://mepopedia.com/forum/read.php?2479,77624,77962#msg-77962 (2).請回答以下問題：
1.製作主題：怪獸大學
2.欲呈現之配色風格：毛怪配色
3..有無遇到的問題? 沒有
4.製作感想:有點複雜,但經過練習了解後,還算可以。]]> 邱薏娟 104-1《中國》竹視傳二A-網頁設計 Tue, 27 Oct 2015 03:09:06 +0800 http://mepopedia.com/forum/read.php?2479,77624,77960#msg-77960 http://mepopedia.com/forum/read.php?2479,77624,77960#msg-77960

(2).請回答以下問題：
1.製作主題：地球
2.欲呈現之配色風格：地球顏色
3..有無遇到的問題? 顏色方面，怎麼配都覺得很奇怪。
4.製作感想
顏色好難配，還有語法方面我需要再加強。

學號：1035445211]]> 1035445211 104-1《中國》竹視傳二A-網頁設計 Mon, 26 Oct 2015 23:47:07 +0800 http://mepopedia.com/forum/read.php?2479,77624,77959#msg-77959 http://mepopedia.com/forum/read.php?2479,77624,77959#msg-77959

(2).請回答以下問題：
1.製作主題 ：全球暖化
2.欲呈現之配色風格： 採用暖色調
3..有無遇到的問題? 基本上沒有問題
4.製作感想
網頁架構做得越來越完整了]]> 1035445127 104-1《中國》竹視傳二A-網頁設計 Mon, 26 Oct 2015 23:25:05 +0800 http://mepopedia.com/forum/read.php?2479,77624,77958#msg-77958 http://mepopedia.com/forum/read.php?2479,77624,77958#msg-77958

(2).請回答以下問題：
1.製作主題：蘇打綠
2.欲呈現之配色風格：黑暗色系優雅的風格。
3.有無遇到的問題? 缺乏對語法的熟悉度。
4.製作感想
每次製作網頁，需要好好研究語法，才能越來越熟悉。

學號：1035445088]]> 1035445088 104-1《中國》竹視傳二A-網頁設計 Mon, 26 Oct 2015 22:10:43 +0800 http://mepopedia.com/forum/read.php?2479,77624,77957#msg-77957 http://mepopedia.com/forum/read.php?2479,77624,77957#msg-77957

(2).請回答以下問題：
1.製作主題：黃麗玲 A-lin
2.欲呈現之配色風格：暗色調，較有神祕感。
3..有無遇到的問題? 無。
4.製作感想 :一開始，有些混亂，但後面就上手了。


1035445178]]> 1035445178 104-1《中國》竹視傳二A-網頁設計 Mon, 26 Oct 2015 21:56:53 +0800 http://mepopedia.com/forum/read.php?2479,77624,77955#msg-77955 http://mepopedia.com/forum/read.php?2479,77624,77955#msg-77955
(2).請回答以下問題：
1.製作主題：google
2.欲呈現之配色風格：google科技感
3..有無遇到的問題? 沒有
4.製作感想 ：
對於語法有比較熟悉操作上也更熟了]]> 1035445217 104-1《中國》竹視傳二A-網頁設計 Mon, 26 Oct 2015 20:15:22 +0800 http://mepopedia.com/forum/read.php?2479,77624,77940#msg-77940 http://mepopedia.com/forum/read.php?2479,77624,77940#msg-77940

(2).請回答以下問題：
1.製作主題：
蘋果之神 賈伯斯
2.欲呈現之配色風格：
黑 橘黃 紅 強烈時尚的視覺效果
3..有無遇到的問題?
有些地方還是很生疏 需要多次一點的操作
4.製作感想
一開始真的是一個頭兩個大 都搞不太清楚該怎麼做 可是經過來回的操作 終於有點知道在幹嘛了 總之 看到一堆英文就想睡了

學號：1035445001]]> Togenick 104-1《中國》竹視傳二A-網頁設計 Mon, 26 Oct 2015 00:26:31 +0800