[期末作業] 以雙欄為主的網站設計
|
[期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
Moderator December 07, 2011 01:14AM 發表文章數: 1,229 |
[color=#990000][期末作業] 以雙欄為主的網站設計[/color]
1. 一、製作說明：
1.請參考期末之前教過的做法及講義，製作以雙欄(多欄)為主的網站。
2.題目自訂，可以延續期中作業的主題，也可以是全新的主題。
3.需自行設計圖片，製作網站內容。
4.需以Float浮動的方式建立雙欄(多欄)、DIV搭配CSS的方式完成，設定尺寸、字體、顏色等等。
5.至少需包含(1).Table：表格→匯整資料，(2)Float→繞圖排文，(3)臉書、噗浪等推文設定，(4)圖片跳窗連結，(5)導覽列設定。
6.製作完成上傳至FTP
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.製作說明
4. 三、繳交作業方式
[color=#CC0066]1.製作完成後，檔案命名方式：[/color]
[color=#669900]期中作業FTP上的資料夾為：final
每位同學請將自己的資料夾命名為：final-學號
這個作業的網址則為:http://mepopedia.com/~web100b/final/final-100xxxxxxx
資料夾內含：
(1).首頁命名為index.html
(2).其他頁面請自行命名，但需注意命名為則，不可出現中文及全形字、特殊符號等等
(3).一個命名為style.css的css樣式檔
(4).存放圖檔的images資料夾
存放在 < final-學號 > 的資夾內[/color]
[color=#CC0066]2.全部完成後上傳至FTP[/color]
[color=#CC0066]3.依進度回覆本篇文章[/color]
5. 回覆說明
[color=#0066CC]完成品[/color](12/28前)
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址：
(2).
1.製作作業的時間：
2.有無遇到的問題：
3.製作心得與感想：
[color=#CC0066]4.請務必在12/28前回覆，否則為遲交[/color]
[color=#0066CC]前置作業[/color](12/14)
(1)網站主題：
(2)導覽列架構設定
範例參考(可下載參考附檔的做法)：
[IMG]http://i556.photobucket.com/albums/ss1/whc915/webtree.jpg[/IMG]
(3)尺寸與架構設定
範例參考：
[IMG]http://i556.photobucket.com/albums/ss1/whc915/web-layout.jpg[/IMG]
(4)風格設定：
(5)主色調，輔助色調：
(6)製作動機：
(7)製作目的：
預期效果：
(8)資料蒐集分析
[color=#CC0099]◎設計優良網站(風格)列表與分析
請參考：http://mepopedia.com/forum/read.php?804,18412
並將網站分析回覆於前述網址[/color]
◎相關網站列表與分析：
6. 四、期末作業進度參考
第十五週 12/14 題目及網站架構確定，版型、ˋ尺寸確定，資料蒐集與網站分析
第十六週 12/21 圖片製作，內容建構
第十七週 12/28 完成與上傳，檢討與修正
第十八週 01/04 成績確認與最後修改
=================================================
[color=#CC0066]※期末作業無論如何請一定要繳交，否則以期末以零分計※
※若經發現作業為直接複製同學檔案以零分計※[/color]
=================================================
Edited 3 time(s). Last edit at 12/11/2011 02:37PM by JinJin.
(編輯記錄)
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 07:02PM 發表文章數: 16 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445042/
(2).
1.製作作業的時間：忘了=口=
2.有無遇到的問題：沒有太大的問題
3.製作心得與感想：能讓自己的網頁越來越豐富，感覺很有成就感!! 每次都很期待老師教的新內容~可惜下學期沒有網頁設計了QAQ
希望二下還是jin jin老師的課OWO*)/
(1)網站主題：我的個人網站(Happy Cat)
(2)導覽列架構設定 :[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/ex-finallayout-01.jpg[/IMG]
(3)尺寸與架構設定 :[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/ex-finallayout-02.jpg[/IMG]
(4)風格設定:可愛童話風
(5)主色調，輔助色調： 咖啡色系
(6)製作動機:以前(國中)有陣子很迷玩部落格，很佩服某些大師能將語法套用在部落格上讓自己的部落格變得很美，現在學到了使用DW，希望能自己做一個專屬的網頁
(7)製作目的：把自己的作品放在網站上，並在未來學到更多時，讓自己的網站越來越豐富!
預期效果：
今天聽到學姐畢業時找工作是用網頁來做面試的作品集，聽到時感覺很興奮，希望自己以後也能變成這麼厲害。
當然這次的預期效果，只要能把架構，跟整體能弄得簡單俐落，讓別人觀賞我的作品時能容易找到點選位子
MEPOERs said:
(2).
1.製作作業的時間：忘了=口=
2.有無遇到的問題：沒有太大的問題
3.製作心得與感想：能讓自己的網頁越來越豐富，感覺很有成就感!! 每次都很期待老師教的新內容~可惜下學期沒有網頁設計了QAQ
希望二下還是jin jin老師的課OWO*)/
(1)網站主題：我的個人網站(Happy Cat)
(2)導覽列架構設定 :[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/ex-finallayout-01.jpg[/IMG]
(3)尺寸與架構設定 :[IMG]http://i1120.photobucket.com/albums/l485/Aoi930727/ex-finallayout-02.jpg[/IMG]
(4)風格設定:可愛童話風
(5)主色調，輔助色調： 咖啡色系
(6)製作動機:以前(國中)有陣子很迷玩部落格，很佩服某些大師能將語法套用在部落格上讓自己的部落格變得很美，現在學到了使用DW，希望能自己做一個專屬的網頁
(7)製作目的：把自己的作品放在網站上，並在未來學到更多時，讓自己的網站越來越豐富!
預期效果：
今天聽到學姐畢業時找工作是用網頁來做面試的作品集，聽到時感覺很興奮，希望自己以後也能變成這麼厲害。
當然這次的預期效果，只要能把架構，跟整體能弄得簡單俐落，讓別人觀賞我的作品時能容易找到點選位子
Edited 2 time(s). Last edit at 12/27/2011 06:28PM by 骸蒼Aoi.
(編輯記錄)
MEPOERs said:
JinJin: 了解CSS後，套用到部落格的語法就更容易了，也期待你的作品喔!
JinJin: 果然非常迅速的完成了，雖然跟期中同一主題，但可喜的是有更細緻的修改跟呈現，也期待你可以持續製作，不要忘記製作的感覺，也希望之後能繼續教你們囉!
JinJin: 好像有改到檔案，目前看來works的左列導覽有缺圖喔!
骸蒼Aoi: 謝謝老師~已修正
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 10:51PM 發表文章數: 13 |
作業網址：http://mepopedia.com/~web100b/final/final-1001445123/index.html
(1)網站主題：幸福宴民族文化餐館
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:復古風
(5)主色調，輔助色調： 以咖啡色系為主/輔助色 紅黃
(6)製作動機:想為自己家的餐廳製作網頁
(7)製作目的：將自己家的餐廳推廣，利用網站達到宣傳的效果
預期效果：
希望能讓大家清楚的瞭解我們家的餐廳，並吸引大家的興趣！
MEPOERs said:
(1)網站主題：幸福宴民族文化餐館
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:復古風
(5)主色調，輔助色調： 以咖啡色系為主/輔助色 紅黃
(6)製作動機:想為自己家的餐廳製作網頁
(7)製作目的：將自己家的餐廳推廣，利用網站達到宣傳的效果
預期效果：
希望能讓大家清楚的瞭解我們家的餐廳，並吸引大家的興趣！
Edited 1 time(s). Last edit at 12/28/2011 12:44AM by 小多比.
(編輯記錄)
MEPOERs said:
JinJin: 期待你的作品，也期待有機會能去光顧!
JinJin: 也很迅速的完成了，建議可以設定a連結的語法看起會更精緻，菜單的圖片可以彈出設計，可以看得更清楚，可以試著把架構圖夾上圖檔會更清楚喔
|
1001445079
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 07, 2012 09:41AM 發表文章數: 11 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 27, 2011 08:51PM 發表文章數: 6 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445012/index.html
(2).
1.製作作業的時間：生命的一半
2.有無遇到的問題： 產品代言 終究無法成功!!!崩潰=口=
3.製作心得與感想：
我要把它完成!!!!
謝謝老師的筆記=))
MEPOERs said:
(2).
1.製作作業的時間：生命的一半
2.有無遇到的問題： 產品代言 終究無法成功!!!崩潰=口=
3.製作心得與感想：
我要把它完成!!!!
謝謝老師的筆記=))
MEPOERs said:
JinJin: 無法成功的原因?大致功能都OK，若有時間修個更細會更好喔!
|
jacky13601
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 02:13PM 發表文章數: 8 |
http://mepopedia.com/~web100b/final/final-1001445099/
製作風格:
以上一年的nba冠軍戰的mvp為主軸
配上他的經歷 和球隊
製作風格:
以上一年的nba冠軍戰的mvp為主軸
配上他的經歷 和球隊
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 02:38PM 發表文章數: 5 |
完成品(12/30前)
請將這項放置於文章最前面
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445061/
(2).
1.製作作業的時間：3天
2.有無遇到的問題：卡雙欄按鈕和同學研究很久,有同學的協助!
3.製作心得與感想：一樣還是延續期中的作業製作,其實一直都有同學的幫忙，
不然自己慢慢弄可能弄不出來,老師的講義分析很棒,
看得出來老師很用心~~~~~謝謝JINJIN
前置作業
(1)網站主題：蘇打綠樂團簡介
(2)導覽列架構設定 (附加檔案)
((4)風格設定：除了背景白色其他還是以綠色系為主配合圖片
(5)主色調，輔助色調：主色以綠色為主 輔色-白色
(6)製作動機: 很喜歡蘇打綠,
(7)製作目的：真的很喜歡聽蘇打綠的歌,也非常喜歡主唱青峰,我想我會支持下去的
預期效果：延續期中,希望老師會喜歡,要接受才行~~~~~
請將這項放置於文章最前面
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445061/
(2).
1.製作作業的時間：3天
2.有無遇到的問題：卡雙欄按鈕和同學研究很久,有同學的協助!
3.製作心得與感想：一樣還是延續期中的作業製作,其實一直都有同學的幫忙，
不然自己慢慢弄可能弄不出來,老師的講義分析很棒,
看得出來老師很用心~~~~~謝謝JINJIN
前置作業
(1)網站主題：蘇打綠樂團簡介
(2)導覽列架構設定 (附加檔案)
((4)風格設定：除了背景白色其他還是以綠色系為主配合圖片
(5)主色調，輔助色調：主色以綠色為主 輔色-白色
(6)製作動機: 很喜歡蘇打綠,
(7)製作目的：真的很喜歡聽蘇打綠的歌,也非常喜歡主唱青峰,我想我會支持下去的
預期效果：延續期中,希望老師會喜歡,要接受才行~~~~~
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 06, 2012 05:33PM 發表文章數: 13 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445081
(2).
1.製作作業的時間：3天
2.有無遇到的問題：footer用不見請同學幫忙後出來了
3.製作心得與感想： 最喜歡網頁設計老師jinjin了製作過程同學都有在旁協助幫我一起解決我的問題
最後作出我自己也非常滿意的網頁謝謝大家
(2).
1.製作作業的時間：3天
2.有無遇到的問題：footer用不見請同學幫忙後出來了
3.製作心得與感想： 最喜歡網頁設計老師jinjin了製作過程同學都有在旁協助幫我一起解決我的問題
最後作出我自己也非常滿意的網頁謝謝大家
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 09:07PM 發表文章數: 12 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445010/
製作作業的時間：好問題= =
3.製作心得與感想：希望這次字體還OK 雙欄多頁的部分改成SPRTY
還有好累阿~~~~~~~~~~~~
(1)網站主題：初音未來 V家族
(2)導覽列架構設定: 附檔
(3)尺寸與架構設定: 附檔
(4)風格設定:以初音未來為主的風格設定
(5)主色調:綠色白色為主
(6)製作動機:目前當下最紅的虛擬歌手 初音未來【初音ミク】 為許多青少年皆知 由音效樂聲的軟體系統與3D效果 發展出的虛擬歌手 由日本紅到台灣 以此設立一個專屬介紹網站
(7)製作目的：介紹VOCALOID相關系列的人物 音樂 讓大家認識 VOCALOID家族的發展與特色
MEPOERs said:
製作作業的時間：好問題= =
3.製作心得與感想：希望這次字體還OK 雙欄多頁的部分改成SPRTY
還有好累阿~~~~~~~~~~~~
(1)網站主題：初音未來 V家族
(2)導覽列架構設定: 附檔
(3)尺寸與架構設定: 附檔
(4)風格設定:以初音未來為主的風格設定
(5)主色調:綠色白色為主
(6)製作動機:目前當下最紅的虛擬歌手 初音未來【初音ミク】 為許多青少年皆知 由音效樂聲的軟體系統與3D效果 發展出的虛擬歌手 由日本紅到台灣 以此設立一個專屬介紹網站
(7)製作目的：介紹VOCALOID相關系列的人物 音樂 讓大家認識 VOCALOID家族的發展與特色
Edited 1 time(s). Last edit at 12/27/2011 09:01PM by free236.
(編輯記錄)
MEPOERs said:
JinJin: 大致功能都使用的不錯，但在編排的細節，如圖跟圖的關係，文字的使用，CSS的設定等，可以再花時間調得更好喔!架構圖也可以試著附上去喔!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 10:23PM 發表文章數: 13 |
網址:http://mepopedia.com/~web100b/final/final-1001445004/index1.html
(1)網站主題：魅力韓國-首爾
(2)導覽列架構設定 :因為不會放圖 使用附加檔案
(3)尺寸與架構設定 :因為不會放圖 使用附加檔案
(4)風格設定:以多彩為主
(5)主色調，輔助色調： 彩虹色系
(6)製作動機:因為有計畫要去韓國玩,所以就想把韓國介紹給大家
(7)製作目的：因為我很喜歡韓國,也預計要去,所以我想把韓國介紹給大家
預期效果：
今天聽到學姐畢業時找工作是用網頁來做面試的作品集,希望自己也能變成這麼厲害。
也希望以後可以從事這行業,所以這次超認真的!!!
MEPOERs said:
(1)網站主題：魅力韓國-首爾
(2)導覽列架構設定 :因為不會放圖 使用附加檔案
(3)尺寸與架構設定 :因為不會放圖 使用附加檔案
(4)風格設定:以多彩為主
(5)主色調，輔助色調： 彩虹色系
(6)製作動機:因為有計畫要去韓國玩,所以就想把韓國介紹給大家
(7)製作目的：因為我很喜歡韓國,也預計要去,所以我想把韓國介紹給大家
預期效果：
今天聽到學姐畢業時找工作是用網頁來做面試的作品集,希望自己也能變成這麼厲害。
也希望以後可以從事這行業,所以這次超認真的!!!
Edited 1 time(s). Last edit at 12/29/2011 01:41PM by 李佳玟.
(編輯記錄)
MEPOERs said:
JinJin: 很簡潔有設計感的網站，雖然還有些編排細節要再調整，不過感覺進步很多，未來也要繼續加油朝夢想邁進囉!
|
1001445129
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 11:11PM 發表文章數: 10 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 11:12PM 發表文章數: 11 |
http://mepopedia.com/~web100b/final/final-1001445077/index.html
(1)網站主題：T-ara
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:精簡 以能夠完整呈現內容為最大目標
(5)主色調，輔助色調： 黑白色系
(6)製作動機:網頁的東西太過繁瑣而且做到一半容易失神失去動力 利用自己較有興趣的主題希望能夠
延續自己期中考做出來的心得以及成功介紹這個團體
(7)製作目的：將T-ara可以讓剛認識他們的人得到最多的資訊
預期效果：
希望可以接續著上次的手感雖然雙欄不好操作
但希望成果會讓自己滿意
(1)網站主題：T-ara
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:精簡 以能夠完整呈現內容為最大目標
(5)主色調，輔助色調： 黑白色系
(6)製作動機:網頁的東西太過繁瑣而且做到一半容易失神失去動力 利用自己較有興趣的主題希望能夠
延續自己期中考做出來的心得以及成功介紹這個團體
(7)製作目的：將T-ara可以讓剛認識他們的人得到最多的資訊
預期效果：
希望可以接續著上次的手感雖然雙欄不好操作
但希望成果會讓自己滿意
Edited 1 time(s). Last edit at 01/04/2012 04:12AM by 大內密探.
(編輯記錄)
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 13, 2011 11:48PM 發表文章數: 6 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 14, 2011 02:04AM 發表文章數: 11 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445049/
(2).
1.製作作業的時間：無法計算… 比以往前幾次製作時間多上好幾天
2.有無遇到的問題：問題已解決。
3.製作心得與感想：做出來的網頁越來越完整了，只是有一些進階技巧還是不太熟（Spry）。
下學期沒有網頁設計課好可惜……
♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
(1)網站主題：北海道
(2)導覽列架構設定：
(3)尺寸與架構設定：
(4)風格設定：簡約
(5)主色調，輔助色調：紫色 白色
(6)製作動機：認識北海道
(7)製作目的：推廣日本北海道觀光
預期效果：
希望能設計出整齊又美觀的雙欄網頁，未來也能繼續運用所學製作網頁。
MEPOERs said:
(2).
1.製作作業的時間：無法計算… 比以往前幾次製作時間多上好幾天
2.有無遇到的問題：問題已解決。
3.製作心得與感想：做出來的網頁越來越完整了，只是有一些進階技巧還是不太熟（Spry）。
下學期沒有網頁設計課好可惜……
♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥♥
(1)網站主題：北海道
(2)導覽列架構設定：
(3)尺寸與架構設定：
(4)風格設定：簡約
(5)主色調，輔助色調：紫色 白色
(6)製作動機：認識北海道
(7)製作目的：推廣日本北海道觀光
預期效果：
希望能設計出整齊又美觀的雙欄網頁，未來也能繼續運用所學製作網頁。
Edited 9 time(s). Last edit at 01/05/2012 02:11PM by lilac.
(編輯記錄)
MEPOERs said:
JinJin: 的確越來越完整了，希望沒有網頁課的這一年也能繼續加油不要忘記囉!
|
hughero1314
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 14, 2011 12:47PM 發表文章數: 12 |
-
(1) 作業網址： http://mepopedia.com/~web100b/final/final-1001445022
(2).
1. 製作作業的時間：超過二十四小時
2. 有無遇到的問題：[color=#9999CC]同樣是跨瀏覽器的問題
還有關於 content 裡面的 L 跟 R 的問題
就算跟著老師的方法做也一樣不會跟著跑這樣[/color]
[color=#FF0000]這些問題已經從老師那裡得到解答，解決囉！：）[/color]
3. 製作心得與感想：雙欄式的網頁真的困難重重
但很高興我能從這樣的網頁中學會自己克服困難、解決問題
做完之後很有成就感，很高興：）
-
(1) 網站主題：金在中／東方神起
(2) 導覽列架構設定：
[IMG]http://i.imgur.com/E8uEV.jpg[/IMG]
(3) 尺寸與架構設定：
[IMG]http://i.imgur.com/FUmdw.jpg[/IMG]
(4) 風格設定：簡約、華麗、精緻
(5) 主色調，輔助色調：紅、黑；白、飽和度不依的紅、灰，等
(6) 製作動機：
喜歡一個人不能只是看外表，很多人因為他的長相而喜歡他
哪天他的髮型換了，身材變了，沒有了原本的帥氣，就不喜歡了
最討厭這種人‥
(7) 製作目的：讓更多人認識金在中這個人
預期效果： 呈現擁有自我風格的雙欄式網頁
-
MEPOERs said:
(1) 作業網址： http://mepopedia.com/~web100b/final/final-1001445022
(2).
1. 製作作業的時間：超過二十四小時
2. 有無遇到的問題：[color=#9999CC]同樣是跨瀏覽器的問題
還有關於 content 裡面的 L 跟 R 的問題
就算跟著老師的方法做也一樣不會跟著跑這樣[/color]
[color=#FF0000]這些問題已經從老師那裡得到解答，解決囉！：）[/color]
3. 製作心得與感想：雙欄式的網頁真的困難重重
但很高興我能從這樣的網頁中學會自己克服困難、解決問題
做完之後很有成就感，很高興：）
-
(1) 網站主題：金在中／東方神起
(2) 導覽列架構設定：
[IMG]http://i.imgur.com/E8uEV.jpg[/IMG]
(3) 尺寸與架構設定：
[IMG]http://i.imgur.com/FUmdw.jpg[/IMG]
(4) 風格設定：簡約、華麗、精緻
(5) 主色調，輔助色調：紅、黑；白、飽和度不依的紅、灰，等
(6) 製作動機：
喜歡一個人不能只是看外表，很多人因為他的長相而喜歡他
哪天他的髮型換了，身材變了，沒有了原本的帥氣，就不喜歡了
最討厭這種人‥
(7) 製作目的：讓更多人認識金在中這個人
預期效果： 呈現擁有自我風格的雙欄式網頁
-
Edited 5 time(s). Last edit at 01/03/2012 05:37PM by hughero1314.
(編輯記錄)
MEPOERs said:
JinJin: 期待你的作品囉!
hughero1314: 已經按照老師給我的建議重新修改後上傳囉！：）
JinJin: 感覺更完整更有質感了，建議TOP能設定CSS使其更有設計感!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 15, 2011 12:23AM 發表文章數: 13 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 08:58PM 發表文章數: 10 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 18, 2011 09:10PM 發表文章數: 12 |
(1)網站主題：新蘇聯官網(Union of New Soviet Republics)
(2)導覽列架構設定
[IMG]http://img141.imageshack.us/img141/9057/97356828.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://img714.imageshack.us/img714/9040/77909027.jpg[/IMG]
(4)風格設定：暗紅軍事風格
(5)主色調，輔助色調：暗紅色系
(6)製作動機：一直想要有自己遊戲軍團的網站
(7)製作目的：邊學網頁設計邊締造自己的軍團網頁
預期效果：簡約風格跟複雜精緻，簡約風也有它過人之處呢！
MEPOERs said:
(2)導覽列架構設定
[IMG]http://img141.imageshack.us/img141/9057/97356828.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://img714.imageshack.us/img714/9040/77909027.jpg[/IMG]
(4)風格設定：暗紅軍事風格
(5)主色調，輔助色調：暗紅色系
(6)製作動機：一直想要有自己遊戲軍團的網站
(7)製作目的：邊學網頁設計邊締造自己的軍團網頁
預期效果：簡約風格跟複雜精緻，簡約風也有它過人之處呢！
MEPOERs said:
JinJin: 期待你的作品，也可以順便把多頁的檔名寫上去之後置作會更方便喔!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 01:24PM 發表文章數: 9 |
|
best151515
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 19, 2011 12:42PM 發表文章數: 9 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 20, 2011 06:45PM 發表文章數: 1 |
1.網站主題:安妞!韓國
2.導覽架構:附加檔案
3.尺寸與架構:附加檔案
4.風格設定:浪漫唯美
5.主輔色:以紫色為主色
輔色以紫色明彩度上作變化
6.製作動機:因為看了韓劇以
後就喜歡上韓國，想要到韓國旅遊
7.目的:讓更多人喜歡上韓國
到韓國觀光就可以參考像這類的網站
8.預期效果:希望能設計出完整性高的網站
MEPOERs said:
2.導覽架構:附加檔案
3.尺寸與架構:附加檔案
4.風格設定:浪漫唯美
5.主輔色:以紫色為主色
輔色以紫色明彩度上作變化
6.製作動機:因為看了韓劇以
後就喜歡上韓國，想要到韓國旅遊
7.目的:讓更多人喜歡上韓國
到韓國觀光就可以參考像這類的網站
8.預期效果:希望能設計出完整性高的網站
MEPOERs said:
JinJin: 期末作業要做，但還是要把其他作業補齊喔!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 20, 2011 07:26PM 發表文章數: 13 |
附加檔案裡~
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 20, 2011 08:34PM 發表文章數: 10 |
(1)網站主題：攝影世界
作業網址 ； http://mepopedia.com/~web100b/final/final-1001445051/about.html
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定: 攝影感覺
(5)主色調，淡黃
(6)製作動機:想介紹有關攝影及繪畫方面的興趣
(7)製作目的：本身就喜歡攝影 所以想嘗試看看
預期效果：
希望到時做出來 自己會感到有所成就
MEPOERs said:
作業網址 ； http://mepopedia.com/~web100b/final/final-1001445051/about.html
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定: 攝影感覺
(5)主色調，淡黃
(6)製作動機:想介紹有關攝影及繪畫方面的興趣
(7)製作目的：本身就喜歡攝影 所以想嘗試看看
預期效果：
希望到時做出來 自己會感到有所成就
Edited 1 time(s). Last edit at 01/02/2012 05:58PM by 吳蓓蓓.
(編輯記錄)
MEPOERs said:
JinJin: 通常雙欄的導覽跟主要的導覽列是不同的喔，雙欄左側的連結應該是針對該頁的細部設定!~編排的部分也可以再細膩點，以及整體的風格及配色的設定，加油囉!
|
1001445026
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 20, 2011 09:23PM 發表文章數: 12 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445026/
(2).
1.製作作業的時間： 四天!
2.有無遇到的問題： 一些自己本來就應該的白痴錯誤不過及時改回來了!常識不足的我
3.製作心得與感想： 很刺激，跟第一次期中作業比起來網站整體更加完整!讓我變專業了!
(1)網站主題：MinJia Chen Lifelive
(2)導覽列架構設定 :[IMG]http://i1182.photobucket.com/albums/x460/minminminjia/ex-finallayout.jpg[/IMG]
(3)尺寸與架構設定 :[IMG]http://i1182.photobucket.com/albums/x460/minminminjia/c.jpg[/IMG]
(4)風格設定:乾淨為主
(5)主色調，輔助色調：白色系/附註色為藍色及黃色
(6)製作動機:想做一個更完整，能介紹自己的網站
(7)製作目的：將自己的作品放到自己製作出來的網站上感覺一定超開心
預期效果：
讓人感覺到乾淨為主，首先不要懶惰的做完!
MEPOERs said:
(2).
1.製作作業的時間： 四天!
2.有無遇到的問題： 一些自己本來就應該的白痴錯誤不過及時改回來了!常識不足的我
3.製作心得與感想： 很刺激，跟第一次期中作業比起來網站整體更加完整!讓我變專業了!
(1)網站主題：MinJia Chen Lifelive
(2)導覽列架構設定 :[IMG]http://i1182.photobucket.com/albums/x460/minminminjia/ex-finallayout.jpg[/IMG]
(3)尺寸與架構設定 :[IMG]http://i1182.photobucket.com/albums/x460/minminminjia/c.jpg[/IMG]
(4)風格設定:乾淨為主
(5)主色調，輔助色調：白色系/附註色為藍色及黃色
(6)製作動機:想做一個更完整，能介紹自己的網站
(7)製作目的：將自己的作品放到自己製作出來的網站上感覺一定超開心
預期效果：
讓人感覺到乾淨為主，首先不要懶惰的做完!
Edited 1 time(s). Last edit at 12/28/2011 09:48PM by 1001445026.
(編輯記錄)
MEPOERs said:
JinJin: 你的題目?然後也期待你的作品囉!
JinJin: 的確看起來更專業了，不過video的l有設i圖片卻沒有在圖檔裡，以致少圖，外部連結，建議使用blank,繼續加油囉!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 20, 2011 11:11PM 發表文章數: 12 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445024
(2).
1.製作作業的時間：5小時
2.有無遇到的問題：沒有
3.製作心得與感想： 不複習很快就忘了
(1)網站主題：
(2)導覽列架構設定
[IMG]http://i1129.photobucket.com/albums/m518/nahong/webtree.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://i1129.photobucket.com/albums/m518/nahong/web-layout.jpg[/IMG]
(4)風格設定：純樸簡單
(5)主色調，輔助色調：暖色系
(6)製作動機： 去北美館看了顏水龍的展覽，對他感到崇拜。
(7)製作目的：想多了解他，藉此可以查到他的作品、生平等。
預期效果：能夠做出舒服、編排明瞭的網站。
MEPOERs said:
(2).
1.製作作業的時間：5小時
2.有無遇到的問題：沒有
3.製作心得與感想： 不複習很快就忘了
(1)網站主題：
(2)導覽列架構設定
[IMG]http://i1129.photobucket.com/albums/m518/nahong/webtree.jpg[/IMG]
(3)尺寸與架構設定
[IMG]http://i1129.photobucket.com/albums/m518/nahong/web-layout.jpg[/IMG]
(4)風格設定：純樸簡單
(5)主色調，輔助色調：暖色系
(6)製作動機： 去北美館看了顏水龍的展覽，對他感到崇拜。
(7)製作目的：想多了解他，藉此可以查到他的作品、生平等。
預期效果：能夠做出舒服、編排明瞭的網站。
Edited 2 time(s). Last edit at 12/27/2011 11:32PM by nhong.
(編輯記錄)
MEPOERs said:
JinJin: 雖然架構很完整，可是還是要嘗試雙欄喔，作品解說文字多一點看起來才會有豐富的感覺喔!
|
coxxd01217
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 05:42PM 發表文章數: 10 |
(1)作業網址http://mepopedia.com/~web100b/final/final-1001445109
(2)
1.製作作業的時間：3天
2.有無遇到的問題：製作時有點困難
3.製作心得與感想：但做完很有成就感....
MEPOERs said:
(2)
1.製作作業的時間：3天
2.有無遇到的問題：製作時有點困難
3.製作心得與感想：但做完很有成就感....
MEPOERs said:
JinJin: 記得補上前置架構圖以及做側導覽的連結設定喔!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 21, 2011 09:19AM 發表文章數: 11 |
作業的網址：http://mepopedia.com/~web100b/final/final-1001445075
1.製作作業的時間：沒仔細算過 >"< 大致超過1天吧~
2.有無遇到的問題：雙欄部分有遇到點問題，但後來都解決了
3.製作心得與感想：想做好網頁很不容易呢，花了許多時間，但很開心有堅持到最後！
(1)網站主題：手工餅乾
(2)導覽列架構設定 ：附加檔案
(3)尺寸與架構設定：附加檔案
(4)風格設定：有餅乾質感
(5)主色調，輔助色調：暖色(以橙色為主)
(6)製作動機：想學習做餅乾
(7)製作目的：讓大家了解手工餅乾及製做方法
預期效果：
能做出簡單完整的網頁
1.製作作業的時間：沒仔細算過 >"< 大致超過1天吧~
2.有無遇到的問題：雙欄部分有遇到點問題，但後來都解決了
3.製作心得與感想：想做好網頁很不容易呢，花了許多時間，但很開心有堅持到最後！
(1)網站主題：手工餅乾
(2)導覽列架構設定 ：附加檔案
(3)尺寸與架構設定：附加檔案
(4)風格設定：有餅乾質感
(5)主色調，輔助色調：暖色(以橙色為主)
(6)製作動機：想學習做餅乾
(7)製作目的：讓大家了解手工餅乾及製做方法
預期效果：
能做出簡單完整的網頁
Edited 1 time(s). Last edit at 01/03/2012 05:36PM by sintp23.
(編輯記錄)
|
best151515
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 22, 2011 01:35PM 發表文章數: 9 |
|
coxxd01217
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 26, 2011 05:51PM 發表文章數: 10 |
(1)網站主題：2PM
(2)導覽列架構設定 :使用附加檔案
(3)尺寸與架構設定 :邊做邊想
(4)風格設定:無設定
(5)主色調，輔助色調：藍
(6)製作動機:介紹他們
(7)製作目的:喜歡他們
預期效果：
希望大家可以認識他們
(2)導覽列架構設定 :使用附加檔案
(3)尺寸與架構設定 :邊做邊想
(4)風格設定:無設定
(5)主色調，輔助色調：藍
(6)製作動機:介紹他們
(7)製作目的:喜歡他們
預期效果：
希望大家可以認識他們
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 28, 2011 03:50AM 發表文章數: 11 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445083/index.html
(2).
1.製作作業的時間：兩三個禮拜
2.有無遇到的問題： 雙欄部份真的搞得很頭痛 最後終於像樣點了
3.製作心得與感想： 我覺得我沒有做得很好 有機會我會在做修改
(1)網站主題：BIGBANG
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:繽紛風
(5)主色調，淡黃色
(6)製作動機:之前很喜歡這個團體的風格,所以介紹BIGBANG這個團體
(7)製作目的：讓更多人了解BIGBANG
預期效果：
希望能如期完成,並且完整
(老師我之前不小心開到同學的帳號打前置作業 所以我從新在上傳一次 順便回復老師我的主題是韓星BIGBANG)
MEPOERs said:
(2).
1.製作作業的時間：兩三個禮拜
2.有無遇到的問題： 雙欄部份真的搞得很頭痛 最後終於像樣點了
3.製作心得與感想： 我覺得我沒有做得很好 有機會我會在做修改
(1)網站主題：BIGBANG
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:繽紛風
(5)主色調，淡黃色
(6)製作動機:之前很喜歡這個團體的風格,所以介紹BIGBANG這個團體
(7)製作目的：讓更多人了解BIGBANG
預期效果：
希望能如期完成,並且完整
(老師我之前不小心開到同學的帳號打前置作業 所以我從新在上傳一次 順便回復老師我的主題是韓星BIGBANG)
Edited 1 time(s). Last edit at 12/28/2011 05:21AM by wei_80628.
(編輯記錄)
MEPOERs said:
JinJin: 恭喜完成，建議在欸色上可以再調整，配出最適合BIGBANG的顏色
|
1001445129
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 12:31AM 發表文章數: 10 |
1001445129 明天還請老師麻煩幫我看一下了!!thx
製作時間:一個禮拜多
有無問題:有!最後的上傳導致整個作業無法顯示圖片.
MEPOERs said:
製作時間:一個禮拜多
有無問題:有!最後的上傳導致整個作業無法顯示圖片.
MEPOERs said:
JinJin: OK!要記得來找我喔!
JinJin: 缺的作業也要記得補喔!
|
1001445032
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 26, 2011 10:57PM 發表文章數: 10 |
作業網址:http://mepopedia.com/~web100b/final/final-1001445032
(1)網站主題：燃燒的靈魂-梵谷
(2)導覽列架構設定 :
(3)尺寸與架構設定 :
(4)風格設定: 簡約風格
(5)主色調，輔助色調： 紅色、粉紅色系
(6)製作動機:喜歡梵谷
(7)製作目的：讓大家對梵谷有更多的認識
預期效果：
我做不出雙欄!!!
MEPOERs said:
(1)網站主題：燃燒的靈魂-梵谷
(2)導覽列架構設定 :
(3)尺寸與架構設定 :
(4)風格設定: 簡約風格
(5)主色調，輔助色調： 紅色、粉紅色系
(6)製作動機:喜歡梵谷
(7)製作目的：讓大家對梵谷有更多的認識
預期效果：
我做不出雙欄!!!
Edited 1 time(s). Last edit at 01/05/2012 04:36PM by 1001445032.
(編輯記錄)
MEPOERs said:
JinJin: 可於課堂時討論雙欄遇到的問題!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 28, 2011 02:56AM 發表文章數: 2 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445073
(2).
1.製作作業的時間： 很多天
2.有無遇到的問題： 有時候打程式碼的時候他不都鳥我
3.製作心得與感想： 累屎屎屎屎屎啦啦啦啦啦啦啦我終於做完啦啦啦啦啦啦啦\(^0<)/!!!!!!!!!!!!!!!!!!!!!!!!!!!!!(吐血
MEPOERs said:
(2).
1.製作作業的時間： 很多天
2.有無遇到的問題： 有時候打程式碼的時候他不都鳥我
3.製作心得與感想： 累屎屎屎屎屎啦啦啦啦啦啦啦我終於做完啦啦啦啦啦啦啦\(^0<)/!!!!!!!!!!!!!!!!!!!!!!!!!!!!!(吐血
Edited 1 time(s). Last edit at 12/28/2011 03:10AM by pp4431.
(編輯記錄)
MEPOERs said:
JinJin: 很有自己的風格，不錯，不過左側導覽列要能連結喔，網頁用圖檔也要記得縮小喔!另外平時做頁也要記得補，不然分數還是很危險喔!
|
9711443098
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 28, 2011 01:07PM 發表文章數: 10 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-9711443098/
(2).
1.製作作業的時間： ６個小時
2.有無遇到的問題： 跳窗連結無法正常運作，所以改成連結圖片的方式
3.製作心得與感想：雖然做得很簡單，但摸了好久，有種樂此不疲的感覺喔！
(2).
1.製作作業的時間： ６個小時
2.有無遇到的問題： 跳窗連結無法正常運作，所以改成連結圖片的方式
3.製作心得與感想：雖然做得很簡單，但摸了好久，有種樂此不疲的感覺喔！
|
1001445002
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 28, 2011 05:15PM 發表文章數: 11 |
(1)作業網址http://mepopedia.com/~web100b/final/final-1001445002
(2)1.製作作業的時間：有空就做,腦細胞壞死嚴重…
2.有無遇到的問題：Spry標籤面板不能與內容連結,都聚集在同一頁
3.製作心得與感想：雖然在製作時很累頭很痛,但看到成品時依舊很開心很喜悅
(1)網站主題：星空 像初戀般 去愛吧!
(2)導覽列架構設定與尺寸與架構設定：
http://www.facebook.com/media/set/?set=a.327202087298779.84847.100000269718468&type=1
(4)風格設定：配合幾米星空繪本略帶溫和卻憂鬱的風格
(5)主色調，輔助色調：藍色 米黃色
(6)製作動機：一直以來都很喜歡幾米的繪本畫作,這次拍成電影的星空更備受矚目,所以製作這個網頁分享,讓大家都喜歡幾米的畫作以及星空這部電影!
(7)製作目的：希望所有人都會喜歡星空這部片,並以國片為榮
預期效果：讓台灣國片的熱潮更加宣揚!
(2)1.製作作業的時間：有空就做,腦細胞壞死嚴重…
2.有無遇到的問題：Spry標籤面板不能與內容連結,都聚集在同一頁
3.製作心得與感想：雖然在製作時很累頭很痛,但看到成品時依舊很開心很喜悅
(1)網站主題：星空 像初戀般 去愛吧!
(2)導覽列架構設定與尺寸與架構設定：
http://www.facebook.com/media/set/?set=a.327202087298779.84847.100000269718468&type=1
(4)風格設定：配合幾米星空繪本略帶溫和卻憂鬱的風格
(5)主色調，輔助色調：藍色 米黃色
(6)製作動機：一直以來都很喜歡幾米的繪本畫作,這次拍成電影的星空更備受矚目,所以製作這個網頁分享,讓大家都喜歡幾米的畫作以及星空這部電影!
(7)製作目的：希望所有人都會喜歡星空這部片,並以國片為榮
預期效果：讓台灣國片的熱潮更加宣揚!
Edited 1 time(s). Last edit at 12/28/2011 07:48PM by 1001445002.
(編輯記錄)
|
best151515
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
December 31, 2011 01:53PM 發表文章數: 9 |
完成品
(1)作業網址http://mepopedia.com/~web100b/final/final-1001445016
(2).
1.製作作業的時間：兩天
2.有無遇到的問題：沒
3.製作心得與感想： 超級難
(1)作業網址http://mepopedia.com/~web100b/final/final-1001445016
(2).
1.製作作業的時間：兩天
2.有無遇到的問題：沒
3.製作心得與感想： 超級難
|
J1001445091
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 03:42AM 發表文章數: 12 |
-完成品-
(1).作業網址http://mepopedia.com/~web100b/final/final-1001445091
(2)
1.製作作業的時間：一個禮拜，每次一小時。
2.有無遇到的問題：有!!!慢慢去突破，花了好久時間，不斷熬夜。
3.製作心得與感想： 我真覺得網頁設計是我認為最需要花最多時間來懂得一門課，
它比較複雜，當做到一個階段的那一煞那!我心中的大石頭總算放下了，有總虛脫的感覺
呼～
MEPOERs said:
(1).作業網址http://mepopedia.com/~web100b/final/final-1001445091
(2)
1.製作作業的時間：一個禮拜，每次一小時。
2.有無遇到的問題：有!!!慢慢去突破，花了好久時間，不斷熬夜。
3.製作心得與感想： 我真覺得網頁設計是我認為最需要花最多時間來懂得一門課，
它比較複雜，當做到一個階段的那一煞那!我心中的大石頭總算放下了，有總虛脫的感覺
呼～
MEPOERs said:
JinJin: 恭喜你做完了，不過檔案放置位置有些問題，設定padding可以讓邊距寬敞，看起來更舒服，雙欄的導覽有一些部分沒設到，才會有圖跑出去，其他作業也要記得補齊喔!繼續加油囉!
|
J1001445091
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 03:51AM 發表文章數: 12 |
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 06:03PM 發表文章數: 13 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445119
(2).
1.製作作業的時間： 約一禮拜
2.有無遇到的問題： 還好~越來越熟練了
3.製作心得與感想：
非常有成就感~!! 很感謝老師教導有方~!!
MEPOERs said:
(2).
1.製作作業的時間： 約一禮拜
2.有無遇到的問題： 還好~越來越熟練了
3.製作心得與感想：
非常有成就感~!! 很感謝老師教導有方~!!
MEPOERs said:
JinJin: 作品很完整，不過若能將連結做CSS設定會更有設計感!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 06:48PM 發表文章數: 10 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445105
(2).
1.製作作業的時間： 全部加起來9~12小時
2.有無遇到的問題： 有
3.製作心得與感想： 感覺整個課程下來真的學到不少，很值得，雖然個人因為一些因素過程停擺了一段時間製作網頁，用了很多時間才補回來～不過老師的講義做的真的很好，我覺得不看講義的話就沒辦法再做一個好的網頁，所以不知道自己實際上有沒有吸收到...最後感謝老師一直以寬容我們的任性。
MEPOERs said:
(2).
1.製作作業的時間： 全部加起來9~12小時
2.有無遇到的問題： 有
3.製作心得與感想： 感覺整個課程下來真的學到不少，很值得，雖然個人因為一些因素過程停擺了一段時間製作網頁，用了很多時間才補回來～不過老師的講義做的真的很好，我覺得不看講義的話就沒辦法再做一個好的網頁，所以不知道自己實際上有沒有吸收到...最後感謝老師一直以寬容我們的任性。
MEPOERs said:
JinJin: 做得完整也有設計感，記得把#content ul li {list-style-image: url(images/arrow_c.jpg);}拿掉，以及footer的底圖拿掉，才不會出現找不到圖!若能加上網頁架構圖分數會更好，繼續加油囉!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 09:43PM 發表文章數: 12 |
(1)作業網址：http://mepopedia.com/~web100b/final/final-1001445024
(2).
1.製作作業的時間：5小時
2.有無遇到的問題：沒有
3.製作心得與感想： 老師這是修改後的網頁。
MEPOERs said:
(2).
1.製作作業的時間：5小時
2.有無遇到的問題：沒有
3.製作心得與感想： 老師這是修改後的網頁。
MEPOERs said:
JinJin: 收到了，感覺又更完整了!繼續加油囉!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 10:25PM 發表文章數: 10 |
(1).作業網址http://mepopedia.com/~web100b/final/final-1001445095
(2)
1.製作作業的時間：一天
2.有無遇到的問題：花了好久時間，有時熬夜趕工。
3.製作心得與感想：網頁設計語法我有時還是會搞不懂，自己慢慢研究才了解一些，
雖然網頁作起來很複雜，但很有成就感耶
MEPOERs said:
(2)
1.製作作業的時間：一天
2.有無遇到的問題：花了好久時間，有時熬夜趕工。
3.製作心得與感想：網頁設計語法我有時還是會搞不懂，自己慢慢研究才了解一些，
雖然網頁作起來很複雜，但很有成就感耶
MEPOERs said:
JinJin: 完整的作品，也越來越有質感，也希望能有收穫並繼續加油囉!若能補上前置作的的架構會更完整
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 11:16PM 發表文章數: 12 |
網址:http://mepopedia.com/~web100b/final/final-1001445063
(1)網站主題:寶貝動物の家(流浪動物之家)
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:輕鬆優閒關懷
(5)主色調，輔助色調:藍色調為主
(6)製作動機:看見許多人崇尚名犬，隨意棄養動物，加上許多流浪動物之家面臨收容數量超額，
所以想架設此網頁供人得知更多流浪動物的資訊。
(7)製作目的:想要上社會大眾藉由預覽此網頁，能多加認養流浪動物，讓流浪動物早日有個完整的家、和愛護他們的主人
預期效果：
希望大家會喜歡網頁裡的東西，然後藉機幫助到流浪動物，也可以提升自己在網頁設計的熟練，以便未來工作需要
MEPOERs said:
(1)網站主題:寶貝動物の家(流浪動物之家)
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:輕鬆優閒關懷
(5)主色調，輔助色調:藍色調為主
(6)製作動機:看見許多人崇尚名犬，隨意棄養動物，加上許多流浪動物之家面臨收容數量超額，
所以想架設此網頁供人得知更多流浪動物的資訊。
(7)製作目的:想要上社會大眾藉由預覽此網頁，能多加認養流浪動物，讓流浪動物早日有個完整的家、和愛護他們的主人
預期效果：
希望大家會喜歡網頁裡的東西，然後藉機幫助到流浪動物，也可以提升自己在網頁設計的熟練，以便未來工作需要
MEPOERs said:
JinJin: 內容標題文字可以設定再小一些，連結部分設CSS語法，看起來會更有設計感，繼續加油囉!
|
1001445036
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 11:18PM 發表文章數: 13 |
http://mepopedia.com/~web100b/final/final-1001445036/index.html
1.網頁主題： 配色與風格設定：期中作業延續,塗鴉風格
2.有無遇到的問題?沒有
3.製作感想 家裡dreamweaver變成英文版,所以我找不到怎麼插入影音的語法,就直接把影音下載下來用
4.製作作業的時間 延續作業,另外加上大約2小時
MEPOERs said:
1.網頁主題： 配色與風格設定：期中作業延續,塗鴉風格
2.有無遇到的問題?沒有
3.製作感想 家裡dreamweaver變成英文版,所以我找不到怎麼插入影音的語法,就直接把影音下載下來用
4.製作作業的時間 延續作業,另外加上大約2小時
MEPOERs said:
JinJin: 記得把#content ul li {list-style-image: url(images/arrow_c.jpg);}拿掉，才不會出現找不到圖!繼續加油喔!
|
1001445008
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 03, 2012 11:43PM 發表文章數: 12 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445008
(2).
1.製作作業的時間： 1 個禮拜
2.有無遇到的問題： 無
3.製作心得與感想： 很辛苦,又不小心按到刪掉重做~不過做完很開心
(1)網站主題： 5 wonder view
(2)導覽列架構設定
[img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/409213_346671788691686_100000466022390_1387171_1949208865_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/397419_346671762025022_100000466022390_1387170_521436882_n.jpg[/img]
(4)風格設定： 簡樸
(5)主色調，輔助色調： 粉色 黃
(6)製作動機： 想知道更多美好風景
(7)製作目的： 介紹美麗風景!
(8)預期效果: 想做的簡單易懂的感覺~ ^0^
MEPOERs said:
(2).
1.製作作業的時間： 1 個禮拜
2.有無遇到的問題： 無
3.製作心得與感想： 很辛苦,又不小心按到刪掉重做~不過做完很開心
(1)網站主題： 5 wonder view
(2)導覽列架構設定
[img]http://a6.sphotos.ak.fbcdn.net/hphotos-ak-ash4/409213_346671788691686_100000466022390_1387171_1949208865_n.jpg[/img]
(3)尺寸與架構設定
[img]http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/397419_346671762025022_100000466022390_1387170_521436882_n.jpg[/img]
(4)風格設定： 簡樸
(5)主色調，輔助色調： 粉色 黃
(6)製作動機： 想知道更多美好風景
(7)製作目的： 介紹美麗風景!
(8)預期效果: 想做的簡單易懂的感覺~ ^0^
MEPOERs said:
JinJin: 記得把background-image: url(images/left-bg.gif); }拿掉，才不會出現找不到圖的畫面，繼續加油囉!
1001445008: 已經弄好了!!! 再請老師過目~^0^~~~
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 12:35AM 發表文章數: 10 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445047
(2).
1.製作作業的時間： 6個小時
2.有無遇到的問題：本來右邊欄位會整個跑掉,後來研究好了
3.製作心得與感想：有點累呢...辛苦很值得
*我剛才發現有錯所以重放了一次，但有張圖片還是顯示不出來不知道該怎辦...
MEPOERs said:
(2).
1.製作作業的時間： 6個小時
2.有無遇到的問題：本來右邊欄位會整個跑掉,後來研究好了
3.製作心得與感想：有點累呢...辛苦很值得
*我剛才發現有錯所以重放了一次，但有張圖片還是顯示不出來不知道該怎辦...
Edited 1 time(s). Last edit at 01/04/2012 01:37AM by s930335w.
(編輯記錄)
MEPOERs said:
JinJin: 你說的是哪張圖?我這裡看起來應該OK
JinJin: 另若能加上架構圖會更完整
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 01:06AM 發表文章數: 12 |
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445053
(2).
1.製作作業的時間： 從作業六到期末 我做了 8-9個小時
2.有無遇到的問題： 有 檔案出問題 害我其中的重做 做完才發現是圖書館電腦問題 TㄇT
3.製作心得與感想 : 還好有老師用心做的講義 不然我覺得就算找書應該也不大了解 複雜的東西簡單化 一目了然 雖然有點花時間製作 不過做玩真的ˊ很有成就感
這次主題是因為跨年前上映的鞋貓劍客電影 我去看了很有趣可愛 相當喜歡所以就以這個做為製作網頁的主題 當初的事啦啦熊 兩次都是走可愛風希望老師大家喜歡
MEPOERs said:
(2).
1.製作作業的時間： 從作業六到期末 我做了 8-9個小時
2.有無遇到的問題： 有 檔案出問題 害我其中的重做 做完才發現是圖書館電腦問題 TㄇT
3.製作心得與感想 : 還好有老師用心做的講義 不然我覺得就算找書應該也不大了解 複雜的東西簡單化 一目了然 雖然有點花時間製作 不過做玩真的ˊ很有成就感
這次主題是因為跨年前上映的鞋貓劍客電影 我去看了很有趣可愛 相當喜歡所以就以這個做為製作網頁的主題 當初的事啦啦熊 兩次都是走可愛風希望老師大家喜歡
MEPOERs said:
JinJin: 作品更進步更有設計感了，不過有些細節再調整會更好，如圖片的排放，連結的CSS設定等等，另加上架構圖作業會更完整!繼續加油囉!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 01:19AM 發表文章數: 16 |
http://mepopedia.com/~web100b/final/final-1001445055
夜深了 就這樣吧。
主題：癡呆日記
MEPOERs said:
夜深了 就這樣吧。
主題：癡呆日記
MEPOERs said:
JinJin: 蠻可愛的網站，但若每頁都能像首頁一樣用心就會很完整啦，另沒有網站架構圖喔!
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 01:40AM 發表文章數: 10 |
作業網址：http://mepopedia.com/~web100b/final/final-1001445057
(1)網站主題：幸福的廷廷狗
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:溫馨可愛風
(5)主色調，輔助色調： 以粉紅色系為主紫紅色系為輔
(6)製作動機:想為自己心愛的狗狗製作網頁,製作的當中牠突然去世了,讓我一度難過的不想再繼續做下去,但是還是決定重振心情完成它
(7)製作目的：想讓大家認識牠我最愛的狗
預期效果：
希望大家能夠認識廷廷狗
(1)網站主題：幸福的廷廷狗
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :附加檔案
(4)風格設定:溫馨可愛風
(5)主色調，輔助色調： 以粉紅色系為主紫紅色系為輔
(6)製作動機:想為自己心愛的狗狗製作網頁,製作的當中牠突然去世了,讓我一度難過的不想再繼續做下去,但是還是決定重振心情完成它
(7)製作目的：想讓大家認識牠我最愛的狗
預期效果：
希望大家能夠認識廷廷狗
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 09:03AM 發表文章數: 12 |
(1)網站主題：童話星座界★〞
http://mepopedia.com/~web100b/final/final-1001445030
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :與老師的相同
(4)風格設定:神秘感
(5)主色調，輔助色調： 以黑色系為主/輔助色 藍色點綴
(6)製作動機:因欸自己喜歡希臘的神話故事，有種夢幻的童話
(7)製作目的：讓在擠在製作之餘，也可以因為喜歡的事物而更了解他們
預期效果：
每一個圖片都是我最喜歡的，希望大野也能體會圖片的美♥
http://mepopedia.com/~web100b/final/final-1001445030
(2)導覽列架構設定 :附加檔案
(3)尺寸與架構設定 :與老師的相同
(4)風格設定:神秘感
(5)主色調，輔助色調： 以黑色系為主/輔助色 藍色點綴
(6)製作動機:因欸自己喜歡希臘的神話故事，有種夢幻的童話
(7)製作目的：讓在擠在製作之餘，也可以因為喜歡的事物而更了解他們
預期效果：
每一個圖片都是我最喜歡的，希望大野也能體會圖片的美♥
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 01:23PM 發表文章數: 10 |
(1)
作業網址：
http://mepopedia.com/~web100b/final/final-1001445006/
(2).
1.製作作業的時間：
忘了...zzzzzzzz
2.有無遇到的問題：
好多...ex:按鈕在ie會有奇怪的邊框
3.製作心得與感想：
換了一個全新的風格,但沒力氣換內容了....不過這次修了許多padding的部分,比期中完整了些
第一次坐進入頁面,研究了一番還是怪怪的...
好想做出好網頁喔~~~~~
作業網址：
http://mepopedia.com/~web100b/final/final-1001445006/
(2).
1.製作作業的時間：
忘了...zzzzzzzz
2.有無遇到的問題：
好多...ex:按鈕在ie會有奇怪的邊框
3.製作心得與感想：
換了一個全新的風格,但沒力氣換內容了....不過這次修了許多padding的部分,比期中完整了些
第一次坐進入頁面,研究了一番還是怪怪的...
好想做出好網頁喔~~~~~
|
Carol Chen
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 01:42PM 發表文章數: 5 |
作業網址：
http://mepopedia.com/~web100b/final/final-1001445089/
(2).
1.製作作業的時間：不記得了
2.有無遇到的問題：力不從心 有點煩 想要做的樣子卻做不出來 本來也想獨立一個首頁的圖 可是試了好久 卻沒有想要的那樣子 只好放棄了
3.製作心得與感想：常常做到一半會有連不到接不上的問題，但是再看看老師的筆記就還好了
http://mepopedia.com/~web100b/final/final-1001445089/
(2).
1.製作作業的時間：不記得了
2.有無遇到的問題：力不從心 有點煩 想要做的樣子卻做不出來 本來也想獨立一個首頁的圖 可是試了好久 卻沒有想要的那樣子 只好放棄了
3.製作心得與感想：常常做到一半會有連不到接不上的問題，但是再看看老師的筆記就還好了
|
1001445079
[ 站內寄信 / PM ]
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 02:20PM 發表文章數: 11 |
完成品(12/28前)
請將這項放置於文章最前面
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445079/
(2).
1.製作作業的時間：2天
2.有無遇到的問題：雙欄研究了很久
3.製作心得與感想：其實後來都是一邊摸索一邊做出來的，弄懂後，發現其時沒有很難，反而感覺學到很多。
不過我還是喜歡老師截圖的講義，很用心也很易懂！
前置作業(12/14)
(1)網站主題：張懸的介紹網站
(2)導覽列架構設定
(附加檔案)
(3)尺寸與架構設定
(附加檔案)
(4)風格設定：以相近色彩配合圖片為主的簡單風格
(5)主色調，輔助色調：主-灰黑，輔-橄綠
(6)製作動機：喜歡張學懸的歌
(7)製作目的：喜歡張學懸的歌，所以想做一個介紹他的網站
預期效果：希望能營造出簡單舒服的感覺
(8)資料蒐集分析
◎設計優良網站(風格)列表與分析
請參考：http://mepopedia.com/forum/read.php?804,18412
請將這項放置於文章最前面
(1)作業網址： http://mepopedia.com/~web100b/final/final-1001445079/
(2).
1.製作作業的時間：2天
2.有無遇到的問題：雙欄研究了很久
3.製作心得與感想：其實後來都是一邊摸索一邊做出來的，弄懂後，發現其時沒有很難，反而感覺學到很多。
不過我還是喜歡老師截圖的講義，很用心也很易懂！
前置作業(12/14)
(1)網站主題：張懸的介紹網站
(2)導覽列架構設定
(附加檔案)
(3)尺寸與架構設定
(附加檔案)
(4)風格設定：以相近色彩配合圖片為主的簡單風格
(5)主色調，輔助色調：主-灰黑，輔-橄綠
(6)製作動機：喜歡張學懸的歌
(7)製作目的：喜歡張學懸的歌，所以想做一個介紹他的網站
預期效果：希望能營造出簡單舒服的感覺
(8)資料蒐集分析
◎設計優良網站(風格)列表與分析
請參考：http://mepopedia.com/forum/read.php?804,18412
|
Re: [期末作業] 以雙欄為主的網站設計
分類標籤: 100-1《中國》北視傳一B-網頁設計
|
January 04, 2012 02:53PM 發表文章數: 13 |
MEPO forum
is powered by Phorum.