网页制作经验分享2005323

《网页制作经验分享2005323》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

網頁製作經驗分享2005.3.23臺北市民生國小莊靜圓老師00178@mail.msps.tp.edu.twê你想要的網頁風格是什麼ê你的網頁對象是誰ê紙上作業先ê我的班級網頁設計理念ê網頁製作的建議要項ê六個W@班級網頁ê建班網我遇到的困難ê好站推薦介紹ê謝謝聆聽，敬請賜教§突顯風格特色§內容勝於外表§包裝的加分§首頁畫面不出現捲軸§非自己做的開新視窗§標示最佳解析度§標示最新更新日期§架構清楚(網站地圖)§避免不必要的影音動畫§圖片具有意義§顏色的搭配§字體格式一致§版面排版一致§背景盡量單純§考慮對象的操作能力§網頁內容正確性§內容要定期更新§舊消息要移除建立專區§超連結要正確§圖文版選擇§資料依一定的系統分類§畫面要簡單、清楚§避免網頁分割過於複雜§圖片大小要先修§照片先以小圖呈現再連結大圖§提供意見信箱§提供回到首頁或前一頁按鈕§告知網站資料異動訊息§註明資料出處§盡可能有互動性功能‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧網頁介面設計檢核表(By莊靜圓)‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧檢核項目檢核內容說明YesNoN/ANoteA網頁的美觀綜整文字及多媒體的設計要素，重視整個網站設計的簡潔、亮度、彩色、圖形、動畫、版面配置等美術設計。B資訊的分類網站內的資料依一定的系統分類。C畫面的排列網頁的畫面應盡求簡單、清楚，且畫面要避免分割過於複雜。D設計的一致整個網站設計需有整體感、一致性，若為風格不一的設計，會分散使用者注意力。E文字的設計運用適當的字體、大小、顏色及特殊效果，並與整個網頁背景相稱。F圖表的設計網站中的圖表除了要與內容相關外，也要有適當的位置及大小，並可透過圖表展現網頁內容的條理性。G影音動畫多媒體的設計視覺及聽覺影音動畫多媒體的使用是否具有意義且恰當、是否與內容主題相關、是否喧賓奪主蓋過主要的訊息內涵、是否造成過長的下載速度等。H多種版本設計設計要考量符合不同使用者的需求，如提供純文字或不同語言的版本選擇。I個別化內容設計依不同身分而提供不同資訊內容的網頁給使用者，例如老師、學生、家長三者所看到的網頁內容並不一樣。J系統等候時間下載及上傳的速度不宜過久，若圖片太大則應先以小圖呈現再提供連結大圖的版本。K使用便利性提供最佳瀏覽環境資訊；各種輸入或操作都能讓使用者輕易上手，提供輔助說明，協助使用者解決操作上的問題；針對使用者的反應，提供可理解的即時回饋訊息，如：音效、動畫或文字說明；網頁畫面內容不宜過多而導致捲軸太長；使用索引、目錄或網站地圖便於使用者快速且有效地找資料；提供回到前一網頁或首頁的連結、特別指令說明。L操作適合性考慮使用此網站所需具備的能力是否適合其所預設的使用對象。M資訊更新及超鏈結品質提供站上資料異動訊息，並於各資料上列出最近更新日期；提供網站上所引用他人資料之相關背景資訊；提供與該網站主題相關的其它網路資源，並定期檢視、更新內部及外部的連結狀態，以確保超連結的正確性。N其他不包含在上述的介面設計。‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧推薦介紹網站‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧‧教學活動nTeachers.Net[英]http://teachers.net/lessons/niEARN[英]http://www.iearn.org/nCIESE[英]http://www.k12science.org/collabprojs.htmlnCyberfair[英]http://www.globalschoolhouse.org/GSH/cf/n網路作文[簡]http://www.zuowen.com.cn/國外評審網站(篩選優質網站)nBlueWeb’n[英]http://www.kn.pacbell.com/wired/bluewebn/nBestWebQuests[英]http://bestwebquests.com/ 電腦數位n小正正教室http://www.class2u.com/home.htmn麻辣學園http://www.twbts.com/n斌斌小站http://www.binbin.net/n486的窩http://www.dchome.net/~486/n數位比較王http://beb.anyday.com.tw/article/n數位映像世界http://www.dvworld.com.tw/