請參考 [講義] 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) 製作心得: http://mepopedia.com/forum/read.php?2645,84957,84957#msg-84957 Mon, 27 Jul 2026 08:03:01 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?2645,84957,85648#msg-85648 http://mepopedia.com/forum/read.php?2645,84957,85648#msg-85648
(1) 參考之版型網址：http://www.tooplate.com/live/2076-zentro

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

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

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

(4) 製作心得：除了圖片不好調其他都很上手]]> 黃靖家 105-2《中國》竹視傳二C-進階網頁設計 Thu, 22 Jun 2017 12:16:40 +0800 http://mepopedia.com/forum/read.php?2645,84957,85645#msg-85645 http://mepopedia.com/forum/read.php?2645,84957,85645#msg-85645

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

(4) 製作時間：沒有計算做超久
(5) 製作心得：
版型挑了一個最簡單做基本的了，但還是做的沒很好嗚嗚]]> zxzx10110774 105-2《中國》竹視傳二C-進階網頁設計 Thu, 22 Jun 2017 12:12:59 +0800 http://mepopedia.com/forum/read.php?2645,84957,85614#msg-85614 http://mepopedia.com/forum/read.php?2645,84957,85614#msg-85614
(2) 參考之版型網址：https://html5up.net/uploads/demos/big-picture/

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

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

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

(6) 製作心得： 自己修改版型好難啊，密密麻麻的字看了好久頭超痛的，改圖片的時候，一張圖片大小沒注意尺寸，
整個版面就會跑掉， 遇到超多困難，需要的就是耐心跟時間阿，不過因為找的這個版型我很喜歡，所以做完蠻滿意的!!]]> 1045445144 105-2《中國》竹視傳二C-進階網頁設計 Thu, 22 Jun 2017 08:05:56 +0800 http://mepopedia.com/forum/read.php?2645,84957,85565#msg-85565 http://mepopedia.com/forum/read.php?2645,84957,85565#msg-85565
(1) 參考之版型網址：http://www.templatemo.com/tm-483-lumino
(2) 設計主題 / 風格
(2) 遇到之問題: 看不懂
(3) 製作時間: ............
(4) 製作心得:完全不會]]> 千萬別看 105-2《中國》竹視傳二C-進階網頁設計 Mon, 19 Jun 2017 21:28:01 +0800 http://mepopedia.com/forum/read.php?2645,84957,85550#msg-85550 http://mepopedia.com/forum/read.php?2645,84957,85550#msg-85550
(1) 參考之版型網址：http://www.templatemo.com/tm-481-elevate
(2) 設計主題 / 風格：Zee avi
(2) 遇到之問題：一頁的網頁 簡單但也不難看
(3) 製作時間： 1小時半
(4) 製作心得：覺得沒有想像中簡單 需要動腦看語法]]> 1025445159 105-2《中國》竹視傳二C-進階網頁設計 Sun, 18 Jun 2017 22:26:50 +0800 http://mepopedia.com/forum/read.php?2645,84957,85495#msg-85495 http://mepopedia.com/forum/read.php?2645,84957,85495#msg-85495
(1) 參考之版型網址： http://www.free-css.com/free-css-templates/page211/bocor

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

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


(4) 製作時間：3~4
(5) 製作心得：
版型套用後的感覺很酷，感覺很有成就感，雖然是別人做的...我套用，不過大概看了一下感覺超像自己架的網站，很有趣!!!!]]> 許華芳 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 22:35:59 +0800 http://mepopedia.com/forum/read.php?2645,84957,85493#msg-85493 http://mepopedia.com/forum/read.php?2645,84957,85493#msg-85493
(1) 參考之版型網址： http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格 ：陽明山國家公園
(2) 遇到之問題：脖子跟背超酸 語法超難找...
(3) 製作時間：4hr
(4) 製作心得：超 ! 累 ! 才一半...]]> 時尚時尚最時尚 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 22:09:49 +0800 http://mepopedia.com/forum/read.php?2645,84957,85489#msg-85489 http://mepopedia.com/forum/read.php?2645,84957,85489#msg-85489
(1) 參考之版型網址：http://www.free-css.com/free-css-templates/page209/ethanol
(2) 設計主題 / 風格 :平溪老街
(2) 遇到之問題: 全部都很複雜
(3) 製作時間: 3小時
(4) 製作心得:最困難的一次]]> 1045445174 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 21:49:36 +0800 http://mepopedia.com/forum/read.php?2645,84957,85482#msg-85482 http://mepopedia.com/forum/read.php?2645,84957,85482#msg-85482
(2) 參考之版型網址：http://www.templatemo.com/tm-481-elevate

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

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

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

