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

Advanced

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

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

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





1. 製作說明:


1.請參考期末之前教過的做法及講義,製作以雙欄(多欄)為主的網站。

2.題目自訂,可以延續期中作業的主題,也可以是全新的主題。

3.必須考慮設計風格與質感,並需自行設計圖片(尤其是頂圖,不可使用現成設計好的圖片),製作網站內容。

4.需以Float浮動的方式建立雙欄(多欄)(不限定每頁都須雙欄)、DIV搭配CSS的方式完成,設定尺寸、字體、顏色等等。

5.至少需包含
(1).Table:表格→匯整資料,
(2)Float→繞圖排文,
(3)臉書、噗浪等推文設定,
(4)圖片跳窗連結,
(5)導覽列設定。


6.製作完成上傳至FTP





2. 作業設計重點



(1)能自行設計以DIV與CSS製作的網站
(2)利用float設計雙欄網站
(3)利用項目清單設計導覽列
(4)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁



3. 評分標準與製作檢核


1.雙欄的製作(Float的使用),不同的連結方式
2.HTML的正確架構(DIV的使用)
3.整體設計美感(CSS運用,風格及配色,字體設定、圖片製作)
4.導覽列的正確性(含導覽超連結)
5.表格、繞圖排文、推文等設定
6.HTML Title的設定,Footer的版權宣告
7.內容的完整性
8.製作說明




4. 繳交作業方式


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

期中作業FTP上的資料夾為:final

每位同學請將自己的資料夾命名為:final-學號
這個作業的網址則為:http://mepopedia.com/~css106-2a/final/final-10554452XX

資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾

存放在 < final-學號 > 的資夾內



2.全部完成後上傳至FTP

3.依進度回覆本篇文章




5. 回覆說明



完成品
請將這項放置於文章最前面
(1)作業網址:
(2).
1.製作作業的時間:
2.有無遇到的問題:
3.製作心得與感想:
4.本學期於網頁設計課程上的收穫:



前置作業
(1)網站主題:
(2)導覽列架構設定
(3)主要瀏覽族群:
(5)風格設定:
(6)主色調,輔助色調:
(7)製作動機:
(8)製作目的:
預期效果:






=================================================
※期末作業無論如何請一定要繳交,否則以期末以零分計。※
※期末考當週請務必出席,無故缺席以零分計。※
※若經發現作業為直接複製同學檔案以零分計※

=================================================



Edited 1 time(s). Last edit at 01/03/2018 09:10PM by JinJin.
(編輯記錄)

1055445076 李珮瑄

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445076
(2).
1.製作作業的時間:3天
2.有無遇到的問題: 沒有問題。
3.製作心得與感想: 覺得很有成就感,因為這堂課對網頁設計開始有興趣了。
4.本學期於網頁設計課程上的收穫: 對課程的興趣、學會程式操作上的認知與應用。



前置作業
(1)網站主題:趙麗穎 Zanilia Zhao
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群: 喜歡她的人
(5)風格設定: 溫婉、柔和
(6)主色調,輔助色調: 暖橙、薔薇紅、灰靛
(7)製作動機: 很喜歡這個中國演員,希望大家可以透過這個網頁認識她。
(8)製作目的: 期末作業、學習
預期效果: 比想像中的好,但覺得還有很多要進步的地方。



Edited 1 time(s). Last edit at 01/11/2018 09:32AM by ukiss52007.
(編輯記錄)

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445148
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: 無
3.製作心得與感想: 很有成就感
4.本學期於網頁設計課程上的收穫:
學了很多網頁設計的知識


前置作業
(1)網站主題: 宮崎駿
(2)導覽列架構設定 :About、Works、Video、Links、Story
(3)主要瀏覽族群: 喜歡宮崎駿個人和動畫的人
(5)風格設定: 簡單、活潑
(6)主色調,輔助色調: 主色為亮黃、輔助色為深藍色
(7)製作動機: 喜歡他的動畫和用心
(8)製作目的: 向大家介紹和分享自己喜歡的動畫與人物
預期效果: 乾淨

