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

Advanced

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

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

1. 期中作業說明


請參考期中前之講義製作

須具備
1.以課堂練習架構修改為一全新內容的網站。
2.每個連結都要有內容(導覽頁不可直接外連網站)
3.注意配色、設計質感、排版、字體、行間、字體大小等細節,設一一具有設計質感的網站。
4.需有CSS3的效果(圓角,陰影,漸層,透明度等),但不可過於誇張。

[hr]
將資料夾命名為 midterm-學號,以FTP上傳至midterm資料夾
作業網址為http://mepopedia.com/~css105-2a/midterm/midterm-1045445XXX 。

並請回覆:

(1)作業網址:
(2)網站主題:
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象:
(3)色彩計畫:
(4)風格設定、預期成效:
(5)製作心得:



Edited 1 time(s). Last edit at 04/11/2017 09:34AM by JinJin.
(編輯記錄)

並請回覆:

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445031
(2)網站主題: 乾燥花手藝店
(3)導覽列選項/分類項目(對應檔名):
首頁(index) 關於(Untitled-1) 製作教學(Untitled-2) 商品(Untitled-3) 部落客介紹(Untitled-4)
(2)設計對象: 18-45女性
(3)色彩計畫:使用粉色系列類似色來做配色
(4)風格設定、預期成效: 使用簡單的線條以及色塊來呈現一個符合乾燥花 的網頁。
(5)製作心得:
製作網站過程中,遇到很多點無法順利呈現,但花了很久的時間終於搞成功了,有成就感也感受到心很累,
但對製作網頁有很大的興趣,只要時間夠就可以更好的發揮。



Edited 2 time(s). Last edit at 04/19/2017 03:30AM by 1045445031.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445199
(2)網站主題:PÂTISSERIE Alex 法式甜點
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象: 所有愛吃甜點的人們
(3)色彩計畫: 粉色系
(4)風格設定、預期成效: 唯美風
(5)製作心得:這次的課程學習到很多關於網頁的知識,以及嘗試架構一個完整的網頁,受益良多。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445169

(2)網站主題: PRODUCE 101 S2

(3)導覽列選項/分類項目(對應檔名):
首頁:簡介節目內容與性質 (index)
101培訓團隊:介紹培訓團隊裡的導師們 (index2)
音樂作品:《PRODUCE 101 - PICK ME 我呀我》MV欣賞與簡介 (index3)
參與公司: 表列參與節目的52間經紀公司與101位練習生 (index4)
投票網站: 把投票網站的介面貼出來並附上網址連向官網 (index5)

(2)設計對象: 對節目有興趣的觀眾

(3)色彩計畫: 用藍色系做配色並達到視覺上的一致性。

(4)風格設定、預期成效: 藍色幾何簡約風格、簡單明瞭 雖然單調卻不失美感。

