- 網(wǎng)頁設(shè)計與制作案例教程(HTML+CSS+DIV+JavaScript)
- 李志云
- 462字
- 2021-01-28 17:32:57
1.1 初識網(wǎng)頁
為了使初學(xué)者更好地認(rèn)識網(wǎng)頁,我們首先看一下新浪網(wǎng)的首頁,如圖1-1所示。
從圖1-1中可以看到,網(wǎng)頁主要由文字、圖像和超鏈接等元素構(gòu)成。當(dāng)然,除了這些元素,網(wǎng)頁中還可以包含音頻、視頻以及Flash等。
網(wǎng)頁顯示什么內(nèi)容以及怎樣顯示是由網(wǎng)頁源代碼決定的。在瀏覽器中右鍵單擊鼠標(biāo),選擇“查看源代碼”命令,在打開的窗口中便會顯示當(dāng)前網(wǎng)頁的源代碼,具體內(nèi)容如圖1-2所示。

圖1-1 新浪網(wǎng)首頁

圖1-2 網(wǎng)頁源代碼
網(wǎng)頁源代碼文件是一個純文本文件,是由一些網(wǎng)頁標(biāo)記構(gòu)成的。源文件被瀏覽器顯示出來后,便是我們看到的網(wǎng)頁。
除了首頁之外,一個網(wǎng)站通常還包含多個子頁面,通過單擊首頁上的超鏈接,可以進入其他子頁面。網(wǎng)站其實就是多個網(wǎng)頁的集合。
網(wǎng)頁有靜態(tài)和動態(tài)之分。所謂靜態(tài)網(wǎng)頁是指用戶無論何時何地訪問,網(wǎng)頁都會顯示固定的信息,除非網(wǎng)頁源代碼被重新修改并上傳。靜態(tài)網(wǎng)頁更新不方便,但是訪問速度快。動態(tài)網(wǎng)頁顯示的內(nèi)容可以通過后臺實現(xiàn)即時更新,更新內(nèi)容很方便。動態(tài)網(wǎng)頁在服務(wù)器端有數(shù)據(jù)庫進行信息存儲。
我們初學(xué)者學(xué)習(xí)網(wǎng)站制作時通常先學(xué)習(xí)靜態(tài)網(wǎng)站的制作,然后再學(xué)習(xí)動態(tài)網(wǎng)站的制作。
- Dreamweaver CS5網(wǎng)頁設(shè)計與制作教程
- 網(wǎng)站建設(shè)與網(wǎng)頁設(shè)計從入門到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript
- 網(wǎng)頁設(shè)計實用教程
- Pro/ENGINEER三維造型設(shè)計實例精解
- 網(wǎng)頁配色從入門到精通
- Illustrator平面設(shè)計180例五步通
- Photoshop電商網(wǎng)頁廣告設(shè)計實戰(zhàn)從入門到精通
- Premiere Pro CS6多功能教材
- 淘寶店鋪頁面設(shè)計與裝修實戰(zhàn)教程
- 網(wǎng)頁設(shè)計與制作
- 在實戰(zhàn)中成長:JSP開發(fā)之路
- Dreamweaver,F(xiàn)lash,F(xiàn)ireworks網(wǎng)頁設(shè)計百練成精(CS3版)
- After Effects UI交互動畫設(shè)計
- 精通HTML5+CSS3+JavaScript網(wǎng)頁設(shè)計(視頻教學(xué)版)(第2版)
- 眾妙之門:JavaScript與jQuery技術(shù)精粹