Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

Re: [作業02] 利用Div標籤與CSS建立基本網頁版型--以單純色塊為例

[作業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. 繳交作業方式



1.製作完成後,檔案命名方式:

[color=#669900]第二個作業FTP上的資料夾為:hw02

每位同學請將自己的資料夾命名為:hw02-學號
這個作業的網址則為:http://mepopedia.com/~cg104-1a/hw02/hw02-104xxxxxxx

資料夾內含:
1.首頁命名為index.html
2.一個命名為style.css的css樣式檔

存放在 < hw02-學號 > 的資夾內[/color]


2.上傳至FTP

3.回覆本篇文章

(1).作業網址

(2).請回答以下問題:
1.製作主題
2.欲呈現之配色風格:
3..有無遇到的問題?
4.製作感想

===========================================
[color=#CC0066]請務必在下次上課前回覆,否則為遲交,扣十分[/color]
===========================================



Edited 1 time(s). Last edit at 03/16/2016 11:31PM by JinJin.
(編輯記錄)

《一》作業網址:http://mepopedia.com/~cg104-1a/hw02/hw02-1045440051

《二》請回答以下問題:
1.製作主題:電影新警察故事介紹
2.欲呈現之配色風格:想表現單調且有警察味
3..有無遇到的問題?:還是看到了一堆看不懂的東西,不過稍微摸一下就大概知道哪些是什麼了
4.製作感想:覺得學到了一些沒學過的,希望以後能用到

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440020
(2).請回答以下問題:
1.製作主題
狩獵者:凜冬之戰
2.欲呈現之配色風格:
網頁主題是以電影裡面的兩個皇后的顏色來進行配色
3..有無遇到的問題?

4.製作感想
越來越上手

http://mepopedia.com/~cg104-1a/hw02/hw02-1045440046
1.製作主題
愛麗絲夢遊仙境
2.欲呈現之配色風格: 藍色小清新
3..有無遇到的問題? 沒
4.製作感想 有成就感

(1).作業網址:
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440010/

(2).請回答以下問題:
1.製作主題:
文章內容以喜愛的偶像為主,之後打算製作一系列相關的主題。
2.欲呈現之配色風格:
用黑色背景突顯藍色背景。
3..有無遇到的問題?
沒有,過程中都算順利。
4.製作感想:
覺得這個網頁比第一個更多內容跟排版的感覺。

(1).作業網址:
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440013/

1.製作主題:清爽自然清新
2.欲呈現之配色風格:表達出這張專輯的風格
3..有無遇到的問題?:還好
4.製作感想:覺得很好玩,也越來越熟悉網頁語法

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440014
(2).請回答以下問題:
1.製作主題
以喜愛的偶像為主
2.欲呈現之配色風格:
粉紅色
3..有無遇到的問題?

4.製作感想
覺得很有趣

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440044

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

1.製作主題
徐佳瑩個人資料

2.欲呈現之配色風格:
我想放佳瑩的圖,所以盡量乾淨的呈現

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

4.製作感想
她唱歌真的好好聽ㄛ~~~~

http://mepopedia.com/~cg104-1a/hw02/hw02-1045440029
1.製作主題
席慕蓉 詩集
2.欲呈現之配色風格: 舒適感
3..有無遇到的問題? 沒
4.製作感想 有成就感 感覺心情好

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1025435233


1.製作主題
小品文章

2.欲呈現之配色風格:
溫馨看了達到放鬆的效果

3..有無遇到的問題?
字怎麼弄成置中?還是因為文章本身的關係無法置中?

4.製作感想
可以比較輕鬆上手了!!!!

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440030

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

1.製作主題
以喜愛的歌曲為主

2.欲呈現之配色風格:
暖色系配色

3.有無遇到的問題?
有,上傳作業問題

4.製作感想
製作中雖然有點小問題,不過完成後非常有成就感。



Edited 1 time(s). Last edit at 03/31/2016 09:23AM by 1045440030.
(編輯記錄)

請回答以下問題:
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440002

1.製作主題:以徐志摩美麗詩篇感動人心

2.欲呈現之配色風格: 馬卡龍風格

3..有無遇到的問題? :有,我不會傳作業TT

4.製作感想 :恩...切畫面太快啦哭哭

《二》請回答以下問題:

http://mepopedia.com/~cg104-1a/hw02/hw02-1045440011/Untitled-1.html
1.製作主題:詩集
2.欲呈現之配色風格:使用同色系,同種色調
3..有無遇到的問題?:有時候改一點點媒改好所有東西都會亂掉很恐怖
4.製作感想:老詩人好好~



Edited 1 time(s). Last edit at 03/31/2016 09:26AM by GEE.
(編輯記錄)

(1).:http://mepopedia.com/~cg104-1a/hw02/hw02-104540007

(2).請回答以下問題:
1.製作主題 Chloe Moretz
2.欲呈現之配色風格: 春天
3..有無遇到的問題? 有,因為我對電腦方面比較弱,所以希望老師可以講慢一點
4.製作感想
學習製作網頁還蠻有趣的

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440032
(2).請回答以下問題:
1.製作主題
影視報導
2.欲呈現之配色風格:
紅色系
3..有無遇到的問題?

4.製作感想
開始漸漸上手了>grinning smiley<

作業網址:http://mepopedia.com/~cg104-1a/hw02/hw02-1045440024/
製作主題:用黑、白、灰體現雪的陰影與本身的對比與反差
欲呈現之配色風格:灰黑色背景,白色字體。增加整體網頁對比度提升在對比度低的顯示上能更完整的顯示
有無遇到的問題:有,content仍然不知道怎麼設定像老師一樣的標題方式,整體無法置中
製作感想:又更進一步了呀...

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440045

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

1.製作主題
最喜歡的白雪公主:)

2.欲呈現之配色風格:
白雪公主的紅、藍、白、黃經典四配色

3.有無遇到的問題?
沒有,因為學過了簡單完成~

4.製作感想
越來越順手做完很有成就感,白雪公主很可愛~

影視1A 1045440045 蘇美蓉

作業網址:http://mepopedia.com/~cg104-1a/hw02/hw02-1045440003

1.一拳超人
2.間單明瞭
3.還ok
4.還蠻好玩的

《一》作業網址:http://mepopedia.com/~cg104-1a/hw02/hw02-1045440028

《二》請回答以下問題:
1.製作主題:美國隊長3:英雄內戰
2.欲呈現之配色風格:紅 藍 白 美國國旗顏色/灰
3..有無遇到的問題?:無
4.製作感想:做完很有成就感餒

《一》作業網址:http://mepopedia.com/~cg104-1a/hw02/hw02-1045440033

《二》請回答以下問題:
1.製作主題:恩
2.欲呈現之配色風格:沒風格
3..有無遇到的問題?:no
4.製作感想:很快就做好了

(1).作業網址
http://mepopedia.com/~cg104-1a/hw02/hw02-1045440019
(2).
1.製作主題
GEM
2.欲呈現之配色風格:
因為藍色好看,我喜歡藍色,那就藍藍的吧!
3..有無遇到的問題?

4.製作感想
作業2比作業1來的簡單(?