一些與網(wǎng)頁密切相關(guān)的技術(shù)
Java
Java 是由 Sun 公司開發(fā)而成的一種編程語言,利用 Jave 寫成的小程序叫做 Java Applet。使用它可在各式各樣不同種機(jī)器、不同種操作平臺(tái)的網(wǎng)絡(luò)環(huán)境中開發(fā)軟件。而且,不論你使用的是哪一種 WWW 瀏覽器,哪一種計(jì)算機(jī),哪一種操作系統(tǒng),只要WWW瀏覽器上面注明了“支持Java”,你就可以看到生動(dòng)的主頁。
當(dāng)初Java面世的時(shí)候,曾經(jīng)轟動(dòng)一時(shí),被認(rèn)為將會(huì)成為 Internet 應(yīng)用的主要開發(fā)語言。但時(shí)至今日,Java 的風(fēng)頭已大不如前,原因是 Java 也有著起致命的弱點(diǎn),就是在客戶端的編譯運(yùn)行的速度慢,資源消耗大?,F(xiàn)在 Java 多用于服務(wù)器端、及一些復(fù)雜的客戶端程序的編寫。
javascript
javascript 具有腳本語言的“簡單”這個(gè)特性,編寫容易,不需要有很深的編程經(jīng)驗(yàn)。javascript 語言是通過嵌入或整合在標(biāo)準(zhǔn) HTML 語言中實(shí)現(xiàn)的,也就是說 javascript 的程序是直接加入在HTML文檔里,當(dāng)瀏覽器讀取到 HTML 文件中 javascript 的程序,就立即解釋并執(zhí)行有關(guān)的操作,無須編譯器,其運(yùn)行速度比 Java Applet 要快得多。
現(xiàn)在, javascript 已經(jīng)成為了制作動(dòng)態(tài)網(wǎng)頁必不可少的元素,大家經(jīng)常在網(wǎng)頁上看到的動(dòng)態(tài)按鈕、滾動(dòng)字幕,就大多數(shù)都是使用 javascript 技術(shù)制作的。
CSS
CSS(Casading Style Sheets 層疊樣式表),跟 HTML 一樣也是一種標(biāo)記語言,甚至很多屬性都是來源于HTML。利用 CSS 技術(shù),可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加**的控制。要對相應(yīng)的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數(shù)不同的網(wǎng)頁的外觀和格式。
Flash
Flash 是 Macromedia 公司出品的一個(gè)適量動(dòng)畫制作軟件,用他做出來的動(dòng)畫就叫Flash動(dòng)畫,其特點(diǎn)是:
1、動(dòng)畫具有很強(qiáng)的交互性,我們甚至可以完全使用 Flash 來制作一個(gè)網(wǎng)站;
2、采用“準(zhǔn)”流(Stream)式的設(shè)計(jì),就是說,我們可以一邊下載動(dòng)畫文件一邊欣賞動(dòng)畫;
3、由于它是基于矢量的圖形系統(tǒng),因而只要使用得當(dāng),就可以大大地減少文件的數(shù)據(jù)存儲(chǔ)量,所占空間比位圖少得多,非常適合在網(wǎng)絡(luò)上使用。同時(shí),矢量圖像可以做到真正的無級放大,這樣,無論用戶的瀏覽器使用多大的窗口,圖像始終可以完全顯示,并且不會(huì)降低畫面質(zhì)量。
如果你看過使用了 Flash 技術(shù)的網(wǎng)站,你一定會(huì)被其神奇的魅力所傾倒。當(dāng)然,F(xiàn)lash 也有其弊端,就是維護(hù)更新不方便,?*擻糜諞恍└縷搗薄⑿畔⒘看蟮耐盡?/P>
DHTML
DHTML 的全稱為 Dynamic HTML,即我們常說的動(dòng)態(tài) HTML。很多人都誤會(huì) DHTML 是一種語言,其實(shí) DHTML **是一個(gè)概念——通過各種技術(shù)的綜合發(fā)展而得以實(shí)現(xiàn)的概念,這些技術(shù)包括 javascript,VBScript,DOM(Document Object Model,文件目標(biāo)模塊),Layers(層) 和 CSS 等。DHTML 的目的在于加強(qiáng)網(wǎng)頁的交互性;對用戶的操作在本地就可做實(shí)時(shí)處理,從而得到更快的用戶響應(yīng);使網(wǎng)頁的界面更豐富多變,使頁面設(shè)計(jì)者可以隨心所欲地表達(dá)自己的構(gòu)思。
動(dòng)態(tài) HTML 與動(dòng)態(tài)網(wǎng)頁是兩個(gè)不同的概念,你可以簡單的理解為動(dòng)態(tài) HTML 能使網(wǎng)頁上的元素動(dòng)起來(如文字的變色,圖片的移動(dòng));而動(dòng)態(tài)網(wǎng)頁,則是在服務(wù)器端動(dòng)態(tài)地生成你看到的“靜態(tài)”網(wǎng)頁,而這個(gè)網(wǎng)頁上的元素,并不一定會(huì)“動(dòng)”。
■ 選擇一個(gè)適合自己的網(wǎng)頁編輯工具
了解了網(wǎng)頁的類型及相關(guān)技術(shù)之后,下一步,就是要選擇一個(gè)適合自己的網(wǎng)頁編輯工具。
--------------------------------------------------------------------------------
Frontpage
Frontpage 是 Microsoft 出品的,可能是更簡單、更容易,卻又功能強(qiáng)大的網(wǎng)頁編輯工具。采用典型的 Word 界面設(shè)計(jì),只要你懂得使用 Word,就差不多等于已經(jīng)會(huì)使用 Frontpage。就算你不懂 Word 也沒關(guān)系,“所見即所得”的操作方式會(huì)讓你很快上手,而且你無須學(xué)習(xí) HTML 語法。
但 Frontpage 的也有其不足之處:首先是瀏覽器兼容性不好,做出來的網(wǎng)頁,用 Netscape 往往不能正常顯示;其次,生成的垃圾代碼多,也會(huì)自動(dòng)修改代碼,導(dǎo)致在某些情況下更為不便;再次,對DHTML的支持不好。但不管怎么說,F(xiàn)rontpage 的確是更好的入門級網(wǎng)頁編輯工具。
常見的版本為 Frontpage98 和 Frontpage2000。
要了解更詳細(xì)資料請到:
Frontpage98 建站手冊
Frontpage2000 快速入門
--------------------------------------------------------------------------------
Dreamweaver
Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款“所見即所得”的網(wǎng)頁編輯工具。與 Frontpage 不同,Deamweaver 采用的是 Mac 機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格,對于初學(xué)者來說可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后,就會(huì)發(fā)現(xiàn) Dreamweaver 的直觀性與**性是 Frontpage 所無法比擬的。
Dreamweaver 對于 DHTML 的支持特別好,可以輕而易舉地做出很多眩目的頁面**。插件式的程序設(shè)計(jì)使得其功能可以無限的擴(kuò)展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁制作三劍客,由于是同一公司的產(chǎn)品,因而在功能上有著一個(gè)非常緊密的結(jié)合。而更新推出的 Dreamweaver UltraDev 更支持 Asp,Jsp。因此,說Dreamweaver 是**網(wǎng)頁制作的前幾選并不為過。
常見的版本為 Dreamweaver3.0 和 Dreamweaver UltraDev 1.0
要了解更詳細(xì)資料請到:
Dreamweaver3上手指南
Dreamweaver3一學(xué)就會(huì)
Frontpage 與 Dreamweaver 哪一個(gè)更好?
對于這個(gè)問題的爭論,自 Dreamweaver 出現(xiàn)之后就一直沒有停過。雖然,兩者確實(shí)都有著各自的過人之處,F(xiàn)rontpage 易學(xué),Macromedia **,但總體來說, Dreamweaver 的優(yōu)點(diǎn)更為突出與明顯。在專業(yè)網(wǎng)頁制作的這個(gè)圈子之中,幾乎已經(jīng)看不到 Frontpage 的影子了。
代碼編輯類的網(wǎng)頁制作工具
除了以上這些所見即所得的網(wǎng)頁制作工具外,還有一些專門編輯代碼的網(wǎng)頁制作工具,例如 Homesite、Hotdog等。通常使用這些工具的以程序員為主。
■ 本站建議的學(xué)習(xí)方式
前面一口氣介紹了網(wǎng)頁的類型、網(wǎng)頁的技術(shù)、制作網(wǎng)頁的工具及常用的圖像處理工具,是不是前面所講的所有東西都是必須掌握的呢?答案當(dāng)然是“不是”的。網(wǎng)頁制作的學(xué)習(xí)是一個(gè)循序漸進(jìn)的過程,以下,是本站推薦給大部份初學(xué)者的學(xué)習(xí)方式:
入門階段:此時(shí)的你,什么都不懂
先從更簡單的 HTML 網(wǎng)頁入手;
選擇 Dreamweaver 作為你的網(wǎng)頁制作工具;
選擇 Photoshop 作為你的網(wǎng)頁制作工具;
粗略地閱讀本站的 Dreamweaver 及 Photoshop 教程,了解這兩個(gè)軟件到底能做些什么;
制作你的前幾個(gè)實(shí)驗(yàn)性的網(wǎng)站,遇到任何困難,請對照本站的相關(guān)教程,如果問題仍然沒有解決,請將問題貼于本站論壇,讓更多高手為你解答;
初級階段:此時(shí)的你,已經(jīng)掌握了 Dreamweaver 和 Photoshop 的基本操作:
策劃和制作你的前幾個(gè)網(wǎng)站;
不斷為你的網(wǎng)站增加內(nèi)容與功能(例如嘗試將一些 Java Script 小程序添加到你的網(wǎng)頁中);
粗略閱讀本站 HTML 及 CSS 的語法書,并嘗試運(yùn)用到你做的網(wǎng)頁中。
進(jìn)階階段:此時(shí)的你,已經(jīng)具有一定的網(wǎng)頁制作經(jīng)驗(yàn),并逐步形成了自己一套的對于網(wǎng)頁制作的理解,制作一般的網(wǎng)頁已經(jīng)不在話下:
根據(jù)個(gè)人喜好及實(shí)際需要,網(wǎng)頁制作的方向,你可以向美術(shù)設(shè)計(jì)的方向發(fā)展,學(xué)習(xí)一些美術(shù)方面的知識(shí);也可以向網(wǎng)絡(luò)編程的方向發(fā)展,學(xué)習(xí)ASP等編程語言;也可以向信息制作的方向發(fā)展,鍛煉自己在網(wǎng)站策劃及信息采輯的技能;
常識(shí)制作其他不同類型的網(wǎng)站,從模仿別人開始,都逐漸形成自己的設(shè)計(jì)風(fēng)格;
熟練操作 Dreamweaver 及 Photoshop 兩個(gè)軟件,并至少能讀懂 HTML 及 javascript。
高手階段:此時(shí)的你,至少在美術(shù)設(shè)計(jì)、程序編寫、或信息制作方面有一定的造詣:
學(xué)習(xí)
學(xué)習(xí)
再學(xué)習(xí)
網(wǎng)頁制作入門知識(shí),希望能與大家多多交流,謝謝!