(6) 製作心得：累]]> 蔡薰緯 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 13:47:02 +0800 http://mepopedia.com/forum/read.php?2645,84957,85475#msg-85475 http://mepopedia.com/forum/read.php?2645,84957,85475#msg-85475
(2) 參考之版型網址： http://www.templatemo.com/tm-481-elevate

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

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

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

(6) 製作心得：板好難喔喔喔喔喔喔~~~]]> 1045445153 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 12:20:17 +0800 http://mepopedia.com/forum/read.php?2645,84957,85468#msg-85468 http://mepopedia.com/forum/read.php?2645,84957,85468#msg-85468 (1) 參考之版型網址： http://www.templatemo.com/live/templatemo_483_lumino
(2) 設計主題 / 風格：台灣風景
(2) 遇到之問題: 好難啊 太多程式碼 看了好辛苦 找得好辛苦
(3) 製作時間: 三天三夜沒睡
(4) 製作心得: 做完了很爽 但是覺得可以更好 不過我真盡力了拉]]> H224488882 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 11:47:08 +0800 http://mepopedia.com/forum/read.php?2645,84957,85467#msg-85467 http://mepopedia.com/forum/read.php?2645,84957,85467#msg-85467
(1) 參考之版型網址： http://www.free-css.com/free-css-templates/page211/bocor

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

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

(4) 製作時間：4~5
(5) 製作心得：
版型套用後的感覺還真覺得這網站是自己架構的 感覺我好厲害可以做出這麼有模有樣的網頁]]> 1045445075 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 11:43:17 +0800 http://mepopedia.com/forum/read.php?2645,84957,85462#msg-85462 http://mepopedia.com/forum/read.php?2645,84957,85462#msg-85462 (2) 參考之版型網址： http://www.tooplate.com/live/2082-pure-mix
(3) 設計主題 / 風格：澎湖景點介紹
(4) 遇到之問題：東西好多,看了眼睛很花
(5) 製作時間：很久
(6) 製作心得：很難]]> 1025445061 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 11:29:27 +0800 http://mepopedia.com/forum/read.php?2645,84957,85459#msg-85459 http://mepopedia.com/forum/read.php?2645,84957,85459#msg-85459
(1) 參考之版型網址：http://www.tooplate.com/live/2082-pure-mix
(2) 設計主題 / 風格 ：湖口老街 / 簡約
(2) 遇到之問題: 在家裡的電腦看可以 開啟網頁後會跑掉
(3) 製作時間: 很久
(4) 製作心得: 好累]]> 1045445212 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 11:25:16 +0800 http://mepopedia.com/forum/read.php?2645,84957,85456#msg-85456 http://mepopedia.com/forum/read.php?2645,84957,85456#msg-85456
(1) 參考之版型網址： https://html5up.net/ethereal
(2) 設計主題 / 風格 : 北埔老街，古樸風
(2) 遇到之問題: 找CSS程式碼找了很久，找完都天亮了呢。
(3) 製作時間: : 5小時
(4) 製作心得: 成就感滿高的。]]> 1045445081 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 10:58:17 +0800 http://mepopedia.com/forum/read.php?2645,84957,85452#msg-85452 http://mepopedia.com/forum/read.php?2645,84957,85452#msg-85452
(1) 參考之版型網址： http://www.free-css.com/free-css-templates/page198/digital-team
(2) 設計主題 / 風格 國軍
(2) 遇到之問題: 目前無大問題
(3) 製作時間: 2-3HR
(4) 製作心得:我說那CSS會不會太多 改個顏色要找到天昏地暗 除此之外沒太大困難(雖然我很不想做]]> Saigyouji 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 10:37:15 +0800 http://mepopedia.com/forum/read.php?2645,84957,85440#msg-85440 http://mepopedia.com/forum/read.php?2645,84957,85440#msg-85440
(1) 參考之版型網址： http://www.tooplate.com/live/2077-modern-town
(2) 設計主題 / 風格 :台灣景點
(2) 遇到之問題: 還在研究
(3) 製作時間: 一小時
(4) 製作心得:因時間關係所以還沒有改很多]]> 1045445018 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 00:43:55 +0800 http://mepopedia.com/forum/read.php?2645,84957,85436#msg-85436 http://mepopedia.com/forum/read.php?2645,84957,85436#msg-85436
(1) 參考之版型網址：
http://www.templatemo.com/tm-481-elevate
(2) 設計主題 / 風格
陳奕迅 Eason chan /簡單的

