網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識

第第頁網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識

網(wǎng)頁設(shè)計(jì)基礎(chǔ)知識

1、我們需要了解什么是網(wǎng)頁

網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。通俗地說，您的網(wǎng)站就是由網(wǎng)頁組成的，假如您只有域名和虛擬主機(jī)而沒有制作任何網(wǎng)頁的話，您的客戶照舊無法訪問您的網(wǎng)站。

網(wǎng)頁是一個(gè)包含HTML標(biāo)簽的純文本文件，它可以存放在世界某個(gè)角落的某一臺計(jì)算機(jī)中，是萬維網(wǎng)中的一“頁”，是超文本標(biāo)記語言格式〔標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用，文件擴(kuò)展名為.html或.htm〕。網(wǎng)頁通常用圖像檔來提供圖畫。網(wǎng)頁要通過網(wǎng)頁閱覽器來閱讀。

通俗的來講，網(wǎng)頁就是相當(dāng)于刊物當(dāng)中發(fā)表的一篇篇文章，但與紙上的文章相比，它增加了多媒體信息和網(wǎng)上交互技能。

網(wǎng)頁的實(shí)質(zhì)=表格+文本+圖片+動畫+聲音+視頻+超鏈接+

網(wǎng)頁

2、網(wǎng)頁的基礎(chǔ)HTML標(biāo)簽

超文本標(biāo)記語言〔簡稱：HTML〕標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽，HTML標(biāo)簽是HTML語言中最基本的單位，HTML標(biāo)簽是HTML〔標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用〕最重要的組成部分。

HTML標(biāo)簽的大小寫無關(guān)的，例如“主體”跟表示的意思是一樣的，但是推舉運(yùn)用小寫。

3、網(wǎng)頁的基礎(chǔ)屬性裝飾CSS

層疊樣式表(英文全稱：CascadingStyleSheets)是一種用來表現(xiàn)HTML〔標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)應(yīng)用〕或*ML〔標(biāo)準(zhǔn)通用標(biāo)記語言的一個(gè)子集〕等文件樣式的計(jì)算機(jī)語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以協(xié)作各種腳本語言動態(tài)地對網(wǎng)頁各元素進(jìn)行格式化。

CSS能夠?qū)W(wǎng)頁中元素位置的排版進(jìn)行像素級精確掌握，支持幾乎全部的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的技能。

CSS為HTML標(biāo)記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設(shè)計(jì)領(lǐng)域是一個(gè)突破。利用它可以實(shí)現(xiàn)修改一個(gè)小的樣式更新與之相關(guān)的全部頁面元素。

總體來說，CSS具有以下特點(diǎn)：

豐富的樣式定義

CSS提供了豐富的文檔樣式外觀，以及設(shè)置文本和背景屬性的技能；允許為任何元素創(chuàng)建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內(nèi)容間的距離；允許任意轉(zhuǎn)變文本的大小寫方式、修飾方式以及其他頁面效果。

易于運(yùn)用和修改

CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文檔的header部分，也可以將樣式聲明在一個(gè)特地的CSS文件中，以供HTML頁面引用?？傊?，CSS樣式表可以將全部的樣式聲明統(tǒng)一存放，進(jìn)行統(tǒng)一管理。

另外，可以將相同樣式的元素進(jìn)行歸類，運(yùn)用同一個(gè)樣式進(jìn)行定義，也可以將某個(gè)樣式應(yīng)用到全部同名的HTML標(biāo)簽中，也可以將一個(gè)CSS樣式指定到某個(gè)頁面元素中。假如要修改樣式，我們只需要在樣式列表中找到相應(yīng)的樣式聲明進(jìn)行修改。

多頁面應(yīng)用

CSS樣式表可以單獨(dú)存放在一個(gè)CSS文件中，這樣我們就可以在多個(gè)頁面中運(yùn)用同一個(gè)CSS樣式表。CSS樣式表理論上不屬于任何頁面文件，在任何頁面文件中都可以將其引用。這樣就可以實(shí)現(xiàn)多個(gè)頁面風(fēng)格的`統(tǒng)一。

層疊

簡約的說，層疊就是對一個(gè)元素多次設(shè)置同一個(gè)樣式，這將運(yùn)用最末一次設(shè)置的屬性值。例如對一個(gè)站點(diǎn)中的多個(gè)頁面運(yùn)用了同一套CSS樣式表，而某些頁面中的某些元素想運(yùn)用其他樣式，就可以針對這些樣式單獨(dú)定義一個(gè)樣式表應(yīng)用到頁面中。這些后來定義的樣式將對前面的樣式設(shè)置進(jìn)行重寫，在閱覽器中看到的將是最末面設(shè)置的樣式效果。

頁面壓縮

在運(yùn)用HTML定義頁面效果的網(wǎng)站中，往往需要大量或重復(fù)的表格和font元素形成各種規(guī)格的文字樣式，這樣做的后果就是會產(chǎn)生大量的HTML標(biāo)簽，從而使頁面文件的大小增加。而將樣式的聲明單獨(dú)放到CSS樣式表中，可以大大的減小頁面的體積，這樣在加載頁面時(shí)運(yùn)用的時(shí)間也會大大的減削。另外，CSS樣式表的復(fù)用更大程序的縮減了頁面的體積，減削下載的時(shí)間。

CSS

4、由靜變動JavaScript

JavaScript一種直譯式腳本語言，是一種動態(tài)類型、弱類型、基于原型的語言，內(nèi)置支持類型。它的說明器被稱為JavaScript引擎，為閱覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML〔標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用〕網(wǎng)頁上運(yùn)用，用來給HTML網(wǎng)頁增加動態(tài)功能。

在1995年時(shí)，由Netscape公司的BrendanEich，在網(wǎng)景導(dǎo)航者閱覽器上首次設(shè)計(jì)實(shí)現(xiàn)而成。由于Netscape與Sun合作，Netscape管理層盼望它外觀看起來像Java，因此取名為JavaScript。但事實(shí)上它的語法風(fēng)格與Self及Scheme較為接近。

為了取得技術(shù)優(yōu)勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在閱覽器上運(yùn)行。為了統(tǒng)一規(guī)格，由于JavaScript兼容于ECMA標(biāo)準(zhǔn)，因此也稱為ECMAScript。

JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各種各樣的動態(tài)功能,為用戶提供更流暢美觀的閱覽效果。通常JavaScript腳本是通過嵌入在HTML中來實(shí)現(xiàn)自身的功能的。

Javascript腳本語言同其他語言一樣，有它自身的基本數(shù)據(jù)類型，表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架。Javascript提供了四種基本的數(shù)據(jù)類型和兩種非常數(shù)據(jù)類型用來處理數(shù)據(jù)和文字。而變量提供存放信息的地方，表達(dá)式那么可以完成較繁復(fù)的信息處理。

JavaScript

初學(xué)者只是做個(gè)小型網(wǎng)站，不需要掌控那么多，只要學(xué)會HTML語言，再簡約掌控一點(diǎn)JS腳本語言就可以了，只要學(xué)了這兩種語言就能夠制作一些簡約的靜態(tài)網(wǎng)頁了。

但是假如想做大型的網(wǎng)站