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

Advanced

[期末作業]多頁主題式網頁設計

[期末作業]多頁主題式網頁設計

[期末作業] 多頁主題式網頁設計

期末作業:http://jinjin.mepopedia.com/~jinjin/webdesign-notes/

1. 製作說明


1.請延續作業三及作業四,繼續完成整個網站,將課堂所學應用於網頁之中。

2.請參考以下講義
[作業03講義] 期末作業首頁設計/article/section/table 的步驟製作。
[作業04講義] 期末作業-列表頁設計/article/section/ 的步驟製作。

設計內容:
1.設計多頁式網站,自行設定主題,針對內容,設定配色及主要風格。
2.可以以主題式網站為主,介紹一個地方文化、特色、美食或喜歡的事物、喜歡的明星、介紹自己,也可延續期中作業主題,使之更完整。
3.準備網站內容所需之圖與文,需要設計logo、視覺主圖、以及其他頁面內容需要的圖文資料,需要原創或取得授權。
4.footer請設定個人的專屬版權聲明,並註明『本網頁為作業之用,如有侵權敬請告知』字樣。
5.含首頁至少完成四頁。
6.以FileZilla上傳至FTP

評分標準:
1.完成四頁,無重大錯誤,至少80分。未達到標準80分以下。
2.完成四頁,無重大錯誤,並達到設計水準則往上加分,設計優秀者則90分以上。
3.未達三頁,並含重大錯誤則不及格。

完成時間:
1.6/14前請務必上傳與回覆,當天上課發表與檢討期末作業,及其他作業最後繳交期限
2.6/21確認分數,期末作業可修改,期末作業最後修改期限。
以上兩次上課請務必準時到課,未到課並未上傳與回覆作業者,期末分數零分。如不能出席,請事先告知,否則以零分計算,未到課分數如有問題,請自行負責

2. 繳交作業方式


1. 製作完成後,檔案命名方式:


第一個作業FTP上的資料夾為:final

每位同學請將自己的資料夾命名為:final-學號
這個作業的網址則為: http://cute.mepopedia.com/~web107a/final/final-107xxxxxxx

資料夾內含:
1.html部分:首頁命名為index.html,其他頁面請自行命名
2.css部分:命名為style.css
3.img:圖片資料夾
存放在 < final-學號 > 的資夾內
切記,所有命名不可為中文,均為英文或數字

2. 上傳至FTP


3. 回覆本篇文章


作業網址:http://cute.mepopedia.com/~web107a/final/final-107xxxxxxx
1.製作主題:
2.網頁類型(活動式/主題式/個人/企業/..):
3.導覽列分類(網站內容/中英文):
4.欲呈現之配色風格:
5.有無遇到的問題?
6.花多少時間製作:
7.製作心得:



Edited 1 time(s). Last edit at 06/05/2019 11:22AM by JinJin.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445050
1.製作主題:鯨魚
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): 首頁index,焦點新聞news,生物種類介紹kind,捕鯨waling,相關網站related
4.欲呈現之配色風格:日本傳統色(藍色為主)
5.有無遇到的問題? 有的,已解決
6.花多少時間製作:三、四天
7.製作心得:想內容比較困難

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445054
1.製作主題: 韓劇介紹
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): | 韓劇介紹| 演員陣容| 分集劇情| 原聲帶| 幕後花絮
4.欲呈現之配色風格: 粉色浪漫系
5.有無遇到的問題? 無
6.花多少時間製作: 兩天
7.製作心得:做完很有成就感



Edited 1 time(s). Last edit at 06/12/2019 11:58PM by kaka6698.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445048
1.製作主題: 英雄
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文):
4.欲呈現之配色風格: 正義聯盟
5.有無遇到的問題? 無
6.花多少時間製作: 兩天
7.製作心得:做完很開心