(2) 遇到之問題: 要對應CSS再來排版
(3) 製作時間:
1小時
(4) 製作心得:
已經有版型所以簡單很多， 但只有改圖片 ,改文字打心得]]> loveelise1021 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 00:14:27 +0800 http://mepopedia.com/forum/read.php?2645,84957,85432#msg-85432 http://mepopedia.com/forum/read.php?2645,84957,85432#msg-85432
(1) 參考之版型網址：http://www.tooplate.com/live/2077-modern-town
(2) 設計主題 / 風格 :台灣史
(2) 遇到之問題: 背景很難調。
(3) 製作時間: 4小時
(4) 製作心得:第一次做這種風格的網頁，裡面超多語法，如果是自己寫可能會瘋掉。]]> alan19970722 105-2《中國》竹視傳二C-進階網頁設計 Thu, 15 Jun 2017 00:10:53 +0800 http://mepopedia.com/forum/read.php?2645,84957,85409#msg-85409 http://mepopedia.com/forum/read.php?2645,84957,85409#msg-85409 (2) 設計主題 / 風格：台灣在地民俗活動 以簡約方式呈現
(2) 遇到之問題:
(3) 製作時間:
(4) 製作心得:]]> 時尚時尚最時尚 105-2《中國》竹視傳二C-進階網頁設計 Wed, 14 Jun 2017 13:39:24 +0800 http://mepopedia.com/forum/read.php?2645,84957,85387#msg-85387 http://mepopedia.com/forum/read.php?2645,84957,85387#msg-85387
(1) 參考之版型網址： http://www.free-css.com/free-css-templates/page202/stanley

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

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


(4) 製作時間：1小時+電腦當機時間
(5) 製作心得： 做作業的時候電腦當機會真的很想砸電腦，而且開始討厭網頁設計。
但是其實不是網頁設計的錯，就是剛剛好那個時候電腦當機所以也沒辦法。
好辣我真的是討厭電腦當機不是網頁設計真的。]]> 1234567809 105-2《中國》竹視傳二C-進階網頁設計 Wed, 14 Jun 2017 00:47:37 +0800 http://mepopedia.com/forum/read.php?2645,84957,85385#msg-85385 http://mepopedia.com/forum/read.php?2645,84957,85385#msg-85385
(1) 參考之版型網址：https://html5up.net/landed

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

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

(4) 製作時間：2小時
(5) 製作心得：
難度很高，越級打怪對現在的我過於吃力，需要再修行。]]> 曾慶恩 105-2《中國》竹視傳二C-進階網頁設計 Wed, 14 Jun 2017 00:24:33 +0800 http://mepopedia.com/forum/read.php?2645,84957,85358#msg-85358 http://mepopedia.com/forum/read.php?2645,84957,85358#msg-85358
(2) 參考之版型網址：http://www.tooplate.com/live/2084-zipper
(3) 設計主題 / 風格：霹靂布袋戲
以簡單的風格，因為布袋戲本身就是多樣花俏的，所以圖片的選擇上以單色為主，再以各派系做分別。

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

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

