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

Advanced

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

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

1. 作業說明


請參考[期末作業說明] 專題網站製作--以網站新人王為例
http://mepopedia.com/forum/read.php?1651,45305

請設計與台灣有關的主題
並請依[期末作業] 企劃大綱的內容製作
http://mepopedia.com/forum/read.php?1651,45589

盡可能地將本學期學習的技術應用於其中
仍須以視覺美感為主,設計頁數請盡量至少以十頁以上為主
設計上若有困難,請找老師討論

6/17日上課前製作完成,課堂討論評分

將資料夾命名為 final-學號(組長),以FTP上傳至final資料夾
作業網址為http://mepopedia.com/~web102-c/final/final-1015445XXX



2. 回覆項目


1.作業網址:

2.網站主題:
3.內容:
4.主要對象:
5.風格設計:
6.組員名單,工作分配,製作心得:



3. 評分標準


1.內容技巧,是否有應用所學技巧
2.視覺美感
3.網頁架構(HTML+CSS)網頁效能
4.工作分配之項目

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445202
2.網站主題:迺夜市 Say yes
3.內容: 介紹台北夜市有哪幾個是必逛的,而那地方的夜市特色小吃有哪些,有些小吃雖然已經擴張到每個夜市都有,
但這裡介紹的夜市小吃全都是創始店,而不是分店。
內容也有包含附近周遭的交通,跟如何搭乘大眾交通工具就能到達目的,還有周圍附設的停車場介紹,最後還有放些
小短片來介紹台北的夜市。
4.主要對象:讓來台北的旅客了解台北必逛的夜市,也讓他們了解夜市特別的小吃是那些

5.風格設計: 主要以簡單的黑白色調為主,簡單明瞭地呈現主要內容,方便人閱讀。
6.組員名單,工作分配,製作心得:
1015445202周怡伶(HTML、CSS等版面設計)
1015445257管胤筑(視覺規畫、美編、動態效果)
蒐集資料跟網站大概的形式,這些討論根找資料花了比較多的時間,開始作時還在煩惱要如何呈現這個網頁
最後決定用上課所學到的去架構這個網頁,也讓自己再複習在進步
中間也有遇到困難的地方,但後來越做越順,蠻好玩的

MEPOERs said:
JinJin: 連結之間的邏輯關係可以整理得更好~~加油!!!
1.作業網址: http://puroivi.wix.com/puro-123
2.網站主題: 松山之美
3.內容: 介紹松山的景點與地區內涵
4.主要對象: 想深入理解松山區的大眾
5.風格設計: 簡單明瞭
6.組員名單:王思博
製作心得: 我這次沒有用Dreamweaver做,我用網頁版的製作網頁程式去做,省了很多的時間,內容全部是自己打的,排版也是自己用的,此網頁不支援中文,所以中文我都轉成圖片用上去,我想網頁不一定要用Dreamweaver做吧,然後程式碼也不是很精通所以才使用網頁版的製作,網頁原始檔再上傳,因為他好像就傳到網絡上了,我還在思考如何下載....HAHAsad smiley
建議用Google開啟,我在做的時候是在Google做的,使用IE開啟的話縮放比例請調100%,不然會過大唷~smileys with beer



Edited 2 time(s). Last edit at 06/16/2014 08:08AM by puro.
(編輯記錄)

MEPOERs said:
JinJin: 網頁本就不一定要用Dreamweaver做,但期末作業還是希望是自己做出來~可以更確實的了解其中做法與原理
1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445212/
2.網站主題:悠遊捷運淡水
3.內容: 搭捷運很方便到哪裡都可以,淡水線有很多風景很美的地方,好吃好玩也可以逛展覽的地方,
介紹給假日也到戶外走走都可以用捷運方便到達的民眾。
順便附上地圖和捷運路線圖,還有自己畫的插畫。
4.主要對象:讓想搭捷運出去玩的民眾
5.風格設計: 主要可愛簡單清楚的呈現內容和資訊。
6.組員名單,工作分配,製作心得:
1015445212 賴韻伃
還是以自己熟悉的網站語法弄,前置作業準備很久,也研究很多語法但是學不起來,失敗了好多次sad smiley

MEPOERs said:
JinJin: 整體風格不錯,但可把標題以更清楚的方式呈現
作業網址:http://mepopedia.com/~web102-c/final/final-1015445269

2.網站主題: 花趣。
3.內容: 收集各類賞花資訊,並且介紹花的種類。
4.主要對象: 計畫賞花出遊的民眾。
5.風格設計: 以花兒紛飛飄落之景,搭配書法體的
字型,營造即將賞花的興致,並取名為花趣。
6.組員名單,工作分配,製作心得:
楊婷勻/版面視覺設計,資料蒐查。
蘇品璇/網頁分割與連結,資料蒐查。

我們利用PS和AI去做風格設計,在將其子頁切割串聯,
並加入輕快的背景音樂,讓觀看者不再只是無聊的瀏覽網頁。



Edited 2 time(s). Last edit at 06/16/2014 07:10PM by 1015445269.
(編輯記錄)