Edited 1 time(s). Last edit at 06/14/2019 01:13PM by 1075445048.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445024
1.製作主題: 關於Kanahei
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 主頁/作者介紹/角色介紹/小小知識/了解更多
4.欲呈現之配色風格: 活潑俏皮可愛
5.有無遇到的問題? 無
6.花多少時間製作: 一整晚
7.製作心得:終於完成了!!!!!

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445066
1.製作主題:YOUTUBER : MARKIPLIER
2.網頁類型(活動式/主題式/個人/企業/..):個人
3.導覽列分類(網站內容/中英文): 首頁 / 認識MARK / 有趣遊戲影片 / YOUTUBER好友 / 大型計畫
4.欲呈現之配色風格:文青
5.有無遇到的問題? 無
6.花多少時間製作:一整晚
7.製作心得:終於做完了一個完整的網頁



Edited 1 time(s). Last edit at 06/13/2019 04:50PM by 1075445066.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445049
1.製作主題: WANNA ONE
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): 團體介紹 音樂作品 廣告 演唱會 相關團體
4.欲呈現之配色風格: 藍色
5.有無遇到的問題:換顏色很難
6.花多少時間製作: 一小時半
7.製作心得:整個很難

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445028
1.製作主題:桃園
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): | 首頁 | 關於桃園 | 旅遊景點 | 美食 | 住宿消費
4.欲呈現之配色風格: 綠綠
5.有無遇到的問題? 無
6.花多少時間製作: 很久
7.製作心得:終於做完了

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445010
1.製作主題:個人網站
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): 首頁/關於我/IDOL/商品/分享區
4.欲呈現之配色風格: 可愛
5.有無遇到的問題? 無
6.花多少時間製作:兩天
7.製作心得:終於做完ㄌஇдஇ 一堆語法看到眼花👀

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445005
1.製作主題: 鄭秀晶
2.網頁類型(活動式/主題式/個人/企業/..):
3.導覽列分類(網站內容/中英文): 中
4.欲呈現之配色風格:白 咖啡 黑
5.有無遇到的問題? 無
6.花多少時間製作: 3天
7.製作心得:終於做完

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445018
1.製作主題:宜蘭新生活。旅遊
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): 首頁(Index), 關於宜蘭(about),旅玩景點(Travel),美食(Food),住宿消費(Accom)
4.欲呈現之配色風格: 藍色調
5.有無遇到的問題? 有時候弄一弄東西會突然跑掉。
6.花多少時間製作: 一天
7.製作心得:感覺像游入了一片汪洋裡很久才游出來。

作業網址:http://cute.mepopedia.com/~web107a/final/final-1055445221
已完成
1.製作主題: 個人網站
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): 中文
4.欲呈現之配色風格: 溫暖簡單
5.有無遇到的問題?
6.花多少時間製作: 五小時
7.製作心得:簡單的頁面,一下子變多花費的時間比想像中的多



Edited 1 time(s). Last edit at 06/19/2019 04:10PM by YEEJAM.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445059
1.製作主題: Serendipity
2.網頁類型(活動式/主題式/個人/企業/..): 個人作品集
3.導覽列分類(網站內容/中英文): 首頁 平面設計 繪畫類 攝影 專題製作
4.欲呈現之配色風格: 簡潔 寧靜 文青
5.有無遇到的問題? 無
6.花多少時間製作: 三天
7.製作心得:

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445021
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): ig景點
4.欲呈現之配色風格: 粉色
5.有無遇到的問題? 上傳
6.花多少時間製作: 10 小時
7.製作心得:



