[作業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內，自行打入一篇有：標題、副標及內容的文章，請依其內容作風格及配色設定，footer請設定個人的專屬版權聲明 5.請每位同學依步驟完成本單元─網頁版面基本架構與背景色及字體設定後，上傳至FTP 6.本次作業的重點在於： [color=#CC0000](1)DIV與CSS的設定 (2)利用單純色彩搭配與字體設定，針對內容設計出符合主題並具有質感的網頁[/color] 繳交作業方式 1.製作完成後，檔案命名方式： [color=#669900]第二個作業FTP上的資料夾為：hw02 每位同學請將自己的資料夾命名為：hw02-學號 這個作業的網址則為:http://mepopedia.com/~web104-2c/hw02/hw02-104xxxxxxx 資料夾內含： 1.首頁命名為index.html 2.一個命名為style.css的css樣式檔 存放在 < hw02-學號 > 的資夾內[/color] 2.上傳至FTP 3.回覆本篇文章 (1).作業網址:http://mepopedia.com/~web105-2c/hw02/hw02-104xxxxxxx (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/ =========================================== http://mepopedia.com/forum/read.php?2603,82583,82583#msg-82583 Tue, 26 May 2026 01:51:41 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2603,82583,83014#msg-83014 http://mepopedia.com/forum/read.php?2603,82583,83014#msg-83014
1.製作主題 ：荒木飛呂彥

2.欲呈現之配色風格：想呈現比較簡單的暗色系風格。

3.有無遇到的問題：熟悉操作花了許多時間，棘手的問題都可以透過老師的教學影片解決。

4.製作感想：透過第一次的作業比上次更為熟悉，操作上也順利許多，但還是有許多問題存在， 漸漸的理解網
頁的功能，再透過同學熱心的幫助，使我更了解網頁的操作，做的也更為開心。]]> 曾慶恩 105-1《中國》竹視傳二C-網頁設計 Wed, 23 Nov 2016 12:03:32 +0800 http://mepopedia.com/forum/read.php?2603,82583,82925#msg-82925 http://mepopedia.com/forum/read.php?2603,82583,82925#msg-82925 越來越難了 做了好久阿]]> zxzx10110774 105-1《中國》竹視傳二C-網頁設計 Wed, 16 Nov 2016 12:42:01 +0800 http://mepopedia.com/forum/read.php?2603,82583,82920#msg-82920 http://mepopedia.com/forum/read.php?2603,82583,82920#msg-82920
1.製作主題:愛麗絲夢遊仙境
2.呈現風格：我所使用的顏色都是愛麗絲夢遊仙境所看的見的配色

3.有無遇到的問題：交作業實在是太複雜了到現在還是不清楚 要交兩個地方真的是沒辦法.... 而且其實我幾乎很快就都做完作業但是我都不知道邀交哪去就變成延遲...

4.製作感想：現在都看得懂了~~~~~

5.老師我沒有遲交阿~~~~我交到講義2去了所以在這裡再交一次]]> 1045445177 105-1《中國》竹視傳二C-網頁設計 Wed, 16 Nov 2016 11:01:07 +0800 http://mepopedia.com/forum/read.php?2603,82583,82874#msg-82874 http://mepopedia.com/forum/read.php?2603,82583,82874#msg-82874
(1).作業網址:http://mepopedia.com/~web105-2c/hw02/hw02-1025445200

(2).請回答以下問題：
1.製作主題 韓劇 雲畫的月光 르미 그린 달빛
2.欲呈現之配色風格： 深藍紫色系
3..有無遇到的問題? 無
4.製作感想 越做越上手了!!]]> 1025445200 105-1《中國》竹視傳二C-網頁設計 Mon, 14 Nov 2016 01:33:41 +0800 http://mepopedia.com/forum/read.php?2603,82583,82830#msg-82830 http://mepopedia.com/forum/read.php?2603,82583,82830#msg-82830
(1).作業網址:http://mepopedia.com/~web105-2c/hw02/hw02-1045445153


