[color=#990000][作業02] [期中作業] 以單欄為主的網站設計[/color]
[color=#663300]一、製作說明:[/color]
1.請參考期中之前教過的做法及講義,製作以單欄為主的網站
一、製作說明:
1.請參考期中之前教過的做2.每個同學記得在[color=#990033]title的部分打上"視傳一B-學號-期中作業-主題"[/color]
義,製作以單欄為主的網站
2.每個同學記得在[color=#990033]title的部分打上"自訂的主題"[/color]
在#footer 註明 Des [color=#CC0000](1)DIV與CSS的設定
(2)利用單純色彩搭配與字體設定設計出具有質感的網頁[/color]
[color=#663300]二、繳交作業方式[/color]
1.製作完成後,檔案命名方式:
[color=#669900]第二個作業FTP上的資料夾為:midtern
每位同學請將自己的資料夾命名為:midterm-學號
這個作業的網址則為:http://mepopedia.com/~web100b/midterm/midterm-100xxxxxxx
資料夾內含:
1.首頁命名為index.html
2.其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
3.一個命名為style.css的css樣式檔
越多頁,內容越完整,分數越6.本次作業的重點[color=#66332.上傳至FTP
3.依進度回覆本篇文章
h2>
1.製作完成後,檔案命名方式:
[color=#669900]第二個作業FTP上的資料夾為:midtern
每位同學請將自己的資料夾命名為:midterm-學號
這個作業的網址則為:http://mepopedia.com/~web100b/midterm/midterm-100xxxxxxx
資料夾內含:
(1).首頁命名為index.html
(2).其他頁面請自行命名,但需注意命名為則,不可出現中文及全形字、特殊符號等等
7.製作完成上傳至F4.請務必在11/08前回覆,否則為遲交
TP
8.本次作業的重點在於:
[color=#
[color=#CC0066]1.製作完成後,檔案命名方式:[/colo2.全部完成後上傳至FTP
3.依進度回覆本篇文章
夾為:midtern
CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]
[color=#663300]二、繳交作業方式[/color]
美感(CSS運用,風格及配色,字體設定、圖片製作) 30%
3. 導覽列的正確性(含導覽超連結)10%
4. h1或h2的使用 5%
7.若真的不會做,可下載附檔,參考老師的檔案,加以修改完成,但圖片及文字內容不7. Footer的版權宣告 5%
8. 內容完整的兩頁(至少)的4.請務必在11/08前回覆,否則為遲交
連結 10%
7. Footer的版權宣告 5%
一樣。
7.[color=#CC3300]若真的不會做,可下載附檔,參考老師的檔案,加以修改完成,但圖片及文字內容不可一樣。
[color=#993300]7.若真的不會做,可下載附檔,參考老師的檔案,加以修改完成,但圖片及文字內容不可一樣。
[color=#CC0066]前置作業[/color](10/19)
(1)網站主題:
(2)製作動機:
(3)製作內容:
(4)資料蒐集分析
(1)設計優良網站(風格)列表與分析:
(2)相關網站列表與分析:
[color=#CC0066]完成品[/color](11/08前)
(1)作業網址
(2).有無遇到的問題,製作感想,製作作業的時間
[color=#CC0066]4.請務必在11/08前回覆,否則為遲交[/color]
[color=#663300]三、期中作業進度參考[/color]
第七週 10/19 前置作業,題目確定,資料蒐集與分析等
第八週 10/26 決定排版形式、尺寸、圖片製作
第九週 11/02 HTML DIV與CSS設定
第十週 11/09 期中作業上傳繳交
=================================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
=================================================(附檔有兩組:
一組是以圖片按鈕為主,需自行製作圖片
一組是以導覽列為主(色彩編排),請選擇一組參考製作)[/color]
8.製作完成上傳至FTP
9.本次作業的重點在於:
(1)設計優良網站(風格)列表與分析:
(2)相關網站列表與分析:
[color=#0066CC]完成品[/color](11/08前)
(1)作業網址
(2).有無遇到的問題,製作感想,製作作業的時間
[color=#CC0066]4.請務必在11/08前回覆,否則為遲交[/color]
[color=#663300]三、期中作業進度參考[/color]
第七週 10/19 前置作業,題目確定,資料蒐集與分析等
第八週 10/26 決定排版形式、尺寸、圖片製作
第九週 11/02 HTML DIV與CSS設定
第十週 11/09 期中作業上傳繳交
=================================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
=================================================
[color=#CC0000](1)能自行設計以DIV與CSS製作的網站
(2)利用自已設計的圖片、色彩搭配與字體設定等設計出具有質感的網頁[/color]
二、評分標準與製作檢核
1. HTML的正確架構(DIV的使用) 20%
2. 整體設計美感(CSS運用,風格及配色,字體設定、圖片製作) 30%
3. 導覽列的正確性(含導覽超連結)10%
4. h1或h2的使用 5%
5. class(類別)的運用 5%
6. HTML Title的設定 5%
7. Footer的版權宣告 5%
8. 內容完整的兩頁(至少)的連結 10%
9. 製作說明 10%
加分:
1.內容完整度,連結頁面全部做完最多加6分,最多100分。
三、繳交作業方式
[color=#CC0066]1.製作完成後,檔案命名方式:[/color]
[color=#669900]期中作業FTP上的資料夾為:midtern
每位同學請將自己的資料夾命名為:midterm-學號
這個作業的網址則為:http://mepopedia.com/~web100b/midte
[color=#663300]三、期中作業進度參考[/color]
第七週 10/19 前置作業,題目確定,資料蒐集與分析等
第八週 10/26 決定排版形式、尺寸、圖片製作
第九週 11/02 HTML DIV與CSS設定
第十週 11/09 期中作業上傳繳交
1.jpg[/img />
4.亂碼問題,放在
之間
編碼方式記得存utf-8
5.CSS檔案的路徑,放在
之間
6.檔案宣告,在HTML檔最前面放
7.任何出現在網頁裡的命名不能出現中文及全形字。
8.圖片必須放在images圖片資料夾裡
9.使用進階語法,需注意若直接以Dreamweaver製作,彈性較小,會比較難修改。
10.檔案被刪除的問題非常嚴重,尤其是B班,請再仔細檢查有無被刪檔,若有麻煩再上傳
=================================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
=================================================or=#CC0066]4.請務必在11/08前回覆,否則為遲交[/color]
四、期中作業進度參考
第七週 10/19 前置作業,題目確定,資料蒐集與分析等
第八週 10/26 決定排版形式、尺寸、圖片製作
第九週 11/02 HTML DIV與CSS設定
第十週 11/09 11/8之前將期中作業上傳繳交
五、同學常見問題之注意事項
隨時補充:
1.網頁圖檔不宜太大,否則網頁開啟速度會變慢,請盡量在Photoshop或Illustrator的『儲存為網頁與裝置用』的功能裡,修改圖檔的大小至100KB以下,100KB會佔1Mb頻寬(每秒鐘),以此類推。
2.有文字出現的區塊,要記得設定padding,文字才不會跟邊框黏在一起。
3.導覽列的超連結
4.亂碼問題,放在
之間
[/color](11/08前)
[color=#FF0066]請將這項放置於文章最前面[/color]
(1)作業網址
5.CSS檔案的路徑,放在
<).> <無遇到> 題
2.製作感想
3.製作作業的時間
[color=#CC0066]4.請務必在11/08前回覆,否則為遲交[/color]
四、期中作業進度參考
第七週 10/19 前置作業,題目確定,資料蒐集與分析等
第八週 10/26 決定排版形式、尺寸、圖片製作
第九週 11/02 HTML DIV與CSS設定
第十週 11/09 11/8之前將期中作業上傳繳交
五、同學常見問題之注意事項
隨時補充:
1.網頁圖檔不宜太大,否則網頁開啟速度會變慢,請盡量在Photoshop或Illustrator的『儲存為網頁與裝置用』的功能裡,修改圖檔的大小至100KB以下,100KB會佔1Mb頻寬(每秒鐘),以此類推。
2.有文字出現的區塊,要記得設定padding,文字才不會跟邊框黏在一起。
3.導覽列的超連結
請記得先將第一頁所有的連結都先設定好,再以另存新檔的方式,存成其他檔案,如此就不用每次都要設定超連結。
4.亂碼問題,放在 <head> </head> 之間
編碼方式記得存utf-8
5.CSS檔案的路徑,放在 <head> </head> 之間
6.檔案宣告,在HTML檔最前面放
7.任何出現在網頁裡的命名不能出現中文及全形字。
8.圖片必須放在images圖片資料夾裡
9.使用進階語法,需注意若直接以Dreamweaver製作,彈性較小,會比較難修改。
10.檔案被刪除的問題非常嚴重,尤其是B班,請再仔細檢查有無被刪檔,若有麻煩再上傳
=================================================
[color=#CC0066]若經發現作業為直接複製同學檔案以零分計[/color]
=================================================