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

Advanced

Re: [作業8] Free templates 試做

[作業8] Free templates 試做

請參考

[講義] Free templates及LongPage版型製作初探
http://mepopedia.com/forum/read.php?804,84881

不同網站中之不同版型,挑選一適合期末作業主題的版型
以期末作業主題,結合選擇之版型,嘗試製作,

製作完成後上傳到hw08資料夾

並請回答:

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445XXX

(1) 參考之版型網址:
(2) 設計主題 / 風格
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:



Edited 1 time(s). Last edit at 05/18/2017 12:09PM by JinJin.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445089

(1) 參考之版型網址: https://html5up.net/parallelism
(2) 設計主題 / 風格 :簡約圖片風
(2) 遇到之問題: title旁的小圖案有固定的規格嗎?confused smiley
(3) 製作時間: 製作快放圖片但圖片花了很多時間拍hot smiley
(4) 製作心得:很多語法密密麻麻的,大致還看得懂spinning smiley sticking its tongue outspinning smiley sticking its tongue out

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445008

(1) 參考之版型網址:http://www.tooplate.com/view/2076-zentro

(2) 設計主題 / 風格:婚紗攝影網站,簡單清晰

(2) 遇到之問題:無。

(3) 製作時間:4~5小時

(4) 製作心得:找到自己喜歡的版型,去編排,也觀察了很多版型結構讓自己更看得多也參考學習許多

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445017

(1) 參考之版型網址:https://html5up.net/twenty

(2) 設計主題 / 風格:台灣人的拜拜,以現代的網頁風格介紹關於拜拜的知識。

(2) 遇到之問題:無。

(3) 製作時間:5~6小時

(4) 製作心得:幾乎每張照片都是自己拍的,還好看起來滿合的,語法的話,
大部分上都知道怎麼改,只是需要花時間摸索,不過也從中學到很多新的技
巧,還有在排版上的運用,都和以前的不同,也比較喜歡這樣的版面。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445035

(1) 參考之版型網址: http://www.tooplate.com/view/2084-zipper
(2) 設計主題 / 風格:野生動物園、寫實
(2) 遇到之問題: 英文好難喔!
(3) 製作時間: 1~2小時
(4) 製作心得:做網頁的人真的很辛苦

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445014
(1) 參考之版型網址: http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格: 麵包店 / 簡約
(2) 遇到之問題: 每個style都有試過去條,但有些小地方不知道為什麼都沒有反應
(3) 製作時間: 4~5小時
(4) 製作心得: 裡面其實有好多沒看過的語法,花滿長的時間去研究的,
有些語法也都很像,所以都只能一個一個去試,不過最後大致上也都有
做出來smileys with beer

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445095
(1) 參考之版型網址:http://www.templatemo.com/(忘了哪頁了)
(2) 設計主題 / 風格: 回憶/ 清爽
(2) 遇到之問題: 有好多語法看不懂
(3) 製作時間: 6小時
(4) 製作心得: 我的媽呀!好多連結好多小細節的配色,覺得自己改很多了,但還沒改完...
但感覺有點成果很不錯!

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445062
(1) 參考之版型網址:忘記哪一個
(2) 設計主題 / 風格 :介紹新竹迎曦門/簡單
(2) 遇到之問題:
(3) 製作時間: 3小時
(4) 製作心得:找了簡單的頁面去改,還會再讓畫面更豐富有趣。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445188

(1) 參考之版型網址: http://www.templatemo.com/templates/templatemo_476_conquer/#section2

(2) 設計主題 / 風格 :淡水/清爽舒適

(2) 遇到之問題: 無

(3) 製作時間: 2小時

(4) 製作心得:CSS語法好多覺得心好累,要找東西來改,真的語法要找很久!!!!!!!!!
有些地方改了沒有反應有點小煩。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445149
(1) 參考之版型網址:https://html5up.net/dimension
(2) 設計主題 / 風格: 自然/ 簡約
(2) 遇到之問題: BODY的CSS都按過,但找不到背景圖片怎麼改,很多英文幾乎看不懂,很卡關,不知道是否我找的網站太難改?
(3) 製作時間: 4~5小時
(4) 製作心得: 裡面超多沒看過的語法,在HTML裡面花滿長的時間去找的,CSS也是一大排,很難。
語法分不出什麼是可以改甚麼不能,光調到不該調的調不回來重來就不知道花多久時間了==///熟能生巧囉!!希望更好。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445002

(1) 參考之版型網址: http://www.templatemo.com/tm-476-conquer
(2) 設計主題 / 風格:沒錯又是櫻花/這次換粉嫩
(2) 遇到之問題: 網站太複雜,東西很難找
(3) 製作時間:大概5小時吧
(4) 製作心得:好看的網站好難做

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445182