(2).請回答以下問題：
1.製作主題 歌詞
2.欲呈現之配色風格：輕鬆的藍
3..有無遇到的問題? 跟不上
4.製作感想 感謝有同學的相助，能讓我平安地交出作業。愛同學。]]> 1045445153 105-1《中國》竹視傳二C-網頁設計 Wed, 09 Nov 2016 11:24:49 +0800 http://mepopedia.com/forum/read.php?2603,82583,82787#msg-82787 http://mepopedia.com/forum/read.php?2603,82583,82787#msg-82787
(2).請回答以下問題：
1. 製作主題：福田繁雄
2.欲呈現之配色風格： 溫暖色調來做背景配色
3.老師上課很認真 可是有時候聽得不是很懂 還是謝謝老師]]> 蔡薰緯 105-1《中國》竹視傳二C-網頁設計 Fri, 04 Nov 2016 04:22:11 +0800 http://mepopedia.com/forum/read.php?2603,82583,82753#msg-82753 http://mepopedia.com/forum/read.php?2603,82583,82753#msg-82753 1.製作主題:台北101
2.欲呈現之配色風格:用較為暖色系風格,看起來較為舒適
3.有無遇到問題:有時候會少打一些程式碼
4.製作感想:很常出現底色出不來或是文字無法改變的狀況]]> 1045445105 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 12:11:40 +0800 http://mepopedia.com/forum/read.php?2603,82583,82752#msg-82752 http://mepopedia.com/forum/read.php?2603,82583,82752#msg-82752

(2).請回答以下問題：
1.製作主題 電影新星 新海誠
2.欲呈現之配色風格：夢幻
3..有無遇到的問題? 沒有問題
4.製作感想 課上的很快有些聽不太懂不過自己摸索的感覺滿好的]]> 113039 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 12:10:35 +0800 http://mepopedia.com/forum/read.php?2603,82583,82749#msg-82749 http://mepopedia.com/forum/read.php?2603,82583,82749#msg-82749

(2).請回答以下問題：
1.製作主題 :勵志短詩
2.欲呈現之配色風格：正面向上
3..有無遇到的問題? 無
4.製作感想 : 之後需要多多練習]]> 1045445174 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:52:34 +0800 http://mepopedia.com/forum/read.php?2603,82583,82748#msg-82748 http://mepopedia.com/forum/read.php?2603,82583,82748#msg-82748


(2).請回答以下問題：
1.製作主題 :庫洛魔法使
2.欲呈現之配色風格：以粉嫩色系為主色，想呈現夢幻的感覺
3..有無遇到的問題:在程式碼方面比較困難
4.製作感想 :覺得很有成就感~~~]]> 1045445177 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:51:01 +0800 http://mepopedia.com/forum/read.php?2603,82583,82746#msg-82746 http://mepopedia.com/forum/read.php?2603,82583,82746#msg-82746

(2).請回答以下問題：
1.製作主題 周杰倫
2.欲呈現之配色風格： 用深藍色配
3..有無遇到的問題? 有些語法不太懂
4.製作感想
有點小複雜小混亂]]> 林翰 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:48:26 +0800 http://mepopedia.com/forum/read.php?2603,82583,82743#msg-82743 http://mepopedia.com/forum/read.php?2603,82583,82743#msg-82743
2.呈現風格：想用暗綠色來呈現古老、還舊的感覺。

3.有無遇到的問題：經過上一次的作業，這次有比較順手，不過過程中還是有些小問題，所以花了2小時20分鐘完成。

4.製作感想：還是覺得網頁設計有點困難，跟不上老師的進度。]]> 1045445212 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:25:02 +0800 http://mepopedia.com/forum/read.php?2603,82583,82742#msg-82742 http://mepopedia.com/forum/read.php?2603,82583,82742#msg-82742

http://mepopedia.com/~web105-2c/hw02/hw02-1045445019


謝謝老師！！！！]]> sharon111688 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:23:59 +0800 http://mepopedia.com/forum/read.php?2603,82583,82740#msg-82740 http://mepopedia.com/forum/read.php?2603,82583,82740#msg-82740

(2).請回答以下問題：
1.製作主題 :韓星官網
2.欲呈現之配色風格：黃色 藍色的撞色風格
3..有無遇到的問題? 語法有點不太懂.....但是問了同學後就比較會做了 這次做完這個作業後 收穫不少
4.製作感想 : 配色排版方面我還需要多多練習]]> 1045445075 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:20:25 +0800 http://mepopedia.com/forum/read.php?2603,82583,82738#msg-82738 http://mepopedia.com/forum/read.php?2603,82583,82738#msg-82738

(2).請回答以下問題：
1.製作主題 :練習，喜歡自己
2.欲呈現之配色風格： 淺色風格，色系看起還較為舒服
3..有無遇到的問題? 無
4.製作感想 : 我覺得...製作時字和邊框那些需要調整會讓我很崩潰......因為會找不到問題出在哪......]]> 1045445042 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 11:13:04 +0800 http://mepopedia.com/forum/read.php?2603,82583,82734#msg-82734 http://mepopedia.com/forum/read.php?2603,82583,82734#msg-82734

1.製作主題 :薰衣草森林

2.欲呈現之配色風格：想讓大家一點進來就能感受到有紫色薰衣草的感覺,所以配色以紫色為主要色彩,
再用深淺不同色調搭配,呈現充滿薰衣草的感覺。

