網(wǎng)站規(guī)劃與設(shè)計

《網(wǎng)站規(guī)劃與設(shè)計》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)站規(guī)劃與設(shè)計補(bǔ)充教材崑山科技大學(xué)資訊傳播系鳥哥(2008)本學(xué)期課程編排?第一～二週：網(wǎng)站設(shè)計規(guī)劃概要與軟體實務(wù)?第三～六週：HTML語法介紹與網(wǎng)站實作?第七～八週：CSS語法介紹與實作?第九週：期中考，以丙級網(wǎng)頁設(shè)計為例?第十週：圖片設(shè)計與軟體應(yīng)用?十一週：XHTML語法檢驗?十二～十三週：CSS進(jìn)階語法設(shè)計?十四週：表單的應(yīng)用?十五週～十七週：PHP程式設(shè)計初探?十八週：期末作業(yè)與報告第一週何謂網(wǎng)站與網(wǎng)站功能什麼是網(wǎng)站?何謂Internet￠就是TCP/IP，先有IP才有連線通訊協(xié)定?何謂WWW￠在TCP/IP上面的一個通訊協(xié)定￠WorldWideWeb(全球資訊

2、網(wǎng))￠為主從式架構(gòu)的資料瀏覽方式￠伺服器端可提供圖文並茂的資料￠具有超連結(jié)(HyperLink)的重要功能什麼是主從式架構(gòu)的網(wǎng)路服務(wù)?參考課本1-4頁的說明WWW伺服器提供什麼？?提供的都是『檔案』類型的資料，主要有：￠HTML純文字：?透過HTML將文字進(jìn)行排版、嵌入影音檔案、或者擷取資料庫內(nèi)容並編排成為網(wǎng)頁資料￠影音多媒體檔案：?自製影像資料檔案，與HTML為互相獨立的檔案，只是將影音檔案嵌入到HTML語法中￠可設(shè)計腳本的動畫檔?例如flash動畫，可與使用者互動￠網(wǎng)頁程式語言?例如PHP/ASP等，可以讓使用者上傳資料用戶端需要如何瀏覽?WWW用戶端需要瀏覽器來解

3、析資料￠瀏覽器通?？梢酝鈷斐淌?，方便解析影音多媒體，或者是flash動畫播放器等￠不同的瀏覽器支援的HTML語法亦不同！￠市佔率較高的瀏覽器?IE?Firefox實戰(zhàn)—firefox瀏覽器安裝?下載：￠http://moztw.org/?安裝：￠一直下一步?測試：￠分別使用IE與firefox測試下列網(wǎng)頁￠http://linux.vbird.org/linux_basic/0105computers.php￠http://www.cga.gov.tw/south/index.asp￠http://www.cga.gov.tw/north/index_first.asp

4、網(wǎng)站的類型?靜態(tài)網(wǎng)站：￠僅提供HTML以及影音多媒體，並不能與使用者互動?動態(tài)網(wǎng)站：￠提供多媒體腳本，能夠讓使用者操作小遊戲￠可讓使用者留言、討論等功能?例如討論區(qū)、留言版、blog等等￠可讓使用者上傳多媒體檔案?例如youtube,無名小站等?Web2.0￠並不是一種標(biāo)準(zhǔn)，而是一種觀念，著重於：?參與、互動、分享，例如blog就是一種Web2.0?以消費者為主體，社群力量的形成！網(wǎng)誌(blog)?伺服器端：￠提供了資料庫(可以更新留言與網(wǎng)誌)、網(wǎng)頁程式語言(取得/更新資料庫內(nèi)容)、註冊與認(rèn)證等?用戶端：￠透過瀏覽器去註冊￠可以使用瀏覽器由世界各地可上網(wǎng)之處進(jìn)行網(wǎng)誌的撰

5、寫、更新、發(fā)表、維護(hù)與回應(yīng)讀者等￠可設(shè)計自己的風(fēng)格網(wǎng)頁?用戶的技術(shù)：￠老實說，就是利用HTML語法(只是使用所見即所得的軟體)來撰寫網(wǎng)誌，再將資料寫入資料庫而已。自製網(wǎng)頁所需要的東西?伺服器：￠可以申請免費空間，或自行架設(shè)伺服器；￠免費空間可能不允許你使用資料庫系統(tǒng)或者是網(wǎng)頁程式語言(這些資料可能會影響到伺服器安全與效能)?自製網(wǎng)頁￠包括你的HTML純文字檔案資料、多媒體檔案的製作等等，還包括支援的瀏覽器、網(wǎng)頁配色等?資料上傳￠要將網(wǎng)頁製作好之後，在上傳到伺服器，就可取得網(wǎng)址，即可讓Internet的大眾瀏覽網(wǎng)頁的重點是…?重點在『內(nèi)容』￠有沒有內(nèi)容的網(wǎng)頁影響到該網(wǎng)頁的

6、瀏覽人數(shù)￠技術(shù)性網(wǎng)站人口較為固定(不會很多人)￠入口網(wǎng)站的資料更新頻率要高(例如yahoo新聞)￠搜尋功能的網(wǎng)站效率、資料正確性要高！￠分享網(wǎng)站需要傾聽用戶的使用經(jīng)驗(才能留住人潮)￠美術(shù)課題?網(wǎng)頁文字大小、字型、支援的瀏覽器、圖檔大小影響的速度、配色、網(wǎng)頁的配置(什麼區(qū)塊配置什麼內(nèi)容)、整體網(wǎng)站的風(fēng)格一致性等等。什麼是HTML?利用瀏覽器檢查http://tw.yahoo.com的原始碼實際內(nèi)容撰寫什麼是HTML(續(xù))?利用瀏覽器檢查http://tw.yahoo.com的原

7、始碼￠將該網(wǎng)頁儲存成為自己電腦上面的檔案￠分析該檔案的內(nèi)容，是否含有相關(guān)的圖檔？￠如何取得該圖檔？￠圖檔的連結(jié)方式有絕對路徑與相對路徑，如何判斷？￠如果在該網(wǎng)頁的目錄下刪除某些圖檔，網(wǎng)頁會變成怎樣？什麼是HTML(續(xù))?是一種標(biāo)籤語言(HyperTextMarkupLanguage)￠透過tag(<標(biāo)籤>)來達(dá)成排版與相關(guān)功能；￠副檔名通常是.html或.htm等；￠必須要能夠讓瀏覽器解析；￠可利用標(biāo)籤來嵌入影音檔案()￠參考本週所附的範(fàn)例?下載week01-1.txt?開啟該檔案?將該檔案副檔名改為.html?再次開