(1) 參考之版型網址:
(2) 設計主題 / 風格:阿姨家ㄉ柯基
(2) 遇到之問題: 圖片用了好久也改了老半天
(3) 製作時間:8個小時
(4) 製作心得:恩網頁真的沒有那麼容易拉 QQ

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445110

(1) 參考之版型網址:http://www.tooplate.com/live/2076-zentro

(2) 設計主題 / 風格 : 造型沙龍 / 乾淨及簡約的風格

(2) 遇到之問題: 沒太大問題

(3) 製作時間: 4小時

(4) 製作心得: 在設計編排上沒有太大的問題,看似簡單的設計,背後的語法卻也不少,
在找CSS過程中,比較容易亂掉,但經由老師教的方法,很快就找到要
修改的地方了,做完也是很有成就感~~

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445071

(1) 參考之版型網址:http://www.tooplate.com/view/2084-zipper
(2) 設計主題 / 風格 :美景
(2) 遇到之問題: 無
(3) 製作時間: 1小時
(4) 製作心得:有些語法不懂

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445029

(1) 參考之版型網址:https://html5up.net/big-picture
(2) 設計主題 / 風格 :簡約照片風
(2) 遇到之問題:內容很亂看不懂
(3) 製作時間: 花了很多時間找適合的版型,還有再找主題的部分也花了不少時間,總共做了4小時以上
(4) 製作心得:語法都很亂看不懂,但是做出來成品很滿意很喜歡

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445125

(1) 參考之版型網址:http://www.tooplate.com/view/2084-zipper

(2) 設計主題 / 風格:介紹新竹迎曦門,風格簡潔清爽

(2) 遇到之問題:基本上沒有太大問題

(3) 製作時間:3小時

(4) 製作心得:這版型我覺得很好看也很簡潔,很喜歡這網站提供的頁面,對於作業和設計有很大的幫助,版型設計也是現代流行的版型。thumbs upthumbs upthumbs up

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445137

(1) 參考之版型網址:
(2) 設計主題 / 風格:marvel
(2) 遇到之問題: 做好了 但上傳卻陰我
(3) 製作時間:8個小時
(4) 製作心得:老師你去上傳的那個軟體看完整版

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445080

(1) 參考之版型網址: http://www.templatemo.com/live/templatemo_491_flat
(2) 設計主題 / 風格 :澎湖/簡約風
(2) 遇到之問題: 在看語法花了蠻久的時間
(3) 製作時間: 4小時
(4) 製作心得:又學到了新版型,但也越來越有難度了。



Edited 1 time(s). Last edit at 06/13/2017 01:22PM by 1045445080.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445119

(1) 參考之版型網址:
http://www.templatemo.com/live/templatemo_476_conquer
(2) 設計主題 / 風格
森林,大自然系風~
(2) 遇到之問題:
一開始再找滑動圖的語法都找不到,後然突然開竅給我找到了萬歲~
(3) 製作時間:
6~7小時
(4) 製作心得:
累死,可是做完心情超好,滿足地在發光中

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445152