1055445007吳郁婕

(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445007
(2).
1.製作作業的時間:5天
2.有無遇到的問題:問題迎刃而解
3.製作心得與感想:好玩
4.本學期於網頁設計課程上的收穫:我對網頁程式的運用更加熟悉



前置作業
(1)網站主題:卡通頻道工作室 / Cartoon Network Studios
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群:喜歡卡通頻道的所有人
(5)風格設定:簡約 可愛 繽紛
(6 )主色調,輔助色調:黃色 桃紅 藍色
(7)製作動機:因為卡通頻道超可愛不做會後悔
(8)製作目的:作業~
預期效果:爆炸可愛

1055445097程琦婷

(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445097
(2).
1.製作作業的時間:3天
2.有無遇到的問題:無
3.製作心得與感想:很有趣
4.本學期於網頁設計課程上的收穫:製作網頁的方法與技巧



前置作業
(1)網站主題:和菓子
(2)導覽列架構設定:About、history、Video、image、Story
(3)主要瀏覽族群:年輕族群
(5)風格設定:甜美 可愛 繽紛
(6 )主色調,輔助色調:淺色系
(7)製作動機:覺得和菓子藝術很吸引人
(8)製作目的:作業<3
預期效果:可愛甜美 吸引人

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445052
(2).
1.製作作業的時間: 1-2小時 spinning smiley sticking its tongue out
2.有無遇到的問題: 還好thumbs up
3.製作心得與感想: 做過很多次之後就越來越順利! hot smiley
4.本學期於網頁設計課程上的收穫: 我覺得網頁設計很有趣,又多學會了一個軟體了! smileys with beer

前置作業
(1)網站主題: CHIH HSIN小寧 spinning smiley sticking its tongue out
(2)導覽列架構設定 : about process market commodity illustation
(3)主要瀏覽族群: 學生 thumbs up
(5)風格設定: 可愛 smileys with beer
(6)主色調,輔助色調: 白色 藍色 winking smiley
(7)製作動機: 我想幫自己的品牌做一個網站~smiling smiley
(8)製作目的: 希望可以讓更多人看到我的插畫,也可以順便讓我整理自己從以前到現在的成果!hot smiley
預期效果: 一開始沒想過自己可以做那麼多,最後的成品我很喜歡!smileys with beer



Edited 1 time(s). Last edit at 01/11/2018 08:44AM by 1055445052.
(編輯記錄)

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445082
(2).
1.製作作業的時間:5天左右 cool smiley
2.有無遇到的問題: 有遇到問題也會冷靜慢慢去檢查。spinning smiley sticking its tongue out
3.製作心得與感想:很有成就感,也越做越順smileys with beer
4.本學期於網頁設計課程上的收穫:很有成就感,原本完全不會到現在能夠完成一個完整網頁 hot smiley



前置作業
(1)網站主題:皮克斯動畫smiling bouncing smiley
(2)導覽列架構設定: About、exhibition、history、history、longfilms、shortflimdrinking smiley
(3)主要瀏覽族群: 喜歡皮克斯的人smiling smiley
(5)風格設定: 神祕感eye rolling smiley
(6)主色調,輔助色調: 黃色 黑色。spinning smiley sticking its tongue out
(7)製作動機:喜歡皮克斯smileys with beer
(8)製作目的: 分享自己喜歡的作品給大家smiling bouncing smiley
預期效果: 跟預期的差不多 喜歡有神祕的感覺hot smiley

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445055
(2).
1.製作作業的時間:6天
2.有無遇到的問題: 沒有問題。
3.製作心得與感想:雖然覺得又累又麻煩 ,不過等到做完的時候感覺還不錯
4.本學期於網頁設計課程上的收穫: 學到了基本的程式碼



前置作業
(1)網站主題:幕夏
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群:對幕夏有興趣之人
(5)風格設定:依照作品配色
(6)主色調,輔助色調: 淺皮膚色,淺粉橘色
(7)製作動機: 很喜歡這個藝術家
(8)製作目的: 期末作業
預期效果:沒有到一般網站的效果好,不過也還不錯

(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445004
(2).
1.製作作業的時間:7天
2.有無遇到的問題:有的圖片在 IE就看不到了
3.製作心得與感想:更了解自己喜歡的遊戲了
4.本學期於網頁設計課程上的收穫:更熟練寫網頁這件事了


前置作業
(1)網站主題:尼爾 自動人形
(2)導覽列架構設定:about.html、story.html、music.html、video.html、links.html
(3)主要瀏覽族群:對這個遊戲有興趣的人
(5)風格設定:黑白質感
(6 )主色調,輔助色調:黑 白 灰
(7)製作動機:想介紹這個遊戲
(8)製作目的:告訴大家這遊戲的好
預期效果:比預想的有質感

1055445157 鄭宇辰
完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445157
(2).
1.製作作業的時間:2天
2.有無遇到的問題: 沒有問題。
3.製作心得與感想: 覺得很有成就感,
4.本學期於網頁設計課程上的收穫: 收穫很多 很開心



前置作業
(1)網站主題:nba主題
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群: 打籃球
(5)風格設定: 硬漢風ㄍㄜ
(6)主色調,輔助色調:黑藍
(7)製作動機: 我很喜歡打籃球
(8)製作目的: 期末作業、多做多學
預期效果: 希望努力

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445034
(2).
1.製作作業的時間:3天
2.有無遇到的問題:圖片無法分更開
3.製作心得與感想:有成就感
4.本學期於網頁設計課程上的收穫:學了很多網頁設計的知識與語法

前置作業
(1)網站主題:三月兔
(2)導覽列架構設定 : about comic novel commodity signing
(3)主要瀏覽族群:給喜歡三月兔老師的人,更了解老師出過的書與商品
(5)風格設定:簡單/優雅
(6)主色調,輔助色調:主色為紫色系、輔助色為白色
(7)製作動機:喜歡老師的畫風
(8)製作目的:讓人了解老師創作過程
預期效果: 簡單/乾淨

完成品
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445085
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: 設定架構的問題,導覽列設定,配色
3.製作心得與感想: 雖然跟期中的風格差很多,不過只要學會與法就能設計出網頁,我覺得很開心。
4.本學期於網頁設計課程上的收穫: 學到新的軟體,並學會如何應用。

前置作業
(1)網站主題:劍俠情緣參
(2)導覽列架構設定 單欄跟雙欄設計
(3)主要瀏覽族群:想要認識這款遊戲的人
(5)風格設定: 古風
(6)主色調,輔助色調: 咖啡/灰 深紅
(7)製作動機: 因為喜歡這款遊戲想要介紹給大家
(8)製作目的:介紹這款遊戲



Edited 1 time(s). Last edit at 01/14/2018 12:17AM by 綰瑛.
(編輯記錄)

1055445076 李珮瑄

完成品

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445106
(2).
1.製作作業的時間:5天
2.有無遇到的問題: 沒有問題
3.製作心得與感想: 覺得很有成就感
4.本學期於網頁設計課程上的收穫: 終於會做網頁了



前置作業
(1)網站主題:刺青文化
(2)導覽列架構設定:簡介、歷史、現象、注意事項、歷屆展覽海報
(3)主要瀏覽族群: 想認識刺青的人
(5)風格設定: 神祕
(6)主色調,輔助色調: 黑、紫
(7)製作動機: 很喜歡刺青藝術,希望大家可以透過這個網頁認刺青。
(8)製作目的: 學習做網頁
預期效果: 還有很多要進步的地方,很有成就感。

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445169
(2).
1.製作作業的時間:3天
2.有無遇到的問題:欄位設定
3.製作心得與感想:學到很多東西
4.本學期於網頁設計課程上的收穫:更加了解語法

前置作業
(1)網站主題:貓茶町
(2)導覽列架構設定 : start story video product links
(3)主要瀏覽族群:給喜歡吃甜點的的人,更了解台灣特色點心
(5)風格設定:清新
(6)主色調,輔助色調:主色為綠系、輔助色為黃色
(7)製作動機:喜歡貓茶町的甜點
(8)製作目的:讓人了解台灣特色點心
預期效果: 清新

1055440074 石佳紘

完成品

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055440074
(2).
1.製作作業的時間:7天(7次作業)
2.有無遇到的問題: 沒有問題
3.製作心得與感想: 覺得很有成就感
4.本學期於網頁設計課程上的收穫: 終於學會做網頁了



前置作業
(1)網站主題:全家就是米家
(2)導覽列架構設定:簡介、演員、演員、評估、資訊
(3)主要瀏覽族群: 想看全家就是米家的人
(5)風格設定: 歡樂風
(6)主色調,輔助色調: 藍為主
(7)製作動機:因為是作業
(8)製作目的:交作業
預期效果: 很棒但好累很有成就。

1055445037 黃育亭

完成品

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445037
(2).
1.製作作業的時間:7天
2.有無遇到的問題: 沒有問題
3.製作心得與感想: 覺得很有成就感
4.本學期於網頁設計課程上的收穫:終於學會了



前置作業
(1)網站主題:ROOTS
(2)導覽列架構設定:apparle collection accessories home outlet
(3)主要瀏覽族群: 想認識這品牌的人
(5)風格設定: 基本網站
(6)主色調,輔助色調: 紅 灰 白
(7)製作動機:因為我喜歡這品牌
(8)製作目的:讓更多人更了解
預期效果: 很有成就。

1055445037 黃育亭

完成品

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1035443128
(2).
1.製作作業的時間:2天
2.有無遇到的問題: 沒有問題
3.製作心得與感想: 還不錯
4.本學期於網頁設計課程上的收穫:還不錯



前置作業
(1)網站主題:apple
(2)導覽列架構設定:首頁 創辦人 產品介紹 影片欣賞 外部連結
(3)主要瀏覽族群: 想認識這品牌的人
(5)風格設定: 基本網站
(6)主色調,輔助色調: 灰 白
(7)製作動機:這品牌還不錯
(8)製作目的:讓更多人更了解
預期效果: 很可以

1055445160 陳宥蓁

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445160
(2).
1.製作作業的時間:5天
2.有無遇到的問題: 研究很久
3.製作心得與感想: 很有成就感,對網頁設計有愛上的感覺
4.本學期於網頁設計課程上的收穫:老師授課細心,還給我們講義,讓吸收慢的同學,回家也不慌張


前置作業
(1)網站主題:卡娜赫拉
(2)導覽列架構設定:About、Animals、Surrounding、Links、Story
(3)主要瀏覽族群: 喜歡收集療癒的卡娜赫拉迷
(5)風格設定:可愛.夢幻
(6)主色調,輔助色調:粉橘.淡黃.白色
(7)製作動機: 喜歡可愛的娃娃,做起來會很快樂
(8)製作目的: 學習網頁設計
預期效果: 很成功,雖然有些地方沒有預期的成功設定,但整體還是很有成就感

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445190
(2).
1.製作作業的時間: 5天左右
2.有無遇到的問題: 有些地方會小小卡住
3.製作心得與感想: 遇到不會的地方看老師的影片很有幫助
4.本學期於網頁設計課程上的收穫: 讓我喜歡上網頁設計,一開始其實蠻排斥,但真正學了之後很喜歡



前置作業
(1)網站主題: hello kitty
(2)導覽列架構設定 : About、Works、Video、Links、Story
(3)主要瀏覽族群: 喜歡hello kitty的人
(5)風格設定: 可愛風
(6)主色調,輔助色調: 粉色系 粉紫色
(7)製作動機: 因為本身很喜歡hello kitty
(8)製作目的: 想介紹給大家
預期效果: 滿滿的成就感

完成品

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445193/
(2).
1.製作作業的時間: 2個禮拜
2.有無遇到的問題: 不太會選顏色
3.製作心得與感想: 困難重重,做完很有成就感
4.本學期於網頁設計課程上的收穫: 從無到有,很有成就感



前置作業
(1)網站主題: 只要一分鐘
(2)導覽列架構設定 :About/Story/Character/Video/Works
(3)主要瀏覽族群: 17-40
(5)風格設定: 簡單舒服
(6)主色調,輔助色調: 米色,咖啡色
(7)製作動機: 很喜歡這本書
(8)製作目的: 學習網頁設計
預期效果: 幫助未來設計相關訓練



Edited 1 time(s). Last edit at 01/18/2018 09:45AM by 1055445193.
(編輯記錄)

1055445043 賴映竹

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445043/
(2).
1.製作作業的時間:3天
2.有無遇到的問題: 沒有特別的問題
3.製作心得與感想: 雖然每次都做到眼睛痠痛,但換來的成就感十分值得!
4.本學期於網頁設計課程上的收穫:老師教得很清楚,課程如果有不清楚的,也在網站上可以找到,很方便!

前置作業
(1)網站主題:致我們單純的小美好
(2)導覽列架構設定:About、Outline、Characters、Stills、Music
(3)主要瀏覽族群:對愛情抱有夢想的青少年
(5)風格設定:溫馨、舒適
(6)主色調,輔助色調:褐色為主,白色為輔
(7)製作動機:紀錄2017令人心動的影劇
(8)製作目的:學習網頁設計
預期效果:每個分頁有連貫性,整體舒適順眼!

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445016
(2).
1.製作作業的時間:1天
2.有無遇到的問題: 沒
3.製作心得與感想: 網頁的學問很多
4.本學期於網頁設計課程上的收穫: 對網頁的了解增加



前置作業
(1)網站主題:射手座
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群:想了解射手的人
(5)風格設定: 星空
(6)主色調,輔助色調:黑白
(7)製作動機: 我是射手座
(8)製作目的: 期末作業
預期效果:希望能看到網頁及格

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445091
(2).
1.製作作業的時間:12天
2.有無遇到的問題:雙欄蓋住footer
3.製作心得與感想:終於做完了
4.本學期於網頁設計課程上的收穫:學到了網頁設計的知識

前置作業
(1)網站主題:米羅
(2)導覽列架構設定 : 畫家簡介、生平介紹、繪畫作品、符號、影片
(3)主要瀏覽族群:給不熟悉這個畫家的人
(5)風格設定:米羅
(6)主色調,輔助色調:主色為紅色、輔助色為白色
(7)製作動機:每次跟人說到米囉,對方都會露出疑惑的表情
(8)製作目的:讓人認識這個畫家
預期效果: 米羅

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445181
(2).
1.製作作業的時間:忘了
2.有無遇到的問題: 沒有問題。
3.製作心得與感想: 還不錯
4.本學期於網頁設計課程上的收穫: 更認識自己想做的東西

1055445103林容渝
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445103
(2).
1.製作作業的時間:1-3天
2.有無遇到的問題: 無
3.製作心得與感想: 從一開始甚麼都不會,到現在越來越順手,做完很有成就感
4.本學期於網頁設計課程上的收穫: 學到很多東西,了解到原來網頁看似很簡單其實不簡單



前置作業
(1)網站主題: 太妍
(2)導覽列架構設定 :about,works,viedo,links,story
(3)主要瀏覽族群 : 喜歡太妍的人
(5)風格設定:溫和
(6)主色調,輔助色調:咖啡米色 、 暗紫色
(7)製作動機: 從以前就很喜歡他,她唱歌很好聽
(8)製作目的: 希望讓更多人認識他
預期效果: 讓看到這網站的人知道他



Edited 1 time(s). Last edit at 01/17/2018 02:03PM by LRU.
(編輯記錄)

1055445178 陳宜宜
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445178
(2).
1.製作作業的時間:7天
2.有無遇到的問題:我眼睛很大顆
3.製作心得與感想:很開心做出來了
4.本學期於網頁設計課程上的收穫:老師很細心教學還附有教學影片

前置作業
(1)網站主題:kurt hugo schneider
(2)導覽列架構設定 :index.about.music.video.links
(3)主要瀏覽族群:常接觸音樂對編曲有興趣的
(5)風格設定:簡單
(6)主色調,輔助色調:格調灰配上白跟紅
(7)製作動機:每次看KHS的編曲都會讚嘆
(8)製作目的:想要推廣
預期效果:我喜歡但覺得可以更好,做完成就感十足

完成品
請將這項放置於文章最前面
(1)作業網址: :http://mepopedia.com/~css106-2a/final/final-1055445109
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: 導覽列會往上跑
3.製作心得與感想: 很棒
4.本學期於網頁設計課程上的收穫: 做網站沒有想像中難



前置作業
(1)網站主題: Discovery介紹
(2)導覽列架構設定 關於Discovery 精選簡介 節目片段 Discovery 故事
(3)主要瀏覽族群: 熱愛動物的人
(5)風格設定: 簡單
(6)主色調,輔助色調: 軍綠/深綠
(7)製作動機: Discovery的節目很好看
(8)製作目的: 讓大家更了解動物
預期效果: 還可

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445046
(2).
1.製作作業的時間:2天
2.有無遇到的問題: 無
3.製作心得與感想: 很有成就感
4.本學期於網頁設計課程上的收穫: 學會程式操作上的認知與應用。



前置作業
(1)網站主題:勞力士
(2)導覽列架構設定:歷史紀事、技術創新、設計風格、手錶款式、近代機芯
(3)主要瀏覽族群: 貴族
(5)風格設定: 成熟.穩重
(6)主色調,輔助色調: 黑,灰,深藍
(7)製作動機: 很喜歡勞力士的手錶,希望大家可以透過這個網頁認識勞力士。
(8)製作目的: 期末作業、學習
預期效果: 比想像中的好,但覺得還有很多要進步的地方。

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445196
(2).
1.製作作業的時間:3天
2.有無遇到的問題: 無
3.製作心得與感想: 覺得很有成就感。
4.本學期於網頁設計課程上的收穫:學會程式操作上的認知與應用。



前置作業
(1)網站主題:咖啡coffee
(2)導覽列架構設定:主要成分、歷史、作用、咖啡豆的加工、種類和產地
(3)主要瀏覽族群: 喜歡咖啡的人
(5)風格設定: 溫馨,舒適
(6)主色調,輔助色調: 深咖啡色,淺咖啡色,米白色
(7)製作動機: 很喜歡喝咖啡,希望大家可以透過這個網頁認識咖啡的種類和來源。
(8)製作目的: 期末作業、學習
預期效果: 還有很多要進步的地方。

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445204
(2).
1.製作作業的時間: 5小時
2.有無遇到的問題: content
3.製作心得與感想: 很有成就感
4.本學期於網頁設計課程上的收穫:
學了很多網頁設計的知識


前置作業
(1)網站主題: 彼得潘
(2)導覽列架構設定 confused smileyynopsis、Characters、Author、history、video
(3)主要瀏覽族群: 喜歡迪士尼動畫
(5)風格設定: 簡單
(6)主色調,輔助色調: 主色為綠色、輔助色為黃色
(7)製作動機: 喜歡他的動畫和用心
(8)製作目的: 向大家介紹和分享自己喜歡的動畫與人物
預期效果: 乾淨

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445100
(2).
1.製作作業的時間:5天
2.有無遇到的問題: 雙欄製作較困難
3.製作心得與感想: 覺得做完超有成就感!!!本來對網頁興趣缺缺覺得很難很煩,
可是看著老師的講義一步一步做就越來越上手了!有做錯的地方也能自己發現錯誤的地方在哪裡~~~
4.本學期於網頁設計課程上的收穫:從完全不會到現在比較熟悉老師所教的東西!



前置作業
(1)網站主題:義式冰淇淋
(2)導覽列架構設定:about activity photo tastes story
(3)主要瀏覽族群:年輕,愛吃美食的人
(5)風格設定:簡約清新
(6)主色調,輔助色調:綠色,淺綠色,白色
(7)製作動機:這家冰淇淋超好吃!所以想幫他做個網站
(8)製作目的: 期末作業、學習
預期效果:有些小細節沒做得很完美,但比想像中還要好spinning smiley sticking its tongue out

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445010
(2).
1.製作作業的時間:3天
2.有無遇到的問題: 分頁聯結有點困難
3.製作心得與感想:很有成就感,但可能還要再練一下
4.本學期於網頁設計課程上的收穫: 對於網頁設計有近一步的認知



前置作業
(1)網站主題:Netflix 影集介紹
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群: 喜歡看影集的人
(5)風格設定: 單調.簡單
(6)主色調,輔助色調: 深藍.白色.淺藍
(7)製作動機: 平常就很喜歡看影集,這部影集剛好是最近新出的
(8)製作目的: 期末作業.網頁設計訓練
預期效果: 連結上面讓我很有成就感,因為我覺得很複雜,變成藍字的時候覺得很棒

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445094
(2).
1.製作作業的時間:3天
2.有無遇到的問題: 沒有什麼大問題,除了每次去改到css
3.製作心得與感想:挺好玩的,當你看到它一步一步完成時
4.本學期於網頁設計課程上的收穫: 對課程的興趣、學會程式操作上的認知與應用。



前置作業
(1)網站主題:VOFAN&西尾維新
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群: 對他圖或納作品有興趣的人
(5)風格設定: 夢幻顯眼
(6)主色調,輔助色調: 暖橙、紅、
(7)製作動機: 喜歡它們作品
(8)製作目的: 期末作業、學習
預期效果: 比想像中的好

完成品
請將這項放置於文章最前面
(1)作業網址:http://mepopedia.com/~css106-2a/final/final-1055445088
(2).
1.製作作業的時間: 3天
2.有無遇到的問題: 無
3.製作心得與感想: 很有成就感
4.本學期於網頁設計課程上的收穫:
學了很多網頁設計的知識


前置作業
(1)網站主題: 婚禮攝影
(2)導覽列架構設定 :About、man、woman、wedding process、more photos
(3)主要瀏覽族群: 結婚新人
(5)風格設定: 清新
(6)主色調,輔助色調: 主色為水藍色、輔助色為粉紅色
(7)製作動機: 想要讓新人留下美好時刻
(8)製作目的: 讓每位新人都能留下美好時刻
預期效果: 幸福過程

1055445112 徐坤煌

完成品
請將這項放置於文章最前面
(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445112
(2).
1.製作作業的時間:忘了
2.有無遇到的問題: 沒有問題
3.製作心得與感想: 不好做
4.本學期於網頁設計課程上的收穫: 學會程式操作



前置作業
(1)網站主題:海賊王
(2)導覽列架構設定:About、Works、Video、Links、Story
(3)主要瀏覽族群:海賊迷
(5)風格設定: 簡單
(6)主色調,輔助色調: 黑白灰
(7)製作動機: 很喜歡的漫畫
(8)製作目的: 期末作業
預期效果: 不知道

(1)作業網址: http://mepopedia.com/~css106-2a/final/final-1055445064

(2).
1.製作作業的時間:很久很久很久久..........
2.有無遇到的問題: 無
3.製作心得與感想: 會的東西越來越多越來越完整了
4.本學期於網頁設計課程上的收穫: 從無到有的學習



前置作業
(1)網站主題: 冰與火之歌:權利遊戲
(2)導覽列架構設定 :
Introduction
Characters
Content
original
Highlights
(3)主要瀏覽族群:喜歡英劇美劇喜歡權利遊戲的人
(5)風格設定: 簡單
(6)主色調,輔助色調:主色調 黑白紅 輔助色調 灰
(7)製作動機:喜歡這部連續劇
(8)製作目的: 讓大家更了解權利遊戲
預期效果:還是有很多不足的地方,會繼續努力



Edited 1 time(s). Last edit at 01/21/2018 08:06AM by 1055445064.
(編輯記錄)