當前位置:首頁 » 網頁前端 » 不懂腳本語言製作網頁
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

不懂腳本語言製作網頁

發布時間: 2023-01-20 06:35:52

Ⅰ 不會編程可以學網頁製作或者是網站製作嗎

完全可以!我是環境工程專業的大四學生,我學做網站至今才有一年零一個月,我沒有編程基礎,下面兩個網站都是我的作品:http://hjxy.gxu.e.cn/water/index.html
http://hjxy.gxu.e.cn/hjxy/
第一個是使用織夢網站管理系統做的,第二個是使用帝國網站管理系統做的,網頁只是一種HTML代碼,僅僅是代碼而已,沒有涉及運算、賦值之類的,只要你看懂代碼標簽表示的是什麼意思就可以了!塊試一試吧!

Ⅱ 想學習網站的製作,但又什麼都不懂,看點什麼書啊請指教啊~~

呵呵,看你想做多大的,如果想搞硬體,說實話,還是有一定難度的。
如果僅僅是做網頁,可以先學HTML(不用買書,在網上找個網站就行,大致上知道是那麼回事就行,用的時候再查),而且學會DREAMWEVER或是FRONTPAGE之類的網頁製做軟體,還有FLASH和圖開編輯軟體像PHOTOSHOP或FIREWORK之類,再學ASP(要一些VB,JAVA的腳本基礎,不過沒有也沒多大關系,可以邊看邊學)或PHP之類的動態網頁編程語言,另外得學一上資料庫,可以選擇ACESS,也可以是MYSQL都行。當然如果是初學者,建議還是學ACESS,會簡單一些。再後面學好JAVA等網路編程語言,應該就差不多了。再學硬體的。

Ⅲ 偶什麼都不懂..想知道網頁是怎麼做出來的

網頁製作基礎知識

■ 什麼是網頁

現在在你眼前,出現在顯示器上的這個「東西」,就是一個網頁。網頁實際是一個文件,他存放在世界謀個角落的的某一台計算機中,而這台計算機必須是與互聯網相連的。網頁經由網址(URL)來識別與存取,當我們在瀏覽器輸入網址後,經過一段復雜而又快速的程序(詳見「域名系統」),網頁文件會被傳送到你的計算機,然後再通過瀏覽器解釋網頁的內容,再展示到你的眼前。

■ 構成網頁的元素

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單的理解為:文字,就是網頁的內容,圖片,就是網頁的美觀。

除此之外,網頁的元素還包括動畫、音樂、程序等等。如果想了解更多的話,請參考「商業建站指南」的「網站的要素」。

■ 揭開網頁的神秘面紗

在網頁上點擊滑鼠右鍵,選擇菜單中的「查看源文件」,就可以通過記事本看到網頁的實際內容:

screen.width-430)this.width=screen.width-430 align=center border=0>

可以看到,網頁實際上只是一個純文本文件,它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字體、顏色、大小),而瀏覽器則對這些標記進行解釋並生成頁面,於是就得到你現在所看到的畫面。

為什麼在源文件看不到任何圖片?

網頁文件中存放的只是圖片的鏈接位置,而圖片文件與網頁文件是互相獨立存放的,甚至可以不在同一台計算機上。

■ 網頁的類型

通常我們看到的網頁,都是以 htm 或 html 後綴結尾的文件,俗稱 HTML

文件。不同的後綴,分別代表不同類型的網頁文件,例如以CGI、ASP、PHP、JSP甚至其他更多。

HTML

全稱 HyperText Markup

Language,正式名稱是超文本標記語言,利用標記(tag)用來描述網頁的字體、大小、顏色及頁面布局的語言,使用任何的文本編輯器都可以對它進行編輯,與VB、C++等編程語言有著本質上的區別。

舉一個簡單的例子:

HTML 原代碼: <b>goEway.com</b> 從不懂上網到網路高手

在瀏覽器的顯示效果: goEway.com 從不懂上網到網路高手

其中 <b></b> 就是兩個HTML標記。它以起始標記<b>及結束標記</b>標記文字

goEway.com,令它顯示成粗體。要知道更多有關HTML的知識,請看「HTML徹底剖析」

對於網頁製作的初學者來說,理解 HTML

的工作原理是必要的,但也無須仔細地了解到每一個標記的作用,因為現在已經有了很好的所見即所得的網頁編輯軟體為我們快速地生成 HTML

