網(wǎng)站構(gòu)建

教程目錄
網(wǎng)站設(shè)計(jì)

每個(gè)網(wǎng)站開(kāi)發(fā)者都必須了解以下 Web 構(gòu)件:

  • HTML 4.01
  • CSS 的使用 (樣式表)
  • XHTML
  • XML 和 XSLT
  • 客戶(hù)端腳本
  • 服務(wù)器端腳本
  • 通過(guò) SQL 管理數(shù)據(jù)
  • Web 的未來(lái)

HTML 4.01

HTML 是 Web 的語(yǔ)言浦旱,每一個(gè) Web 開(kāi)發(fā)者都需要對(duì)它擁有基本的了解。
HTML 4.01 是重要的 Web 標(biāo)準(zhǔn)九杂,它與 HTML 3.2 的差異非常之大颁湖。
當(dāng)類(lèi)似 font 的標(biāo)簽和 color 屬性被添加到 HTML 3.2 后宣蠕,它就逐漸成為開(kāi)發(fā)人員們的一場(chǎng)噩夢(mèng)。開(kāi)發(fā)那些必須把字體信息加入每個(gè)單獨(dú)頁(yè)面的網(wǎng)站甥捺,其過(guò)程成為了一種漫長(zhǎng)而昂貴的折磨抢蚀。
通過(guò) HTML 4.01,所有的格式化信息可以被移出 HTML 文檔镰禾,轉(zhuǎn)而放入一個(gè)獨(dú)立的樣式表中皿曲。
HTML 4.01 之所以重要,另外一個(gè)原因是由于 XHTML 1.0吴侦,這個(gè)最新的 HTML 標(biāo)準(zhǔn)是作為一種 XML 應(yīng)用被重新表達(dá)的 HTML 4.01屋休。在您的頁(yè)面中使用 HTML 4.01 可以確保在未來(lái)將 HTML 輕松升級(jí)到 XHTML。
請(qǐng)確保您使用了最新的 HTML 4.01 標(biāo)準(zhǔn)妈倔。
學(xué)習(xí)我們的完整的 HTML 4.01 參考手冊(cè)博投。

層疊樣式表(Cascading Style Sheets - CSS)

樣式可定義 HTML 元素如何被顯示,類(lèi)似 font 標(biāo)簽在 HTML 3.2 中所起到的作用盯蝴。樣式通常被保存在 HTML 文檔之外的文件中毅哗。外部樣式表使您有能力僅僅通過(guò)編輯一個(gè)簡(jiǎn)單的 CSS 文檔來(lái)改變網(wǎng)站內(nèi)所有頁(yè)面的外觀和布局。如果您曾經(jīng)嘗試過(guò)進(jìn)行某些改變捧挺,比如同時(shí)改變站內(nèi)所有網(wǎng)頁(yè)標(biāo)題的字體或顏色虑绵,您就會(huì)明白 CSS 如何能夠達(dá)到事半功倍的效果。
請(qǐng)務(wù)必學(xué)習(xí)CSS 教程闽烙。

XHTML - HTML 的未來(lái)

XHTML 指可擴(kuò)展超文本標(biāo)記語(yǔ)言(Extensible HyperText Markup Language)翅睛。
XHTML 1.0 是源自 W3C 的最新的 HTML 標(biāo)準(zhǔn)。它于 2000 年 1 月 26 日成為正式的推薦標(biāo)準(zhǔn)(Recommendation)黑竞。W3C Recommendation 意味著其規(guī)范的穩(wěn)定性捕发,同時(shí)其規(guī)范目前已成為一種 Web 標(biāo)準(zhǔn)。
XHTML 是一種使用 XML 進(jìn)行重構(gòu)的 HTML 4.01很魂,并可以通過(guò)遵循一些簡(jiǎn)單的指導(dǎo)方針立即在現(xiàn)有的瀏覽器中投入使用扎酷。
為未來(lái)做好準(zhǔn)備:請(qǐng)閱讀如何將網(wǎng)站轉(zhuǎn)化為 XHTML

XML - 用于描述數(shù)據(jù)的工具

擴(kuò)展標(biāo)記語(yǔ)言(XML)并不是HTML的替代品遏匆。在未來(lái)的 web 開(kāi)發(fā)中法挨,XML 會(huì)被用來(lái)描述和存儲(chǔ)數(shù)據(jù),而 HTML 會(huì)被用來(lái)顯示數(shù)據(jù)幅聘。
我們對(duì) XML 最合適的描述是凡纳,一個(gè)跨平臺(tái)的、獨(dú)立于軟硬件的帝蒿,信息存儲(chǔ)和傳輸工具荐糜。
我們相信 XML 的重要性不亞于 HTML 對(duì)于 web 的基礎(chǔ)性地位,并且 XML 將會(huì)成為最重要的數(shù)據(jù)處理和傳輸工具。
請(qǐng)確保學(xué)習(xí) XML 教程狞尔。

XSLT - 用戶(hù)轉(zhuǎn)換數(shù)據(jù)的工具

