前言:雖然目前制作網(wǎng)頁的工具很多網(wǎng)站源代碼也不少,但我們建議新手務(wù)必要從手工編寫網(wǎng)頁代碼起步。
一來,這樣可以使你更深刻地理解網(wǎng)頁制作的工作原理,從而認(rèn)識(shí)到制作網(wǎng)頁與用Office軟件編輯文檔的本質(zhì)區(qū)別;
二來,很多情況下,相比使用網(wǎng)頁制作工具,直接修改網(wǎng)頁代碼將更為快捷,產(chǎn)生的網(wǎng)頁文件容量也更小,結(jié)構(gòu)更為清晰,便于后期維護(hù)。
那讓我們來了解一下,對(duì)于一個(gè)從零開始的普通網(wǎng)友,應(yīng)當(dāng)通過那些進(jìn)階成為一個(gè)合格的
網(wǎng)站制作和管理者呢。
一、學(xué)習(xí)網(wǎng)站制作要從手工編寫最基本的代碼起步:
手工編寫代碼的最佳工具就是Windows系統(tǒng)自帶的“記事本”軟件,而所編寫的代碼,我們稱之為“Html語言”。使用“記事本”軟件,按Html語言所規(guī)定的格式書寫代碼,并在硬盤上將它以“htm”或“html”作為擴(kuò)展名的文件保存下來,在其上雙擊鼠標(biāo),就可以通過瀏覽器打開它并查看網(wǎng)頁的顯示效果。整個(gè)過程非常方便,且不用安裝額外的軟件工具,非常適合沒有基礎(chǔ)的新手學(xué)習(xí)。
語言本身內(nèi)容比較多,為了讓初學(xué)者的學(xué)習(xí)盡快見效,建議從以下幾項(xiàng)內(nèi)容入手:
(1)網(wǎng)頁的結(jié)構(gòu)。
包括:標(biāo)記網(wǎng)頁起始的標(biāo)記,分隔網(wǎng)頁頭部的標(biāo)記,分隔網(wǎng)頁體部的標(biāo)記,初學(xué)者可以在標(biāo)記內(nèi)隨意鍵入一些文字察看網(wǎng)頁的顯示效果。
(2)圖片標(biāo)記。學(xué)習(xí)了這一標(biāo)記,就可以做出圖文并茂的完整網(wǎng)頁。同時(shí),也可以使你深刻地理解到:在網(wǎng)頁中文字和圖片實(shí)際上是分成多個(gè)文件來存儲(chǔ)的,與Word文檔將圖文存儲(chǔ)在一個(gè)文件中是完全不同的,而這也往往是初學(xué)者最容易誤解的地方。
(3)超鏈接標(biāo)記。學(xué)習(xí)了這一標(biāo)記,就可以通過點(diǎn)擊某一行文字,實(shí)現(xiàn)轉(zhuǎn)向另一個(gè)網(wǎng)頁。超鏈接是互聯(lián)網(wǎng)世界的魅力所在,浩瀚無窮的信息都是通過無數(shù)的超鏈接聯(lián)接在一起的。制作超鏈接,通常需要編寫出多個(gè)網(wǎng)頁文件,并在每個(gè)文件中寫入不同的鏈接文字。這也將使你對(duì)網(wǎng)站文件的存儲(chǔ)方式有更深入的了解。
(4)制作表格的標(biāo)記。表格是網(wǎng)頁中非常重要的元素,除了以列表方式顯示數(shù)據(jù)外,在網(wǎng)頁中劃分區(qū)域、布局文字圖片等各種元素,都是通過表格來實(shí)現(xiàn)的。掌握了分析表格代碼的能力,將會(huì)使你在網(wǎng)頁的后期維護(hù)中如虎添翼。
切實(shí)學(xué)會(huì)了這幾樣知識(shí),就已開啟了制作網(wǎng)頁的大門。不管以后應(yīng)用的技術(shù)有多復(fù)雜,也都是圍繞著這幾樣技術(shù)來展開的。
二、學(xué)習(xí)制作網(wǎng)頁的輔助工具:
學(xué)會(huì)了手工編寫代碼,已經(jīng)可以做出有模有樣的網(wǎng)頁了,但是難以做出具有一定規(guī)模,布局較為復(fù)雜的頁面。要實(shí)現(xiàn)這一目標(biāo),還必須借助網(wǎng)頁制作輔助工具。
是眾多網(wǎng)頁制作工具中出類拔萃的一員。然而這個(gè)軟件功能強(qiáng)大,菜單、按鈕繁多,初學(xué)者如果為了圖省事,一上手就用這個(gè)工具來做網(wǎng)頁,勢必會(huì)一頭霧水,摸不到方向。如果對(duì)網(wǎng)頁代碼有了比較深入的了解,先想好在代碼中可以實(shí)現(xiàn)何種效果,再在Dreamweave軟件中尋找相應(yīng)的功能,就會(huì)容易得多,也更便于記憶。
在Dreamweaver中,“布局表格”是非常有特色的一項(xiàng)功能,用戶通過操控鼠標(biāo),在屏幕上劃出一個(gè)個(gè)方塊,就可以實(shí)現(xiàn)各種網(wǎng)頁元素的排布。這也是制作格局復(fù)雜的網(wǎng)頁的有力工具,需要重點(diǎn)掌握。
三、向建立交互式和基于數(shù)據(jù)庫的網(wǎng)站進(jìn)軍:
以上兩種方式,做出的還只是單方面展示信息的網(wǎng)頁。要實(shí)現(xiàn)訪問者和網(wǎng)站之間的真正交互,則必須要通過后臺(tái)程序來實(shí)現(xiàn)。比如,用戶在前臺(tái)頁面中輸入一些信息,網(wǎng)站后臺(tái)程序獲取這些信息并進(jìn)行甄別,根據(jù)不同的判斷結(jié)果給用戶展示不同的網(wǎng)頁,從而實(shí)現(xiàn)對(duì)話式的信息互動(dòng)。目前比較流行的后臺(tái)編程語言有Asp語言、Php語言等,學(xué)習(xí)這些語言,需要具備一定Basic語言、C語言的基礎(chǔ)。
如果網(wǎng)站需要對(duì)外提供商品信息這樣經(jīng)常變動(dòng)的數(shù)據(jù)、或是要保存用戶所輸入的信息,后臺(tái)數(shù)據(jù)庫是最有效和常用的方法。對(duì)于初學(xué)者來說,采用Asp語言+Access數(shù)據(jù)庫的組合是不錯(cuò)的選擇。Windows系統(tǒng)包含了支持這些工具的網(wǎng)站服務(wù)組件,你可以方便地把自己的電腦變成一個(gè)網(wǎng)頁服務(wù)器,不需要額外安裝其他的軟件。如果你已聯(lián)上網(wǎng),則可以讓你的親友通過你的IP地址訪問一下你的網(wǎng)站,讓他們也來分享你的成功喜悅。
結(jié)論:在互聯(lián)網(wǎng)中,要實(shí)現(xiàn)訪問者和網(wǎng)站之間的真正交互,則必須要通過網(wǎng)站后臺(tái)