3..有無遇到的問題? 這次的作業比起第一次做的還快了,覺得這次作業的內容有比第一次簡單,所以做起來比較開心,
不會有遇到挫折的感覺 ,而且加上老師的講義內容很淺顯易懂,對排斥做網頁的我很有幫助!

4.製作感想 ：每次看在網路上看到一些很美的網頁，就會覺得很羨慕,但是自己又不會做,做這些作業,
除了很頭痛之外,完成之後卻很有成就感,而且對我們來說學做網頁是一件非常有幫助的事,
希望能學到更多，更加努力學會更多東西~]]> 1045445144 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 10:01:28 +0800 http://mepopedia.com/forum/read.php?2603,82583,82730#msg-82730 http://mepopedia.com/forum/read.php?2603,82583,82730#msg-82730
1.製作主題 ：
PSYCHO-PASS 心靈判官

2.欲呈現之配色風格：
想要表現出Domineda的顏色(黑與藍綠色)，在黑暗中執行正義時，選擇那最能帶來最大利益與最低的傷害。


3.有無遇到的問題：因為有幾次沒有去上課，試試看別人打的原始碼，自己在試著打打看就會了(*˙▽˙*)/


4.製作感想：
一開始因為不了解那些英文數字，慢慢了解與他的"公式"，就能作出很漂亮的網頁~只不過只要有點小差錯，他就會出不來阿OTZ]]> dj520136 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 01:37:07 +0800 http://mepopedia.com/forum/read.php?2603,82583,82729#msg-82729 http://mepopedia.com/forum/read.php?2603,82583,82729#msg-82729

(2)
1.製作主題 :英雄聯盟S6世界賽冠軍
2.欲呈現之配色風格： 英雄聯盟官方商標配色
3..有無遇到的問題?:無
4.製作感想 :我做的很棒:)]]> 1234567809 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 01:02:29 +0800 http://mepopedia.com/forum/read.php?2603,82583,82728#msg-82728 http://mepopedia.com/forum/read.php?2603,82583,82728#msg-82728
1.製作主題 :歌手王詩安簡介
2.欲呈現之配色風格： 簡潔、舒適、海洋、放鬆，白色與藍色為主軸
3..有無遇到的問題?：尚無
4.製作感想 ：我本身很喜歡王詩安這位歌手，所以這個作業是想為她做一個簡介的頁面，還偷偷私心放了一個youtube的連結，覺得網頁設計還滿有趣的，每個人做的都不一樣，可以大膽地放一些自己喜歡的東西在裡面。]]> weiwei 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 00:09:46 +0800 http://mepopedia.com/forum/read.php?2603,82583,82727#msg-82727 http://mepopedia.com/forum/read.php?2603,82583,82727#msg-82727

(2).請回答以下問題：
1.製作主題 :少年魔法師
2.欲呈現之配色風格： 想要有點魔法的奇幻效果
3..有無遇到的問題? 這是要加的東西有點多，有點難
4.製作感想 :搞了很久終於用出一個網頁的樣子了，勝感欣慰。]]> 1045445018 105-1《中國》竹視傳二C-網頁設計 Wed, 02 Nov 2016 00:01:52 +0800 http://mepopedia.com/forum/read.php?2603,82583,82725#msg-82725 http://mepopedia.com/forum/read.php?2603,82583,82725#msg-82725

1.製作主題 ：詩人楊渡
2.欲呈現之配色風格：柔和、淡雅，因配合詩文內容所以選擇彩度較低的顏色。
3..有無遇到的問題?：沒有。
4.製作感想 ：一開始覺得語法很複雜，但是經過練習之後就覺得其實不難，只要把邏輯搞懂就好了，
　　　　　　另外我覺得老師整理的講義很棒，對於課後複習非常有幫助。]]> 1045445138 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 23:54:38 +0800 http://mepopedia.com/forum/read.php?2603,82583,82723#msg-82723 http://mepopedia.com/forum/read.php?2603,82583,82723#msg-82723
(2).1.製作主題：B.A.P
2.欲呈現之配色風格：用紫色的色調做呈現，給人輕快的感覺。
3..有無遇到的問題：有時候上課老師講得有點快，給我們做的時間有點短，
有時候會來不及做，老師就直接到下一個步驟了。
4.製作感想：因為做的是自己喜歡的東西，所以做得還滿開心的。]]> Jieru 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 22:24:12 +0800 http://mepopedia.com/forum/read.php?2603,82583,82721#msg-82721 http://mepopedia.com/forum/read.php?2603,82583,82721#msg-82721

