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

週三, 五月 30. 2018

1.網站主題: Youtuber的新趨勢──Virtual Youtuber

2.內容大綱(導覽列/中文/檔名):
主要介紹關於虛擬youtuber的知名人物以及未來趨勢,也會介紹到關於台灣的虛擬youtuber

HOME(index) / ABOUT(about) / KINGS(kings) / OTHER(other) / TAIWAN's(taiwan)

3.參考版型:
https://html5up.net/editorial

4.主要對象(分析):
整理出每個虛擬youtuber的個別特色並介紹未來趨勢給想當youtuber的年輕人們


5.網頁架構圖(樹狀圖):


6.色彩規劃:
以單色為主,條列式的列出各種不同的Vtuber

7.歷屆得獎分析(至少三組)
一、HiIsland 純淨之島。動畫做的相當用心,整個網站的調性也很統一。
二、聽見,福爾摩沙。與其他作品注重世界不同,構想反而比較注重聽覺的感受,畫面上也做的像是真的在聽錄音帶一樣很有趣。
三、大山北月。用台灣風格濃厚的塗鴉帶領我們進入他想表達的世界,像是邊看著塗鴉本邊認識台灣的感覺。

8.組員名單(學號)
1055445004

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

2.網站主題: Youtuber的新趨勢──Virtual Youtuber
3.內容描述: 主要介紹關於虛擬youtuber的知名人物以及未來趨勢,也會介紹到關於台灣的虛擬youtuber
4.風格設計: 以單色為主,條列式的列出各種不同的Vtuber
5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果): 獨立製作
6.個人製作心得: 為了要介紹各種Vtuber選了太古板的版型,做起來不開心效果也不精彩覺得很可惜

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

週四, 五月 24. 2018

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

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

週三, 五月 16. 2018

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

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

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

週三, 五月 2. 2018

(1) 作業網址 :http://mepopedia.com/~web106-2c/midterm/midterm-1055445004
(2) 參考之版型網址: http://www.tooplate.com/live/2090-kinetic
(3) 設計主題 / 風格 :自己的作品集/簡單,能以作品為主
(4) 導覽列項目: HOME/ABOUT ME/GALLERY/VIDEOS
(5) 遇到之問題: 圖片分類的部分會出現空格
(6) 製作時間: 跟著老師的進度做 約兩個禮拜
(7) 製作心得: 接觸到了完全不一樣的領域 從完全看不懂到慢慢摸索出東西的過程很有成就感 還順便完成了自己的作品集

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

週四, 四月 26. 2018

(1).網址: :http://mepopedia.com/~web106-2c/hw04/hw04-1055445004
(2).版型網址:
 http://www.tooplate.com/live/2090-kinetic
(3).主題、風格:
 自己的作品集
(4).設計概念與製作心得: 圖片轉換分類的功能圖片會有空格

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

週三, 四月 11. 2018

(1) 作業網址 :
(2) 參考之版型網址:
http://www.tooplate.com/live/2089-meteor或http://www.templatemo.com/live/templatemo_512_moonlight
(3) 設計主題 / 風格 : 作品集/作品集中/介紹自己/以圖為主
(4) 導覽列項目: HOME/ABOUT ME/GALLERY/ CONTACT
(5) 遇到之問題:
(6) 製作時間:
(7) 製作心得:

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

週三, 四月 11. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw03/hw03-1055445004
(2).設計概念與製作心得:利用多個警告標示顯示出雲豹即將滅種的危機

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

週二, 三月 27. 2018


(1).網址: :http://mepopedia.com/~web106-2c/hw02/hw02-1055445004
(2).設計概念與製作心得:
原本的版面給我一種時尚高雅的感覺,而音樂劇本身也給我這種印象,所以做了一直很有興趣卻一直沒機會去看的《貓》
各種花色的貓在全黑的版面上也顯得很突出這點我很喜歡。

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

週二, 三月 13. 2018

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

2.設計概念與製作心得:
透明度或圓角只是增減一點數值整個網站的感覺都會不一樣

3.何謂HTML、DIV及CSS:
HTML-寫網頁用的一種語言、技術
DIV-把一個網頁分類出不同區域的語法
CSS-將網頁增加不同美術效果的電腦語言

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.ikea.com/tw/zh/
Ikea的官方網站 不管要做甚麼都能很簡單的找到方向
整體給人的感覺也跟他們賣的家具風格一樣,簡約卻不失便利性

5.期待這門課的學習成果與收穫為何?
學習更深入的寫網頁技巧,也許能在未來使用到

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

週四, 一月 11. 2018

(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445004
(2).
1.製作作業的時間:7天
2.有無遇到的問題:有的圖片在 IE就看不到了
3.製作心得與感想:更了解自己喜歡的遊戲了
4.本學期於網頁設計課程上的收穫:更熟練寫網頁這件事了


前置作業
(1)網站主題:尼爾 自動人形
(2)導覽列架構設定:about.html、story.html、music.html、video.html、links.html
(3)主要瀏覽族群:對這個遊戲有興趣的人
(5)風格設定:黑白質感
(6 )主色調,輔助色調:黑 白 灰
(7)製作動機:想介紹這個遊戲
(8)製作目的:告訴大家這遊戲的好
預期效果:比預想的有質感

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

週四, 一月 11. 2018

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

(2).請回答以下問題:
1.網頁主題:配色與風格設定:尼爾 黑白質感
2.有無遇到的問題? 做不太出想要的質感
3.製作感想 期末反而沒有之前那麼多時間投入心力了很難過
4.製作作業的時間 2~3小時

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

週四, 十二月 28. 2017

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

(2).請回答以下問題:
1.網頁主題: 尼爾 自動人形遊戲介紹
2.配色與風格設定: 灰黑色
2.有無遇到的問題? 無
3.製作感想 做的事情幾乎都跟期中時差不多 有點無聊了
4.製作作業的時間 5小時

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

週一, 十二月 18. 2017

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

(2).請回答以下問題:
1.網頁主題:尼爾:自動人形
配色與風格設定:以黑色為主色調,希望能強調質感
2.有無遇到的問題? 沒
3.製作感想 之前做過的東西這次變得比較熟練了
4.製作作業的時間 6小時

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

週四, 十二月 14. 2017

1055445004 王咨涵

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

(2).請回答以下問題:
1.導覽列配色與風格設定:清新的紅白色系
2.有無遇到的問題:footer大小調不準
3.製作感想:要重頭開始做新的網頁了....
4.製作作業的時間:1天

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

週四, 十一月 23. 2017

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

 (2) 主題 / 風格設定(色彩設定部份) 清新 藍白為主

 (3) 有無遇到的問題 文字排版出問題需上課時發問解決

 (4) 製作感想 雖然很多東西都搞不太清楚 不過研究了很多學長姐不同網頁的不同寫法 自己解決問題的成就感很棒

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