版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、第二章靜態(tài)網(wǎng)頁制作基礎(chǔ)預(yù)備知識(shí):靜態(tài)網(wǎng)頁概述初期的網(wǎng)站都是由靜態(tài)網(wǎng)頁組成的,網(wǎng)頁中只有文字、圖形、圖像等,用戶只能被動(dòng)地接受這些信息。那時(shí)的Web頁面的核心是HTML(一種標(biāo)記語言),它編寫很方便,不要求有特定的語言環(huán)境,可以用任何一種編輯器寫好,便可以放到瀏覽器觀看結(jié)果?,F(xiàn)在HTML已經(jīng)有許多專門的編輯軟件,如FrontPage、Hotdog、Dreamweaver等。最初的Web是完全的靜態(tài),僅僅提供大量的信息服務(wù),沒有服務(wù)器端/客
2、戶端的概念?!办o態(tài)”指的就是網(wǎng)站的網(wǎng)頁內(nèi)容“固定不變”。當(dāng)用戶瀏覽器通過互聯(lián)網(wǎng)的HTTP(HypertextTransferProtocol)協(xié)議向Web服務(wù)器請求提供網(wǎng)頁內(nèi)容時(shí),服務(wù)器僅僅是將原已設(shè)計(jì)好的靜態(tài)HTML文檔傳送給用戶瀏覽器。其頁面的內(nèi)容使用的是標(biāo)準(zhǔn)HTML代碼,再加上GIF格式的動(dòng)態(tài)圖片。二、工作內(nèi)容靜態(tài)網(wǎng)頁制作概括起來,有如下幾個(gè)部分:1、網(wǎng)頁素材搜集與制作(圖像處理與動(dòng)畫制作)經(jīng)常需要在網(wǎng)頁中應(yīng)用一些圖像與動(dòng)畫,一方
3、面是由于實(shí)際內(nèi)容的需要,一方面是為了增加網(wǎng)頁吸引力。在WWW上通常采用jpeg、GIF格式的圖片和gif89a、flash等格式的動(dòng)畫。2、網(wǎng)頁版式設(shè)計(jì)規(guī)劃各元素在網(wǎng)頁中的位置關(guān)系和表現(xiàn)方法,合理安排圖像、文本等元素,使網(wǎng)頁布局合理、美觀大方。3、文本編寫自己的網(wǎng)頁中需要大量的文字材料,這就要在網(wǎng)頁編輯器中用HTML語言中的標(biāo)簽編寫。也可以利用網(wǎng)頁編輯工具的“所見即所得”功能,直接寫入文字。4、處理網(wǎng)頁之間的關(guān)聯(lián)這主要是建立合理、高效的
4、網(wǎng)頁導(dǎo)航系統(tǒng)。5、網(wǎng)頁發(fā)布主要是將建設(shè)好的網(wǎng)頁上傳到服務(wù)器中供用戶瀏覽。三、靜態(tài)網(wǎng)頁的制作工具1、圖像處理與動(dòng)畫制作工具:Photoshop、Flash等。2、網(wǎng)頁編輯工具:1)純文本編輯工具,如Notepad等;2)轉(zhuǎn)換工具,如wd等;3)專用工具,如FrontPage、Dreamweaver等。3、網(wǎng)頁上傳工具:1)FTP工具,如WSFTP,CuteFTP等;2)專用網(wǎng)頁編輯軟件的文件傳輸功能。4、網(wǎng)頁優(yōu)化工具:網(wǎng)頁減肥茶、網(wǎng)頁優(yōu)化
5、大師等。四、網(wǎng)頁制作工作步驟1、步驟:1)制作網(wǎng)頁2)瀏覽器預(yù)覽(滿意)4)發(fā)布個(gè)|L(不滿意)|2、工作臺(tái):網(wǎng)頁編輯器網(wǎng)頁瀏覽器其中省略號(hào)部份是網(wǎng)頁的內(nèi)容其實(shí)每個(gè)標(biāo)記都是一一對應(yīng)的。每個(gè)網(wǎng)頁文件都是以開始和以結(jié)束。與之間的內(nèi)容是網(wǎng)頁的標(biāo)題。會(huì)顯示在瀏覽器的標(biāo)題欄上。與之間放的是網(wǎng)頁內(nèi)容。標(biāo)志(tag)的結(jié)構(gòu)特點(diǎn)1、用包圍。2、多數(shù)成對出現(xiàn)。3、結(jié)束標(biāo)記用。4、標(biāo)簽是嵌入式的。5、標(biāo)簽可有多種屬性和屬性值。6、標(biāo)簽用西文半角字符,對大小
6、寫不敏感。HTML文件的組成頭部和主體標(biāo)志和普通文本文件標(biāo)題標(biāo)志文件標(biāo)題標(biāo)志為。使用過瀏覽器的人可能都會(huì)注意到瀏覽器窗口最上邊的藍(lán)色部分顯示的文本信息,那些信息一般是網(wǎng)頁的“主題“。要將網(wǎng)頁的主題顯示到瀏覽器的頂部其實(shí)很簡單,只要在標(biāo)志對之間加入要顯示的文本即可。顏色表示方法HTML用#RRGGBB字符串代表色彩,成為RGB值。RGB值中的RR、GG和BB分別代表紅綠藍(lán)三原色的兩位十六進(jìn)制整數(shù)值。每種原色的取值范圍在00和FF(即十進(jìn)制
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲(chǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
評論
0/150
提交評論