Re: [作業8] Free templates 試做

週三, 六月 21. 2017

作業網址:http://mepopedia.com/~css105-2b/hw08/hw08-1045445077

(1) 參考之版型網址:http://www.tooplate.com/view/2076-zentro

(2) 設計主題 / 風格:天才的禮物/簡約
(2) 遇到之問題:無。

(3) 製作時間:3小時

(4) 製作心得:這個版型較沒那麼複雜,但很簡約風格很喜歡

Re: [作業04]網頁排版設計-以Photoshop製作Mockup與Prototype

週三, 六月 21. 2017

作業網址:http://mepopedia.com/~css105-2b/hw04/hw04-1045445077

(1)原網站名稱及網址:
株式會社 明治meiji
http://www.meiji.co.jp/sweets/chocolate/kinotake/
東西有點多,感覺有點擠

(2)參考網站名稱與網址:
江崎固力果 株式會社 pokey
https://www.glico.com/jp/product/chocolate/
很整齊乾淨,圖片多但不擁擠


(3)色彩計畫:淺粉

(4)風格特色:簡單 可愛

(5)製作時請特別注意以下數值,並比較與平面排版之差異:
字體設定
大標題:標楷體
導覽列:微軟正黑體
副標題:微軟正黑體
內文:微軟正黑體

大標題級數 :50pt
文章標題級數 :15pt
內文級數:12px
網站寬度:1200px

(6)製作心得:很難啊

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

週四, 六月 8. 2017

作業網址:http://mepopedia.com/~css105-2b/final/final-1045445077
1.網站主題:侯硐貓村
參考版型:http://www.tooplate.com/view/2076-zentro
2.網站架構(導覽列名稱與檔名)
首頁
貓咪
侯硐簡介
風景
地圖


3.內容大綱: 侯硐貓村的風景
4.主要對象(分析):
喜歡貓的人

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



6.網頁版型設計圖wireframe:



7.色彩規劃:
簡約白與粉色系


8.歷屆得獎分析(至少三組):
Artsy
https://www.artsy.net/
網頁簡單,簡潔,編排整齊有序又不失藝術氣息
The Art of Noise
http://www.awardentries.org/award13/noiseamg/
用影片為首吸引人點閱,頁面簡單,線條設計讓人覺得舒適
Sagmeister & walsh.com
http://sagmeisterwalsh.com/
頁面簡單圖示有趣,滑鼠移到圖片上,字會隨著游標移動,黑白簡約風為底,有設計感。
9.組員名單:
鄧翊崎1045445077

Re: [作業05] jQuery動態網頁初探 -fadein

週四, 六月 1. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/midterm/midterm-1045445077
(2)製作心得:蠻神奇的


學號:1045445077

Re: [作業07] HTML/CSS/jQuery 物件小動畫、燈箱效果

週四, 六月 1. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw07/hw07-1045445077


(2)製作心得:看得眼花撩亂,但還是勉強做出來了XD因為是做自己喜歡的日本樂團,所以還蠻開心的

學號:1045445077

Re: [ 作業06] jQuery動態換頁效果

週四, 六月 1. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw06/hw06-1045445077
(2)製作心得:這次還招架得住

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

週三, 四月 19. 2017

1.網址:http://mepopedia.com/~css105-2b/hw01/hw01-1045445077-01
2.設計概念與製作心得:
概念:很喜歡看日劇,外加因為男主角是我喜歡的偶像
心得:這次複習蠻簡單好上手的

3.何謂HTML、DIV及CSS:
HTML:網頁構成的基本語法
DIV:包覆區塊的標籤語法
CSS:網頁的美觀上主要構成'方法
4.附上至少一個覺得設計很有質感的網站
https://shimatorie.jp/

並說明原因 :
瀏覽方便,清晰自然 純樸可愛

5.期待這門課的學習成果與收穫為何?
能運用在工作上吧

Re: [作業03] HTML與CSS練習--1.資料整理--以DIV製作表格效果。 2.其他頁面完成

週三, 四月 19. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw03/hw03-1045445077
(2)本頁設計重點:馴龍高手
(3)製作心得: 做到一半不小心把CSS給覆蓋掉了,重做覺得很鬱卒哈哈
學號1045445077

