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

Advanced

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

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

[color=#990000][期末作業] 以雙欄為主的網站設計[/color]



[hr]

1. 製作說明:


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

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

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

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

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


6.製作完成上傳至FTP


[hr]

2. 作業設計重點



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



3. 評分標準與製作檢核


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

[hr]

4. 繳交作業方式


[color=#CC0066]1.製作完成後,檔案命名方式:[/color]

[color=#669900]期中作業FTP上的資料夾為:final

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

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

存放在 < final-學號 > 的資夾內[/color]


[color=#CC0066]2.全部完成後上傳至FTP[/color]

[color=#CC0066]3.依進度回覆本篇文章[/color]

[hr]

5. 回覆說明



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



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



[hr]

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

http://mepopedia.com/~css106-2b/final/final-1055445104



(2).
1.製作作業的時間: few days
2.有無遇到的問題: css混亂
3.製作心得與感想: 行
4.本學期於網頁設計課程上的收穫:
期待之後進階



(1)網站主題: mini
(2)導覽列架構設定 至上
(3)主要瀏覽族群: 顧客 愛好者
(5)風格設定: 白底視讀性佳
(6)主色調,輔助色調: 白 紅 灰
(7)製作動機: 酷炫
(8)製作目的: 介紹mini
預期效果: 看了妥妥噠

作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445152

1.製作作業的時間: 大概3-4天
2.有無遇到的問題:版面很亂
3.製作心得與感想: 很費心思
4.本學期於網頁設計課程上的收穫: 對網頁設計更加有興趣



前置作業
(1)網站主題: K-INDIE
(2)導覽列架構設定 css置上
(3)主要瀏覽族群: 韓樂愛好著
(5)風格設定: 特別的配色
(6)主色調,輔助色調: 黑 紅棕 鵝黃
(7)製作動機: 喜歡音樂
(8)製作目的: 讓大家更認識非主流韓樂

作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445014/home.html

1.製作作業的時間: ever
2.有無遇到的問題:很多
3.製作心得與感想: 快掛了
4.本學期於網頁設計課程上的收穫: 對網頁設計更加熱



前置作業
(1)網站主題: gibson
(2)導覽列架構設定 css置上
(3)主要瀏覽族群:我
(5)風格設定: 特別的配色
(6)主色調,輔助色調: 黑 紅棕
(7)製作動機: 喜歡音樂
(8)製作目的: 讓大家更認識非主流吉他



Edited 1 time(s). Last edit at 01/17/2018 10:19PM by a0936280046.
(編輯記錄)

作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445110

1.製作作業的時間: 很久啊...
2.有無遇到的問題:雙欄連結不能設錨點
3.製作心得與感想: 快掛了
4.本學期於網頁設計課程上的收穫:希望下學期能更認真 加油



前置作業
(1)網站主題:CHOCHOCO
(2)導覽列架構設定 css置上
(3)主要瀏覽族群:愛巧克力的人
(5)風格設定:精緻、質感
(6)主色調,輔助色調: 黑、金色
(7)製作動機:喜歡看巧克力並質感的網頁
(8)製作目的: 看看自己能不能設計出有點像樣的網頁

(1).
作業網址:http://mepopedia.com/~css106-2b/final/final-1055445095
(2).
1.製作作業的時間:約三天。
2.有無遇到的問題:無。
3.製作心得與感想:製作喜歡的主題很有趣,製作網頁也很有成就感。
4.本學期於網頁設計課程上的收穫: 對網站的架構有了基本認知,感謝老師本學期的指導。



前置作業
(1)網站主題: EXILE
(2)導覽列架構設定 : css置上。
(3)主要瀏覽族群: 粉絲與同好。
(4)風格設定: 簡單易閱讀。
(5)主色調,輔助色調: 黑白灰,明度變化。
(6)製作動機: 喜歡EXILE的音樂。
(7)製作目的: 推廣介紹EXILE。
預期效果: 讓進入網頁的使用者,能迅速了解EXILE的概況。



Edited 1 time(s). Last edit at 01/10/2018 07:58PM by Daniel Wang.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css106-2b/final/final-1055445143
(2).
1.製作作業的時間: 不知道
2.有無遇到的問題: 無
3.製作心得與感想: 無
4.本學期於網頁設計課程上的收穫:網頁滿好玩的

作業網址:http://mepopedia.com/~css106-2b/final/final-1055445191

前置作業
網站主題: 爽爽貓
導覽列架構設定 : css置上
主要瀏覽族群: 愛好者
風格設定: 簡單
主色調,輔助色調: 粉色和亮色
製作動機: 喜歡爽爽貓
製作目的: 介紹爽爽貓

作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445023

1.製作作業的時間: 大概3-4天
2.有無遇到的問題: 連結不成功
3.製作心得與感想: 很費心思,但很有收穫
4.本學期於網頁設計課程上的收穫: 對網頁設計更加有興趣



前置作業
(1)網站主題: 夜市
(2)導覽列架構設定 css置上
(3)主要瀏覽族群: 尋找夜市的相關資訊者
(5)風格設定: 夜市的印象
(6)主色調,輔助色調: 黑 咖啡 灰
(7)製作動機: 喜歡逛夜市
(8)製作目的: 讓大家更認識夜市



Edited 3 time(s). Last edit at 01/11/2018 07:01AM by 1055445023.
(編輯記錄)

完成品
請將這項放置於文章最前面
(1)作業網址: 作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445041
(2).
1.製作作業的時間: 6H
2.有無遇到的問題:有 雙攔較複雜
3.製作心得與感想: 超級複雜 但很有成就感
4.本學期於網頁設計課程上的收穫: 這門課學到很多



前置作業
(1)網站主題: 韓劇介紹
(2)導覽列架構設定
(3)主要瀏覽族群: 高中大學生上班族
(5)風格設定: 簡約明瞭
(6)主色調,輔助色調: 深藍.米白
(7)製作動機: 喜愛韓劇
(8)製作目的: 整理出年度推薦給大家
預期效果:



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

作業網址:http://mepopedia.com/~css106-2b/final/final-1045445101


網站主題: 怪物


風格設定: 怪怪醜醜
主色調, 粉色和暗色

[u]作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445080

1.製作作業的時間: 大概2天
2.有無遇到的問題: 有,文子編排
3.製作心得與感想: 滿酷的~
4.本學期於網頁設計課程上的收穫: 好困難~老師好厲害
[/u]

作業網址:http://mepopedia.com/~css106-2b/final/final-1055445047


網站主題: 擋車

風格設定: 活潑

主色調 : 黃綠色

http://mepopedia.com/~css106-2b/final/final-1055448122

(2).
1.製作作業的時間: 很多個夜晚
2.有無遇到的問題: 常常搞混
3.製作心得與感想: 很混亂阿
4.本學期於網頁設計課程上的收穫:懂了很多語法 很感謝老師

(1)網站主題: 文鳥
(2)導覽列架構設定
(3)主要瀏覽族群: 文鳥愛好者及有興趣客群
(5)風格設定: 粉嫩嫩 可愛的感覺
(6)主色調,輔助色調: 粉紅 /灰 灰藍
(7)製作動機: 喜歡文鳥的樣子
(8)製作目的: 推坑用
預期效果: 表現文鳥可愛 粉嫩嫩的一面

http://mepopedia.com/~css106-2b/final/final-1055445017



1.製作作業的時間: 26小時左右
2.製作心得與感想: 雖然有些地方會卡卡的 ,但多試幾次就順了
3.本學期於網頁設計課程上的收穫: 這個課程收穫蠻多的,從空白的畫面到整個網站架起來,非常有成就感


前置作業
(1)網站主題:SUSHI ‧ 寿司
(2)導覽列架構設定 置上
(3)主要瀏覽族群: 喜歡吃壽司的饕客
(5)風格設定: 日系風格
(6)主色調,輔助色調: 橘 白 紅 原木色
(7)製作動機: 喜歡吃壽司
(8)製作目的: 讓大家深入的了解壽司



Edited 1 time(s). Last edit at 01/11/2018 10:05PM by SCY.
(編輯記錄)

http://mepopedia.com/~css106-2b/final/final-1055445176



(2).
1.製作作業的時間: 很久 瘋狂熬夜
2.有無遇到的問題: 痾 很多 可是慢慢改
3.製作心得與感想: 還不錯 期待下學期
4.本學期於網頁設計課程上的收穫:
期待之後進階



(1)網站主題: 菇菇巢穴 手遊
(2)導覽列架構設定 開開的
(3)主要瀏覽族群: 對菇菇遊戲愛好者
(5)風格設定: 咖啡色可愛的
(6)主色調,咖啡 輔助色調:綠 淺藍
(7)製作動機: 剛好最近在玩 但是有點膩了
(8)製作目的: 喜歡有趣 嘗試這個風格
預期效果: 妥 很棒

作業網址 :http://mepopedia.com/~css106-2b/final/final-1055445056

製作作業的時間 :約兩天
有無遇到的問題 :滿順的
製作心得與感想 :製作自己親手完成的網頁後會超成就感的 !!
本學期於網頁設計課程上的收穫 :感謝曉今老師的教導thumbs upthumbs upthumbs up

(前置作業)
1. 網站主題 :小小兵
2. 導覽列架構設定 :CSS置上
3. 主要瀏覽族群 :喜愛牠們的大家
4. 風格設定 :以簡單的排版去設計
5. 主色調 / 輔助色調 :藍 黃 黑 / 白
6. 製作動機 :超喜歡小小兵這個動畫人物
7. 製作目的 :與他人分享我自己的心得感想
8. 預期效果 :讓第一次進入網頁的使用者可以耳目一新 !!

(1)作業網址: http://mepopedia.com/~css106-2b/final/final-1055445197/hw03-1055445197
(2).
1.製作作業的時間: 6小時
2.有無遇到的問題: 已解決
3.製作心得與感想: 覺得不錯
4.本學期於網頁設計課程上的收穫: 學會一些編排與基礎網頁編輯



前置作業
(1)網站主題: MUSE band(繆斯樂團)
(2)導覽列架構設定
(3)主要瀏覽族群:喜歡搖滾風的人
(5)風格設定: 神秘,暗色調
(6)主色調,輔助色調: 黑,紅
(7)製作動機: 他們對各種陰謀論、外星生物、神學以及末世預言等的怪異受到年輕人的追捧。
(8)製作目的: 想要做一個類似他們風格的網頁
預期效果: 盡可能看起來好看



Edited 1 time(s). Last edit at 01/12/2018 11:00PM by onfriend.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css106-2b/final/final-1055445188
(2).
1.製作作業的時間: 1個月
2.有無遇到的問題: 很多
3.製作心得與感想: 複雜,沒有成就感
4.本學期於網頁設計課程上的收穫: 收穫耐心,令人煩躁的課程



前置作業
(1)網站主題: 西藏
(2)導覽列架構設定 css置上
(3)主要瀏覽族群: 草原愛好
(5)風格設定:草原
(6)主色調,輔助色調: 綠色
(7)製作動機: 介紹西藏
(8)製作目的: 喜歡西藏
預期效果:

http://mepopedia.com/~css106-2b/final/final-1055445146


1.製作作業的時間: 4天
2.有無遇到的問題: 浮動效果還是不太熟悉
3.製作心得與感想: 覺得不錯 用自己喜歡的東西做是很棒的
4.本學期於網頁設計課程上的收穫: 高中雖然教過但大概都忘得差不多了 很慶幸有機會在學一次網頁
感謝老師努力教導付出 下學期進階網頁我會更努力學的



前置作業
(1)網站主題:杜卡迪重機
(2)導覽列架構設定 多用表格來作圖與說明的區分
(3)主要瀏覽族群: 想要考慮買重機的客群
(5)風格設定: 乾淨 成熟的風格
(6)主色調:白色 輔助色調: 灰色 紅色
(7)製作動機:杜卡迪曾經是夢想 所以興趣使然就做了
(8)製作目的:在做的同時可以讓自己更了解一些重機的歷史和故事
預期效果: 自己覺得好就好

作業網址:http://mepopedia.com/~css106-2b/final/final-1055445201


1.製作作業的時間: 通宵
2.有無遇到的問題:還好
3.製作心得與感想: 大致上語法都看得懂 但還是有點難
4.本學期於網頁設計課程上的收穫: 做好網頁會很有成就感


(1)網站主題: 臉紅的思春期
(2)導覽列架構設定
(3)主要瀏覽族群:喜歡臉他們的粉絲
(5)風格設定: 害羞、思春期
(6)主色調,紅 藍 黃
(7)製作動機:我愛的韓國樂團
(8)製作目的:每天都要聽他們的歌
預期效果:就 那樣

作業的網址則為:http://mepopedia.com/~css106-2b/final/final-1055445032

1.製作作業的時間: 6小時up
2.有無遇到的問題: 程式碼容易沒反應
3.製作心得與感想: 累到躺平
4.本學期於網頁設計課程上的收穫: 會做網頁嚕

http://mepopedia.com/~css106-2b/final/final-1055445134



(2).
1.製作作業的時間:很久
2.有無遇到的問題: 有,透過同學相助
3.製作心得與感想: 很雜
4.本學期於網頁設計課程上的收穫:
雖然每星期都有作業,不過這是成長必經的道路



(1)網站主題:海綿寶寶
(2)導覽列架至上構設定
(3)主要瀏覽族群:幼稚鬼
(5)風格設定: 鮮豔俏皮
(6)主色調,輔助色調:黃,藍,綠
(7)製作動機:娛樂自己
(8)製作目的: 介紹海綿寶寶
預期效果: 尚可

(1).
作業網址:http://mepopedia.com/~css106-2b/final/final-1055445125
(2).
1.製作作業的時間:約三天。
2.有無遇到的問題:無。
3.製作心得與感想:有趣,有成就感。
4.本學期於網頁設計課程上的收穫:對網站的架構有了基本認知,感謝指導。



前置作業
(1)網站主題: EXILE
(2)導覽列架構設定: css置上。
(3)主要瀏覽族群:粉絲與同好。
(4)風格設定:簡單易閱讀。
(5)主色調,輔助色調:紅綠橘
(6)製作動機:因為是自己喜歡的卡通。
(7)製作目的:推廣給更多人看。
預期效果:可以簡單知道更多資訊與影片。

http://mepopedia.com/~css106-2b/final/final-1055445038

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

(2).
1.製作作業的時間:約一週
2.有無遇到的問題:想要分享的內容太多了 (因此更改兩個版本
3.製作心得與感想:我覺得能夠製作自己喜愛的主題,呈現一個更完整的網頁,既開心又充滿成就感。
4.本學期於網頁設計課程上的收穫: 對於網頁設計的架構有更深入的了解,過程中所遇到的問題,藉由老師指導與自身研究後,漸漸地熟悉設定語法,執行上也更輕鬆了,除了課堂筆記外,老師的教學步驟很有幫助,非常感謝老師本學期的指導。



前置作業
(1)網站主題: ONE PIECE 航海王
(2)導覽列架構設定 : About、Role、Animation、Saying、Restaurant、Video
(3)主要瀏覽族群: 航海王迷與愛好者。
(4)風格設定:清新&活潑
(5)主色調,輔助色調: 大海的藍(清新) &舒適的黃 (活潑)
(6)製作動機: 航海王迷
(7)製作目的: 喜愛航海王或有興趣的朋友,歡迎來瀏覽~我把所有的財寶都放在那裡,去追尋吧~!!!
預期效果:保證讓你整個熱血沸騰!!!



Edited 1 time(s). Last edit at 01/17/2018 09:53PM by 1055445086.
(編輯記錄)

(1)作業網址: http://mepopedia.com/~css106-2b/final/final-1055445185
(2).
1.製作作業的時間:2小時
2.有無遇到的問題:沒有
3.製作心得與感想: 還可以
4.本學期於網頁設計課程上的收穫:對網頁比較了解



前置作業
(1)網站主題: 夏目友人帳
(2)導覽列架構設定
(3)主要瀏覽族群:年輕族群
(5)風格設定: 溫暖
(6)主色調,輔助色調:橘色,紫灰
(7)製作動機: 作品不錯看推薦
(8)製作目的: 介紹這作品
預期效果: 畫面溫暖又有趣

http://mepopedia.com/~css106-2b/final/final-1055445008


1.製作作業的時間: 很久
2.有無遇到的問題: 以解決
3.製作心得與感想: 很棒馬
4.本學期於網頁設計課程上的收穫: 不多也不少,兩個恰恰好



前置作業
(1)網站主題:南方公園
(2)導覽列架構設定 :我不知在說啥
(3)主要瀏覽族群: 粉絲
(5)風格設定: 簡潔可愛
(6)主色調:綠 輔助色調:白
(7)製作動機:因為我很喜歡這動畫
(8)製作目的:我想讓更多人認識這卡通

(1)作業網址: http://mepopedia.com/~css106-2b/final/final-1055445059
(2).
1.製作作業的時間:6小時
2.有無遇到的問題:有
3.製作心得與感想:還是多處卡
4.本學期於網頁設計課程上的收穫:網頁基本


前置作業
(1)網站主題: 天命6
(2)導覽列架構設定 兩欄
(3)主要瀏覽族群:玩遊戲者
(5)風格設定: 酷黑
(6)主色調,輔助色調:黑白 灰藍
(7)製作動機: 希望更多人玩
(8)製作目的: 喜歡這款遊戲
預期效果: 黑白對比整齊

http://mepopedia.com/~css106-2b/final/final-1055445119

1.網頁主題: まふまふ
2.配色與風格設定:黑灰白
2.有無遇到的問題? 很多地方一直卡關
3.製作感想 改的沒有想像中簡單
4.製作作業的時間 忘了OAO

前置作業
(1)網站主題: まふまふ
(2)導覽列架構設定 兩欄
(3)主要瀏覽族群:愛聽日系歌的人
(5)風格設定: 黑灰白
(6)主色調,輔助色調:灰白 藍粉紫
(7)製作動機: 一開始只是單純想做,到後來是想推廣他創作的音樂
(8)製作目的:想讓更多人聽到此歌手的歌
預期效果: 版面舒適溫馨



Edited 1 time(s). Last edit at 01/17/2018 10:27PM by lovecatandyou.
(編輯記錄)

(1)作業網址 http://mepopedia.com/~css106-2b/final/final-1055445140
1.製作作業的時間: a lot of hours
2.有無遇到的問題: 浮動雙欄讓我心死
3.製作心得與感想: 雖然有講義但是依我的智商無法理解太多。只是盡可能地跟上講義所提供的資訊,詢問同學...等。
4.本學期於網頁設計課程上的收穫:
看指令看到要升天,眼鏡度數增加算是收穫吧我想。頂多跟同學討論的過程中相當愉快。


前置作業
(1)網站主題: SONY
(2)導覽列架構設定 :大量運用表格
(3)主要瀏覽族群:14~18
(5)風格設定: 官方網站的感覺
(6)主色調,輔助色調: 白藍
(7)製作動機: 我很愛SONY
(8)製作目的: 還是愛SONY
預期效果: 還好

作業網址:http://mepopedia.com/~css106-2b/final/final-1055445182

1.製作作業的時間: 很多天
2.有無遇到的問題:沒有了
3.製作心得與感想: 看了一堆英文... 然後無限尋找哪裡有錯..
4.本學期於網頁設計課程上的收穫: 有些操作其實挺簡單的。

網站主題: Super Junior-D&E
製作目的: 喜歡他們 ~



Edited 2 time(s). Last edit at 01/17/2018 10:50PM by amy2285210103.
(編輯記錄)

http://mepopedia.com/~css106-2b/final/final-1055445092

1.製作作業的時間:好像很久
2.有無遇到的問題: 各種問題腦袋
3.製作心得與感想: 做完很開心
4.本學期於網頁設計課程上的收穫:做完覺得快樂



前置作業
(1)網站主題: 我自己畫的插畫跟繪本
(2)導覽列架構設定 css置上
(3)主要瀏覽族群:應該都可以 喜歡畫插畫的
(5)風格設定: 就是不點的插畫 粉粉
(6)主色調,輔助色調: 粉粉粉 彩色
(7)製作動機: 喜歡插畫
(8)製作目的: 都可以



Edited 1 time(s). Last edit at 01/18/2018 11:20AM by litttle dot.
(編輯記錄)

作業網址:http://mepopedia.com/~css106-2b/final/final-1055445071
1.製作作業的時間:幾天幾小時
2.有無遇到的問題: 導覽列靠右 圖片無法放大
3.製作心得與感想: 嘗試onepage的感覺 放棄
4.本學期於網頁設計課程上的收穫: 期待下學期課程

前置作業
(1)網站主題: AUNTIE’S Barber Shop 男仕理髮廳
(2)導覽列架構設定 : 置上
(3)主要瀏覽族群: 有品味的人
(5)風格設定: 美式 復古
(6)主色調,輔助色調: 黑 紅棕
(7)製作動機: 爽拉
(8)製作目的: 增加AUNTIE’S Barber Shop的曝光度
預期效果: 有fu~



Edited 3 time(s). Last edit at 01/18/2018 12:56AM by Chen pinrong.
(編輯記錄)

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

(2).
1.製作作業的時間: 四小時
2.有無遇到的問題: 無
3.製作心得與感想:作業7很難
4.本學期於網頁設計課程上的收穫: 很多收穫 很棒

前置作業
(1)網站主題: 迪士尼公主
(2)導覽列架構設定 :美女與野獸.小美人魚.阿拉丁.白雪公主.灰姑娘
(3)主要瀏覽族群: 學生
(5)風格設定: 公主
(6)主色調,輔助色調: 暖色
(7)製作動機: 了解故事
(8)製作目的: 交作業
預期效果: 沒有很好

(1)作業網址: http://mepopedia.com/~css106-2b/final/final-1055445044/
(2).
1.製作作業的時間: 一週
2.有無遇到的問題: 無
3.製作心得與感想: 很好
4.本學期於網頁設計課程上的收穫: 會了基礎網頁設計很開心



前置作業
(1)網站主題: ONE OK ROCK
(2)導覽列架構設定
(3)主要瀏覽族群: 大眾
(5)風格設定: 簡約黑白藍配色呈現搖滾感
(6)主色調,輔助色調: 黑白藍
(7)製作動機: 因為想分享這個樂團給大家,我很喜歡這樂團
(8)製作目的: 因為想分享這個樂團給大家,我很喜歡這樂團
預期效果: 不錯

http://mepopedia.com/~css106-2b/final/final-1055445131

http://mepopedia.com/~css106-2b/final/final-1055445083

作業網址:http://mepopedia.com/~css106-2b/final/final-1055445113

1.製作作業的時間:約一天半
2.有無遇到的問題:常弄錯語法或放錯位置
3.製作心得與感想:本來真的完全聽不懂,結果沒有想像中的那麼難
4.本學期於網頁設計課程上的收穫:學會了架設基本的網站,雖然沒有辦法融會貫通,但其實還挺有趣的



前置作業
(1)網站主題:SEKAI NO OWARI
(2)導覽列架構設定:
(3)主要瀏覽族群:粉絲
(4)風格設定:簡單
(5)主色調,輔助色調:黑與棕色
(6)製作動機:喜歡這個樂團
(7)製作目的:介紹SEKAI NO OWARI

:http://mepopedia.com/~css106-2b/final/final-1055445002

(1)網站主題: 自強號40年
(2)導覽列架構設定:以圖片置入,至頂式
(3)主要瀏覽族群:專門交通研究
(5)風格設定: 以初代自強號車身色調為主
(6)主色調,輔助色調:body棕色 content 乳黃色
(7)製作動機: 從1978年8月15日為自強號開始營運,自今以行使了40個年頭。
(8)製作目的: 為了記錄每款車型的故事
預期效果: 有懷舊與穩重感

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

1.製作作業的時間:4-5天多
2.有無遇到的問題: 原本就不太會做.所以花很多時間去試 反正它就4ㄍ公式...電腦桌面都是網站用的圖...
3.製作心得與感想: 一開始前面沒跟上所以覺得很難
後面完全不想繼續 還好有講義跟影片讓我慢慢看
目前講義上的這些就是花時間看 複製貼上的公式花時間就跟以補回來的
雖然做到6點起來看完日出 慶幸沒有自動放棄..
以前都是瀏覽別人的網頁 覺得會做網頁的人很厲害 最後把期末這個網頁做出來還蠻開心的



Edited 2 time(s). Last edit at 01/18/2018 11:21AM by 1055445026.
(編輯記錄)

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

1.製作作業的時間:很多天
2.有無遇到的問題: 排版排不好
3.製作心得與感想: 都還行

http://mepopedia.com/~css106-2b/final/final-1055445164



(2).
1.製作作業的時間: one day
2.有無遇到的問題: 思緒混亂
3.製作心得與感想: 有點難
4.本學期於網頁設計課程上的收穫:
多學到一個軟體



(1)網站主題: 我們這一家
(2)導覽列架構設定
(3)主要瀏覽族群:老少咸宜
(5)風格設定: 兒童繪畫班
(6)主色調,輔助色調: 白 紫
(7)製作動機: Q
(8)製作目的: 介紹我們這一家
預期效果: 能力範圍內