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

週三, 五月 30. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445017
(2).主題、風格:
 TABI旅
(3).設計概念與製作心得:
分享我在日本旅行的遊記、攝影作品。

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

週三, 五月 30. 2018

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

2.網站主題: TABI旅
3.內容描述: 分享我去日本的旅行遊記,以及攝影作品
4.風格設計: 簡約,以旅行所攝影的圖片為主,帶一點日系風格
5.個人製作心得:做完蠻有成就感,因為都是自己一點一點做出來的東西,而且之前的攝影作品有派上用場,覺得很慶幸自己喜歡攝影,不然可能很難想到要做甚麼網站。


1.網站主題: TABI旅
2.內容大綱(導覽列/中文/檔名):
分享我去日本的旅行遊記,以及攝影作品
首頁 / 旅 / お問い合わせ
3.參考版型: 老師提供的版型
4.主要對象(分析): 寫給喜歡日本或想要旅日的民眾
5.網頁架構圖(樹狀圖):
https://imgur.com/vpAs26L
6.色彩規劃: 白色 / 藍色
7.歷屆得獎分析(至少三組)
夜色台北:圖片、文字、配色的選用搭配得很好,視覺上也很舒服
台灣十大茗茶:圖片清晰,配色分明,排版順暢
歲月時分:插圖風格很可愛

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

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

週三, 五月 16. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445017
(2).主題、風格:
 TABI旅,以日本為主的旅行記錄、攝影網站
(3).設計概念與製作心得: 日系清新,白、藍、灰等清爽色調

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

週日, 四月 29. 2018

(1).網址: :http://mepopedia.com/~web106-2c/midterm/midterm-1055445017
(2).版型網址:
 https://demos.onepagelove.com/html/touche/
(3).主題、風格:
 個人網站,簡約,以圖為主
(4) 導覽列項目: ABOUT / MY WORKS / CERTIFICATION / CONTACT
(5) 遇到之問題: 自己解決了
(6) 製作時間: 兩天
(7) 製作心得:一開始做的時候很困難,到後面越做越上手

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

週日, 四月 29. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445017
(2).版型網址:
 https://demos.onepagelove.com/html/touche/
(3).主題、風格:
 個人網站,簡約,以圖為主
(4).設計概念與製作心得: 一開始做的時候很困難,到後面越做越上手

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

週五, 四月 13. 2018

http://mepopedia.com/~web106-2c/hw03/hw03-1055445017/

設計概念與製作心得: 標題前加上旋轉圖示區分不同段落的感覺,還有放上一些適合原本風格的圖示,讓畫面變得不會那麼單調

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

週五, 四月 6. 2018

http://mepopedia.com/~web106-2c/hw02/hw02-1055445017/

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

週三, 三月 14. 2018

1.網址:http://mepopedia.com/~web106-2c/hw01/hw01-1055445017
2.設計概念與製作心得: 此作品的主題是抹茶,使用一些圓角還有透明感讓畫面不會那麼死板,色彩上選用黑色,能凸顯出茶道的莊重,文字使用儷中宋,帶點優雅的氣息,製作完後的效果我還蠻喜歡的。
3.何謂HTML、DIV及CSS:
HTML:是一種網頁使用的語言,可編輯設計出網頁,在裡面加入圖片、文字、表格...等
DIV:建立網頁區塊的語法
CSS:賦予網站各式各樣的風格樣式,美化網頁
4.附上至少一個覺得設計很有質感的網站,並說明原因
http://suzukikougeisha.com/
很像在玩Google Earth的感覺,很有趣
5.期待這門課的學習成果與收穫為何?
希望可以製作出讓使用者可以流暢、便利的瀏覽我的網站

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

週四, 一月 11. 2018

http://mepopedia.com/~css106-2b/final/final-1055445017



1.製作作業的時間: 26小時左右
2.製作心得與感想: 雖然有些地方會卡卡的 ,但多試幾次就順了
3.本學期於網頁設計課程上的收穫: 這個課程收穫蠻多的,從空白的畫面到整個網站架起來,非常有成就感


前置作業
(1)網站主題:SUSHI ‧ 寿司
(2)導覽列架構設定 置上
(3)主要瀏覽族群: 喜歡吃壽司的饕客
(5)風格設定: 日系風格
(6)主色調,輔助色調: 橘 白 紅 原木色
(7)製作動機: 喜歡吃壽司
(8)製作目的: 讓大家深入的了解壽司

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

週三, 一月 3. 2018

http://mepopedia.com/~css106-2b/hw07/hw07-1055445017/about.html

網頁主題:SUSHI ‧ 寿司
配色與風格設定: 日系風格
製作時間 : 一個晚上

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

週三, 十二月 27. 2017

http://mepopedia.com/~css106-2b/hw06/hw06-1055445017/teaching.html


1.網頁主題:SUSHI ‧ 寿司
2.配色與風格設定: 日系風格
3.製作感想 :用表格製作變得比較整齊也比較好閱讀
4.製作作業的時間: 一個下午

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

週二, 十二月 19. 2017

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

1.網頁主題:壽司
配色與風格設定: 暖色系,帶點可愛的日系風格
2.有無遇到的問題? 沒什麼太大的問題
3.製作感想 : 有感受到一點難度
4.製作作業的時間 :3~4小時

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

週三, 十二月 13. 2017

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

(2).
1.導覽列配色與風格設定:配合header的配色,橘色→紅色,黑體
2.製作感想:我認為導覽列可以讓瀏覽網站的人快速的找到他們想看的內容。
3.製作作業的時間 :1小時左右

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

週六, 十一月 25. 2017

(1)網站主題: G.E.M.鄧紫棋
(2)製作動機: 最愛的歌手
(3)製作內容:
首頁 HOME
關於 ABOUT
音樂 MUSIC
相冊 PHOTO
TOUR

(4)風格設定: 簡約大方,色彩以藍、紫色為主
(5)資料蒐集分析
◎設計優良網站(風格)列表與分析:
http://geteverybodymoving.com/
以圖片為重,呈現鮮豔、光鮮亮麗的感覺,能展現出明星架式


(1)作業網址 http://mepopedia.com/~css106-2b/midterm/midterm-1055445017
(2)
1有無遇到的問題:無
2.製作感想:花很久的時間才把它做完,還蠻累的,但看到成品後真的很有成就感。
3.製作作業的時間:6~7小時

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

週三, 十一月 22. 2017

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

(2) 主題 / 風格設定:鄧紫棋官方網站

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

(4) 製作感想:我覺得有影片跟講義可以看,做起來很容易上手,而且可以做自己想做的主題,讓我能夠很愉快的享受製作網頁的過程

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