Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

週一, 六月 25. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445110
(2).主題、風格:
 主題是湖口老街,風格是以簡潔 乾淨表現出一些懷舊人情味的感覺。
(3).設計概念與製作心得: 我在湖口老街取景的時候遇到比較大的問題...由於平日需要上課、假日也需要上班,於是選在星期五沒有課的時候去一趟湖口老街,才發現老街停滿了汽車(!?) 車的不應該是停在停車場嘛!! 結果取景簡直辛苦死,而且想說老街很多食物 所以啥都沒吃就出發了,又餓又可憐的拍照,還被當地人以為是逛街撲空的觀光客QQ
雖然遲交了一段時間...但我還是有用心做嗚嗚嗚真的。

Re: [作業05] RWD網頁實作 navigation/dropdown/sub-menu/video

週一, 六月 25. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445110
(2).主題、風格:
 主題是湖口老街,風格簡潔 乾淨,展現出懷舊人情味。
(3).設計概念與製作心得:遇到的問題已經問了同學得到解答,就應該好好上課...以前太依靠老師的影片了QQ
我覺得湖口老街很適合橘色...所以有些橘色的地方沒有改。

Re: [期中作業] OnePage-個人網頁製作

週四, 五月 3. 2018

作業網址:http://mepopedia.com/~web106-2c/midterm/midterm-1055445110
參考之版型網址:https://demos.onepagelove.com/html/dimension/
設計主題 / 風格:簡潔灰黑色系。
導覽列項目: ABOUT/SKILL/WORKS/CONTACT
遇到之問題: 東西太多看不懂...還有一些沒看過的原始碼,還有輪播圖
製作時間:三天以上吧/// (家裡DW中途不能用只能起一大早到圖書館做...
製作心得:明明看起來很簡單的網頁原始碼竟然那麼複雜,雖然很有挑戰性...但看得心好累QQ

Re: [作業04] OnePage網頁實作/slider /Grid system

週四, 五月 3. 2018

網址:http://mepopedia.com/~web106-2c/hw04/hw04-1055445110
版型網址:https://demos.onepagelove.com/html/dimension/

主題、風格:
 簡潔灰黑色系
設計概念與製作心得: 下載完別人的版型打看來看到哭,太多奇怪看不懂的原始碼...
感覺自己要在更努力一點了...

Re: [作業03] Font Awesome字型練習與應用

週四, 四月 26. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445110
(2).設計概念與製作心得:
icon蠻有趣的,雖然中途有點不知道要放哪裡...不過最後多虧老師的影片

Re: [作業01] DIV與CSS複習--以色塊為主的基本單欄網頁版型(新增CSS3練習)

週四, 四月 26. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445110
2.設計概念與製作心得: 喜歡移動迷宮這部作品
3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上一個覺得設計很有質感的網站:
https://www.pinterest.com/
資料很多都從這裡找的,很多很厲害的設計師
https://www.chochoco.com/
喜歡的巧克力專賣店
5.期待這門課的學習成果與收穫為何?
希望可以順利把這堂課學到期末...

Re: [作業02] EDM/Newsletter製作

週三, 三月 28. 2018

網址 :http://mepopedia.com/~web106-2c/hw02/hw02-1055445110
設計概念 :
主題:移動迷宮3-死亡解藥
顏色以黑色為主,盡量簡潔 文字取重點。

心得:
選擇做 "移動迷宮3" 的原因是1、2集都有上電影院看,本身也喜歡這樣題材的電影,
但因為一些原因耽誤到時間,等想去看的時候才發現下檔了QQ

一開始看到要做這樣的東西感覺很酷,可是看到程式碼快吐了...真的有夠長還很亂啊
剛開始做感覺很難,但是看久了目前也還可以吧...就是蠻花時間的。

我覺得碰到的最大問題是 "圖片絕對路徑"
因為是看講義做的,老師給到的範例是2b,我用到快死了才發現,最後改回2c也就正常了哈哈。
(但是老師在 "作業2" 那裏給的範例是對的)

Re: [作業07] 以Float:浮動,製作雙欄網頁

週四, 一月 18. 2018

http://mepopedia.com/~css106-2b/hw07/hw07-1055445110