(2).請回答以下問題：
1.製作主題 屍速列車
2.欲呈現之配色風格： 在血腥的畫面中又帶點溫馨的粉紅色
3..有無遇到的問題? 無
4.製作感想
在做這個作業的時候非常開心，因為心裡有非常多靈感想要做，也有很多想要做的主題，最後做出來的樣子讓我還挺是滿意的。]]> 1045445009 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 21:30:29 +0800 http://mepopedia.com/forum/read.php?2603,82583,82720#msg-82720 http://mepopedia.com/forum/read.php?2603,82583,82720#msg-82720


(2).請回答以下問題：
1.製作主題 :佩佩豬
2.欲呈現之配色風格：可愛童心
3..有無遇到的問題:容易搞亂
4.製作感想 :覺得可愛]]> 1045445102 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 21:00:28 +0800 http://mepopedia.com/forum/read.php?2603,82583,82719#msg-82719 http://mepopedia.com/forum/read.php?2603,82583,82719#msg-82719 (2).請回答以下問題：
1.製作主題 睡美人
2.欲呈現之配色風格：睡美人的代表色是粉紅色，也是少女的代表色。粉紅色讓人覺得浪漫有活力 ，所以網頁整體的顏色是粉紅色系。
3..有無遇到的問題? 沒甚麼問題
4.製作感想
網頁真的有點複雜，不過希望會越來越上手。]]> 1045445045 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 20:02:12 +0800 http://mepopedia.com/forum/read.php?2603,82583,82718#msg-82718 http://mepopedia.com/forum/read.php?2603,82583,82718#msg-82718
1.製作主題：
美國搖滾樂團OneRepublic
2.欲呈現之配色風格：
簡約黑灰白風格
3..有無遇到的問題?
沒有
4.製作感想：
漸漸熟悉網頁設計的操作模式，比起第一個作業也變得更上手 。]]> 1045445150 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 19:51:40 +0800 http://mepopedia.com/forum/read.php?2603,82583,82717#msg-82717 http://mepopedia.com/forum/read.php?2603,82583,82717#msg-82717

(2).請回答以下問題：
1.製作主題 -英國男孩一世代樂團
2.欲呈現之配色風格： 少女們的小鮮肉，讓人為之瘋狂的歌曲
3..有無遇到的問題? - 沒有
4.製作感想 -很有趣，但有時會搞不清楚到底是上傳到哪裡]]> 1045445009 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 19:39:24 +0800 http://mepopedia.com/forum/read.php?2603,82583,82706#msg-82706 http://mepopedia.com/forum/read.php?2603,82583,82706#msg-82706
1 製作主題：慢活！
2 配色風格：以自然顏色為主
3 遇到問題：css一度發生錯誤..
4 製作感想：終於完成作業，很開心！]]> 1045445084 105-1《中國》竹視傳二C-網頁設計 Tue, 01 Nov 2016 00:28:07 +0800 http://mepopedia.com/forum/read.php?2603,82583,82704#msg-82704 http://mepopedia.com/forum/read.php?2603,82583,82704#msg-82704

(2).請回答以下問題：
1.製作主題 飢餓遊戲

2.欲呈現之配色風格： 以冷色系來呈現電影裡面的遊戲無情又殘酷

3..有無遇到的問題? 沒有

4.製作感想 :這次的作業做起來比較上手了，能比較迅速做完，雖然多了一些製
作樣式，不過遇到不懂的地方，老師的講義寫得很清楚，不會令人摸不著頭緒]]> 簡瑜萱 105-1《中國》竹視傳二C-網頁設計 Mon, 31 Oct 2016 23:37:27 +0800 http://mepopedia.com/forum/read.php?2603,82583,82701#msg-82701 http://mepopedia.com/forum/read.php?2603,82583,82701#msg-82701

(2).請回答以下問題：
1.製作主題：介紹日本不同於月份的稱呼方式
2.欲呈現之配色風格： 日本和風、帶著沉穩的不會太過豔麗的紅黑色為主調，希望帶給人心境平和又不會太過膩以及疲倦的配色方式
3..有無遇到的問題?
突然增加了很多CSS的製作樣式，有些混亂和忙不過來，幸好有記下筆記和回家練習，才能好好跟上。
4.製作感想
很多樣式設計都想點點看試試效果，最後有試到自己滿意的成果太好了！因為是介紹日本的月份稱呼，想把網頁設計成讓人能聯想的和風設計的感覺，其實只要好好的每一小段慢慢去嘗試跟騰出理解的時間都不困難，雖然上課的時候老師講得有些快但目前都還跟得上沒什麼大問題！
期待把期中的要做的資料和圖片放上去，讓整個架構更完整，寫出自己滿意的網頁設計！]]> j29927381 105-1《中國》竹視傳二C-網頁設計 Sun, 30 Oct 2016 17:43:55 +0800