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

週四, 六月 22. 2017

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

2.網站主題:蘭嶼

3.內容描述: 簡單樸實的設計來做蘭嶼的網站再適合不過了

4.風格設計: 蔚藍的大海彷彿圍繞在你身邊有種身歷其境的感覺~~~~

5.組員名單:1045445177郭智綺

6.個人製作心得:雖然我的網站比別人看起來簡單但她語法有是很多,很多明明是圖片但她遽然沒有實體途徑讓我找起來非常費工夫,找得相當辛苦。

企劃大綱
1.網站主題:平溪老街

2.網站架構(導覽列名稱與檔名):
蘭嶼
about
ETHNICITY
LANDSCAPE
CONTACT

同一檔案index.html

3.內容大綱:蘭嶼介紹 人文風景交通連結資訊

4.主要對象(分析): 所有觀光客

5.網頁架構圖(樹狀圖): http://imgur.com/a/F7nJy

6.網頁版型設計圖 :http://imgur.com/a/CSdcS

7.色彩規劃:藍色調

8.歷屆得獎分析(至少三組) :
1.台灣字崛>>http://www.words.tw/
整體走清新復古感,善用文字筆畫與顏色對比打造出別如其他風格的網站,是一組非常喜歡的組合風格

2.夜色台北 - http://www.taiwanonly.tw/index.html
看見介紹還以為是紅燈區,點進去缺非現截然不同,講的是各個時間的台灣人通常在做些甚麼覺得很有趣~~~~

3.古早味鹹酸甜 - http://retrospective.idv.tw/
整體的風格顯現出了台灣特色零食這讓台灣人覺得回味,而板曼也善用這些小物達到一個童趣的效果。
9.組員名單(學號)1045445177郭智綺

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

