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

Advanced

Change History

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

Changed By: yunyu912
Change Date: June 21, 2017 12:25AM

Re: [期末作業]專題網站設計
1.作業網址:http://mepopedia.com/~css105-2a/final/final-1045445013

2.網站主題: 新竹 Let's go

3.內容描述:
一打開我們的網頁,首先最先看到的是新竹火車站,而我們也在第一開始做連結了新竹火車站的歷史,之後就開始介紹新竹地形、氣候以及飲食文化,再接著看到的是新竹最有名的城隍廟,查了相關的資料,有他的簡介、歷史還有建築特色,為了讓遊客方便到達城隍廟,我們還放了公車資訊,及連結網站,點文字就可更了解公車時刻表,接著介紹了新竹的景點,有十七公里海岸線、豎琴橋、夏季三角景觀餐廳、司馬庫斯、內灣及眷村博物館,都有詳細的介紹景點,接著就是新竹美食了,有鴨香飯、貢丸、炒米粉。

為了讓遊客有更多打卡景點,我們還增加了四個特殊景點,最後以名言做結尾,希望遊客能在旅遊當中有很大的收穫,網頁部分,最下面我們有做相關資訊連結,讓遊客能更深入了解。(tu)(:P)(:P)(:P)(:P)(tu)



4.風格設計:
●採用簡單活潑顏色,讓遊客能在查詢資料時,可以以輕鬆方式來觀看我們的網頁。
●在每個連結的地方,都有另外做變色效果。



5.組員名單,工作分配(視覺規劃、HTML CSS設計、動態效果):

1045445013 許芸瑜 - 整體網頁文字、HTML設計、照 (圖) 片排版、動態效果、視覺規劃、查詢資料

1045445016 巫佳雯 - 整體網頁配色、CSS設計、動態效果、視覺規劃、查詢資料




6.個人製作心得:

1045445013 許芸瑜 -
雖然做得很久,一開始也很不知道要怎麼設計這個網頁,然後也覺得程式碼好亂看不懂,但是後來都有去克服他,做完這個網頁覺得效果還不錯,我也在每個連結地方做了變色的效果,覺得比較有趣,然後有些連結還放上了圖片,有互動感。

1045445016 巫佳雯 -
過程中真的遇到很多問題和不會的地方,但是在我與組員的討論和研究慢慢的摸索出答案,當下問題解決只有一個情緒形容 「 爽 」!比想像中的還要辛苦和吃力,但是能跟組員一起完成專屬於我們的網頁,感觸很多雖然辛苦但是很值得很享受那過程中,收穫滿滿滿。



[hr]



1.網站主題: 新竹 Let's go
參考版型:http://www.free-css.com/free-css-templates/page213/voltage

2.內容大綱: 介紹新竹

3.主要對象(分析): 大眾、網美拍攝地點、喜愛客家小吃的人

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

<img width="100%" src="http://i.imgur.com/lN9lt5e.jpg" border="0">

5.網頁版型設計圖

<img width="100%" src="http://i.imgur.com/F5sVVsa.jpg" border="0">

6.色彩規劃: 淡彩

7.歷屆得獎分析(至少三組)

1. 食安問題 http://www.hitribe.idv.tw/
● 版面簡單不花俏,卻不失設計感,讓人一目瞭然
● 給人有舒服的感覺,插畫的設計也很可愛
● 讓我們更深入了解食安的問題

2. 古早味鹹酸甜 http://retrospective.idv.tw/
● 一點進去就有驚喜的感覺,讓人想繼續看下去
● 排版真的真的真的很有古早味,又加上配樂,整個就很有氣氛
● 感覺很用心

3. 低碳好好行7投日月潭 http://itwgreentour.com.tw/#know
● 編排頁面相當仔細
● 分類明確,很懂遊客的需求,還做了各種路線供遊客參考
● 還做了客製化的電子郵件欄位,增加趣味

8.組員名單(學號)
1045445013
1045445016
Changed By: yunyu912
Change Date: June 14, 2017 11:15AM

Re: [期末作業]專題網站設計
1.網站主題: 新竹 Let's go
參考版型:http://www.free-css.com/free-css-templates/page213/voltage

2.內容大綱: 介紹新竹

3.主要對象(分析): 大眾、網美拍攝地點、喜愛客家小吃的人

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

5.網頁版型設計圖
/i.imgur.com/F5sVVsa.jpg" border="0">
om/lN9lt5e.jpg" border="0">

5.網頁版型設計圖

<img width="100%" src="http://i.imgur.com/F5sVVsa.jpg" border="0">

6.色彩規劃: 淡彩

7.歷屆得獎分析(至少三組)

1. 食安問題 http://www.hitribe.idv.tw/
● 版面簡單不花俏,卻不失設計感,讓人一目瞭然
● 給人有舒服的感覺,插畫的設計也很可愛
● 讓我們更深入了解食安的問題

2. 古早味鹹酸甜 http://retrospective.idv.tw/
● 一點進去就有驚喜的感覺,讓人想繼續看下去
● 排版真的真的真的很有古早味,又加上配樂,整個就很有氣氛
● 感覺很用心

3. 低碳好好行7投日月潭 http://itwgreentour.com.tw/#know
● 編排頁面相當仔細
● 分類明確,很懂遊客的需求,還做了各種路線供遊客參考
● 還做了客製化的電子郵件欄位,增加趣味

8.組員名單(學號)
1045445013
1045445016
Changed By: yunyu912
Change Date: June 12, 2017 02:49PM

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

Original Message

作者: yunyu912
Date: June 12, 2017 02:30PM

Re: [期末作業]專題網站設計
1.網站主題: 新竹 Let's go
參考版型:http://www.free-css.com/free-css-templates/page213/voltage

2.內容大綱: 介紹新竹

3.主要對象(分析): 大眾、網美拍攝地點、喜愛客家小吃的人

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



5.網頁版型設計圖

6.色彩規劃:

7.歷屆得獎分析(至少三組)
真的很有古早味,又加上配樂,整個就很有氣氛
● 感覺很用心

3. 低碳好好行7投日月潭 http://itwgreentour.com.tw/#know
● 編排頁面相當仔細
● 分類明確,很懂遊客的需求,還做了各種路線供遊客參考
● 還做了客製化的電子郵件欄位,增加趣味

8.組員名單(學號)
1045445013
1045445016