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

Advanced

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

1. 參照 
[講義] RWD多頁網頁編輯 (一)


moodle 
[講義] RWD多頁網頁編輯 (一)

[hr]

2. 參考範例


請由ftp hw05下載

[hr]

3. 作業說明


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

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

3.本週進度:

(1)修改並設計自己的favicon

(2)修改title
(3)修改自己的主色 skins/mycolor.css

(4)修改導覽列選單/子選單/css背景底色

(5)替換影片

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

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

(2).主題、風格:

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



1. 講義影音



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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445036
(2).主題、風格:
 主題是我和Becky拍的影片 雖然我和他的很像" 但絕對不是抄襲" 我們是實況主smileys with beer
(3).設計概念與製作心得:我做了三小時smiling smiley 我很怒 為啥呢?做到最後一點 影片導覽列居然變一片空白
我找不出問題,那就算了 重用複製過去 Icon全顯示不出來 ㄎㄅ P.S: 老師請問為啥我照片是圓的改不過來ㄟsmiling smiley))??????



Edited 1 time(s). Last edit at 05/16/2018 09:56PM by 薯片再一包.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445015
(2).主題、風格:
 主題是我和Amy拍的影片,雖然是一樣的影片,但我們不一樣哦,我們沒有啥關西,大家趕快去訂閱Amy吧spinning smiley sticking its tongue out
(3).設計概念與製作心得:QQ風,我的gif檔不知道要怎麼置中QQ希望下次的作業不要太難smileys with beer



Edited 1 time(s). Last edit at 05/16/2018 10:04PM by 大漢堡王.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445039
(2).主題、風格:
 按照自己畫的搞怪貓咪風格囉~ 馬卡龍的黃色,勉強算~搞怪可愛的風格吧~~~
(3).設計概念與製作心得: 一直很納悶,位毛我的影片無法上傳~~導致首頁影片無法跟換成自己的影片 confused smiley

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445087
(2).主題、風格:
 以台灣旅遊為主題/簡單的風格
(3).設計概念與製作心得:之前一直覺得很難,所以不想面對,但後來慢慢改就有點成就感了

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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055448122
(2).主題、風格:
 SONG-YUAN 介紹我家可愛的鳥鳥呦~
(3).設計概念與製作心得: 粉嫩 可愛 襯托松原的顏色~要好好上課ㄚㄚㄚQQ

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445156
(2).主題、風格:
 主題是大學動態影像參與作品
(3).設計概念與製作心得:以藍橘對比、最近影片上傳 讓觀看者更有印象

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

(2).主題、風格:
 なんかのバトガ / 利用之前做的動畫當主題 以活潑的粉紅色當基底 想要感覺可愛一點所以用了日文
(3).設計概念與製作心得: 主要是介紹之前做的動畫的梗的原作,因為有用到維基上的一些資料所以有在最下面附註來源了

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

(2).主題、風格:
 主題是高中的專題 Blue plan 以藍色、白色做主要色 會用一些色塊

(3).設計概念與製作心得: 設計概念以發揚之前專題為主;我覺得我這次又完蛋了QAQ

我果然很不會做這種的......。然後我很喜歡那個gif檔,超可愛的!



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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445054
(2).主題、風格:主題是畫彩圖的過程,用到的用具,顏色用橙紅色~
(3).設計概念與製作心得:端午節快到了畫個節慶 因為沒有影片QAQ所以就畫了一張,然後錄起來後製速度(然後手機容量就爆惹....

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445086
(2).主題、風格:個人簡歷&北湖車旅 簡單活潑的
(3).設計概念與製作心得:介紹自己和拍攝日常 。影片不知放什麼 就隨意分享了 我會再加油~

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

(2).主題、風格:繪本介紹 /插畫風格


(3).設計概念與製作心得 : 這次更改上方的導覽列顏色卡了有點久,因為找不太到語法在哪QQ

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445003
(2)主題: 演唱會、團體介紹
(3).設計概念與製作心得: 一樣做了喜歡樂團的簡單介紹,
但是發現畫質不佳,下次會做動畫圖片,改善這個問題,因為平時也沒有拍影片的習慣



Edited 2 time(s). Last edit at 05/30/2018 11:11PM by i19980730.
(編輯記錄)

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445033
(2).主題、風格:
 以自己生日為主題
(3).設計概念與製作心得: 照片色調來配合版面

網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445102
主題、風格:
 我的創作,淡藍色悠閒的感覺
設計概念與製作心得: 其實還是有點複雜呢,又些東西還是找不到

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445144
(2).主題、風格:
 主題是出遊
(3).設計概念與製作心得:主要用藍白黑三色,來設計。

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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055443135
(2).主題、風格:
 我的旅行,开心明快
(3).設計概念與製作心得: 没有用过youtebe不会传影片一开始,

上傳至hw05資料夾,並回覆於作業文章

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

(3).設計概念與製作心得:想要有清爽舒服的感覺,然後找東西找很久,很多東西其實是要切換版面去改然後花了兩天的時間做好

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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445119
(2).主題、風格:
 主題是自己的作品集 風格是以橘白藍來配色 溫暖的感覺
(3).設計概念與製作心得: emm......想說是以自己當主題,然後別人的東西很難改 為了改版行這件事情困擾很久 只好改成簡單一點的東西

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

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

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

(3).設計概念與製作心得 : 嗯.... 會找不到東西放哪

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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445168
(2).主題、風格:主題是在介紹宜蘭在地景點 風格是以簡約來呈現
(3).設計概念與製作心得:抱歉因為沒有合適的影片所以沒有放...

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

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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445132
(2).主題、風格:
 關於自己的一些生活瑣事,簡單風
(3).設計概念與製作心得: 剛製作時難免有一些小問題

網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1045445134
主題、風格:
 夜市,簡約
設計概念與製作心得:我居然成功了(?

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445111
(2).主題、風格:徒步西門町 以黑白當作設計的規劃,以照片呈現網頁的特色 

(3).設計概念與製作心得:好拉其實就是期末的作業xddd,後面修改成影片的樣子真心覺得跟我的網頁好不搭qq(下次會乖乖學攝影跟剪輯的qq

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05--1055445096
(2).主題、風格:
 簡單 記錄自己的瑣碎事情
(3).設計概念與製作心得:製作路途一直研究語法



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

(1).網址: :http://mepopedia.com/~web106-2c/hw05/hw05-1055445150
(2).主題、風格:

主題:與閨蜜的台南行
風格:為粉白的小青新風
(3).設計概念與製作心得:
為去台南的遊記與心得,在之前一直忘記交作業就一次把期末做完了,但每個小細節也都研究很久,算是滿意的網頁作品。