週五, 六月 16. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1045445177
(2)製作心得: 其實上學期學得讓我覺得好像很夠用(但其實我知道不夠用 導致新的東西難以吸收進去

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

週五, 六月 16. 2017

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

(2)製作心得:比起之前的網頁製作方式更加喜歡簡潔一點的

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

週二, 六月 13. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw07/hw07-1045445177
(2)製作心得:這次的作業做起來不算難

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/midterm/midterm-1045445177
(2)網站主題:台中觀光的資訊
(3)導覽列選項/分類項目(對應檔名):
index-首頁
about-景點
food-美食
stay-住宿
more-更多資訊
(2)設計對象:來台灣的日本觀光客
(3)色彩計畫:粉紅色調
(4)風格設定、預期成效:給予他們相當多年輕的資訊
(5)製作心得:做到越後面速度就越快也就是越上手啦~~~~~~~~

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

週四, 四月 20. 2017

(1)作業網址:http://mepopedia.com/~css105-2c/hw03/hw03-1045445177
(2)本頁設計重點:上一次的半成品部分補齊
(3)製作心得:比之前的簡單了啦~~~~~~~~~~~

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

週四, 四月 20. 2017

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

(2)網站主題/網站名稱:台中地區介紹

(3)分類項目(導覽列):
1.首頁
2.景點
3.食物
4.住宿
5.更多

(4)對象:
給來台灣的日本觀光客

(5)色彩計畫:粉色調

(6)1.風格設定、2.網頁看點、3.預期成效:
1.
以粉色代表日本的少女情懷
2.
提供許多台中地區克式各樣的資訊
3.
希望他們的旅程可以更順利

(7)製作心得:
有點小小成就感

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

週三, 四月 19. 2017

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

(2)網站主題/網站名稱:台中介紹

(3)分類項目(導覽列):

1.首頁
2.景點
3.美食
4.美食
5.住宿推薦

(4)對象:
來台中地區旅遊的日本觀光客

(5)色彩計畫:粉色調

(6)1.風格設定、2.網頁看點、3.預期成效:
1.
給日本觀光客更好的選擇介紹
2.
可已到的了得文清景點及美食介紹都會放在裡頭方便觀看
3.
希望這些觀光客可以圓滿的達成台中之旅以及拍出美輪美奐的照片

(7)製作心得:
能夠做出一個代表台中的網站給日本的觀光客看非常高興
謝謝老師

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

週三, 三月 22. 2017

1.作業網址:http://mepopedia.com/~css105-2c/hw01/hw01-1045445177
2.網頁主題:好好聚落簡介
3.設計概念與製作心得: 第一個作業還算簡單 喜歡少女的顏色來凸顯這個貨櫃屋的粉色系
4.何謂HTML、DIV及CSS:
HTML:是構成網頁的基礎,瀏覽器所呈現出的網頁架構。
DIV:為一種以標籤的行式,提供網頁內容與結構等樣式的標籤.
CSS:布置網頁的外觀,為修飾美化網頁用 。

5.附上至少一個覺得設計很有質感的網站,並說明原因:
https://tenten.co/
他是一個簡單明瞭的網站也有設計的美感在內,是一個相當讓人喜歡的設計網站

6.期待這門課的學習成果與收穫為何:
對網頁世紀更上一層樓阿~~~~~不要只是很淺薄的知識 希望是能出去工作的那一種能力

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

週三, 一月 11. 2017

(1).作業網址 : http://mepopedia.com/~web104-2c/hw04/hw04-1045445177

(2).請回答以下問題:
1.導覽列配色與風格設定:荳荳
2.有無遇到的問題? 老師教學影片沒聲音很難做
3.製作感想 :還好沒太多感觸
4.製作作業的時間 一天一點點

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

週三, 一月 11. 2017

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

(2).請回答以下問題:
1.網頁主題:荳荳
配色與風格設定: 粉粉的的少女風
2.有無遇到的問題? 沒有 但有些部分還是會卡卡的
3.製作感想 : 還好我是做我最愛的荳荳不然可能會崩潰
4.製作作業的時間 : 一天一點點

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

週三, 一月 11. 2017

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

(2).請回答以下問題
1.網頁主題:荳荳
配色與風格設定:粉粉嫩的少女風

2.有無遇到的問題? 還好
3.製作感想 : 比之前簡單
4.製作作業的時間:一天一點點

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

週三, 一月 11. 2017

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

(2).請回答以下問題:
1.網頁主題:荳荳
配色與風格設定: 粉粉的調配上淡淡的顏色來做輔助
2.有無遇到的問題? 有一點點問題但還好可以慢慢曼看影片做
3.製作感想: 每次都會有意外崩潰的收穫
4.製作作業的時間 :一天一點點

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

週三, 一月 11. 2017

(1)作業網址: http://mepopedia.com/~web105-2c/final/final-1045445177
(2).
1.製作作業的時間: 超過一個禮拜 有時間就做啊
2.有無遇到的問題: 雙欄阿~~~~需要放慢影片速度慢慢慢慢做
3.製作心得與感想: 做完還是覺得好難好難喔
4.本學期於網頁設計課程上的收穫:按鈕按鈕還是按鈕

前置作業

(1)網站主題:愛犬荳荳

(2)導覽列架構設定
http://s3.imgs.cc/img/Ea4wuDD.jpg

(3)尺寸:
http://s2.imgs.cc/img/ogiflHe.jpg

(4)主要瀏覽族群: 大眾族群都皆可觀賞,喜歡毛孩的主人以及對糖尿病的毛還想了解的主人

(5)風格設定: 粉嫩少女荳荳風

(6)主色調,輔助色調: 以粉嫩系為主,再以淡淡的色彩來輔助

(7)製作動機: 因為我家的荳荳患有糖尿病所以希望別人在這方面有問題的話可以照到他們想要的答案

(8)製作目的: 因為荳荳可愛想讓大家知道他有多可愛 也希望家中有糖尿病毛孩的主人可以在我的網站看到我的經歷及分享

(9)ie不知為何會跑為其他都不會ˋˊ

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

週三, 一月 4. 2017

(1).作業網址 : http://mepopedia.com/~web105-2c/hw04/hw04-1045445177
導覽列配色與風格設定:
偵探就是要灰灰的感覺阿~~~~
有無遇到的問題:
製作感想(你認為導覽列的意義為何?)
其實真的好累喔 但成就感我就不說了ˊ ˋ
製作作業的時間
3小時 up