(6) 製作心得：摁，其實整個做完看著滑著點著也是滿有成就感的，
很開心。但其實自己有一點小偷工減料哈哈XDD
之後有時間會再補齊把它做完整。(如果我真的有時間的話...)]]> Jieru 105-2《中國》竹視傳二C-進階網頁設計 Mon, 12 Jun 2017 02:24:17 +0800 http://mepopedia.com/forum/read.php?2645,84957,85310#msg-85310 http://mepopedia.com/forum/read.php?2645,84957,85310#msg-85310
(2) 參考之版型網址：

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

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

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

(6) 製作心得：對我來說有點點難]]> 盧姍娜 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 11:13:48 +0800 http://mepopedia.com/forum/read.php?2645,84957,85302#msg-85302 http://mepopedia.com/forum/read.php?2645,84957,85302#msg-85302
(1) 參考之版型網址：http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格 介紹好吃的甜點 / 簡約小清新
(2) 遇到之問題: 在電腦上看的照片都會跑掉
(3) 製作時間: 5小時
(4) 製作心得:反覆用了幾個版型來試做，最後挑選了這個，有太多檔案有時都找不到在哪，還需再多熟練。]]> 呂子綺 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 05:03:28 +0800 http://mepopedia.com/forum/read.php?2645,84957,85300#msg-85300 http://mepopedia.com/forum/read.php?2645,84957,85300#msg-85300
1. 參考之版型網址：http://www.free-css.com/free-css-templates/page198/digital-team

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

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

4. 製作時間: 非常久

5. 製作心得:有點困難,而且做到最後有點眼花撩亂]]> 1045445150 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 02:48:10 +0800 http://mepopedia.com/forum/read.php?2645,84957,85291#msg-85291 http://mepopedia.com/forum/read.php?2645,84957,85291#msg-85291
(2) 參考之版型網址：http://www.free-css.com/free-css-templates/page211/bocor

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

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

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

(6) 製作心得：好累阿...好多看不懂的語法，網頁還凸顯不出來感覺，還要努力修改一下]]> 簡瑜萱 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 01:16:25 +0800 http://mepopedia.com/forum/read.php?2645,84957,85282#msg-85282 http://mepopedia.com/forum/read.php?2645,84957,85282#msg-85282 (1) 參考之版型網址：https://html5up.net/dimension
(2) 設計主題 / 風格 : 倫敦景點 - 簡約風格配上藍藍的色調
(2) 遇到之問題: 改背景後本來是沒有捲軸的改完後捲軸跑出來
(3) 製作時間: 一個晚上
(4) 製作心得:多了太多語法真的會搞混，而且也不敢亂按怕亂調到甚麼]]> 1045445045 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 00:14:32 +0800 http://mepopedia.com/forum/read.php?2645,84957,85281#msg-85281 http://mepopedia.com/forum/read.php?2645,84957,85281#msg-85281
(1) 參考之版型網址： http://www.tooplate.com/view/2083-steak-house
(2) 設計主題 / 風格 上海
(2) 遇到之問題: 做出来文字和图片总是会跑掉，
(3) 製作時間: 10个小时
(4) 製作心得:开始以为只是修改一下会很容易，可实际做起来好难。]]> 1045445195 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 00:14:20 +0800 http://mepopedia.com/forum/read.php?2645,84957,85280#msg-85280 http://mepopedia.com/forum/read.php?2645,84957,85280#msg-85280
(1) 參考之版型網址： http://www.tooplate.com/live/2076-zentro
(2) 設計主題 / 風格 ：澎湖玩耍手冊
(2) 遇到之問題: 找好久都不知道怎麼換底圖 還有跳出來的圖片我試了好幾種方法就是沒辦法變成我的圖片
(3) 製作時間: 2小時左右
(4) 製作心得:會動的網頁很美]]> weiwei 105-2《中國》竹視傳二C-進階網頁設計 Thu, 08 Jun 2017 00:08:59 +0800