Edited 1 time(s). Last edit at 06/14/2019 03:34PM by 1075445021.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445075
1.製作主題: troye sivan
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 首頁,about him,youth,mymymy
4.欲呈現之配色風格: 藍色
5.有無遇到的問題? 無
6.花多少時間製作: 4-5hr
7.製作心得:感覺自己沒有做得很理想

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445063
1.製作主題: 時裝週介紹
2.網頁類型(活動式/主題式/個人/企業/..): 雜誌
3.導覽列分類(網站內容/中英文): SHOW/Brand Introduction/ The Shows video/ NEWS!
4.欲呈現之配色風格: 簡約風
5.有無遇到的問題? 很多問題
6.花多少時間製作: 6小時
7.製作心得:真的超難,做的過程中也發生超多問題,但慢慢靜下心來做,其實慢慢的就可以做要做的出來。



Edited 1 time(s). Last edit at 06/17/2019 07:00AM by 1075445063.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1045445114
1.製作主題: 月升冒險王國
2.網頁類型(活動式/主題式/個人/企業/..): 個人影評
3.導覽列分類(網站內容/中英文): | 電影介紹 | 演員陣容 | 個人評析 | 電影原聲帶 | 關於
4.欲呈現之配色風格: 可愛
5.有無遇到的問題?:有,解決了
6.花多少時間製作: 3天
7.製作心得:spinning smiley sticking its tongue out



Edited 2 time(s). Last edit at 06/17/2019 01:09PM by D1045445114.
(編輯記錄)

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445012
1.製作主題:偶像
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文):專輯介紹、生活動態、個人演唱會、戲劇作品
4.欲呈現之配色風格:簡約
5.有無遇到的問題? 比較少
6.花多少時間製作: 兩天
7.製作心得:雖然辛苦,但完成後開心

作業網址:http://cute.mepopedia.com/~web107a/final/final-1065445055
1.製作主題: 專題製作
2.網頁類型(活動式/主題式/個人/企業/..): 專題
3.導覽列分類(網站內容/中英文):
4.欲呈現之配色風格: 綠/灰
5.有無遇到的問題? 無
6.花多少時間製作: 一個多禮拜
7.製作心得:其實真的很有趣,蠻希望可以寫一個更有趣的網頁,但實在太難了,時間也太少。

作業網址:http://cute.mepopedia.com/~web107a/final/final-1055440119
1.製作主題: こまつなな 小松菜奈
2.網頁類型: Idol主題
3.導覽列分類(網站內容/中英文):首頁 index 最新消息nana 演出作品show 相片集photo 文章連結link
4.欲呈現之配色風格: 紫橘對比色系
5.有無遇到的問題? 排版想要多樣一點,但目前的程度只能做出簡單色塊。
6.花多少時間製作: 4天左右
7.製作心得:耶!期末快樂 smileys with beer

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445022
1.製作主題: 韓團偶像
2.網頁類型(活動式/主題式/個人/企業/..):主題式
3.導覽列分類(網站內容/中英文): 首頁 演藝經歷 音樂作品 獲獎紀錄 演唱會
4.欲呈現之配色風格: 暗色
5.有無遇到的問題? 無
6.花多少時間製作: 三小時
7.製作心得:做完很開心

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445044
1.製作主題: 大陸劇
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 中文
4.欲呈現之配色風格: 淡色系
5.有無遇到的問題? 沒有
6.花多少時間製作: 很快
7.製作心得:為自己喜歡的劇做出分類,更加深印象

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445064
1.製作主題: 關懷兔子
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): 中文
4.欲呈現之配色風格: 簡單風
5.有無遇到的問題? 人生好困難
6.花多少時間製作: 5小時
7.製作心得:我快瘋了 好難啊尤其要登入這個帳號讓我好尷尬

作業網址:http://cute.mepopedia.com/~web107a/hw03/hw03-1075445026
1.製作主題: 遊戲網頁
2.網頁類型(活動式/主題式/個人/企業/..): 遊戲
3.導覽列分類(網站內容/中英文): =-=
4.欲呈現之配色風格:黑暗 髒髒的
5.有無遇到的問題? 從頭到尾都是問題
6.花多少時間製作: 數不清
7.製作心得:我試著想理解 卻理解不能

http://cute.mepopedia.com/~web107a/hw02/hw02-1075445035