代碼,例如 Dreamweaver 和 Frontpage ,再也無須象早期的網頁製作人員一樣,一行一行地編寫代碼了。

以下內容,可能會導致部分網友感到不安,敬請留意!

哈哈,開個玩笑而已。但是,對於以下的「網頁類型」,及接著的「網頁相關技術」,的確會讓一些初學者產生恐懼心理,其實不用擔心,在這里,我們只會作簡單的介紹,而作為初學者,也只需作初步的了解就足夠了。就算一時間無法理解,也可以先放在一邊,先看「一些與網頁密切相關的技術」,待日後回過頭來再慢慢消化這部分的內容也不遲。

CGI

CGI 全稱為 Common Gateway Interface

(公共網關介面CGI),它是一種編程標准,它規定了Web伺服器調用其它可執行程序(CGI程序)的介面協議標准。CGI

程式通過讀取使用者的輸入請求從而產生 HTML 網頁。CGI

程序可以用任何程序設計語言編寫,如Shell、Perl、C、Java等,其中最為流行的是Prel。CGI程序通常用於查詢、搜索、或其他的一些互動式的應用。

screen.width-430)this.width=screen.width-430 align=center border=0>

網易虛擬社區就是使用了CGI

ASP

ASP 全稱為 Active Server Pages(動態伺服器主頁),它一種應用程序環境,可以利用 VBscript 或

Java Script 語言來設計,主要用於網路資料庫的查詢與管理。其工作原理是當瀏覽者發出瀏覽請求的時候,伺服器會自動將 ASP

的程序碼,解釋為標准 HTML 格式的網頁內容,再送到瀏覽者瀏覽器上顯示出來。我們也可以將 ASP 理解為一種特殊的 CGI。

利用 ASP 生成的網頁,與HTML相比具有更大的靈活性。只要結構合理,一個 ASP 頁面就可以取代成千上萬個網頁。盡管 ASP

在工作效率方面較之一些新技術要差,但勝在簡單、直觀、易學,是涉足網路編程的一條捷徑。

screen.width-430)this.width=screen.width-430 align=center border=0>

ASP是微軟產物,微軟的網站當然也就使用了ASP

PHP

PHP 是 Hypertext Preprocessor

