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-2c/hw08/hw08-1045445XXX

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



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

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445117/

(2) 參考之版型網址:http://www.tooplate.com/live/2078-adventure

(3) 設計主題 / 風格:大溪-街角遇見博物館,以期末作業的主題進行試作,簡述大溪街角館相關資訊,
藝文活動等,選擇的版型簡潔大方,但搭上主題圖片也可營造不同氛圍。

(4) 遇到之問題:css的檔案夾很多,想改文字色彩,不太好找,所以目前先套用圖片及文字,版面為
一頁式網頁,網頁碼挺長,一些架構還大致了解,也多了許多沒看過的程式碼,因網頁有動畫換頁效
果,挺好奇這些網頁碼長得如何,若單純套用還尚可,但要更改色彩或版面內容,就有些不易。

(5) 製作時間:目前的進度,製作時間為一小時。

(6) 製作心得:嘿嘿嘿~自己嘗試修改版型挺不容易,將圖片文字套入還算單純,但要更改版面內容就
有些小難,在製作過程中,一張圖片沒符合原版尺寸,整個版面就會跑掉,因此目前先單純換換圖片
文字,要修改一行字的顏色也找的挺久,但套用圖片及文字,倒有氛圍,之後想嘗試將版面修改,在
有些只有文字的版面增加圖片,在找尋版型的過程中,發現現在都以一頁式為主要趨勢,差在版面排
列方式不同,總之,本次練習使我對於網頁的看法有些不同,網頁真的事需要時間琢磨,以及經驗累
積,期末作業的版面格式會再和美少女討論後作出決定,本次練習也挺有趣,使我大開眼界。





Edited 7 time(s). Last edit at 05/24/2017 11:57PM by 松本.豪.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445036

(1) 參考之版型網址: http://www.tooplate.com/live/2082-pure-mix

(2) 設計主題 / 風格:台灣市場文化

