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

週四, 六月 22. 2017

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

2.網站主題:為你而在
3.內容描述:電影介紹及十份景點美食介紹
4.風格設計: 簡單舒服
5.組員名單:1045445075、1045445153、1045445201
6.個人製作心得:好多東西眼睛很花,花了好多時間。

企劃大綱
1.網站主題:為你而在 Time.Waiting.For you
2.網站架構(導覽列名稱與檔名):
主頁 bocor-index.html
分頁面 1.hw07-1045445075-index.html
2.十分寮導覽列-hw07-1045445075-index.html

3.內容大綱:為你而在電影介紹、拍攝十份景點、介紹。位置、交通、地圖等。
4.主要對象(分析):想來十份與看過此微電影想到此一遊的人。
5.網頁架構圖(樹狀圖)
6.網頁版型設計圖
7.色彩規劃:清新大地綠色調
8.歷屆得獎分析(至少三組) :
1.夜色台北 - http://www.taiwanonly.tw/index.html
一點進去真的帶出台北夜晚的感覺,很特別。

2.和風北投 • 行腳踏查 - http://imagetaiwan.net.tw/#
以圖片呈現網站主題,採用全版面。 瞭解北投文化歷史,景點,和故事,清楚明瞭的介紹,網頁的形式更讓人了解北投了

3.低碳好好行 7 投日月潭 :http://itwgreentour.com.tw/
風格是方便大眾閱覽的型態,很多趣味的小圖示,和可愛風格的吉祥物讓人在觀看時能心情愉快。

Re: [ 作業8] Free templates 試做

週四, 六月 15. 2017

作業網址:http://mepopedia.com/~css105-2c/hw08/hw08-1045445075

(1) 參考之版型網址: http://www.free-css.com/free-css-templates/page211/bocor

(2) 設計主題 / 風格:DJ drop the beat

(3) 遇到之問題:
套用圖片後可能圖片就跑掉了
改文字的大小

(4) 製作時間:4~5
(5) 製作心得:
版型套用後的感覺還真覺得這網站是自己架構的 感覺我好厲害可以做出這麼有模有樣的網頁

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

週四, 六月 15. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1045445075
(2)製作心得: 這個效果感覺讓網頁更高級了 但有些複雜

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

週四, 六月 15. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw06/hw06-1045445075

(2)製作心得:運用神鬼奇航創作海盜風格 其實感覺很難 但做出來滿簡單的 希望可以再更豐富些

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

週四, 六月 15. 2017

作業網址:http://mepopedia.com/~css105-2c/hw04/hw04-1045445075/

1.須修改網站: http://ccnt1.cute.edu.tw/hc/
覺得網站的排序稍微混亂 配色沉重


2.優良網站名稱及網址:
https://www.gogoro.com/tw/

色彩計畫:黑白的極簡風
風格特色:運用簡單的黑跟白營造年輕時尚的感覺
3.製作心得:
過程滿簡單的 花不到多久就做出來了 很有成就感~

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

週四, 六月 8. 2017

(1)作業網址: http://mepopedia.com/~css105-2c/midterm/midterm-1045445075
(2)製作心得:覺得滿簡單
1045445075

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/midterm/midterm-1045445075
(2)網站主題:饒舌歌手介紹
(3)導覽列選項/分類項目(對應檔名):
index-簡介
2-專輯說明
3-歌手介紹
4-歷年專輯
5-影音連結
(2)設計對象:喜歡饒舌的人
(3)色彩計畫:藍色色調
(4)風格設定、預期成效:簡單的美式風格
(5)製作心得:很有成就感 希望可以在精緻點

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw03/hw03-1045445075
(2)本頁設計重點: 用了他專輯圖片襯托背景
(3)製作心得:希望可以再做精緻點

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw02/hw02-1015445075
(3)分類項目(導覽列): 簡介 專輯說明 歌手介紹 歷年專輯 影音連結
(4)對象: 喜歡饒舌的人
(5)色彩計畫: 藍 紅 淺藍
(6)風格設定、網頁看點、預期成效: 用簡單的背景營造美式風格
(7)製作心得:還滿不錯的 希望可以做得更完整點

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

週四, 四月 20. 2017

1.網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445075

2.設計概念與製作心得:
以螢光綠跟深綠襯托她的各性以及喜好
3.何謂HTML、DIV及CSS:
HTML:網頁基本架構
DIV:標籤
CSS:網頁的造型

4.附上至少一個覺得設計很有質感的網站,並說明原因
http://www.nike.com/tw/zh_tw/?cp=ahns_kw_bra!tw!goo!core!c!e!nike!154331665562
設計簡潔有力

5.期待這門課的學習成果與收穫為何?

可以學到如何架構 設計出好的網站

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

週三, 一月 11. 2017

(1)作業網址:http://mepopedia.com/~web105-2c/final/final-1045445075
(2).
[url=http://imgs.cc/image/EG1Uhqo][img]http://s3.imgs.cc/img/EG1Uhqo.jpg[/img][/url]
1.製作作業的時間:好幾天
2.有無遇到的問題:都解決了
3.製作心得與感想:好複雜
4.本學期於網頁設計課程上的收穫:有成就感
前置作業
(1)網站主題:小賈斯汀
(2)導覽列架構設定
http://imgs.cc/image/7Rnuxdz

(3)尺寸:上表已統一
(4)主要瀏覽族群:核心族群
(5)風格設定:潮流
(6)主色調,輔助色調:藍黑色
(7)製作動機:粉絲
(8)製作目的:想了解
預期效果:還不錯

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

週三, 一月 4. 2017

(1).作業網址 :http://mepopedia.com/~web105-2c/hw07/hw07-1045445075

(2).請回答以下問題:
1.網頁主題: 配色與風格設定:黑灰白系
2.有無遇到的問題? 無
3.製作感想 感覺很有成就感
4.製作作業的時間 3小時

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

週四, 十二月 29. 2016

(1).作業網址 :http://mepopedia.com/~web105-2c/hw06/hw06-1045445075
(2).請回答以下問題:
1.網頁主題:偶像明星
配色與風格設定: 黑紫色
2.有無遇到的問題? 很有成就感
4.製作作業的時間:3個小時

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

週四, 十二月 29. 2016

1).作業網址 :http://mepopedia.com/~web105-2c/hw05/hw05-1045445075
(2).請回答以下問題:
1.網頁主題: 配色與風格設定:黑紫色的配色風格
2.有無遇到的問題?無
3.製作感想 : 做出來感覺很不錯
4.製作作業的時間 : 1小時

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

週四, 十二月 29. 2016

(1).作業網址 : http://mepopedia.com/~web105-2c/hw04/hw04-1045445075
(2).請回答以下問題:
1.導覽列配色與風格設定:運用暗紫色和黑色配色
2.有無遇到的問題? 無
3.製作感想(你認為導覽列的意義維和
做完覺得滿有成就感的
4.製作作業的時間
30分鐘