資源描述：
《網(wǎng)頁(yè)設(shè)計(jì)入門(mén)及實(shí)務(wù)(front page)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、網(wǎng)頁(yè)設(shè)計(jì)入門(mén)與實(shí)務(wù)(Frontpage)本文由er435dd貢獻(xiàn)ppt文檔可能在WAP端瀏覽體驗(yàn)不佳。建議您優(yōu)先選擇TXT，或下載源文件到本機(jī)查看。第九章網(wǎng)頁(yè)設(shè)計(jì)入門(mén)與實(shí)務(wù)(Frontpage)9-1網(wǎng)頁(yè)設(shè)計(jì)基本認(rèn)識(shí)9-2網(wǎng)頁(yè)與HTML9-3網(wǎng)頁(yè)製作與FrontPage20039-4網(wǎng)頁(yè)空間申請(qǐng)9-5網(wǎng)頁(yè)上傳實(shí)作近年來(lái)全球吹起了網(wǎng)際網(wǎng)路的風(fēng)潮，從電子商務(wù)網(wǎng)站到個(gè)人的個(gè)性化網(wǎng)頁(yè)，一瞬間幾乎所有的資訊都連上了網(wǎng)際網(wǎng)路。網(wǎng)頁(yè)架設(shè)已成為全民學(xué)習(xí)的浪潮，當(dāng)然網(wǎng)頁(yè)技術(shù)的種類(lèi)也不斷地推陳出新，由HTML到炙手可熱的ASP(動(dòng)態(tài)伺服器網(wǎng)頁(yè))或ASP.NET，亦或是客戶
2、端的JavaScript到伺服端的JSP等等。本章中將為各位說(shuō)明網(wǎng)頁(yè)製作的相關(guān)資訊。9-1網(wǎng)頁(yè)設(shè)計(jì)基本認(rèn)識(shí)瀏覽器進(jìn)入某一個(gè)網(wǎng)站後，所看到的第一個(gè)網(wǎng)頁(yè)畫(huà)面，即稱(chēng)為「首頁(yè)」(HomePage)，通常為了達(dá)到迅速彰顯這個(gè)網(wǎng)站主題的效果，首頁(yè)設(shè)計(jì)就顯得相當(dāng)重要。首頁(yè)中還可以透過(guò)按下超連結(jié)功能，再進(jìn)入此網(wǎng)站的其他相關(guān)網(wǎng)頁(yè)，因此我們可以將網(wǎng)站看成是網(wǎng)頁(yè)的集合。網(wǎng)站建置流程簡(jiǎn)介，網(wǎng)站中的網(wǎng)頁(yè)往往會(huì)因設(shè)計(jì)的主題不同而呈現(xiàn)多元化面向，並佐以文字、圖片來(lái)組合不同的面貌。網(wǎng)頁(yè)基本元素文字特色與說(shuō)明文字構(gòu)成網(wǎng)頁(yè)主題，用來(lái)傳達(dá)網(wǎng)頁(yè)訊息，它包含了標(biāo)題、大小、層次、樣式與顏色。善用
3、圖形能豐富網(wǎng)頁(yè)內(nèi)容。常用的圖例類(lèi)型有JPG、GIF、PNG，每張圖片的應(yīng)用包含有標(biāo)題、背景圖、主圖等。超連結(jié)的使用，可讓上網(wǎng)者悠游在不同網(wǎng)頁(yè)和不同網(wǎng)站。圖形超連結(jié)網(wǎng)站的流程大致如下圖所示步驟一擬定網(wǎng)站主題，才能針對(duì)網(wǎng)站收集相關(guān)資料，並規(guī)劃出此網(wǎng)站所需網(wǎng)頁(yè)及相關(guān)素材。步驟二選擇一個(gè)製作網(wǎng)頁(yè)與處理影像的軟體，如FrontPage、PhotoImpact。步驟三將製作完成的網(wǎng)頁(yè)進(jìn)行上傳與測(cè)試，這時(shí)必須要知道申請(qǐng)網(wǎng)頁(yè)空間的大小，是否能容納製作的網(wǎng)頁(yè)，另外還包括不同瀏覽器的觀看效果、螢?zāi)唤馕龆扰c螢?zāi)淮笮 ⑸曙@示、字型的設(shè)定，網(wǎng)路的傳輸速度等。步驟四除了要去較具
4、規(guī)模的網(wǎng)站，如雅虎登錄來(lái)推廣網(wǎng)站，網(wǎng)頁(yè)的內(nèi)容必須經(jīng)常進(jìn)行更新與維護(hù)。網(wǎng)頁(yè)圖片規(guī)格檔案名稱(chēng)GIF格式功能說(shuō)明副檔名為.gif，支援透明背景圖與動(dòng)畫(huà)。網(wǎng)頁(yè)中要加入背景圖片，通常會(huì)插入GIF圖檔，這樣才能將圖形的透明背景保留下來(lái)，也支援交錯(cuò)圖形式，瀏覽者可看到圖片概括樣子，再持續(xù)戴入完整的圖片。適合卡通類(lèi)小型圖片或按鈕圖示。GIF圖檔最多只能儲(chǔ)存256色(8bits)，當(dāng)圖片超過(guò)256色，若以GIF圖檔儲(chǔ)存，顏色就會(huì)被降到256色了。JPEG格式副檔名為.jpg或.jpeg，是採(cǎi)用失真式(lossy)的壓縮方式，在壓縮圖檔的過(guò)程中，圖片的「像素資料」會(huì)被減去
5、一些，而產(chǎn)生失真情形，不過(guò)可以壓縮檔案到很小。另外它可以支援到全彩的16.7百萬(wàn)色(24bits)，適合大自然或人物等連續(xù)色調(diào)的全彩相片。PNG格式副檔名為.png，是用來(lái)取代GIF圖檔格式，並且希望廣泛應(yīng)用於Internet上。它的色彩能支援到48bits，又採(cǎi)取非失真的壓縮方式，可說(shuō)是「保住色彩，又不失線條」!雖然PNG圖檔很有機(jī)會(huì)取代GIF圖檔，但是目前還是有些影像軟體或?yàn)g覽器尚未支援PNG圖檔格式，因此尚未被普遍採(cǎi)用。認(rèn)識(shí)網(wǎng)頁(yè)相關(guān)技術(shù)網(wǎng)頁(yè)技術(shù)名詞XML特色與說(shuō)明是一種可延伸的標(biāo)記語(yǔ)言，可將描述的資料予以結(jié)構(gòu)化。由於HTML的標(biāo)記是固定不變，無(wú)法
6、依據(jù)使用者的需求來(lái)自訂新標(biāo)記，不過(guò)在XML文件中則可自定標(biāo)記語(yǔ)言，來(lái)建立文件的結(jié)構(gòu)性。專(zhuān)為XML所設(shè)計(jì)的樣式語(yǔ)言。當(dāng)XSL架構(gòu)在XML之上時(shí)，XML的文件資料就會(huì)依據(jù)XSL的編排樣式輸出到瀏覽器的視窗上。又稱(chēng)為DynamicHTML(動(dòng)態(tài)網(wǎng)頁(yè))，是由許多種網(wǎng)頁(yè)技術(shù)，如HTML、JavaScript、CSS所組成。功能包括動(dòng)態(tài)排版樣式、定位、網(wǎng)頁(yè)效果、XSLDHTMLCSS又稱(chēng)為CascadingStylesheets(樣式表)，可以美化網(wǎng)頁(yè)版面，如定義物件大小、顏色、間距、陰影等，並能讓其它網(wǎng)頁(yè)套用相同的CSS。又稱(chēng)為「共同閘道介面」，可用來(lái)擷取客戶端
7、想要查詢的資料，並當(dāng)作WebServer與應(yīng)用軟體(可能是程資料庫(kù))間的溝通管道。例如網(wǎng)站上的討論區(qū)、留言板功能，都是CGI的應(yīng)用。是Unix平臺(tái)下的程式語(yǔ)言之一，經(jīng)常用來(lái)作為CGI的撰寫(xiě)語(yǔ)言，架構(gòu)上與C語(yǔ)言相似，具備有優(yōu)良的字串處理能力。編譯後的Java程式，其副檔名為「.class」，除了可直接在JVM的機(jī)器上執(zhí)行外，還可運(yùn)用網(wǎng)頁(yè)的及標(biāo)籤來(lái)執(zhí)行，此種型態(tài)的Java程式稱(chēng)為「JavaApplet」。是由網(wǎng)景公司所開(kāi)發(fā)，而且可在客戶端完成網(wǎng)頁(yè)設(shè)計(jì)。例如可附在HTML文件中，直接處理一些使用者所引CGIPerlJavaAppletJavaScriptVB
8、Script是由微軟公司所開(kāi)發(fā)的一種直敘語(yǔ)言，和JavaScript一樣都是以物件為基礎(chǔ)，缺點(diǎn)