的縮寫,代表:超文本預處理器。其優勢在於其運行效率比一般的CGI程序要高,而且,PHP是完全免費,不用花錢,你可以從PHP官方站點(http://www.php.net)自由下載。PHP

在大多數 Unix 平台,GUN/Linux 和微軟 Windows 平台上均可以運行。

JSP

JSP 與 ASP 非常相似。不同之處在於 ASP 的編程語言是 VBScript 之類的腳本語言, 而 JSP 使用的是 Java

。此外, ASP 與 JSP 還有一個更為本質的區別:兩種語言引擎用完全不同的方式處理頁面中嵌入的程序代碼。在 ASP 下,

VBScript 代碼被 ASP 引擎解釋執行;在 JSP 下,代碼被編譯成 Servlet 並由 Java 虛擬機執行。

VRML

VRML(Virtual Reality Modeling

Language)就是虛擬實境描述模型語言。是描述三維的物體及其連結的網頁格式。用戶可在三維虛擬現實場景中實時漫遊,VRML2.0在漫遊過程中還可能受到重力和碰撞的影響,並可和物體產生交互動作,選擇不同視點等(就象玩Quake)。

瀏覽VRML的網頁需要安裝相應的插件,利用經典的三維動畫製作軟體3DMAX,可以簡單而快速地製作出VRML。

一些與網頁密切相關的技術

Java

Java 是由 Sun 公司開發而成的一種編程語言,利用 Jave 寫成的小程序叫做 Java

Applet。使用它可在各式各樣不同種機器、不同種操作平台的網路環境中開發軟體。而且,不論你使用的是哪一種 WWW

瀏覽器,哪一種計算機,哪一種操作系統,只要WWW瀏覽器上面註明了「支持Java」,你就可以看到生動的主頁。

當初Java面世的時候,曾經轟動一時,被認為將會成為 Internet 應用的主要開發語言。但時至今日,Java

的風頭已大不如前,原因是 Java 也有著起致命的弱點,就是在客戶端的編譯運行的速度慢,資源消耗大。現在 Java

多用於伺服器端、及一些復雜的客戶端程序的編寫。

javascript

javascript 具有腳本語言的「簡單」這個特性,編寫容易,不需要有很深的編程經驗。javascript

語言是通過嵌入或整合在標准 HTML 語言中實現的,也就是說 javascript 的程序是直接加入在HTML文檔里,當瀏覽器讀取到

HTML 文件中 javascript 的程序,就立即解釋並執行有關的操作,無須編譯器,其運行速度比 Java Applet 要快得多。

現在, javascript 已經成為了製作動態網頁必不可少的元素,大家經常在網頁上看到的動態按鈕、滾動字幕,就大多數都是使用

javascript 技術製作的。

CSS

CSS(Casading Style Sheets 層疊樣式表),跟 HTML

一樣也是一種標記語言,甚至很多屬性都是來源於HTML。利用 CSS

技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。

Flash

Flash 是 Macromedia 公司出品的一個適量動畫製作軟體,用他做出來的動畫就叫Flash動畫,其特點是:

1、動畫具有很強的交互性,我們甚至可以完全使用 Flash 來製作一個網站;

2、採用「准」流(Stream)式的設計,就是說,我們可以一邊下載動畫文件一邊欣賞動畫;

3、由於它是基於矢量的圖形系統,因而只要使用得當,就可以大大地減少文件的數據存儲量,所佔空間比點陣圖少得多,非常適合在網路上使用。同時,矢量圖像可以做到真正的無級放大,這樣,無論用戶的瀏覽器使用多大的窗口,圖像始終可以完全顯示,並且不會降低畫面質量。

如果你看過使用了 Flash 技術的網站,你一定會被其神奇的魅力所傾倒。當然,Flash

也有其弊端,就是維護更新不方便,不適宜用於一些更新頻繁、信息量大的網站。

DHTML

DHTML 的全稱為 Dynamic HTML,即我們常說的動態 HTML。很多人都誤會 DHTML 是一種語言,其實 DHTML

僅僅是一個概念——通過各種技術的綜合發展而得以實現的概念,這些技術包括

javascript,VBScript,DOM(document.nbspObject Model,文件目標模塊),Layers(層)

和 CSS 等。DHTML

的目的在於加強網頁的交互性;對用戶的操作在本地就可做實時處理,從而得到更快的用戶響應;使網頁的界面更豐富多變,使頁面設計者可以隨心所欲地表達自己的構思。

動態 HTML 與動態網頁是兩個不同的概念,你可以簡單的理解為動態 HTML

能使網頁上的元素動起來(如文字的變色,圖片的移動);而動態網頁,則是在伺服器端動態地生成你看到的「靜態」網頁,而這個網頁上的元素,並不一定會「動」。

■ 選擇一個適合自己的網頁編輯工具

了解了網頁的類型及相關技術之後,下一步,就是要選擇一個適合自己的網頁編輯工具。

-------------------------------------------------------------------------------

Frontpage

Frontpage 是 Microsoft 出品的,可能是最簡單、最容易,卻又功能強大的網頁編輯工具。採用典型的 Word

界面設計,只要你懂得使用 Word,就差不多等於已經會使用 Frontpage。就算你不懂 Word

也沒關系,「所見即所得」的操作方式會讓你很快上手,而且你無須學習 HTML 語法。

但 Frontpage 的也有其不足之處:首先是瀏覽器兼容性不好,做出來的網頁,用 Netscape

往往不能正常顯示;其次,生成的垃圾代碼多,也會自動修改代碼,導致在某些情況下極為不便;再次,對DHTML的支持不好。但不管怎麼說,Frontpage

的確是最好的入門級網頁編輯工具。

常見的版本為 Frontpage98 和 Frontpage2000。

screen.width-430)this.width=screen.width-430 align=center border=0>

Dreamweaver

Dreamweaver 是 Macromedia 公司的產品的另一款「所見即所得」的網頁編輯工具。與 Frontpage

不同,Deamweaver 採用的是 Mac 機浮動面版的設計風格,對於初學者來說可能會感到不適應。但當你習慣了其操作方式後,就會發現

Dreamweaver 的直觀性與高效性是 Frontpage 所無法比擬的。

Dreamweaver 對於 DHTML

的支持特別好,可以輕而易舉地做出很多眩目的頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver 與

Flash、Firework 並稱為 Macromedia

的網頁製作三劍客,由於是同一公司的產品,因而在功能上有著一個非常緊密的結合。而最新推出的 Dreamweaver UltraDev

更支持 Asp,Jsp。因此,說Dreamweaver 是高級網頁製作的首選並不為過。

