Welcome! 登入 註冊
專區首頁 專區百科 專區論壇 專區部落格 專區地圖

Advanced

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

1. 參照講義製作


moodle【講義11】RWD多頁網頁編輯 (二) 、【講義12】Google Fonts 中文網路字型應用

[hr]

2. 參考範例


請由ftp hw06下載

[hr]

3. 作業說明


1.請依上課範例版型修改。

2.設定好主題及網站風格。主題須為原創,不可使用他人作品。

3.本週進度:
延續作業五首頁內容,持續延伸:圖像列表頁及內容頁,可以期末作業主題製作。

(1)依主題製作圖像列表頁

(2)製作內容分頁
(3)使用Google Fonts 中文網路字型


4.上傳至hw06資料夾,並回覆於作業文章

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-105ooooo

(2).主題、風格:

(3).設計概念與製作心得:



1. 講義影音



(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445004
(2).主題、風格:
 なんかのバトガ / 利用之前做的動畫當主題 以活潑的粉紅色當基底 想要感覺可愛一點所以用了日文
(3).設計概念與製作心得: 主要是介紹之前做的動畫的梗的原作,因為有用到別人的作品所以有在最下面附註了

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445075
(2).主題、風格:
 主題是高中的畢業製作豕卷 風格是以簡潔 乾淨
(3).設計概念與製作心得: 顏色上的搭配以主題的灰色系列以及白色來做設計

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055448122
(2).主題、風格:
 介紹漂亮的小天使們
(3).設計概念與製作心得: 可以配上他們的色彩~~~還有可愛的音樂~~~有些想改的顏色很難找QQ上課要認真嗚嗚嗚

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

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445021

(2).主題、風格:主題是高中的專題 Blue Plan 風格配色主要以藍色為主。
我修改的部分放在 "海報設計" ~
話說我想將海報置中,可是找不到,麻煩老師了。謝謝 !

(3).設計概念與製作心得
概念是想做做看將一個企劃用網頁發揚給別人看的感覺 ?
感覺複雜,但又帶點簡單(只有一點點點點點點簡單)
我只感覺我期末要死了 啊哈哈。



Edited 1 time(s). Last edit at 05/31/2018 07:21AM by exe99703.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445015
(2).主題、風格:
把我大學的生活紀錄全放上去,應該算是另類部落個嗎spinning smiley sticking its tongue out 風格的話,簡約明瞭清新風吧或許
(3).設計概念與製作心得:我是放在「其他介紹」裡面的「日常生活」的導覽列,每一個麵包屑裡的內文都是我的心血,改了好久呢eye popping smiley



Edited 1 time(s). Last edit at 06/03/2018 12:28AM by 大漢堡王.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445087
(2).主題、風格:
紀錄自己與朋友的旅遊網頁
(3).設計概念與製作心得:終於有點樣子了,做到好絕望

4.上傳至hw06資料夾,並回覆於作業文章

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445039

(2).主題、風格:
 走一個~~可愛搞逗趣吧~smiling bouncing smiley

(3).設計概念與製作心得:
設計概念 用自己畫的小公仔的整體感來設計吧~
其實很多東西改一改也就是自己的嘞啦~到現在越做越熟練 開始會研究 其他想改的。

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445054
(2).主題、風格:
 COPIC上色
(3).設計概念與製作心得:
放了很多的圖,但還沒改圖裡的內容~(太太多惹quq)
在繪製彩圖裡的[手繪/電繪]唷~~

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445003
(2).主題、風格:
 延續上一個作業
(3).設計概念與製作心得: 本身有換字體不知道自己有沒有換成功!

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445086
(2).主題、風格:個人簡歷&北湖車旅 作品與生活 簡單活潑的
(3).設計概念與製作心得: 介紹自己 日常生活。思考頗久 要怎麼做 不過終於快解決了~

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

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445156
(2).主題、風格:我的影像作品集 簡單
(3).設計概念與製作心得: 我覺得很可以,但是要做到很久

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445177
(2).主題、風格:
 花蓮遊玩,藍色海洋的感覺

(3).設計概念與製作心得:這次的修改感覺還好,也是放圖比較多,只是不知道為何連回去首頁時首頁的影片都會消失

1055445085 林安情

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445085

(2).主題、風格:溫馨 插畫風格


(3).設計概念與製作心得:這次尋找更改字體找得有點久

1055445036 田瑀婕

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445036

(2).主題、風格:好笑 豐富

(3).設計概念與製作心得:前幾次作業都沒交,這次一次做完好痛苦..,但是還是成功了

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445059
(2).主題、風格: 主題是花蓮景點
(3).設計概念與製作心得: 簡潔 照片是自己拍的 找語法都找很久

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445119
(2).主題、風格:
 主題是自己的作品集 風格是以橘白藍來配色 溫暖的感覺
(3).設計概念與製作心得: emm......想說是以自己當主題,然後別人的東西很難改

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445182

(2).主題、風格:自己拼豆的作品


(3).設計概念與製作心得 :
還可以。

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445183
(2).主題、風格:
 作品集 穩重 沉穩
(3).設計概念與製作心得: 設計作品集...真的好難

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445060
(2).主題、風格:
輕鬆
(3).設計概念與製作心得: 電腦快用到爆炸了

1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445144
(2).主題、風格:
 主題是出遊
(3).設計概念與製作心得: 顏色以深色為主

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055443135

(2).主題、風格:
 活泼
(3).設計概念與製作心得: 做了很久

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445168
(2).主題、風格: 主題是在介紹宜蘭景點 風格是以簡約風來呈現
(3).設計概念與製作心得: 眼花容易刪錯語法....

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445042
(2).主題、風格:
 主題是介紹自己 風格是以簡潔
(3).設計概念與製作心得: 恩,大概就這樣



Edited 1 time(s). Last edit at 06/25/2018 12:01AM by 1055445042.
(編輯記錄)

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



Edited 1 time(s). Last edit at 06/25/2018 09:51PM by 1055445110.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445132
(2).主題、風格:也是一樣簡單介紹自己的喜好,依然簡單風格不繁雜
(3).設計概念與製作心得: 這次多了一些附加選項,讓整個網頁看起來完整了許多

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1045445134
(2).主題、風格:
 夜市,簡約
(3).設計概念與製作心得: 累...

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06--1055445096
(2).主題、風格:
 黑白色調為主 質感系列
(3).設計概念與製作心得:我覺得做到後面越來越了解



Edited 1 time(s). Last edit at 06/26/2018 08:31PM by 吳晉瑋.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445111
(2).主題、風格:
 徒步西門町 以黑白當作設計的規劃,以照片呈現網頁的特色
(3).設計概念與製作心得:增加了照片版型,但是還是覺得哪裡怪怪的???



Edited 2 time(s). Last edit at 06/26/2018 11:26PM by 1055445111.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw06/hw06-1055445150
(2).主題、風格:為粉白風格,主題是去台南的遊記與心得

(3).設計概念與製作心得:
之前一直忘記交所以就一氣呵成做完期末來交了
但也是花了很多時間研究影片那部分