Re: [作業02] HTML與CSS練習-- 首頁實作篇

週三, 四月 19. 2017

(1)作業網址:http://mepopedia.com/~css105-2b/hw02/hw02-1045445077
(2)網站主題/網站名稱:馴龍高手
(3)分類項目(導覽列):
◎Hiccup&Toothless
◎相遇的開始
◎信任的培養
◎預告觀賞
◎他們的相親相愛

(4)對象:喜愛夢工廠或是動畫系列電影的人
(5)色彩計畫:用淡色系為主
(6)風格設定、網頁看點、預期成效:
風格設定: 利用深藍色與淺灰藍,放上主題照
網頁看點: 有電影劇照以及故事番外片吸引更多人點閱。
預期成效: 讓多人更了解動畫電影的迷人之處。

(7)製作心得: 真的很喜歡這部動畫,不管看幾次都不膩,電影配樂也很愛
所以才想讓更多人知道這部電影。

Re: [期中作業] HTML與CSS應用--網站實作

週三, 四月 19. 2017

(1)作業網址: http://mepopedia.com/~css105-2b/midterm/midterm-1045445077
(2)網站主題:馴龍高手

(3)導覽列選項/分類項目(對應檔名):
index-Hiccup&Toothless
Introduction-角色介紹
Photos-電影劇照
Voice-預告觀賞
music-音樂

(2)設計對象:大眾

(3)色彩計畫:灰、藍 淡色系色調

(4)風格設定、預期成效: 簡約,容易觀賞


(5)製作心得: 蠻好玩的,這次的沒有之前那麼複雜

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

週二, 一月 10. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw07/hw07-1045445077
(2).請回答以下問題:
1.網頁主題:ARASHI嵐
配色與風格設定:黃色紅色為主
2.有無遇到的問題? 雙欄的css設定一直無法很好看
3.製作感想 :雙欄有點難做
4.製作作業的時間 3小時

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

週二, 一月 10. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw04/hw04-1045445077
(2).請回答以下問題:

1.導覽列配色與風格設定:活潑色系
2.有無遇到的問題? :有時候圖片會對不齊導覽列所以有花時間對齊


3.製作感想 :覺得兩種導覽列的製作方式都很有意思,製作上有很多方式可以選擇


4.製作作業的時間 :3小時

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

週二, 一月 10. 2017

(1)作業網址: http://mepopedia.com/~web105-2b/final/final-1045445077
(2).
1.製作作業的時間:一整天
2.有無遇到的問題:在css設定的時候有遇到一些問題
3.製作心得與感想:很有成就感
4.本學期於網頁設計課程上的收穫:雖然高中有學過網頁設計,但我還是對這個不是很在行。


前置作業
(1)網站主題:ARASHI 嵐
(2)導覽列架構設定:首頁(關於) 音樂 照片 相關影片 相關連結
(3)尺寸: 800px


(4)主要瀏覽族群:喜歡日本偶像的人
(5)風格設定: 活潑、亮麗
(6)主色調,輔助色調:紅色跟黃色
(7)製作動機:我很喜歡這個偶像團體
(8)製作目的:讓更多人知道他們
預期效果:讓其他人也會喜歡這個
(8)資料蒐集分析:無

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

週四, 一月 5. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw06/hw06-1045445077

(2).請回答以下問題:
1.網頁主題:ARASHI日本偶像男子團體
配色與風格設定:因為我用他們有一次比較活潑的專輯主題,所以畫面也較為亮色系
2.有無遇到的問題? 無。
3.製作感想:還是不怎麼喜歡網頁哈哈哈哈,每次都讓我苦惱很久。
4.製作作業的時間:3小時。

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

週四, 一月 5. 2017

(1).作業網址 :http://mepopedia.com/~web105-2b/hw05/hw05-1045445077

(2).請回答以下問題:
1.網頁主題: 配色與風格設定: ARASHI日本南子偶像團體
2.有無遇到的問題? 表格一直改不了
3.製作感想:有比較了解網頁,但還是覺得很難
4.製作作業的時間 :2~3小時