常見的版本為 Dreamweaver3.0 和 Dreamweaver UltraDev 1.0

screen.width-430)this.width=screen.width-430 align=center border=0>

Frontpage 與 Dreamweaver 哪一個更好?

對於這個問題的爭論,自 Dreamweaver 出現之後就一直沒有停過。雖然,兩者確實都有著各自的過人之處,Frontpage

易學,Macromedia 高效,但總體來說, Dreamweaver

的優點更為突出與明顯。在專業網頁製作的這個圈子之中,幾乎已經看不到 Frontpage 的影子了。

代碼編輯類的網頁製作工具

除了以上這些所見即所得的網頁製作工具外,還有一些專門編輯代碼的網頁製作工具,例如

Homesite、Hotdog等。通常使用這些工具的以程序員為主。

■ 掌握一種圖像處理軟體

美工設計是網頁製作的一個重要的組成部分。往往我們說某人能做一手好網頁,實際上上指他有很好的美術設計功底。作為初學者,至少要掌握一個圖像處理軟體。

-------------------------------------------------------------------------------

Photoshop

Photoshop 是 Adobe 出品的最老資格,而又最功能強大的圖像處理軟體。很多人都會被 Photoshop

的復雜功能所嚇倒,其實裡面還是有不少「傻瓜」級的功能的。而且,哪怕你不是要處理網頁的圖片,掌握一些基本的 Photoshop

技巧,對於日常的生活、工作也是大有裨益的。

常見版本為 中文Photoshop5.0、Photoshop5.5,最新版本為6.0

screen.width-430)this.width=screen.width-430 align=center border=0>

--------------------------------------------------------------------------------

PhotoImpact

PhotoImpact 是台灣友立(Ulead)公司推出的一款圖像處理軟體精品。PhotoShop

等專業級軟體不同,PhotoImpact定位於廣大普通用戶,提供眾多「即拖即有」的現成效果和創意工具。它不僅有豐富的網頁圖庫,同時也擁有強大的圖形編輯及修片等功能。雖然在特效及照片處理方面與

PhotoShop 仍有很大的差距,但勝在操作簡便,是一款「傻瓜級」的圖像處理軟體。

常見版本為 PhotoImpact5.0,最新版本為6.0

screen.width-430)this.width=screen.width-430 align=center border=0>

適量繪圖軟體

以上介紹的都是一些「點陣圖」處理軟體,如果你更喜歡自己創作的話,也不妨學習一些適量繪圖軟體,例如

CorelDRAW、Freehand、Illustrator等。

Ⅳ 網頁製作都是需要什麼語言,動態網頁呢

我不是個高人,只是說一下自己知道的!
首先要了解html,熟悉DIV+CSS布局!
為了有動態的效果還要掌握JavaScript腳本語言!
做靜態的用html、div+css就可以了!
動態的用JavaScript就可以,當然還有其他的技術,比方說asp、asp.net、php、jsp!
一般都是以這些技術為基礎,JavaScript作為輔助效果!
asp用的是VBScript,.net用的是C#或VB,jsp用的Java,php不知道,你看自己那種語言基礎好就選擇哪個吧!
再者還要學習開發的平台!
製作靜態的用Dreamweaver就行了,asp用Dreamweaver也可以,但是.net、jsp、php都有較好的開發平台,開發更容易!

Ⅳ 用代碼直接編寫網頁的步驟是什麼

做網頁的,HTML必須精通。當然咯,只要記住各種標簽的名字,屬性及功能就行了。如果不熟悉html,那麼你如果做動態網頁,需要看代碼的話,你不懂html,那就是個問題。

來說下步驟吧。
1.要會html,可以做到用記事本寫簡單的網頁最好,但是建議你用dw寫,因為dw有代碼提示功能,這樣有些屬性忘記了,dw裡面有提示。

2.做網頁,做之前當然需要先有個網頁的布局咯,不然會沒目標的。

3.安裝布局,開工吧。

現在用純html布局是很不省力的,建議你可以學習css(樣式表,可以對html標簽就行排版),這樣布局可以用css+div就行網頁布局。

一樓說的JavaScript(腳本語言,可以控制網頁標簽,製作特效等),這個可以在學習了css之後在學習。

JSP:一種伺服器端語言,目的就是動態生成html標簽的,所以html你是要掌握的。其它伺服器端語言還有,ASP,ASP.net,PHP,等。功能都是差不多的。