(5)製作心得:
不眠不休地做完網頁時,放下了心中的大石頭,
期中週很忙報告又多,最怕的就是網頁,看大家都做得很順手,
自己卻還在研究程式碼跟CSS語法,而且又做的不順手,
心裡很受挫,差點做到哭,但隨著研究跟練習的時間變長,
發現自己越來越進步了,雖然可能還是做得很簡單,但有漸漸超越一開始的自己了。
((喔對了 這個主題超級吃力不討好 練習生資料多 整理很久 不過因為是自己感興趣的還是做得很開心spinning smiley sticking its tongue out

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445073
(2)網站主題: 苗栗・大湖草莓季節
(3)導覽列選項/分類項目(對應檔名):
首頁:描述草莓產季到來時的樂趣及活動(index)
活動內容:日期與交通(index-2)
產品:各種草莓酒(index-3)
活動影片:採草莓的方法和過程(index-4)
更多草莓園:其他草莓園網頁資訊(index-5)
(2)設計對象: 想體驗採草莓樂趣的大眾
(3)色彩計畫: 用粉色系呈現與草莓的顏色呈現出協調感
(4)風格設定、預期成效:
(5)製作心得:



Edited 1 time(s). Last edit at 04/19/2017 04:33AM by 1045445073.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445100
(2)網站主題:彈丸論破
(3)導覽列選項/分類項目(對應檔名):首頁/index 遊戲簡介/about 動畫介紹/profile 其他分享/works 外部連結/link
(2)設計對象:15-25歲青年族群
(3)色彩計畫: 黑灰色 紫色系
(4)風格設定、預期成效: 暗色系風格、符合本作故事的設計。
(5)製作心得:整體都很順利,也多學到崁入影片的方法,期待之後可以學到的技巧 : )



Edited 1 time(s). Last edit at 04/27/2017 01:28AM by 1045445100.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445109
(2)網站主題: 基隆keelung
(3)導覽列選項/分類項目(對應檔名):
首頁(index) 名產推薦(about) 景點介紹(profile) 歷史古蹟(works) 外部連結(link)
(2)設計對象: 喜愛旅遊者
(3)色彩計畫:使用藍色系類似色來做配色 。
(4)風格設定、預期成效: 藍色系給人輕鬆自在的感覺。希望讓更多人知道基隆之美,促進觀光客。
(5)製作心得:
覺得網頁好像越來越有趣了,沒有之前想的那麼困難,會了之後漸漸地被吸引~想要嘗試學得更多。

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445151
(2)網站主題: HIGHER THAN SUPER
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象: 對SNUPER有興趣的觀眾
(3)色彩計畫: 藍.白
(4)風格設定、預期成效: 搭配造型服以藍白的海軍風為主
(5)製作心得:
因為是自己有興趣的主題所以做得很開心~沒有期中的壓力~~
第一次用這樣的方法做網頁.一開始真的看到一堆密密麻麻的程式碼就很想放棄...
不過後來慢慢的發現它其實沒有我想像中的難!!!!
所以越做越上手~也慢慢的可以找出自己的網頁哪裡有問題~~grinning smiley
另外就是................................................eye rolling smiley
期末考之後那個禮拜他們回歸~能邊其中還邊FOLLOW著消息超開心~~smiling bouncing smiley 哈哈哈哈哈.....
謝謝老師~~~~~thumbs up

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445007/index.html

(2)網站主題: 日本旅遊網

(3)導覽列選項/分類項目(對應檔名):
首頁:介紹其他網頁主題的資訊
日本概況:介紹日本的基本知識
交通資訊:介紹日本的交通資訊
節慶活動:介紹日本節慶的小知識
外部連結:整理一些有用的外部網站

(2)設計對象:18~50歲

(3)色彩計畫: 使用篇代表日本的色系作為設計

(4)風格設定、預期成效: 風格希望以簡單畫面簡約風來做設計,完成的作品有達到預期的理想。

(5)製作心得:
在這次的設計中更能了解網頁設計的知識,相對於基本的認知也有一定的進步,也對這門課更有信心。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445061

(2)網站主題: 臺北

(3)導覽列選項/分類項目(對應檔名):首頁(index) 、文化歷史(about)、各時期風貌(profile)、古蹟(works)、外部連結(link)

(2)設計對象: 18-30歲男女、遊客

(3)色彩計畫: 暖色系、粉色系

(4)風格設定、預期成效:
風格設定-活潑、溫馨並能清楚介紹臺北
預期成效-讓想認識臺北的人都可藉由這個網站對臺北有更多的認識。

(5)製作心得:製作過程中從一開始還不太會操作跟不太會看程式碼,到現在可以運用,雖然有時候也會有不太會的地方,但還是很開心能有現在的操作能力smiling smiley



Edited 2 time(s). Last edit at 04/25/2017 05:30PM by 1045445061.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445085/

(2)網站主題:Mr. Pickles

(3)導覽列選項/分類項目:
首頁:index
腳色:links
創作風格:creation
音樂:music
相關影片:works

(2)設計對象:喜歡Mr.Pickles的人

(3)色彩計畫:紅黑綠

(4)風格設定:Mr.Pickles的風格。

(5)製作心得:跟以前比起來進步很多,做完很有成就感,但有些地方還是改壞了。



Edited 1 time(s). Last edit at 04/26/2017 10:47AM by 1045445085.
(編輯記錄)

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445016
(2)網站主題:慢食堂たまたま
(3)導覽列選項/分類項目(對應檔名):
首頁: 相關資訊活動
談談慢食: 介紹店家的須知及注意事項和營業時間
嘗嘗慢食:商品介紹及圖片
逛逛慢食:店家外觀及規模
外部連結:youtube介紹影片
(2)設計對象:喜好吃甜食及冰品的群人
(3)色彩計畫:淡色調
(4)風格設定、預期成效: 點單的單一顏色給人很舒服又乾淨感
(5)製作心得:既開心又很有成就感能做出自己的網頁頁面,剛開始對網頁真的完全不懂及程式碼等,但是藉由老師的教導之下讓我了解更多也學習到很多不同功能的架設網頁spinning smiley sticking its tongue out讚讚

作業網址為http://mepopedia.com/~css105-2a/midterm/midterm-1045445013 。

並請回覆:

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445013

(2)網站主題: 法米法式甜點

(3)導覽列選項/分類項目(對應檔名):

首頁 (HOME) 、各項甜點介紹 (FAMI FRENCCH DESSERT) 、母親節特惠商品 (CELEBRATE THE CAKE) 、甜點製作影片 (MOVIE) 、甜點網站連結 (GUEST DINNERS)

(2)設計對象: 喜歡吃甜點的女孩們

(3)色彩計畫: 淡彩、粉彩

(4)風格設定、預期成效: 使用了淡彩及粉彩的視覺效果,讓喜歡甜點的民眾,瀏覽起網頁更加快樂。
至於首頁,在分店的名子部分,連結了 google map ,讓顧客能清楚知道所在地。

(5)製作心得:做完了一整個網頁,感覺很充實,也學到了很多,雖然遇到了很多問題,但是都會去想辦法解決他。

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445166

(2)網站主題: LoveLive! School Idol Project

(3)導覽列選項/分類項目(對應檔名):

首頁-Index 故事簡介-Story 角色介紹-Profile 歌曲分享-Songs 外部連結-Links

(2)設計對象:15~25歲青少年

(3)色彩計畫:亮色系粉色系

(4)風格設定、預期成效:

活潑 青春洋溢

校園偶像動畫介紹

讓更多人了解偶像動畫的有趣,進而去理解聲優與各式各樣的歌曲,理解偶像動畫的樂趣。


(5)製作心得:

非常有趣的一次作業,摸索了不少代碼做嘗試,花了不少時間達到了想要的效果。

雖然辛苦但是能做自己最有興趣的主題才是最有趣的!也讓我對網頁設計多了不少想法,收穫相當不錯。

http://mepopedia.com/~css105-2a/midterm/midterm-1045445022

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445022
(2)網站主題: 香蕉星球
(3)導覽列選項/分類項目(對應檔名):

關於香蕉星球 - 首頁
最新資訊 - 活動的內容以及店家的各種新擺設或菜單
餐飲 - 介紹本店的主食及招牌等等
會員專區 - 唯有會員活動介紹
心情分享 - 客群可上網填入

(2)設計對象: 家庭式族群 / 同學朋友聚餐 / 悠閒下午茶的客群 /
(3)色彩計畫: 運用香蕉星球的LOGO主色黃色和黑色搭配整個網頁的整體感
(4)風格設定、預期成效: 可愛 / 簡單樸素的版面
(5)製作心得: 一開始做覺得好困難,要想好整個主題以及圖案圖片的運用,配色上的技巧,
還有對網頁一些語法的了解,雖然做起來有點不知所措,但是慢慢地去瞭解
真的還蠻好玩的,做的並沒有很詳細或用更多特效,
但如果有時間,我一定要好好地學會網頁設計 , 蠻有趣做完真的成就感高 ~~~~~thumbs upthumbs upspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue outspinning smiley sticking its tongue out

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445043
(2)網站主題: 庫洛魔法使
(3)導覽列選項/分類項目(對應檔名):
首頁(index) 人物簡介(character) 劇情介紹(plot) 相關影片(film) 官方網站(periphery)
(2)設計對象: 全年齡
(3)色彩計畫:使用粉色系列類似色來做配色
(4)風格設定、預期成效: 利用粉色系做出少女風,做出符合動漫中形象的網站。
(5)製作心得:
製作過程中覺得很有趣,雖然有些地方還不太懂但都會想辦法去解決,完成後也覺得很有成就感。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445178
(2)網站主題:美食介紹
(3)導覽列選項/分類項目(對應檔名):首頁/高雄/台中/台北/評價
(2)設計對象:吃貨們
(3)色彩計畫:
(4)風格設定、預期成效:
(5)製作心得:

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445136
(2)網站主題: 日本搖滾樂團 / MAN WITH A MISSION
(3)導覽列選項/分類項目(對應檔名):
Home:簡單說明這是關於甚麼主題,最新消息 (index.html)
About:詳細介紹這個樂團的由來、起源、設定(about.html)
Member:在這個樂團裡面有哪些成員,負責什麼 (profile.html)
Album:從以前到現在所發行的正規專輯 (works.html)
Link:與樂團相關的連結、官方社群、影片 (link.html)
(2)設計對象: 喜愛日本搖滾音樂
(3)色彩計畫:溫和系
(4)風格設定、預期成效:以他們狼人毛色的藍色調為主, 雖然看似寒冷, 但希望表現出柔和感, 與樂團風格相反的搭配
(5)製作心得:
這次完成一整個網頁很有成就感,不僅有多樣化的版面,還有需要自己的美感、排版等想法,但製作的很愉快,也了解很多程式碼、css的作用,之後可以做出更多的變化,謝謝老師。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445028
(2)網站主題:迪士尼經典動畫
(3)導覽列選項/分類項目(對應檔名):
首頁(index)、角色介紹(about)、內容大綱(profile)、影片欣賞(works)、相關連結(link)
(2)設計對象:兒童或喜愛動畫者
(3)色彩計畫:和小美人魚服裝、髮色配色很像~紅色 紫色 綠色為主,白色藍色為輔!
(4)風格設定、預期成效:
風格設定 : 有貝殼像海底、美人魚的感覺,比較偏亮色~顏色較豐富。
預期成效 : 能簡單明瞭的讓觀看者觀看。
(5)製作心得: 教學影片幫助我很多,然後遇到一些小問題,是同學幫助我解決疑問,很感謝她!!!
越來越熟悉網站的製作,本來對網頁是一竅不通,現在慢慢了解,也越做越有成就感,老師辛苦了~穴穴妳!!!!!

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445058。
(2)網站主題:小魔女DOREMI。
(3)導覽列選項/分類項目(對應檔名): 首頁(index)、主角介紹(about)、故事內容(profile)、相關音樂(works)、官方網站(link)。
(2)設計對象:青春期的少年少女。
(3)色彩計畫:粉紅色+白色。
(4)風格設定、預期成效:用粉色系創造可愛魔女的感覺。
(5)製作心得:這次做出來的成品還滿滿意的,我曾經是個很不會做網頁的人,可是這次我竟然做說一整套的網站,真的很有成就感,在做的過程也滿快樂的。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445175
(2)網站主題: 飛天小女警
(3)導覽列選項/分類項目(對應檔名): 首頁(index) 名稱來源(about) 故事背景(profile) 角色介紹(works) 外部連結(link)
(2)設計對象: 大人小孩均適用
(3)色彩計畫: 使用粉色系
(4)風格設定、預期成效: 粉色系帶給人的感受是很少女風格,也想打造出活潑的感覺。
(5)製作心得:這次可以做出跟自己興趣有關的作品真的很開心,感覺不太像是在做作業的感覺,整個製作過程都很開心,很有成就感。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445046
(2)網站主題: 海綿寶寶
(3)導覽列選項/分類項目(對應檔名): 首頁(index) 故事背景(about) 角色介紹(profile) 地點介紹(works) 外部連結(link)
(2)設計對象: 12-24
(3)色彩計畫: 以暖色橘色調為主
(4)風格設定、預期成效:青春活潑的方向
(5)製作心得:做出一個網站 滿有成就感的!

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445088
(2)網站主題: 三色堇介紹
(3)導覽列選項/分類項目(對應檔名): 首頁index 簡介about 故事story 相關works 用處link
(2)設計對象: 12-25
(3)色彩計畫: 粉色柔色系
(4)風格設定、預期成效: 柔和的感覺
(5)製作心得:覺得能做出一個網站蠻有成就感的



Edited 1 time(s). Last edit at 04/26/2017 10:43AM by 1045445088.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445148
(2)網站主題: 海賊王
(3)導覽列選項/分類項目(對應檔名):
首頁(index) 草帽海賊團(Untitled-1) 海軍(Untitled-2) 王下七武海(Untitled-3) 劇場版(Untitled-4)
(2)設計對象: 12-20歲
(3)色彩計畫:使用藍色白色與骷髏頭
(4)風格設定、預期成效: 使用對海賊來說最重要的海賊其為背景
(5)製作心得:做了自己喜歡的動漫覺得很棒,雖然製作過程中有點複雜,有些地方也沒有做得很好。

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445124
(2)網站主題: 藍紋乳酪工坊
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象: 熱愛乳酪的各年齡層
(3)色彩計畫: 藍色 暗紫色 橘色
(4)風格設定、預期成效: 乾淨舒服 溫馨
(5)製作心得:很好玩 可以做自己想要的風格形式 也慢慢了解網頁是如何做出來
會滿有成就感

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445130
(2)網站主題:amazarashi
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象: 音樂愛好者
(3)色彩計畫: 綠色系
(4)風格設定、預期成效: 頹廢風
(5)製作心得:這次的課程學習到很多關於網頁的知識,以及嘗試架構一個完整的網頁,受益良多。

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445157
(2)網站主題:火影忍者
(3)導覽列選項/分類項目(對應檔名):
首頁(index)、尾獸介紹(map)、角色介紹(character)、劇場版/電影版(movie)、遊戲介紹(game)
(2)設計對象: 10歲以上、想成為忍者的應該都可以
(3)色彩計畫: 使用紅、橘色系,較有木葉村的感覺(活潑?)
(4)風格設定、預期成效: 簡單明瞭,不求太多效果。最後結果很喜歡
(5)製作心得:本來就是個喜歡簡單版面的人,所以在製作過程上不會添加太多效果,看著網頁從超級單調什麼都沒有、到圖片、文字開始慢慢上去,就有種成就感~~~其實還滿好玩的啦~而且也很喜歡做出來之後的感覺。而且做這個主題超勾起回憶的,還跑回去看劇場版,哭成狗smiling smiley

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445106/index.html
(2)網站主題: Asking Alexandria
(3)導覽列選項/分類項目(對應檔名): 首頁 關於樂團 樂團成員 音樂作品 其他連結
(2)設計對象:音樂愛好者
(3)色彩計畫: 灰色系
(4)風格設定、預期成效:帶有強烈風格使人注目
(5)製作心得:做完很有成就感



Edited 1 time(s). Last edit at 04/26/2017 11:00AM by 1045445106.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445187
(2)網站主題: 幽☆遊☆白書
(3)導覽列選項/分類項目(對應檔名):
首頁(index) 作者介紹(author) 人物介紹(character) 勢力介紹(story) 劇場版/電影版(movie)
(2)設計對象: 愛看就行
(3)色彩計畫:使用黑色為主 簡單明瞭
(4)風格設定、預期成效: 簡單易懂 I like
(5)製作心得:
童年回憶好看 thumbs up

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445196
(2)網站主題:KAKAO FRIENDS
(3)導覽列選項/分類項目(對應檔名): 首頁(index)、成員介紹(about)、周邊商品(profile)、宣傳影片(works)、相關鏈接(link)
(2)設計對象: 青少年
(3)色彩計畫:以粉藍,粉紫交替為背景,黃色為主色系
(4)風格設定、預期成效:可愛風;能讓更多人對KAKAO產生興趣
(5)製作心得:一開始會覺得有點困難,那麼多程式碼,想要改動一個部分需要找很久。等到慢慢看著網站改變成了自己喜歡的風格和內容,會覺得很有成就感。

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445154/index.html

(2)網站主題:小說_全職高手介紹

(3)導覽列選項/分類項目(對應檔名):
首頁:大綱及影片
戰隊介紹:小說中的電競戰隊介紹
角色簡介:介紹小說中重要人物
職業介紹:小說是參考網游因此有角色職業
世界邀請賽陣容:介紹小說中主角們即將參加的世界賽事

(2)設計對象:16~30歲

(3)色彩計畫:以暗金色作為主調色,帶有低調卻不失王者風範的色彩

(4)風格設定、預期成效: 希望能統整讓大家更了解這本瘋迷兩岸的電競網游小說,解結且符合小說內容的風格,希望能讓大家更快入情節。

(5)製作心得:
老師....好難啊啊啊啊啊啊啊QAQQQQ
很高興能學到這門課,能自己寫程式是很有成就感的事,能做自己喜歡的東西當然是更高興!!!十分感謝老師的教導!!!spinning smiley sticking its tongue out
大家快去看全職,潮好看der!~\^q^/

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445181 。
(2)網站主題: 831
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象: 15-35歲
(3)色彩計畫: 黑白灰
(4)風格設定、預期成效:
(5)製作心得:作業做很久,很累。讓我休息。

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445160
(2)網站主題:戰犯音樂
(3)導覽列選項/分類項目(對應檔名):首頁/樂團簡介/成員介紹/ 音樂作品
(2)設計對象: 90後小孩的音樂
(3)色彩計畫: 以豐富的色調彼此衝擊,加上黑灰色的版面,代表著年輕的叛逆音樂
(4)風格設定、預期成效: 青春,達到讓年輕人擁有夢想的熱血情緒。
(5)製作心得:能幫喜歡的饒舌音樂製作網頁,覺得快樂。

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445145
(2)網站主題:三峽
(3)導覽列選項/分類項目(對應檔名): 首頁(index)、人文景點(works)、自然景點(about)、名產(profile)、外部連結(link)
(2)設計對象: 想來三峽遊玩的旅客
(3)色彩計畫: 藍色調
(4)風格設定、預期成效: 間單的風格
(5)製作心得:經過這次作業有比較熟悉DW的用法了,雖然做出來的東西還是很簡陋。下次再接再厲

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445118
(2)網站主題: T.G.M.F台灣地下饒舌獨立廠牌
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象: 喜歡饒舌領域的聽眾
(3)色彩計畫:黑色系
(4)風格設定、預期成效 : 以黑暗系為背景來介紹饒舌歌手
(5)製作心得: 能用網頁的形式來介紹自己喜歡的音樂真的很開心

1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445034

(2)網站主題 美食好吃的

(3)導覽列選項/分類項目(對應檔名):
首頁
最受歡迎
非常好吃
新品嘗鮮
考慮一下
(2)設計對象:20-25歲

(3)色彩計畫:以粉紅為主

(4)風格設定、預期成效:
以可愛粉色風格為主

(5)製作心得:越做越好玩 希望可以學到更多的~感謝老師



Edited 3 time(s). Last edit at 04/26/2017 12:02PM by 1045445034.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445094
(2)網站主題:我們的蘿蔔田
(3)導覽列選項/分類項目(對應檔名):
首頁(index) 蘿蔔的培養紀錄(eye) 蘿蔔蹲(pople) 蘿蔔田的故事(story) 蘿蔔有話要說(tallk)
(2)設計對象: 國中以上
(3)色彩計畫: 背景溫馨彩色,圖片以黑白線條
(4)風格設定、預期成效: 刻意的手繪風格,刻意畫醜醜
(5)製作心得:這次終於製作完一份完整的網頁!雖然和其他同學比較不是最好的,但是我覺得做完了心情好愉快呀!!!
BYE!期中考最後一份作業!

1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445004
(2)網站主題/網站名稱:
中信兄弟
(3)分類項目(導覽列):
首頁
球隊歷史
球員
最新消息
影片
(4)對象: 喜愛棒球運動 兄弟象的球迷
(5)色彩計畫: 黃 / 丈青
(6)風格設定、網頁看點、預期成效:
中信兄弟球隊風格配色 經典的兄弟象黃 配上穩重剛強的丈青色 視覺上不會太強烈對比 看起來舒服順暢 也符合預期
(7)製作心得:
製作這次的網頁設計跟以前比有點困難 那麼多程式碼 有時眼花一不注意就跑掉了 要有很大的耐心慢慢製作 也一直請教同學 同學也很熱心的教導我 也謝謝同學跟老師的教導 把看似困難的網頁製作完成。

作業網址為http://mepopedia.com/~css105-2a/midterm/midterm-1045445067 。

並請回覆:

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445067
(2)網站主題: 日本當紅偶像團體其中一個我喜歡的角色
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象:櫸版46- 渡邊理佐
(3)色彩計畫: 紫色為底,綠色為輔
(4)風格設定、預期成效:
(5)製作心得:

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445205
(2)網站主題:LADY M
(3)導覽列選項/分類項目(對應檔名): HOME CAKES FOOD ORDER CONTACT
(2)設計對象: 吃下午茶的客群
(3)色彩計畫: 精簡風
(4)風格設定、預期成效: 精簡 時尚 以大理石為主
(5)製作心得:製作過程中覺得很有趣

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445202
(2)網站主題: 迪士尼公主
(3)導覽列選項/分類項目(對應檔名):介紹公主,初始公主:較早以前的公主,迪士尼共11位公主:白雪/仙杜瑞拉/睡美人/小美人魚/阿拉丁/美女與野獸,皇族身分:
白雪/仙杜瑞拉(嫁入)/睡美人/小美人魚/貝兒(嫁入)/阿拉丁,迪士尼公主台灣官方網站
(2)設計對象:皆可
(3)色彩計畫: 鮮豔亮麗吸引目光繽紛絢爛光彩多慕
(4)風格設定、預期成效: 希望可能開開心心的觀看童年回憶
(5)製作心得:對迪士尼特別喜歡

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445142/about.html
(2)網站主題:海洋世界
(3)導覽列選項/分類項目(對應檔名):
(2)設計對象:5~35
(3)色彩計畫:海藍色系
(4)風格設定、預期成效:海洋
(5)製作心得:了解網站的架構,還有css語法的應用,再搭配自己的創意,就能產生獨一無二的網站,十分有趣!!

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445218/index.html
(2)網站主題: VIXX
(3)導覽列選項/分類項目(對應檔名): 首頁(index) 成員簡介(Untitled-1) 專輯(profile) MV(works) 外部連結(link)
(2)設計對象: 喜歡韓流的朋友
(3)色彩計畫: 使用藍色黑色 白色為主
(4)風格設定、預期成效: 感覺還不錯 高冷風
(5)製作心得:剛開始不太上手 一直在觀摩大家的作品 找出重點 到後來越來越順手

(1)作業網址:http://mepopedia.com/~css105-2a/midterm/midterm-1045445082/index.html
(2)網站主題: season甜點
(3)導覽列選項/分類項目(對應檔名):
推薦美食(index) 菜單(Untitled-1) 線上選購(Untitled-2) 分店(Untitled-3) 外部連結(Untitled-4)
(2)設計對象: 18~40女性
(3)色彩計畫:粉紫色系
(4)風格設定、預期成效: 簡單的色塊做搭配
(5)製作心得:
製作過程中加入了flexslider,研究了很久,依然無法將圖片置中。但很有成就感,希望下次能做更好~

(1)作業網址:file:///E:/wh02-1045445215/index.html

(2)網站主題/網站名稱: 女神異聞錄5

(3)分類項目(導覽列): 遊戲介紹

(4)對象: 15~35歲族群

(5)色彩計畫: 紅色(神祕感的具現化) 黑色(想使版面潔淨) 黑色(陪襯)

(6)風格設定、網頁看點、預期成效:

風格設定: 神秘

網頁看點: 增加遊戲購買慾

預期成效: 贈加對遊戲的興趣

(7)製作心得:

由於都看不太懂哪裡是哪裡就地毯式的檢查了從零到有慢慢一個一個找出來的感覺非常有學習價值

(1)作業網址: http://mepopedia.com/~css105-2a/midterm/midterm-1045445103
(2)網站主題: 冬天意象
3)導覽列選項/分類項目(對應檔名):
首頁(index) 關於(Untitled-1) 製作教學(Untitled-2) 商品(Untitled-3) 部落客介紹(Untitled-4)
(2)設計對象:不分男女老少
(3)色彩計畫:使用冷色系列類似色來做配色
(4)風格設定、預期成效: 使用簡單的線條以及色塊來呈現。
(5)製作心得:
覺得到這個階段都跟得上,感覺目前都不會太難
學會了怎麼換網業的背景顏色及圖片。