1.網頁主題:CHOCHOCO
2.配色與風格設定:黑、金
2.有無遇到的問題: 雙欄錨點問題
3.製作感想:這裡好難...
4.製作作業的時間:久到忘記了QQ

Re: [期末作業 ]以雙欄為主的網站設計

週四, 一月 18. 2018

作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445110

1.製作作業的時間: 很久啊...
2.有無遇到的問題:雙欄連結不能設錨點
3.製作心得與感想: 快掛了
4.本學期於網頁設計課程上的收穫:希望下學期能更認真 加油



前置作業
(1)網站主題:CHOCHOCO
(2)導覽列架構設定 css置上
(3)主要瀏覽族群:愛巧克力的人
(5)風格設定:精緻、質感
(6)主色調,輔助色調: 黑、金色
(7)製作動機:喜歡看巧克力並質感的網頁
(8)製作目的: 看看自己能不能設計出有點像樣的網頁

Re: [作業06] 表格的製作美化與資料整理

週五, 一月 12. 2018

(1).作業網址 :http://mepopedia.com/~css106-2b/hw06/hw06-1055445110

(2).請回答以下問題:
1.網頁主題:巧克力
2.配色與風格設定:黑色 金色
2.有無遇到的問題? 順利 Nice
3.製作感想:我覺得作很快
4.製作作業的時間:半小時

Re: [作業05 ] 繞圖排文與推文按鈕的應用

週五, 一月 12. 2018

http://mepopedia.com/~css106-2b/hw05/hw05-1055445110

1.網頁主題:巧克力
配色與風格設定:黑色金色表現出質感
2.有無遇到的問題? FB按鈕怪怪的?
3.製作感想 : 慢慢修好像可以接受,比CSS好一點
4.製作作業的時間 :2小時

Re: [作業04] 以CSS製作網頁導覽列

週五, 一月 12. 2018

(1).作業網址 :http://mepopedia.com/~css106-2b/hw04/hw04-1055445110

(2).請回答以下問題:
1.導覽列配色與風格設定:黑色、金色
2.有無遇到的問題?找很久置中語法
3.製作感想(你認為導覽列的意義為何?) CSS做得非常簡潔很棒
4.製作作業的時間 3小時

Re: [期中作業] 以單欄為主的網站設計

週四, 十一月 30. 2017

(1)作業網址:http://mepopedia.com/~css106-2b/midterm/midterm-1055445110

1遇到的問題:原始碼太長,有些不小心沒分到行就找不到了...
2.製作感想:過程一點也不暢快,但完成後真的很感動
3.製作時間:上下課+一個熬夜到晚點去上早八的時間...
( 因為筆電沒有DW所以耗很多時間搞破解版,下載很久所以就先去上班,回來看電腦還安裝失敗好崩潰...)


(1)網站主題:CHOCHOCO
(2)製作動機:是一家很有質感的巧克力專賣店 所以推薦
(3)製作內容:
品牌概念(About Us)
經典商品(Chocolate)
主打商品(Special)
購物問題(Others)
門市查詢(Contact)
(4)風格設定: 以黑色及金色襯托質感
(5)資料蒐集分析
http://www.chochoco.com/
雖然很有質感,但畫面東西有點太多顯得有些雜亂,整體來說簡潔明瞭就是很棒的網站

Re: [作業03 ]利用Div標籤與CSS建立基本網頁版型 -圖片篇

週四, 十一月 23. 2017

(1) 作業網址: http://mepopedia.com/~css106-2b/hw03/hw03-1055445110

(2) 主題 / 風格設定:因為主題是巧克力,使用黑色與金色為主比較有質感

(3) 有無遇到的問題:連結全錯...改得好麻煩

(4) 製作感想:越來越長,眼睛看得更花了

(5) 製作作業的時間:很久(哭

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

週四, 十月 26. 2017

http://mepopedia.com/~css106-2b/hw02/hw02-1055445110

1.製作主題:訪問咖啡大師。
2.欲呈現之配色風格:咖啡色為主色系,風格比較穩重。
3.遇到的問題大概是還是不熟悉,會再努力。
4.看得有點眼睛花花。