[作業8] Free templates 試做


引用

引用此文章特定的 URI (網址)
    沒有引用

迴響

迴響顯示方式 (直線程 | 分線程)

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

    (1) 參考之版型網址: https://html5up.net/parallelism
    (2) 設計主題 / 風格 :簡約圖片風
    (2) 遇到之問題: title旁的小圖案有固定的規格嗎?:S
    (3) 製作時間: 製作快放圖片但圖片花了很多時間拍X(
    (4) 製作心得:很多語法密密麻麻的,大致還看得懂(:P)(:P)
    #1 089 (網址) 於 2017-05-23 17:44 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445008

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

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

    (2) 遇到之問題:無。

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

    (4) 製作心得:找到自己喜歡的版型,去編排,也觀察了很多版型結構讓自己更看得多也參考學習許多
    #1.1 1045445008 (網址) 於 2017-05-27 18:04 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445017

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

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

    (2) 遇到之問題:無。

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

    (4) 製作心得:幾乎每張照片都是自己拍的,還好看起來滿合的,語法的話,
    大部分上都知道怎麼改,只是需要花時間摸索,不過也從中學到很多新的技
    巧,還有在排版上的運用,都和以前的不同,也比較喜歡這樣的版面。
    #2 lemon2016 (網址) 於 2017-05-24 02:35 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445035

    (1) 參考之版型網址: http://www.tooplate.com/view/2084-zipper
    (2) 設計主題 / 風格:野生動物園、寫實
    (2) 遇到之問題: 英文好難喔!
    (3) 製作時間: 1~2小時
    (4) 製作心得:做網頁的人真的很辛苦
    #3 1045445035 (網址) 於 2017-05-24 16:30 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445014
    (1) 參考之版型網址: http://www.tooplate.com/live/2076-zentro
    (2) 設計主題 / 風格: 麵包店 / 簡約
    (2) 遇到之問題: 每個style都有試過去條,但有些小地方不知道為什麼都沒有反應
    (3) 製作時間: 4~5小時
    (4) 製作心得: 裡面其實有好多沒看過的語法,花滿長的時間去研究的,
    有些語法也都很像,所以都只能一個一個去試,不過最後大致上也都有
    做出來:)-D
    #4 janny (網址) 於 2017-05-24 19:38 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445095
    (1) 參考之版型網址:http://www.templatemo.com/(忘了哪頁了)
    (2) 設計主題 / 風格: 回憶/ 清爽
    (2) 遇到之問題: 有好多語法看不懂
    (3) 製作時間: 6小時
    (4) 製作心得: 我的媽呀!好多連結好多小細節的配色,覺得自己改很多了,但還沒改完...
    但感覺有點成果很不錯!
    #4.1 1045445095 (網址) 於 2017-05-25 04:16 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445062
    (1) 參考之版型網址:忘記哪一個
    (2) 設計主題 / 風格 :介紹新竹迎曦門/簡單
    (2) 遇到之問題:
    (3) 製作時間: 3小時
    (4) 製作心得:找了簡單的頁面去改,還會再讓畫面更豐富有趣。
    #5 1045445062 (網址) 於 2017-05-25 08:44 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445188

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

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

    (2) 遇到之問題: 無

    (3) 製作時間: 2小時

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

    (1) 參考之版型網址: http://www.templatemo.com/tm-476-conquer
    (2) 設計主題 / 風格:沒錯又是櫻花/這次換粉嫩
    (2) 遇到之問題: 網站太複雜,東西很難找
    (3) 製作時間:大概5小時吧
    (4) 製作心得:好看的網站好難做
    #8 1045445002 (網址) 於 2017-05-31 04:48 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445182

    (1) 參考之版型網址:
    (2) 設計主題 / 風格:阿姨家ㄉ柯基
    (2) 遇到之問題: 圖片用了好久也改了老半天
    (3) 製作時間:8個小時
    (4) 製作心得:恩網頁真的沒有那麼容易拉 QQ
    #9 vera1028 (網址) 於 2017-05-31 23:39 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445110

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

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

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

    (3) 製作時間: 4小時

    (4) 製作心得: 在設計編排上沒有太大的問題,看似簡單的設計,背後的語法卻也不少,
    在找CSS過程中,比較容易亂掉,但經由老師教的方法,很快就找到要
    修改的地方了,做完也是很有成就感~~
    #10 1045445110 (網址) 於 2017-06-06 01:10 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445071

    (1) 參考之版型網址:http://www.tooplate.com/view/2084-zipper
    (2) 設計主題 / 風格 :美景
    (2) 遇到之問題: 無
    (3) 製作時間: 1小時
    (4) 製作心得:有些語法不懂
    #11 徐夢蔆1045445071 (網址) 於 2017-06-07 19:55 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445029

    (1) 參考之版型網址:https://html5up.net/big-picture
    (2) 設計主題 / 風格 :簡約照片風
    (2) 遇到之問題:內容很亂看不懂
    (3) 製作時間: 花了很多時間找適合的版型,還有再找主題的部分也花了不少時間,總共做了4小時以上
    (4) 製作心得:語法都很亂看不懂,但是做出來成品很滿意很喜歡
    #12 黃書俞 (網址) 於 2017-06-07 20:16 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445125

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

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

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

    (3) 製作時間:3小時

    (4) 製作心得:這版型我覺得很好看也很簡潔,很喜歡這網站提供的頁面,對於作業和設計有很大的幫助,版型設計也是現代流行的版型。(tu)(tu)(tu)
    #13 OuO1045445125 (網址) 於 2017-06-08 01:10 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445137

    (1) 參考之版型網址:
    (2) 設計主題 / 風格:marvel
    (2) 遇到之問題: 做好了 但上傳卻陰我
    (3) 製作時間:8個小時
    (4) 製作心得:老師你去上傳的那個軟體看完整版
    #14 陳柏叡1045445137 (網址) 於 2017-06-09 01:59 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445080

    (1) 參考之版型網址: http://www.templatemo.com/live/templatemo_491_flat
    (2) 設計主題 / 風格 :澎湖/簡約風
    (2) 遇到之問題: 在看語法花了蠻久的時間
    (3) 製作時間: 4小時
    (4) 製作心得:又學到了新版型,但也越來越有難度了。
    #15 1045445080 (網址) 於 2017-06-11 00:48 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445119

    (1) 參考之版型網址:
    http://www.templatemo.com/live/templatemo_476_conquer
    (2) 設計主題 / 風格
    森林,大自然系風~
    (2) 遇到之問題:
    一開始再找滑動圖的語法都找不到,後然突然開竅給我找到了萬歲~
    (3) 製作時間:
    6~7小時
    (4) 製作心得:
    累死,可是做完心情超好,滿足地在發光中
    #16 1045445119 (網址) 於 2017-06-13 12:45 (回覆)
    作業網址: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]
    #17 1045445152 (網址) 於 2017-06-14 02:03 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445059

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

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

    (2) 遇到之問題:無

    (3) 製作時間:3小時

    (4) 製作心得:獲益良多
    #18 1045445059 (網址) 於 2017-06-14 20:16 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445056

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

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

    (2) 遇到之問題:無。

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

    (4) 製作心得:雖然只是拿版型去改,但做完還是很有成就感。
    #19 kiki2007810 (網址) 於 2017-06-14 23:20 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445086

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

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

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

    (3) 製作時間: 3.5小時

    (4) 製作心得:網頁越來越有質感了~~但是背景搞好久喔
    #20 芮薇珊 (網址) 於 2017-06-14 23:44 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445146

    (1) 參考之版型網址:https://html5up.net/parallelism
    (2) 設計主題∕風格:包子先生的回憶錄∕相片集
    (2) 遇到之問題:無
    (3) 製作時間:約1小時,這個版型較簡單,只是放圖片而已
    (4) 製作心得:可以製成做相片集的感覺,回憶都在裡面
    #21 smile103520 (網址) 於 2017-06-15 00:18 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445155

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

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

    (2) 遇到之問題:無。

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

    (4) 製作心得:雖然只是拿版型去改,但做完很開心。
    #21.1 1045445155 (網址) 於 2017-06-15 02:09 (回覆)
    作業網址: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小時

    製作心得:忽視一大堆語法,跟著內文走就對了!
    #22 1045445170 (網址) 於 2017-06-15 03:10 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1025445231

    (1) 參考之版型網址:http://www.templatemo.com/live/templatemo_491_flat
    (2) 設計主題 / 風格 :星際異攻隊 好萊烏電影感
    (2) 遇到之問題: 語法複雜
    (3) 製作時間: 很緊湊
    (4) 製作心得:腦袋運轉爆炸
    #23 1025445231 (網址) 於 2017-06-15 10:14 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445065

    (1) 參考之版型網址:http://www.tooplate.com/view/2081-solution
    (2) 設計主題 / 風格 風趣
    (2) 遇到之問題: 無
    (3) 製作時間: 3H
    (4) 製作心得:好玩.
    #24 1045445065 (網址) 於 2017-06-15 10:45 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445173/2084_zipper

    (1) 參考之版型網址: http://www.tooplate.com/view/2084-zipper
    (2) 設計主題 / 風格 : 竹東鎮/懷舊風格
    (2) 遇到之問題: 無
    (3) 製作時間: 2hr
    (4) 製作心得: 總之很複雜@@ 還是努力讓它完成了
    #25 1045445173 (網址) 於 2017-06-15 10:54 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445068

    (1) 參考之版型網址:http://www.tooplate.com/view/2084-zipper
    (2) 設計主題 / 風格 :巨城
    (2) 遇到之問題: 修圖修得有點久
    (3) 製作時間: 3-5小時
    (4) 製作心得:圖片那邊用比較久,後來找到修改得地方就很快了
    #26 1045445068 (網址) 於 2017-06-15 13:35 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445074

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

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

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

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

    (3) 製作時間:3小時

    (4) 製作心得:這次選的版型比較簡潔,可以簡單的介紹希臘的特色,雖然在找語法上比較久一點,但做完後還蠻開心的。
    #28 1045445092 (網址) 於 2017-06-15 23:51 (回覆)
    (1) 作業網址: http://mepopedia.com/~css105-2b/hw08/hw08-1045445107
    (2) 設計主題 / 風格:名偵探柯南
    (2) 遇到之問題: 搭配上的問題 和找圖的問題
    (3) 製作時間:4小時
    (4) 製作心得:網頁是一次次擊垮心理的利器
    #29 ffga3307 (網址) 於 2017-06-18 02:39 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445077

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

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

    (3) 製作時間:3小時

    (4) 製作心得:這個版型較沒那麼複雜,但很簡約風格很喜歡
    #30 1045445077 (網址) 於 2017-06-21 20:06 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445044

    (1) 參考之版型網址: http://www.templatemo.com/tm-434-masonry
    (2) 設計主題 / 風格:牧場
    (2) 遇到之問題: 圖片放不進去
    (3) 製作時間: 5~6小時
    (4) 製作心得:覺得那些做網頁的人很厲害
    #31 1045445044 (網址) 於 2017-06-21 23:01 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445122

    (1) 參考之版型網址: www.templatemo.com/tm-498-stimulus
    (2) 設計主題 / 風格 :morden
    (2) 遇到之問題: 版面有時錯位...調整很久
    (3) 製作時間: 一周多 慢慢地做
    (4) 製作心得:很多語法密密麻麻的,大致還看得懂,常常亂掉... 又多耗時間
    #32 1045445122 (網址) 於 2017-06-25 19:01 (回覆)
    作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1025445158/

    (1) 參考之版型網址:
    (2) 設計主題 / 風格:簡單、自然
    (2) 遇到之問題: 很麻煩
    (3) 製作時間: 1~2小時
    (4) 製作心得:做稻子幾都亂了
    #32.1 王昀臻 (網址) 於 2017-06-25 21:24 (回覆)

新增迴響


Enclosing asterisks marks text as bold (*word*), underscore are made via _word_.
Standard emoticons like :-) and ;-) are converted to images.

To prevent automated Bots from commentspamming, please enter the string you see in the image below in the appropriate input box. Your comment will only be submitted if the strings match. Please ensure that your browser supports and accepts cookies, or your comment cannot be verified correctly.
CAPTCHA