XSLT(可擴(kuò)展的樣式表語(yǔ)言轉(zhuǎn)換丛版,Extensible Stylesheet Language Transformations),是用于轉(zhuǎn)換 XML 的語(yǔ)言偏序。
未來(lái)的網(wǎng)站將不得不向不同的瀏覽器并向其他web服務(wù)器以不同的格式傳遞數(shù)據(jù)。而 XSLT 則是一種將 XML 數(shù)據(jù)轉(zhuǎn)換為不同格式的新的 W3C 標(biāo)準(zhǔn)胖替。
XSLT 可以把 XML 文件轉(zhuǎn)換為瀏覽器可識(shí)別的格式研儒,比如 HTML,或者 WML - 一種用于許多手持設(shè)備的標(biāo)記語(yǔ)言独令。
XSLT 還可以添加元素端朵,并對(duì)元素進(jìn)行刪除、重新排列及排序燃箭,測(cè)試并確定顯示哪些元素冲呢,等等。
請(qǐng)確保學(xué)習(xí)XSLT 教程招狸。

客戶(hù)端腳本

客戶(hù)端腳本腳本是一種有關(guān)因特網(wǎng)瀏覽器行為的編程敬拓。您應(yīng)該學(xué)習(xí) JavaScript,這樣才能有能力傳遞更多的動(dòng)態(tài)網(wǎng)站內(nèi)容:

JavaScript 是為 HTML 設(shè)計(jì)者提供的一種的編程工具

HTML 的創(chuàng)作者通常都不是程序員裙戏,但是 JavaScript 是一種語(yǔ)法非常簡(jiǎn)單的腳本語(yǔ)言乘凸!幾乎任何人都能夠把某些 JavaScript 的代碼片斷放入他們的 HTML 頁(yè)面中。

JavaScript 可以在HTML頁(yè)面中放入動(dòng)態(tài)的文本

像這樣的一條 JavaScript 語(yǔ)言可以在 HTML 頁(yè)面中寫(xiě)入可變的文本:document.write("h1" + name + "/h1")

JavaScript 能夠?qū)κ录M(jìn)行反應(yīng)

可以把 JavaScript 設(shè)置為在某事件執(zhí)行時(shí)發(fā)生累榜,比如當(dāng)頁(yè)面加載完畢或當(dāng)用戶(hù)點(diǎn)擊某個(gè) HTML 元素時(shí)营勤。

JavaScript 可讀取并修改 HTML 元素

JavaScript 能夠讀取并修改 HTML 元素的內(nèi)容

JavaScript 可被用來(lái)驗(yàn)證數(shù)據(jù)

可使用 JavaScript 在表單被提交到服務(wù)器前對(duì)表單數(shù)據(jù)進(jìn)行驗(yàn)證,這樣可確保服務(wù)器進(jìn)行正確的數(shù)據(jù)處理壹罚。

一定要學(xué)習(xí)JavaScript 教程葛作。

服務(wù)器端腳本

服務(wù)器端腳本和因特網(wǎng)服務(wù)器編程有關(guān)。您應(yīng)該學(xué)習(xí)服務(wù)器端腳本猖凛,這樣才能有能力傳遞更多的動(dòng)態(tài)網(wǎng)站內(nèi)容赂蠢。通過(guò)服務(wù)器端的編程,你可以:

  • 動(dòng)態(tài)地編輯形病、修改或添加網(wǎng)頁(yè)內(nèi)容
  • 對(duì)用戶(hù)從 HTML 提交的查詢(xún)或數(shù)據(jù)進(jìn)行響應(yīng)
  • 訪問(wèn)數(shù)據(jù)或數(shù)據(jù)庫(kù)客年,并把結(jié)果返回瀏覽器
  • 訪問(wèn)文件或 XML 數(shù)據(jù),并把結(jié)果返回瀏覽器
  • 把 XML 轉(zhuǎn)換為 HTML漠吻,并把結(jié)果返回到瀏覽器
  • 為不同的用戶(hù)定制頁(yè)面量瓜,提高頁(yè)面的可用性
  • 對(duì)不同的網(wǎng)頁(yè)提供安全和訪問(wèn)控制
  • 為不同類(lèi)型的瀏覽器設(shè)計(jì)不同的輸出
  • 最小化網(wǎng)絡(luò)流量

在 W3SCHOOL,我們通過(guò) ASPPHP 為您演示了服務(wù)器端的腳本編程
請(qǐng)確保學(xué)習(xí) ASP 教程PHP教程途乃。

使用 SQL 管理數(shù)據(jù)

結(jié)構(gòu)化查詢(xún)語(yǔ)言(SQL)是對(duì)諸如下列數(shù)據(jù)庫(kù)進(jìn)行訪問(wèn)的通用標(biāo)準(zhǔn):SQL Server绍傲、Oracle、Sybase 以及 Access。
對(duì)于那些希望從數(shù)據(jù)庫(kù)存儲(chǔ)和提取數(shù)據(jù)的人們來(lái)說(shuō)烫饼,有關(guān) SQL 的知識(shí)是極具價(jià)值的猎塞。
任何web管理員都應(yīng)當(dāng)明白,SQL 對(duì)于 web 上的數(shù)據(jù)庫(kù)來(lái)說(shuō)杠纵,是一種真正切合的引擎荠耽。
請(qǐng)確保學(xué)習(xí) SQL 教程