(1) 參考之版型網址: http://www.templatemo.com/templates/templatemo_476_conquer/#section2
[color=#000033]
(2) 設計主題 / 風格 :廟宇/清淨、舒適

(2) 遇到之問題: 無

(3) 製作時間: 3小時

(4) 製作心得:越來越多語法,會有很多搞混、有些地方找不到他在哪、會找很久。。。[/color]

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445059

(1) 參考之版型網址:忘記了抱歉

(2) 設計主題 / 風格:早午餐

(2) 遇到之問題:無

(3) 製作時間:3小時

(4) 製作心得:獲益良多

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445056

(1) 參考之版型網址:http://www.tooplate.com/view/2076-zentro

(2) 設計主題 / 風格:冰島 簡約 質感

(2) 遇到之問題:無。

(3) 製作時間:4~5小時

(4) 製作心得:雖然只是拿版型去改,但做完還是很有成就感。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445086

(1) 參考之版型網址: http://www.templatemo.com/templates/templatemo_476_conquer/#section2

(2) 設計主題 / 風格 :首爾/熱鬧,都市生活

(2) 遇到之問題: 背景找好久

(3) 製作時間: 3.5小時

(4) 製作心得:網頁越來越有質感了~~但是背景搞好久喔

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445146

(1) 參考之版型網址:https://html5up.net/parallelism
(2) 設計主題∕風格:包子先生的回憶錄∕相片集
(2) 遇到之問題:無
(3) 製作時間:約1小時,這個版型較簡單,只是放圖片而已
(4) 製作心得:可以製成做相片集的感覺,回憶都在裡面

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445155

(1) 參考之版型網址:https://www.w3schools.com/w3css/tryw3css_templates_cafe.htm

(2) 設計主題 / 風格:咖啡店 簡約 質感

(2) 遇到之問題:無。

(3) 製作時間:4~5小時

(4) 製作心得:雖然只是拿版型去改,但做完很開心。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445170

參考之版型網址:http://www.free-css.com/assets/files/free-css-templates/preview/page200/minimal/

設計主題風格:Audi/簡約風

遇到之問題:沒有,順順的,比第7作業簡單,第7作業都做不出來 TAT

製作時間:2~3小時

製作心得:忽視一大堆語法,跟著內文走就對了!

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1025445231

(1) 參考之版型網址:http://www.templatemo.com/live/templatemo_491_flat
(2) 設計主題 / 風格 :星際異攻隊 好萊烏電影感
(2) 遇到之問題: 語法複雜
(3) 製作時間: 很緊湊
(4) 製作心得:腦袋運轉爆炸



Edited 1 time(s). Last edit at 06/15/2017 06:00PM by 1025445231.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445065

(1) 參考之版型網址:http://www.tooplate.com/view/2081-solution
(2) 設計主題 / 風格 風趣
(2) 遇到之問題: 無
(3) 製作時間: 3H
(4) 製作心得:好玩.



Edited 1 time(s). Last edit at 06/15/2017 10:46AM by 1045445065.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445173/2084_zipper

(1) 參考之版型網址: http://www.tooplate.com/view/2084-zipper
(2) 設計主題 / 風格 : 竹東鎮/懷舊風格
(2) 遇到之問題: 無
(3) 製作時間: 2hr
(4) 製作心得: 總之很複雜@@ 還是努力讓它完成了



Edited 1 time(s). Last edit at 06/15/2017 11:11AM by 1045445173.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445068

(1) 參考之版型網址:http://www.tooplate.com/view/2084-zipper
(2) 設計主題 / 風格 :巨城
(2) 遇到之問題: 修圖修得有點久
(3) 製作時間: 3-5小時
(4) 製作心得:圖片那邊用比較久,後來找到修改得地方就很快了

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445074

(1) 參考之版型網址:http://www.tooplate.com/view/2084-zipper
(2) 設計主題 / 風格 :義大利人文風情
(2) 遇到之問題: 圖片要找到像素高的不好找
(3) 製作時間: 很緊湊
(4) 製作心得:做完這次的網頁,更喜歡,感覺有更進一步。

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445092

(1) 參考之版型網址:http://www.tooplate.com/live/2084-zipper

(2) 設計主題 / 風格:介紹希臘,風格簡潔、明亮、清爽

(2) 遇到之問題:找語法稍微久了一些

(3) 製作時間:3小時

(4) 製作心得:這次選的版型比較簡潔,可以簡單的介紹希臘的特色,雖然在找語法上比較久一點,但做完後還蠻開心的。

(1) 作業網址: http://mepopedia.com/~css105-2b/hw08/hw08-1045445107
(2) 設計主題 / 風格:名偵探柯南
(2) 遇到之問題: 搭配上的問題 和找圖的問題
(3) 製作時間:4小時
(4) 製作心得:網頁是一次次擊垮心理的利器

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445077

(1) 參考之版型網址:http://www.tooplate.com/view/2076-zentro

(2) 設計主題 / 風格:天才的禮物/簡約
(2) 遇到之問題:無。

(3) 製作時間:3小時

(4) 製作心得:這個版型較沒那麼複雜,但很簡約風格很喜歡

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445044

(1) 參考之版型網址: http://www.templatemo.com/tm-434-masonry
(2) 設計主題 / 風格:牧場
(2) 遇到之問題: 圖片放不進去
(3) 製作時間: 5~6小時
(4) 製作心得:覺得那些做網頁的人很厲害

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445122

(1) 參考之版型網址: www.templatemo.com/tm-498-stimulus
(2) 設計主題 / 風格 :morden
(2) 遇到之問題: 版面有時錯位...調整很久
(3) 製作時間: 一周多 慢慢地做
(4) 製作心得:很多語法密密麻麻的,大致還看得懂,常常亂掉... 又多耗時間

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1025445158/

(1) 參考之版型網址:
(2) 設計主題 / 風格:簡單、自然
(2) 遇到之問題: 很麻煩
(3) 製作時間: 1~2小時
(4) 製作心得:做稻子幾都亂了