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

Advanced

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

106-2《中國》竹視傳二C-進階網頁設計 文章列表 發表文章 PDF 列印（下載）
JinJin [ 站內寄信 / PM ]
[作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
  1. 1. 參照講義製作
  2. 2. 參考範例
  3. 3. 作業說明
  4. 3.1 講義影音

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. 講義影音



推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445004 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
林宥柔 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445075
(2).主題、風格：
 主題是高中的畢業製作豕卷 風格是以簡潔 乾淨
(3).設計概念與製作心得： 顏色上的搭配以主題的灰色系列以及白色來做設計

推薦 / 評論　 分享到Facebook     回應文章 Quote
Liuyucian [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055448122
(2).主題、風格：
 介紹漂亮的小天使們
(3).設計概念與製作心得： 可以配上他們的色彩~~~還有可愛的音樂~~~有些想改的顏色很難找QQ上課要認真嗚嗚嗚

推薦 / 評論　 分享到Facebook     回應文章 Quote
SCY [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445017
(2).主題、風格：
 TABI旅
(3).設計概念與製作心得：
分享我在日本旅行的遊記、攝影作品。

推薦 / 評論　 分享到Facebook     回應文章 Quote
exe99703 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
大漢堡王 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(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 大漢堡王.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
77 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445087
(2).主題、風格：
紀錄自己與朋友的旅遊網頁
(3).設計概念與製作心得：終於有點樣子了,做到好絕望

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445039 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
4.上傳至hw06資料夾，並回覆於作業文章

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

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

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
gigiteng [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445054
(2).主題、風格：
 COPIC上色
(3).設計概念與製作心得：
放了很多的圖，但還沒改圖裡的內容~(太太多惹quq)
在繪製彩圖裡的[手繪/電繪]唷~~

推薦 / 評論　 分享到Facebook     回應文章 Quote
i19980730 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445003
(2).主題、風格：
 延續上一個作業
(3).設計概念與製作心得： 本身有換字體不知道自己有沒有換成功!

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445086 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445086
(2).主題、風格：個人簡歷&北湖車旅 作品與生活 簡單活潑的
(3).設計概念與製作心得： 介紹自己 日常生活。思考頗久 要怎麼做 不過終於快解決了~

推薦 / 評論　 分享到Facebook     回應文章 Quote
zhuuu [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445024
(2).主題、風格：
 旅遊 / 簡單明瞭
(3).設計概念與製作心得: Google Fonts其實沒有想像中那麼困難

推薦 / 評論　 分享到Facebook     回應文章 Quote
高慎妤 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445156
(2).主題、風格：我的影像作品集 簡單
(3).設計概念與製作心得: 我覺得很可以，但是要做到很久

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445177 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445177
(2).主題、風格：
 花蓮遊玩，藍色海洋的感覺

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
綰瑛 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
1055445085 林安情

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

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


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

推薦 / 評論　 分享到Facebook     回應文章 Quote
薯片再一包 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
1055445036 田瑀婕

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

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

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
jolin82145 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445059
(2).主題、風格： 主題是花蓮景點
(3).設計概念與製作心得： 簡潔 照片是自己拍的 找語法都找很久

推薦 / 評論　 分享到Facebook     回應文章 Quote
lovecatandyou [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445119
(2).主題、風格：
 主題是自己的作品集 風格是以橘白藍來配色 溫暖的感覺
(3).設計概念與製作心得： emm......想說是以自己當主題，然後別人的東西很難改

推薦 / 評論　 分享到Facebook     回應文章 Quote
amy2285210103 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445182

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


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

推薦 / 評論　 分享到Facebook     回應文章 Quote
nine999999999 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445183
(2).主題、風格：
 作品集 穩重 沉穩
(3).設計概念與製作心得： 設計作品集...真的好難

推薦 / 評論　 分享到Facebook     回應文章 Quote
湯劭崴 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445060
(2).主題、風格：
輕鬆
(3).設計概念與製作心得： 電腦快用到爆炸了

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445144 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445144
(2).主題、風格：
 主題是出遊
(3).設計概念與製作心得： 顏色以深色為主

推薦 / 評論　 分享到Facebook     回應文章 Quote
zhou [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055443135

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445168 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445168
(2).主題、風格： 主題是在介紹宜蘭景點 風格是以簡約風來呈現
(3).設計概念與製作心得： 眼花容易刪錯語法....

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445042 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445110 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
堯詩洪 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1045445134 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1045445134
(2).主題、風格：
 夜市，簡約
(3).設計概念與製作心得： 累...

推薦 / 評論　 分享到Facebook     回應文章 Quote
吳晉瑋 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06--1055445096
(2).主題、風格：
 黑白色調為主 質感系列
(3).設計概念與製作心得：我覺得做到後面越來越了解



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

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445111 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(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.
(編輯記錄)

推薦 / 評論　 分享到Facebook     回應文章 Quote
1055445150 [ 站內寄信 / PM ]
Re: [作業06] RWD網頁實作/列表頁/內容頁/Google Fonts網路中文字型應用

分類標籤: 106-2《中國》竹視傳二C-進階網頁設計
(1).網址: ：http://mepopedia.com/~web106-2c/hw06/hw06-1055445150
(2).主題、風格：為粉白風格，主題是去台南的遊記與心得

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

推薦 / 評論　 分享到Facebook     回應文章 Quote
Newer Topic Older Topic