MEPOERs said:
JinJin: 1.網頁路徑有問題,2.盡量不要全以切版方式製作,雖然較容易,但網頁速度慢,且擴充性不易
1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445215
2.網站主題: 平溪線
3.內容: 主要介紹平溪線主要車站特色景點
4.主要對象: 大眾
5.風格設計: 簡單黑白線條 融合渲染質感
6.組員名單:
1015445201 查資料 畫圖片
1015445206 查資料 畫圖片
1015445215 網頁架構規劃
1015445232 查資料 畫圖片
1015445236 畫圖片
1015445248 設計封面圖片 畫圖片
製作心得:期末作業真的很難 ,但我們還是努力地完成了!



Edited 1 time(s). Last edit at 06/17/2014 03:27PM by 1015445206.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445218

2.網站主題:黃鶯出谷 絕妙鶯歌
3.內容: 介紹鶯歌特色地方及美食
4.主要對象:想要去鶯歌一日遊的人
5.風格設計: 繪圖風,又有復古的感覺
6.組員名單,工作分配,製作心得:
1015445218謝宜倢-網頁架構
1015445227翁郁婷-整理資料及照片
1015445252邱子倩-視覺規劃
1015445254許晉華-內文編寫
第一次一起合作做網頁,
也第一次不是使用Dreamwever的程式寫,
要自己寫出像樣的網站真的有點困難,
不僅僅是網頁架構視覺規劃感覺更重要,
不過一起製作出像樣的網站真的很開心spinning smiley sticking its tongue out

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445219/
2.網站主題:Tainan Yeah Yeah
3.內容: 運用照片帶領觀賞者喜歡上臺南,
主要是希望能藉由格狀的照片讓人自己去挑選想去臺南的哪裡玩。
4.主要對象:猶豫不決該去臺南哪裡玩的人。
5.風格設計:白色清晰的風格,小小的黃配綠裝飾。
6.組員名單: 1015445219 王斯亭
製作心得:嘗試用不同的方式製作這次的網頁,打掉重來兩次,很多小細節的部分改了又改,
雖然花了很多時間,但是額外學習到更多語法,而且做完之後真的很開心,
因為能將自己拍的照片整合,並且打上文字,害我又想去臺南玩了 drinking smiley

1.作業網址:http://mepopedia.com/~web102-c/final/final-1015445203

2.網站主題:台灣歷史
3.內容:以五大分類:簡介/事件/黨派/影片/連結作為主要結構,再加以分細節下去。
4.主要對象:想對台灣更了解的人
5.風格設計:以國旗的顏色,紅、白、藍作為主要色系,簡單明瞭的風格。
6.組員名單,工作分配,製作心得:

1015445203梁誠翎 - 製作網頁
1015445217何青容 - 查詢資料
1015445233汪紀岑 - 彙整資料
1015445258郭峻銘 - 查詢資料
1015445261陳紹安 - 圖片製作

整體做下來滿開心的,可以一邊製作一邊回憶以前國中所學過的歷史,讓我們對台灣的印象又更加深了一些。不過在某些分頁的圖片,不知道什麼原因一直顯示不出來,需要請教老師該如何解決,謝謝:)

MEPOERs said:
JinJin: 工作分配要均衡,工作不可以只有查詢資料
JinJin: 工作分配要均衡,工作不可以只有查詢資料
1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445243/

2.網站主題: 心台中 Heart Taichung
3.內容: 介紹台中市生活圈
4.主要對象: 想認識 想逛台中的朋友
5.風格設計: 復古風?!
6.組員名單,工作分配,製作心得:就....這樣特效 跑來跑去 滑來滑去 淡入淡出 跳來跳去 恩

MEPOERs said:
JinJin: 1.尚未完成?2.請補上工作分配
1015445245: 組員名單以及工作分配: 1015445242張玉婷-色彩配置,文字撰寫 1015445245蔡佳芸-版型構想,照片處理 1015445243黃凱敬-網頁架構,特效處理 1015445239陳筱涵-網頁架構,特效處理
組員名單以及工作分配:
1015445242張玉婷-色彩配置,文字撰寫
1015445245蔡佳芸-版型構想,照片處理
1015445243黃凱敬-網頁架構,特效處理
1015445239陳筱涵-網頁架構,特效處理

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445225/

2.網站主題: 蘭嶼
3.內容: 色塊 照片 文字
4.主要對象: 喜愛大自然ㄉ人
5.風格設計: 簡單
6.組員名單,工作分配,製作心得: 我自己 我覺得我好厲害~

1.作業網址:http://mepopedia.com/~web102-c/final/final-1015445240
2.網站主題:花蓮之美
3.內容:介紹花蓮當地特色景點
4.主要對象:為大家介紹花蓮特色以及想認識花蓮的人
5.風格設計:自然山水顏色搭配,藍與綠及藍綠色系去呈現好山好水好風景的感覺
6.組員名單,工作分配,製作心得:
1015445221姚少涵 /視覺規劃、網頁製作和排版與細節調整
1015445240張惟欣 / 視覺規劃、網頁製作和排版與細節調整
1015445246沈雅箴 / 收集整理圖片、視覺規劃
1015445260江慧馨 / 查詢文案資料、視覺規劃
拿期中版型介紹花蓮特景,增加淡入效果,圖片可跳出視窗,很多語法還是不會套用,要再多嘗試研究