(2).請回答以下問題:
1.製作主題: 偶像介紹
2.欲呈現之配色風格:活潑糖果色系
3.有無遇到的問題? 不會分頁
4.花多少時間製作:好多天
5.製作心得:難爆

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445038
1.製作主題:肯德基
2.網頁類型(活動式/主題式/個人/企業/..): 企業
3.導覽列分類(網站內容/中英文): 網站內容
4.欲呈現之配色風格: 美味的食物
5.有無遇到的問題? 很多
6.花多少時間製作: 3天
7.製作心得:累累的

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445061
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): 個人介紹 / 求學階段 / 讀書計畫 / 我的目標
4.欲呈現之配色風格: 黃色
5.有無遇到的問題? 有
6.花多少時間製作: 1天
7.製作心得:很難,遇到很多困難。

作業網址:http://cute.mepopedia.com/~web107a/final/final-1055445208
1.製作主題:輕黏土DIY
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): 首頁index 、基本工具介紹concept、黏土介紹html、基礎作品css、進階作品advanced
4.欲呈現之配色風格: 活潑、可愛
5.有無遇到的問題? 無
6.花多少時間製作: 1天半
7.製作心得:很開心能學到做一個網站出來~~~spinning smiley sticking its tongue out

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445037
1.製作主題:熱門音樂社
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 首頁/精彩活動/相關連結/入社報名
4.欲呈現之配色風格:黑色系
5.有無遇到的問題? 語法只要動到不該動的就會死
6.花多少時間製作: 兩天
7.製作心得:做到真得快哭出來

作業網址:http://cute.mepopedia.com/~web107a/final/final-1055440093
1.製作主題: ONE OK ROCK
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 樂團介紹index/ 吉他手&主唱 concept/貝斯手&鼓手html/ 專輯css /演唱會advanced
4.欲呈現之配色風格: 搖滾
5.有無遇到的問題?
6.花多少時間製作: 3天
7.製作心得:暈

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445036
1.製作主題: 豬的肥食記
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): index.html 首頁

konw.html 認識155女孩

diary.html 豬的肥食記

Punch.html 豬的踏青

life.html 豬與老大的生活

4.欲呈現之配色風格:繽紛好吃
5.有無遇到的問題? 容易搞混
6.花多少時間製作: 2天
7.製作心得:眼睛好花

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445073/
1.製作主題: 韓國藝人
2.網頁類型(活動式/主題式/個人/企業/..): 主題式
3.導覽列分類(網站內容/中英文): 首頁 個人介紹 粉絲名稱 音樂作品 影視作品
4.欲呈現之配色風格: 粉嫩
5.有無遇到的問題? 照片途中會跑掉
6.花多少時間製作: 6HR
7.製作心得:
有點辛苦,但做完有成就感

作業網址:http://cute.mepopedia.com/~web107a/final/final-1075445002
1.製作主題:模型製作 DIY
2.網頁類型(活動式/主題式/個人/企業/..): 主題式和活動式
3.導覽列分類(網站內容/中英文): 中英文(預定)
4.欲呈現之配色風格:棕色、淡紅色和白色
5.有無遇到的問題? 很難做,後再檢討。
6.花多少時間製作:五天
7.製作心得:希望可以找時間重新慢慢檢討,有機會會跟出版社合作。

作業網址:http://cute.mepopedia.com/~web107a/final/final_1075445058/index.html
1.製作主題: 個人
2.網頁類型(活動式/主題式/個人/企業/..): 個人
3.導覽列分類(網站內容/中英文): | 💕 最新消息 | 品牌概念 | 品牌形象 | 用心精匠 | 風格 💕
4.欲呈現之配色風格:溫暖
5.有無遇到的問題? 無
6.花多少時間製作: 5H
7.製作心得:會看其他網站做為參考,所想用的形式,但還有許多還未學到的持續更新~