未來(lái)的前景

您需要明白一件很重要的事情比藻,網(wǎng)站的功能性將會(huì)徹底地變革铝量。我們會(huì)看一種巨大的轉(zhuǎn)變,那就是網(wǎng)站從“靜態(tài)內(nèi)容”的展示轉(zhuǎn)向“動(dòng)態(tài)內(nèi)容”的傳遞银亲。
我們還會(huì)看到很多新式的瀏覽器慢叨,比如移動(dòng)設(shè)備中的瀏覽器,同時(shí)务蝠,我們還會(huì)看到更多有關(guān)服務(wù)器間拍谐,以及服務(wù)器與瀏覽器間使用XML來(lái)進(jìn)行的數(shù)據(jù)通信。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末馏段,一起剝皮案震驚了整個(gè)濱河市轩拨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌毅弧,老刑警劉巖气嫁,帶你破解...
    沈念sama閱讀 221,820評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異够坐,居然都是意外死亡寸宵,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,648評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門(mén)元咙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)梯影,“玉大人,你說(shuō)我怎么就攤上這事庶香〖坠鳎” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,324評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵赶掖,是天一觀的道長(zhǎng)感猛。 經(jīng)常有香客問(wèn)我,道長(zhǎng)奢赂,這世上最難降的妖魔是什么陪白? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,714評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮膳灶,結(jié)果婚禮上咱士,老公的妹妹穿的比我還像新娘立由。我一直安慰自己,他們只是感情好序厉,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,724評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布锐膜。 她就那樣靜靜地躺著,像睡著了一般弛房。 火紅的嫁衣襯著肌膚如雪道盏。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,328評(píng)論 1 310
  • 那天庭再,我揣著相機(jī)與錄音捞奕,去河邊找鬼。 笑死拄轻,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的伟葫。 我是一名探鬼主播恨搓,決...
    沈念sama閱讀 40,897評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼筏养!你這毒婦竟也來(lái)了斧抱?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,804評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤渐溶,失蹤者是張志新(化名)和其女友劉穎辉浦,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體茎辐,經(jīng)...
    沈念sama閱讀 46,345評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宪郊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,431評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了拖陆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弛槐。...
    茶點(diǎn)故事閱讀 40,561評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖依啰,靈堂內(nèi)的尸體忽然破棺而出乎串,到底是詐尸還是另有隱情,我是刑警寧澤速警,帶...
    沈念sama閱讀 36,238評(píng)論 5 350
  • 正文 年R本政府宣布叹誉,位于F島的核電站,受9級(jí)特大地震影響闷旧,放射性物質(zhì)發(fā)生泄漏长豁。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,928評(píng)論 3 334
  • 文/蒙蒙 一鸠匀、第九天 我趴在偏房一處隱蔽的房頂上張望蕉斜。 院中可真熱鬧,春花似錦、人聲如沸宅此。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,417評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)父腕。三九已至弱匪,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間璧亮,已是汗流浹背萧诫。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,528評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留枝嘶,地道東北人帘饶。 一個(gè)月前我還...
    沈念sama閱讀 48,983評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像群扶,于是被迫代替她去往敵國(guó)和親及刻。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,573評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 網(wǎng)站構(gòu)建初級(jí)指南 什么是WWW WWW指萬(wàn)維網(wǎng)(World Wide Web)竞阐,萬(wàn)維網(wǎng)常被稱(chēng)為Web缴饭,Web是由遍...
    Galory閱讀 353評(píng)論 0 1
  • WWW 每個(gè)網(wǎng)站開(kāi)發(fā)人員都有必要了解以下幾方面的知識(shí): 萬(wàn)維網(wǎng)如何工作 HTML 語(yǔ)言 如何使用層疊樣式表 (CS...
    鹿守心畔光閱讀 264評(píng)論 0 1
  • 每個(gè)網(wǎng)站開(kāi)發(fā)人員都有必要了解的幾方面知識(shí):·萬(wàn)維網(wǎng)如何工作·HTML語(yǔ)言·如何使用層疊樣式表(CSS)·JavaS...
    信息技術(shù)教育應(yīng)用閱讀 189評(píng)論 0 1
  • 一:在制作一個(gè)Web應(yīng)用或Web站點(diǎn)的過(guò)程中,你是如何考慮他的UI骆莹、安全性颗搂、高性能、SEO幕垦、可維護(hù)性以及技術(shù)因素的...
    Arno_z閱讀 1,176評(píng)論 0 1
  • 格式后期處理丢氢。 Jeremy Keith在 Fronteers 2010 上的主題演講 今天我想跟大家談一談HTM...
    LordZhou閱讀 1,132評(píng)論 0 17