(3) 遇到之問題:
1.常常不小心拉到版型就跑掉啦!!!!!!!!重點又不知道自己拉到哪裡語法又超級多啊!!!!!!!!(超崩潰)
2.越做電腦跑越慢(個人電腦問題
3.為什麼上傳之後點進自己的網頁都會跑得很慢?是因為圖片多嗎?

(4) 製作時間:加上崩潰時間算不出來了eye popping smiley
(5) 製作心得:
版型感覺挑的不太好(還是自己不夠聰明?)
超有難度的,要做好一個美麗的網站真的需要清晰的思緒,理性的頭腦呢smiling bouncing smiley
尤其是連結讓自己都亂了呢.................
smiling bouncing smiley[u]*****目前做的頁面只有首頁跟首頁滑到下面第一張圖跟最後一張圖可以點進去而且內容是相符的喔~****[/u]



Edited 3 time(s). Last edit at 05/31/2017 11:48PM by Peiwei.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445003

(1) 參考之版型網址:http://www.free-css.com/assets/files/free-css-templates/preview/page205/multi/#prettyPhoto
(2) 設計主題 / 風格:台灣市場文化
(2) 遇到之問題:在一開始的滑動圖片就卡住了.....不論怎麼設定2張相片在替換時中間好像多了一頁,然後第2張相片就被吃掉了

(3) 製作時間: 卡關卡了1小時多吧...然後果斷放棄

(4) 製作心得:覺得沒有想像中簡單,我要求救



Edited 2 time(s). Last edit at 06/15/2017 11:18AM by 朱盈穎.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445162

(1) 參考之版型網址: http://www.tooplate.com/live/2085-neuron
(2) 設計主題 / 風格:客家 ‧ 桐花祭
(2) 遇到之問題: 改圖片照著改是還OK,但是他有很多細微的設定好多好眼花撩亂這個一天絕對做不完~~~~((((大哭
(3) 製作時間: 4小時
(4) 製作心得:改別人的版型比自己一步步增加語法還要難上好幾百倍sad smiley雖然是想挑戰自己,但是時間好不足TOT



Edited 1 time(s). Last edit at 06/22/2017 06:58AM by j29927381.
(編輯記錄)

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445015/

(2) 參考之版型網址: http://www.tooplate.com/live/2082-pure-mix
(3) 設計主題 / 風格:三峽老街-學期末主題試做
以簡約的形式風格 再以幾張看似濃厚人情味的圖片與照片 來同時襯托出老街濃厚的人情味

(4) 遇到之問題:檔案夾 小地方需要改的地方都很多 但後來還是慢慢找到方法與解決問題 最後面的GOOLE地圖一直找不到怎麼放進去後來是看有人官網的CSS有 再把它複製進來

(5) 製作時間:目前的進度,一個晚上

(6) 製作心得:要修改網頁真的是一件不簡單的事情 但找到方法之後 就會開始上手一些 而有些圖片如果尺寸不符 版面就會跑掉 CSS也很多找的時候雖然有點小辛苦 但找到之後就覺得好有成就 這次的作業 也學到了很多技巧 也了解到業界上的設計與方法 讓我又學到了更多東西了呢~~~



Edited 3 time(s). Last edit at 05/25/2017 12:33AM by 王宜雯.
(編輯記錄)

(1) 參考之版型網址:http://www.thelounge.fi/
(2) 設計主題 / 風格:噬魂者作品介紹
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:

(1)作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445189/
(2) 參考之版型網址: http://www.tooplate.com/live/2077-modern-town
(3) 設計主題 / 風格:大溪街角館 用飽和度高的照片,和白色的背景作對比。做出文青質感,和傳統的老街、博物館有不一樣的味道。
(4) 遇到之問題:找css很難,用ctrl+f也找不到。會動的數字也不知道怎麼調顏色。
(5) 製作時間:目前的進度,一個下午
(6) 製作心得:成功改掉一些東西會很有成就感,但是還是需要耐心跟時間改。不過我想我的期末應該也是會用這個網頁接續下去,因為其實很有趣。

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445069/

(1) 參考之版型網址: http://www.graphberry.com/products/preview/pluton-single-page-bootstrap-html-template
(2) 設計主題 / 風格:台灣妖怪介紹 / 插畫
(2) 遇到之問題: 很多版型做調整會有對不齊的問題,也不知道css裡面是真的沒有還是我沒找到。
一部分的特效也無從找起。
(3) 製作時間:就是 滿長一段時間的吧
(4) 製作心得:最主要是,實際執行的跟原先想像的大有落差呢,真的在修改版型的時候會遇到很多問題,有點累



Edited 3 time(s). Last edit at 06/15/2017 03:08AM by 1045445141.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445069/

(1) 參考之版型網址: http://www.graphberry.com/products/preview/pluton-single-page-bootstrap-html-template
(2) 設計主題 / 風格:台灣妖怪介紹 / 插畫
(2) 遇到之問題: 想要增加圓圈圈,版型跑掉也找不到哪裡改css
介紹妖怪的格子可以分類,可是找不到css改
還有參考的版型聯繫的地方有放地圖,那裡也不曉得要怎麼改 哭哭
(3) 製作時間:很久 很久
(4) 製作心得:因為css很多,都要花時間找他在哪裡,有時候都找到很生氣。



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

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445033

(2) 參考之版型網址:http://www.free-css.com/free-css-templates/page211/bocor

(3) 設計主題 / 風格:簡約的南寮風情以及介紹

(4) 遇到之問題:眼花撩亂....==光找個顏色改個檔案就花了不少時間,有點累人哈哈

(5) 製作時間:大約3小時不間斷的話

(6) 製作心得:挺累的,至於感想其實沒太大的想法哈哈,只能說做出這些網頁的人真的好猛...挺佩服他們的眼睛

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445105

(1) 參考之版型網址:http://www.tooplate.com/live/2082-pure-mix
(2) 設計主題 / 風格 :新竹市美食
(2) 遇到之問題: 套用的版本原始碼有點多!有時候會容易看錯!整體製作起來難度有一點高
(3) 製作時間: 6~10小時
(4) 製作心得:製作出來的成果還可以!不過還不夠凸顯網頁的特色!除了製作中因為原始碼很多會容易卡住其他應該是沒什麼問題!

(1) 參考之版型網址:https://demo.yootheme.com/themes/joomla/2014/nite/
(2) 設計主題 / 風格:台灣在地民俗活動 以簡約方式呈現
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:

(1) 參考之版型網址: https://saltfireandtime.com/
(2) 設計主題 / 風格:台灣在地民俗活動以簡約方式呈現
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:

(1) 參考之版型網址:http://www.tooplate.com/live/2076-zentro
作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445212/
(2) 設計主題 / 風格:台灣美食 簡約風
(2) 遇到之問題:照片都要自己拍
(3) 製作時間:
(4) 製作心得:



Edited 1 time(s). Last edit at 06/02/2017 02:44PM by 1045445212.
(編輯記錄)

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445042

(2) 參考之版型網址:http://www.free-css.com/free-css-templates/page211/bocor

(3) 設計主題 / 風格:簡約介紹貓咪風情以及侯硐

(4) 遇到之問題:好複雜....看不太懂

(5) 製作時間:大約兩小時吧 因為只有套模組試試

(6) 製作心得:真要自己看懂所有語法真難.....

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445019

(1) 參考之版型網址:http://www.templatemo.com/tm-481-elevate

(2) 設計主題 / 風格 : 基隆小吃 美食介紹

(2) 遇到之問題: 版面好像會不知道為什麼跑掉,然後突然有東西也不見

(3) 製作時間: 2個小時

(4) 製作心得:感覺自己好像挑得有點簡單 沒什麼挑戰性 ,可是這個版命風格我很喜歡啊q_q



Edited 2 time(s). Last edit at 06/05/2017 06:07PM by sharon111688.
(編輯記錄)

作業網址:

(1) 參考之版型網址: http://www.tooplate.com/view/2082-pure-mix
(2) 設計主題 / 風格 :美食點心 好玩景點
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445135

(1) 參考之版型網址:http://www.free-css.com/free-css-templates/page197/zentro

(2) 設計主題 / 風格 :新竹市美食

(2) 遇到之問題: 封面圖換掉的地方一直找不到,後來求助同學用好了

(3) 製作時間: 超久

(4) 製作心得: 感覺不錯,適合的版型覺得不好找,蠻有難度!

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445057

(1) 參考之版型網址: http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格 :澎湖玩耍手冊
(2) 遇到之問題: 找好久都不知道怎麼換底圖 還有跳出來的圖片我試了好幾種方法就是沒辦法變成我的圖片
(3) 製作時間: 2小時左右
(4) 製作心得:會動的網頁很美



Edited 3 time(s). Last edit at 06/14/2017 11:30PM by weiwei.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445195

(1) 參考之版型網址: http://www.tooplate.com/view/2083-steak-house
(2) 設計主題 / 風格 上海
(2) 遇到之問題: 做出来文字和图片总是会跑掉,
(3) 製作時間: 10个小时
(4) 製作心得:开始以为只是修改一下会很容易,可实际做起来好难。

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445045/html5up-dimension/
(1) 參考之版型網址:https://html5up.net/dimension
(2) 設計主題 / 風格 : 倫敦景點 - 簡約風格配上藍藍的色調
(2) 遇到之問題: 改背景後本來是沒有捲軸的改完後捲軸跑出來
(3) 製作時間: 一個晚上
(4) 製作心得:多了太多語法真的會搞混,而且也不敢亂按怕亂調到甚麼



Edited 1 time(s). Last edit at 06/08/2017 12:18AM by 1045445045.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445099

(2) 參考之版型網址:http://www.free-css.com/free-css-templates/page211/bocor

(3) 設計主題 / 風格:鶯歌陶瓷老街

(4) 遇到之問題:找css很難,整個眼花撩亂的,不知道為什麼連結的圖,點的出來但是沒圖片confused smiley

(5) 製作時間:滿久的...

(6) 製作心得:好累阿...好多看不懂的語法,網頁還凸顯不出來感覺,還要努力修改一下

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445150

1. 參考之版型網址:http://www.free-css.com/free-css-templates/page198/digital-team

2. 設計主題 / 風格 :達悟族

3. 遇到之問題: 圖片一開始會跑掉,不過已解決

4. 製作時間: 非常久

5. 製作心得:有點困難,而且做到最後有點眼花撩亂

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445030

(1) 參考之版型網址:http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格 介紹好吃的甜點 / 簡約小清新
(2) 遇到之問題: 在電腦上看的照片都會跑掉
(3) 製作時間: 5小時
(4) 製作心得:反覆用了幾個版型來試做,最後挑選了這個,有太多檔案有時都找不到在哪,還需再多熟練。



Edited 1 time(s). Last edit at 06/15/2017 04:46AM by 呂子綺.
(編輯記錄)

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1055999320

(2) 參考之版型網址:

(3) 設計主題 / 風格:新竹十七公里海岸線

(4) 遇到之問題:網上的版型css檔里的東西也太多了吧......都快要分不清了

(5) 製作時間:2個小時左右

(6) 製作心得:對我來說有點點難

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445027

(2) 參考之版型網址:http://www.tooplate.com/live/2084-zipper
(3) 設計主題 / 風格:霹靂布袋戲
以簡單的風格,因為布袋戲本身就是多樣花俏的,所以圖片的選擇上以單色為主,再以各派系做分別。

(4) 遇到之問題:一開始不知道怎麼放圖片及改圖片,排版也有點困難,
後來通過問同學跟自己摸索之後就比較了解其中的問題了。
但還是要說一句,好難啊!

(5) 製作時間:2個多小時

(6) 製作心得:摁,其實整個做完看著滑著點著也是滿有成就感的,
很開心。但其實自己有一點小偷工減料哈哈XDD
之後有時間會再補齊把它做完整。(如果我真的有時間的話...)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445051/

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

(2) 設計主題 / 風格:台灣夜市文化

(3) 遇到之問題:
版型亂跑,語法超級多,常常看不懂語法。

(4) 製作時間:2小時
(5) 製作心得:
難度很高,越級打怪對現在的我過於吃力,需要再修行。

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445072

(1) 參考之版型網址: http://www.free-css.com/free-css-templates/page202/stanley

(2) 設計主題 / 風格:新竹x巷弄x甜點店

(3) 遇到之問題:
很常刪到不該刪的東西,導致連結跑不出來或是版型跑掉


(4) 製作時間:1小時+電腦當機時間
(5) 製作心得: 做作業的時候電腦當機會真的很想砸電腦,而且開始討厭網頁設計。
但是其實不是網頁設計的錯,就是剛剛好那個時候電腦當機所以也沒辦法。
好辣我真的是討厭電腦當機不是網頁設計真的。

(1) 參考之版型網址:https://demo.yootheme.com/themes/joomla/2014/nite/
(2) 設計主題 / 風格:台灣在地民俗活動 以簡約方式呈現
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1025445061
(2) 參考之版型網址: http://www.tooplate.com/live/2082-pure-mix
(3) 設計主題 / 風格:澎湖景點介紹
(4) 遇到之問題:東西好多,看了眼睛很花
(5) 製作時間:很久
(6) 製作心得:很難

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445147

(1) 參考之版型網址:http://www.tooplate.com/live/2077-modern-town
(2) 設計主題 / 風格 :台灣史
(2) 遇到之問題: 背景很難調。
(3) 製作時間: 4小時
(4) 製作心得:第一次做這種風格的網頁,裡面超多語法,如果是自己寫可能會瘋掉。

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445186

(1) 參考之版型網址:
http://www.templatemo.com/tm-481-elevate
(2) 設計主題 / 風格
陳奕迅 Eason chan /簡單的

(2) 遇到之問題: 要對應CSS再來排版
(3) 製作時間:
1小時
(4) 製作心得:
已經有版型所以簡單很多, 但只有改圖片 ,改文字打心得



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

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445018

(1) 參考之版型網址: http://www.tooplate.com/live/2077-modern-town
(2) 設計主題 / 風格 :台灣景點
(2) 遇到之問題: 還在研究
(3) 製作時間: 一小時
(4) 製作心得:因時間關係所以還沒有改很多



Edited 2 time(s). Last edit at 06/21/2017 12:58AM by 1045445018.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445198

(1) 參考之版型網址: http://www.free-css.com/free-css-templates/page198/digital-team
(2) 設計主題 / 風格 國軍
(2) 遇到之問題: 目前無大問題
(3) 製作時間: 2-3HR
(4) 製作心得:我說那CSS會不會太多 改個顏色要找到天昏地暗 除此之外沒太大困難(雖然我很不想做

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445081

(1) 參考之版型網址: https://html5up.net/ethereal
(2) 設計主題 / 風格 : 北埔老街,古樸風
(2) 遇到之問題: 找CSS程式碼找了很久,找完都天亮了呢。
(3) 製作時間: : 5小時
(4) 製作心得: 成就感滿高的。

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445212

(1) 參考之版型網址:http://www.tooplate.com/live/2082-pure-mix
(2) 設計主題 / 風格 :湖口老街 / 簡約
(2) 遇到之問題: 在家裡的電腦看可以 開啟網頁後會跑掉
(3) 製作時間: 很久
(4) 製作心得: 好累

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445075

(1) 參考之版型網址: http://www.free-css.com/free-css-templates/page211/bocor

(2) 設計主題 / 風格:DJ drop the beat

(3) 遇到之問題:
套用圖片後可能圖片就跑掉了
改文字的大小

(4) 製作時間:4~5
(5) 製作心得:
版型套用後的感覺還真覺得這網站是自己架構的 感覺我好厲害可以做出這麼有模有樣的網頁

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445217/templatemo_483_lumino/
(1) 參考之版型網址: http://www.templatemo.com/live/templatemo_483_lumino
(2) 設計主題 / 風格:台灣風景
(2) 遇到之問題: 好難啊 太多程式碼 看了好辛苦 找得好辛苦
(3) 製作時間: 三天三夜沒睡
(4) 製作心得: 做完了很爽 但是覺得可以更好 不過我真盡力了拉



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

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445015153/

(2) 參考之版型網址: http://www.templatemo.com/tm-481-elevate

(3) 設計主題 / 風格:台南遊-學期末主題試做
簡約的風格,搭配我們自己出遊的照片來帶領大家一起用我們的鏡頭發現台南。

(4) 遇到之問題:實在是搞不太懂版型的運用QQ

(5) 製作時間:一個晚上

(6) 製作心得:板好難喔喔喔喔喔喔~~~

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445054/

(2) 參考之版型網址:http://www.templatemo.com/tm-481-elevate

(3) 設計主題 / 風格:兄弟本色G.u.t.s
簡約的風格,搭配照片來帶大家認識兄弟本色。

(4) 遇到之問題:版型看不懂

(5) 製作時間:一個晚上

(6) 製作心得:累



Edited 1 time(s). Last edit at 06/15/2017 01:47PM by 蔡薰緯.
(編輯記錄)

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445174

(1) 參考之版型網址:http://www.free-css.com/free-css-templates/page209/ethanol
(2) 設計主題 / 風格 :平溪老街
(2) 遇到之問題: 全部都很複雜
(3) 製作時間: 3小時
(4) 製作心得:最困難的一次



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

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445180/2076_zentro/

(1) 參考之版型網址: http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格 :陽明山國家公園
(2) 遇到之問題:脖子跟背超酸 語法超難找...
(3) 製作時間:4hr
(4) 製作心得:超 ! 累 ! 才一半...

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445006

(1) 參考之版型網址: http://www.free-css.com/free-css-templates/page211/bocor

(2) 設計主題 / 風格:貓咪

(3) 遇到之問題:
套用圖片後可能圖片就跑掉了


(4) 製作時間:3~4
(5) 製作心得:
版型套用後的感覺很酷,感覺很有成就感,雖然是別人做的...我套用,不過大概看了一下感覺超像自己架的網站,很有趣!!!!

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1025445159

(1) 參考之版型網址:http://www.templatemo.com/tm-481-elevate
(2) 設計主題 / 風格:Zee avi
(2) 遇到之問題:一頁的網頁 簡單但也不難看
(3) 製作時間: 1小時半
(4) 製作心得:覺得沒有想像中簡單 需要動腦看語法

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445108

(1) 參考之版型網址:http://www.templatemo.com/tm-483-lumino
(2) 設計主題 / 風格
(2) 遇到之問題: 看不懂
(3) 製作時間: ............
(4) 製作心得:完全不會

(1) 作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445144

(2) 參考之版型網址:https://html5up.net/uploads/demos/big-picture/

(3) 設計主題 / 風格:台灣本土劇,以期末作業的主題進行試作,介紹台灣本土劇的起源,和本土劇的電視台,走簡約的感覺。

(4) 遇到之問題:css的檔案夾很多,文字和背景....等有些東西好難找啊 ! 研究這個網頁花了好久時間,後來是都有改成功。

(5) 製作時間:所有完成時間約10小時

(6) 製作心得: 自己修改版型好難啊,密密麻麻的字看了好久頭超痛的,改圖片的時候,一張圖片大小沒注意尺寸,
整個版面就會跑掉, 遇到超多困難,需要的就是耐心跟時間阿,不過因為找的這個版型我很喜歡,所以做完蠻滿意的!!

作業網址:file:///C:/Users/user/Desktop/hw08-1045445120/index.html


設計主題 / 風格:美食菜單
遇到之問題:
1.語法超多看得霧煞煞
2.電腦狂當機\

(4) 製作時間:沒有計算做超久
(5) 製作心得:
版型挑了一個最簡單做基本的了,但還是做的沒很好嗚嗚

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445129

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

(2) 設計主題 / 風格:花蓮

(2) 遇到之問題:圖片位置很難調...

(3) 製作時間: 大約2小時

(4) 製作心得:除了圖片不好調其他都很上手