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

週六, 六月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445024
(2).主題、風格:
 旅遊 / 簡單明瞭
(3).設計概念與製作心得: Google Fonts其實沒有想像中那麼困難

Re: [期末作業] 專題網站設計

週三, 六月 13. 2018

1.網站主題:PHOTOGRAPHY
2.內容大綱(導覽列/中文/檔名): HOME(Project 1-6)、ABOUT、CONTACT
3.參考版型: http://www.tooplate.com/live/2082-pure-mix
4.主要對象(分析):給喜歡攝影或對攝影有興趣的人看
5.網頁架構圖(樹狀圖):
https://imgur.com/r3XSD0S
6.色彩規劃:白底為主 ,整體呈現簡單明瞭 文青感

7.歷屆得獎分析(至少三組)
嘎嘎好農---開啟頁面的動畫很有趣
城都逸境---整體清楚明瞭,版面規劃很清楚
台灣十大茗茶---版面清楚明瞭、字體美,讓人看起來很舒服

8.組員名單(學號):1055445024


1.作業網址:http://mepopedia.com/~web106-2c/final/final-1055445024

2.網站主題:PHOTOGRAPHY
3.內容描述:將自己的攝影作品作成網頁
4.風格設計:整體呈現簡單明瞭 文青感
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 詹閔筑,工作分配(視覺規劃、HTML CSS設計、動態效果)
6.個人製作心得: 很有成就感!

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

週三, 六月 6. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445024
(2).主題、風格:
 旅遊 / 簡單明瞭
(3).設計概念與製作心得:放上影片整個網站更加豐富有趣,也謝謝同行的朋友提供她做的影片,讓我放上網站上~

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

週三, 四月 25. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445024
(2).版型網址:
http://www.templatewire.com/preview/verum/
(3).主題、風格:
 主題:個人作品網站/ 風格:簡單、清楚明瞭
(4).設計概念與製作心得:設計概念: 利用網站整理自己的作品;製作心得: 需要許多時間摸索,有一點點困難

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

週日, 四月 22. 2018

(1) 作業網址 ::http://mepopedia.com/~web106-2c/midterm/midterm-1055445024
(2) 參考之版型網址:http://www.templatewire.com/preview/verum/
(3) 設計主題 / 風格 :主題:個人作品網站/ 風格:簡單、清楚明瞭
(4) 導覽列項目: About / Works / Skills / Contact
(5) 遇到之問題: Icon改過之後,網頁一直無法變換新的,不過之後解決了
(6) 製作時間: 3-5天
(7) 製作心得:需要多花時間摸索,做完非常有成就感!

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

週五, 四月 13. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445024
(2).設計概念與製作心得:經過反覆地摸索與練習,終於做出來了!!! 有了小icon,也讓整個網頁更完整了!

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

週三, 三月 28. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445024
(2).設計概念:簡單介紹喜歡的歌手與今年演唱會資訊
製作感想:覺得自己做得不夠好

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

週三, 三月 21. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445024

2.設計概念與製作心得:
3.何謂HTML、DIV及CSS:
HTML:建構網頁基本架構
DIV:是建立網頁區塊或標籤包起來的東西,瀏覽器會視為一個物件
CSS: 用來美化網頁,讓畫面有設計感

4.附上至少一個覺得設計很有質感的網站,並說明原因
https://www.apple.com/tw/
簡潔明瞭,有質感

5.期待這門課的學習成果與收穫為何?
希望能熟練,並且學以致用

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

週二, 一月 16. 2018

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2c/final/final-1055445024

(2).
1.製作作業的時間:2-4天
2.有無遇到的問題:大致上都解決了
3.製作心得與感想:CSS越來越多 很容易搞混,我覺得還需要更多時間熟悉,不過大致上都完成了 很有成就感,希望還可以做更好
4.本學期於網頁設計課程上的收穫: 從完全不會到現在看到原始碼些許看懂,謝謝老師認真、用心的教我們網頁,讓我們對網頁設計有些許的了解,每次完成都讓我有成就感!

前置作業
(1)網站主題:oystermusic
(2)導覽列架構設定:Introduction (index)、Album(Album)、Experience(Experience)、Interview(Interview)、Video(Video)
(3)主要瀏覽族群:16~32歲 喜歡獨立音樂、文青型族群
(5)風格設定:簡單明瞭
(6)主色調,輔助色調:主色調:褐色/補助色調:米色、咖啡色
(7)製作動機: 很喜歡張懸
(8)製作目的:讓更多人了解她
預期效果: 大致上都有達到心中想要的樣子,希望老師也喜歡~

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

週五, 一月 12. 2018

(1).作業網址 :http://mepopedia.com/~css106-2c/hw07/hw07-1055445024

(2).請回答以下問題:
1.網頁主題:oystermusic 配色與風格設定: 咖啡色調
2.有無遇到的問題? 無
3.製作感想:CSS越來越多,容易搞混
4.製作作業的時間 :1小時多

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

週三, 一月 3. 2018

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

(2).請回答以下問題:
1.網頁主題:oystermusic 配色與風格設定: 咖啡色調
2.有無遇到的問題? 無
3.製作感想:不熟練的地方,多嘗試,會得到成就感!
4.製作作業的時間 :1小時多

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

週三, 十二月 27. 2017

(1).作業網址 :http://mepopedia.com/~css106-2c/hw05/hw05-1055445024

(2).請回答以下問題:
1.網頁主題:oystermusic 配色與風格設定: 咖啡色調、清新
2.有無遇到的問題? 無
3.製作感想:不熟練的地方,多嘗試,會得到成就感!
4.製作作業的時間 :1小時多

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

週二, 十二月 12. 2017

這個作業的網址則為:http://mepopedia.com/~css106-2c/hw04/hw04-1055445024

1.導覽列配色與風格設定:暖色系
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義為何?)導覽列可以變色
4.製作作業的時間 :30分鐘

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

週三, 十一月 29. 2017

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

(2)
1有無遇到的問題 : 無
2.製作感想:慢慢做就會越來越上手
3.製作作業的時間:6小時

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

週三, 十一月 22. 2017

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

 (2) 主題 / 風格設定: 清新

 (3) 有無遇到的問題 : 無

 (4) 製作感想: 需要花更多時間去了解語法的功用,也需要更多耐心解決問題

 (5) 製作作業的時間:5小時