Edited 4 time(s). Last edit at 06/18/2014 08:05PM by 1015445240.
(編輯記錄)

1.作業網址:http://mepopedia.com/~web102-c/final/final-1015445231

2.網站主題: pusin ue.
3.內容: 簡略介紹楊梅埔心
4.主要對象: 沒來過埔心的朋友
5.風格設計: 綠色系簡約風格
6.組員名單/工作分配/製作心得:1015445231謝祥得/全/難+累

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445255
2.網站主題:六福村
3.內容:介紹六福村園區的遊樂設施。
4.主要對象:讓其他地區的遊客可以了解六福村園內大小設施。
5.風格設計: 主要以簡單紅色來襯托主題。
6.組員名單,工作分配,製作心得:
1015445255 王子宇 全

現在程式越來越簡單,可是我還是習慣自己打語法,我還是不太了解圖片跟自那方面的排版。

1.作業網址:http://mepopedia.com/~web102-c/final/final-1015445213
2.網站主題:台南之旅
3.內容:介紹台南當地特色景點
4.主要對象:為大家介紹台南特色以及方便給想去台南玩卻不知道當地的文化之用
5.風格設計:以傳統的方式去呈現,綠色系代表自然傳統的感覺。
6.組員名單,工作分配,製作心得:
1015445213張國城 /視覺規劃、網頁製作和排版與細節調整
1015445271呂紹瑋/ 視覺規劃、網頁製作和排版與細節調整
1015445223趙翊均 / 收集彙整圖片、視覺規劃
1015445222洪筱芊/ 查詢文案資料、視覺規劃


增加淡入效果及微動畫,有些部分還是沒有很清楚,會在研究。

MEPOERs said:
JinJin: 1.檔名不可用中文,2.路徑有問題,3.製作方式太過簡單
1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445264

2.網站主題:犬夜叉
3.內容: 犬夜叉與作者介紹
4.主要對象:喜愛犬夜叉的人或想了解犬夜叉的人
5.風格設計:
6.組員名單,工作分配,製作心得:
  1015445264   網頁製作

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445207

2.網站主題: 街影
3.內容: 介紹台灣各地的老街
4.主要對象: 對於老街文化不熟悉的人們
5.風格設計: 復古.暖色調.插畫風
6.組員名單,工作分配,製作心得:
1015445228 視覺部分與查資料文書
1015445208 視覺部分與查資料
1015445234 網路架構
1015445207 網路架構
終於做完拉!!!!大家對於網頁部分都累慘了!!!
非常感謝大家努力的成果!!┌(^o^┌)┐



Edited 1 time(s). Last edit at 06/22/2014 08:01PM by FF.
(編輯記錄)

1.作業網址: http://mepopedia.com/~web102-c/final/final-1015445241

2.網站主題: 台灣特殊地景
3.內容: 關於台灣特殊地質的介紹
4.主要對象: 大家
5.風格設計: 深色
6.組員名單,工作分配,製作心得: 羅時富

1.作業網址:
http://mepopedia.com/~web102-c/final/final-1015445220/
2.網站主題: 趣遊‧新店
3.內容: 介紹新店周邊適合全家踏青郊遊的好去處
4.主要對象: 第一次來到新店的人、對新店的印象只有風景區的人
5.風格設計: 以照片為只要視覺,在以深色背景去襯托
6.組員名單,工作分配,製作心得:
組員,工作分配:李芊茹
製作心得:因為想主題的時候想的太久了,以至於製作的時間變得很短
有些特效沒有用到有點可惜,很感謝老師這學期的指導
老師辛苦了!!

1.作業網址:

2.網站主題:明日邊界Edge of Tomorrow
3.內容:
介紹2014電影明日邊界Edge of Tomorrow
發生在不久的未來一群人類軍隊皆不可匹敵的外星異族,不斷向地球施襲 沒實戰經驗的少校威廉基治(湯姆克魯斯 飾) 突然被調配到前線,執行猶如自殺的任務 基治在戰場上不到幾分鐘已陣亡 但他卻離奇地跌入時空循環中 被迫不斷重生,一次又一次經歷那場殘酷的戰爭 重複搏鬥然後死亡 但基治在每一場戰役中 變得更有戰鬥力去應付敵人 他與特種部隊戰士莉達華達絲姬(艾美莉賓特 飾) 聯手對抗外星侵略者 每一次重覆的戰事,都讓他們逐步找到殲滅敵人的方法。

4.主要對象:喜愛科幻電影及湯姆克魯斯的大家
5.風格設計:用現有的素材製造不一樣的質感
6.組員名單:1015445229

製作心得:
期末作業的難度一下從天堂掉到地獄
步驟多的頭昏腦脹,做得很吃力