導航:首頁 > 萬維百科 > 網頁腳本語言設計

網頁腳本語言設計

發布時間:2020-10-20 10:07:23

1、網頁設計都需要哪些知識

用Dreamweaver自己先找個簡潔點的網站模仿著做,如果不會Dreamweaver那麼就先買本Dreamweaver的書看看吧。很簡單的就學會了,然後了解CSS。會了CSS就可以做靜態頁面了,你可以找個簡潔點的公司網站,模仿著做。靜態頁面做熟練了,就會有需求學動態腳本語言了,PHP,ASP等動態語言。
如果只想建立一個自己的主頁,事實上並不需要掌握太深奧的知識,因為筆者認為,網上有很多現成的資源可以利用,如果自己去花錢買書專門來學,恐怕有點「殺雞用牛刀」,花大力氣辦小事情的感覺。當然,如果要學會製作主頁,筆者認為至少需要以下方面的知識:
HTML:最基本的知識,如果HTML知識掌握得好,可以用記事本就可以熟練編寫網頁(當然,不推薦這么做,因為有現成的工具可以幫助編寫HTML,但擁有這種能力是很好的)會對日後使用編輯主頁,編寫ASP或PHP代碼有極大幫助。
ASP或PHP:ASP和PHP可以稱得上編寫動態主頁的主流語言環境。對於入門者如果編程經驗很少,可以從簡單的語言起步,如微軟公司的 VBScript腳本語言,如果已經有不少編程經驗,建議學習PHP或JavaScript語言,PHP在商業網站中應用得較為廣泛。如果希望謀一份網站製作的工作,學好PHP還是很值得的;
對於JavaScript而言,可用於伺服器端(比如ASP編程),也於應用於客戶端編程(比如製作一些DHTML動態效果等),而且 JavaScript已被歐洲標准協會列為一門語言標准,將來的應用也會很廣泛(例如Flash的腳本語言也採用了JavaScript);
總之,想從簡單起步,可以看一些ASP+VBScript的書籍,

2、屬於設計動態網頁程序的軟體是什麼?

首先,動態網頁是指跟靜態網頁相對的一種網頁編程技術。
動態網頁是基本的html語法規范與Java、VB、VC等高級程序設計語言、資料庫編程等多種技術的融合,以期實現對網站內容和風格的高效、動態和互動式的管理。因此,從這個意義上來講,凡是結合了HTML以外的高級程序設計語言和資料庫技術進行的網頁編程技術生成的網頁都是動態網頁。

動態網頁特徵
1、想要製作動態網頁,我們首先需要了解動態網頁的特徵,動態網頁的第一個特徵就是使用動態語言製作而成,例如PHP,ASP,JSP等,用它們製作而成的網頁都會以相應的動態語言為後綴名,例如.php,.asp等,我們把這種動態語言製作的網頁叫做動態網頁。
2、動態網頁一般以資料庫技術為基礎,之所以網頁有靜動之分,就是因為看數據是否能夠實時更新,而能夠完成這項工作的就是資料庫了,使用動態語言實現和資料庫的交互,從而達到數據及時更新的目的,同時也大大降低了網站的維護工作。
3、動態網頁需要伺服器作支持,我們平時見到的以html結尾的文件雙擊都能夠正常的打開,即使沒有伺服器也不會對我們瀏覽頁面造成影響,但是動態網頁不同,我們需要伺服器作支持,同時伺服器還必須支持這種動態語言才能正常瀏覽。

動態網頁的製作

1、首先我們需要安裝伺服器,我們可以使用windows自帶的IIS伺服器,當然也可以使用比較流行的apache伺服器,這需要根據自己的動態語言決定,asp就選擇IIS,php就選擇apache(當然並非絕對)。
2、接著就是資料庫的選擇,同樣需要根據自己的動態語言來選擇,如果你使用的是ASP動態語言,那麼就可以選擇ACCESS資料庫,如果你選擇的是PHP,那麼就可以選擇MYSQL資料庫,當然還有其他的資料庫選擇,根據情況自己決定。
3、然後就是把動態語言和伺服器資料庫相結合了,不同的組合結合方式也是不同的,就不在詳述了。有人可能會說,你說了半天我還是不會做,確實這些東西新手可能越看越糊塗,但是畢竟是動態網頁製作必須的步驟,因此先把它們講完,下面就叫大家實際製作一個動態的網頁。
4、以上的過程又叫做搭配環境,是實現動態網頁必須的步驟,對於很多新手朋友可能有難度,沒關系我們先不急著記它,我們可以使用集成環境,windows下可以安裝wamp,linux下可以安裝xampp。都是一鍵安裝,沒有任何難度。
5、安裝完成後,我們找到安裝目錄(以wamp為例子),雙擊之後會發現一個www目錄,這就是網站的根目錄,也是我們以後網頁要存放的目錄(當然可以更改),然後新建一個以php結尾的文件,打開進行編輯寫入<?php echo'我的第一個動態網頁';?>然後保存,在瀏覽器中輸入localhost/剛才創建的文件名,如果出現我們剛才寫入的字證明已經成功了。

注意事項
1、伺服器和動態語言是必須的,但是資料庫就是可選的,一個不連接資料庫的動態文件也能被稱為動態網頁,當然一般使用動態語言就是為了和資料庫相結合,否則就跟靜態網頁沒有什麼區別了。
2、以上只是把製作動態網頁的大略步驟給列出來了,詳細的過程並沒有詳述,因為並非三言兩語可以說的清楚,當然為了加深理解,以上給出了一個簡單的製作動態網頁的例子,希望對新手朋友們有些幫助。

引用:
1、http://ke.baidu.com/link?url=_96eGsuruq6QvUV7ZXHa5b1E-fi9hZ4Qq
2、http://jingyan.baidu.com/article/a3f121e418221dfc9052bbbc.html

3、什麼叫動態網頁設計

動態頁面與之靜態頁面比較是與用戶的交互性強了,靜態就是只能讓客戶觀看了解信息的,而動態客戶可以和網站的建立者通過論壇互相溝通。動態設計到與資料庫的連接性,而靜態沒有與資料庫進行相關的鏈接。

4、我在設計網頁的時候,在HTML中插入其他腳本語言的時候總是實現不了腳本語言所定義的功能。

語言種類不一樣怎麼兼容,建議你去參考JAVA SCRIPT相關資料

5、網站設計,一般都有哪幾種腳本語言啊?

網站一般用下面的4種語言中的一種編寫。
asp 或者 asp.net 或者 jsp 或者 php 中的一種
asp簡單易學 最流行的編寫語言 而且伺服器廣泛都支持 但是安全性很差 容易給人入侵 。
JSP一般應用於大型網站 伺服器大部分很少支持 學起來也比較容易 做出來的網站速度快 效率高。可是編寫JSP網站的人太少,估計懂JAVA的人都不願意寫JSP吧,代表網站有 太平洋電腦網就是JSP寫的
PHP學起來甚難 本人也不懂 基於C++語法編寫的,多應用於中小型網站,安全性極高,網路上廣泛流行,比較出名的像新浪就是用PHP編寫的。
除了懂4種種的一種還必須懂基本的 HTML/XML語言 CSS樣式 腳本語言 vbscript/javascript 懂得SQL語言
網站界面有2種方式,1是用 PS或者 FW 做好頁面然後割出來 再套程序
或者用CSS+DIV排版來做 後者是現在的主流 速度明顯快很多 但是就沒有第
1種方法做的頁面漂亮
如果真的要學的話 在會HTML的情況下 再學ASP或者JSP開始吧 不過ASP網上視頻教程比較多
可以到 網易視頻網看教程學
http://tech.163.com/school/video/
然後再自己下載實例來看 不難學

6、用Vbscript腳本語言,設計一個程序,根據當前是星期幾,在頁面中顯示不同的問候語。

<html>
<head><title>vbscript 日期函數自</title></head>
<body>
<%
dim mydate
mydate=dateselect case weekday(mydate)
case 1
response.write"星期日"
case 2
response.write"星期一"
case 3
response.write"星期二"
case 4
response.write"星期三"
case 5
response.write"星期四"
case 6
response.write"星期五"
case 7
response.write"星期六"
end select
%>
</body></html>問候語寫在星期後面即可

7、什麼是腳本語言。以及他是用來干什麼的

腳本語言
腳本語言,像Perl,Python,Rexx,Tcl,Visual Basic和Unix shells代表了與系統程序設計語言完全不同的編程.腳本語言假設已經存在了一系列由其他語言寫成的有用的組件.腳本語言不希望隨機地產生請求,他希望主要是把組件接在一起.例如,Tcl和Visual Basic可以被用於在屏幕上安排一系列用戶圖形控制,而Unix shells scripts被用於把過濾程序集合入管道.腳本語言常用於擴展組件特性,但他們很少用於復雜的演算法和數據結構;這些東西常由組件提供.腳本語言有時涉及膠著語言或系統整體語言.

為了簡化連接組件的工作,腳本語言被設計為無類型的:所有的東西無論是看起來還是使用起來都是完全一樣的,因此他們可以互換.例如,在Tcl或Visual Basic中一個變數可以一會兒處理字元串,一會兒又處理整型.代碼和數據也常可互換,因此,可以用一個程序寫另一個程序,然後高速執行,腳本語言一般是面向字元的,因為它為許多不同的事物提供了一致的描述.

無類型語言使組件更容易連在一起.在使用時沒有優先順序限制,並且所有的組件及其值都用統一的方式描述.除此之外,任何組件和值都可以在任何情況下使用;為某一目的而設計的組件可以被用於設計者完全沒有預見過的完全不同的目的.例如,在Unix shells中,所有的過濾程序從輸入讀入位元組流,並把位元組組成的字元串寫入輸出;任何兩個程序都可以通過把一個的輸出連到另一個的輸入而把兩者聯系起來.

腳本語言和系統程序設計語言的另一個重要不同是腳本語言是被解釋而系統程序設計語言是被編譯.被解釋的語言由於沒有編譯時間而提供快速的轉換.通過允許用戶運行時編寫應用程序,解釋器使.應用程序更加靈活,例如,許多整體線路的綜合分析工具,包括Tcl解釋器;程序用戶編寫Tcl 腳本來使他們的設計具體化並控制工具操作.通過快速設計代碼解釋器可以實現強大的功能.例如,一個基於Tcl的網頁瀏覽器可以通過把網頁中的HTML轉換為使用一些常規表達替代物的Tcl腳本,從而從語法上分析網頁然後執行腳本把頁面翻譯顯示在屏幕上.

腳本語言不如系統程序設計語言效率高,部分是因為他們使用解釋器而不是編譯器,而且因為他們基本組件的選擇標準是功能強大和易於使用而不是有效地對應基本硬體.例如,腳本語言經常使用長度可變的字元串,而同樣的情況下系統程序設計語言使用對應一個機器字的二進制值;腳本語言經常使用哈希表,而系統程序設計語言使用變址陣列.

幸運的是,腳本語言的性能不經常是一個主要的問題.腳本語言應用程序通常比系統程序設計語言的應用程序要小,並且腳本應用程序的執行受組件執行的支配,而這些組件是系統程序設計語言提供的典型工具.

腳本語言比系統程序設計語言更高級,平均一個指令可以做更多的工作.一個典型的腳本語言指令執行成百上千條機器指令,而一個典型的系統程序設計語言指令執行大約五條機器指令(參圖一).部分不同是因為腳本語言使用翻譯器,這不如系統程序設計語言中被編譯的代碼.但是主要的不同是因為腳本語言的初期操作有更強大的功能.例如,Perl中喚醒一個常規表達替代和喚醒一個整型加法一樣簡單.在Tcl中,變數會有與它相聯系的圖標,因此,設置變數會導致側面影響.例如,一個圖標可能會被用於保持變數的值在屏幕上持續更新.

8、HTML語言到底是寫在哪兒的?設計動態網頁需要什麼軟體?

呵呵!我還以為我是這個世界上最白痴的人,原來我又錯了.
1、問題1基本正確。不過如今的互聯網上這個靜態與動態概念已經是越來越模糊了,瀏覽器廠商之間的不協調,以及各個網站的不擇手段,還有W3C的無冕天皇。當然了,也需要這樣的局面,才能創新,更好更快的發展起來。有的人以網頁內容是否調動服務端資料庫與客戶端產生互動為依據來區分靜、動態關系。而有的卻以網頁文檔是否使用了靜、動態網頁技術為衡量標准。實際使用中靜、動態相結合最為普遍。我們也沒有辦法區分的更為嚴格(即使在技術上也是如此)。一般意義上講:不需要服務端額外支持,能夠直接或是通過載入程序在我們客戶端運作,例如:html頁、GIF動畫、Flash、js、vs等,文件後輟名通常為.htm.html.xml、shtml等。而動態網頁呢?需要伺服器資料庫的支持,通過腳本語言與資料庫交換信息,再以網頁或者其他可視性的方式顯示給客戶端。例如:論壇注冊、登錄、管理、發帖、回復。大到政府銀行、小到購物炊食,使用范圍極其廣泛。後輟名通常為:.asp.jsp.php等。你說的文章更新,也是一個典型的應用,當你觸發了某個語言環境(比如點了哪個按紐),直接反饋到了伺服器。再由伺服器根據語言命令返回信息,是更新、更改或是刪除等等。
2、沒基礎,但是有時間、肯學習也不錯。這兩本書也不錯,是入門的精典,語言淺顯易懂,標准與建議闡述明朗。這兩本書我都看過,不過是當言情小說看的,一下翻幾十頁。個人認為這兩本書是一個模子裡面刻出來的。說不準就是後者參考了前者的思維。給我的感覺呢?像是小時候出門爸媽叮囑:天冷多加點衣、路上要小心。請記住:自己動手最重要!
3、估計你也裝的是Microsoft平台系統,那哪裡都可以寫:記事本、寫字板、Word、郵箱,實在沒有地方寫,千千靜聽的歌詞欄還可以用上呢。不過你記住:在寫完一個網頁文件,保存或是另存為的彈出窗口的文件名一欄加上後輟html或其他後輟格式。例如:九尾小璟.html。Dreamweaver就比較奢侈了。我比較喜歡編程環境,但也不想太過於落魄,文本編輯器UltraEdit伴隨我左右。
4、好就算你是掛的網頁吧,可這到底掛在哪裡呢?推測一下:自己的網站?自己的電腦?免費空間?同一個網頁文件換一個地方掛就不一定是同一個效果了。自己的伺服器是不太可能了,那開始可能一:自己的網站(也就是人家的伺服器了),首先你得了解伺服器(網站)所支持的組件(略)、腳本語言(JavaScript(E4X)、PHP、ASP、VBScrip等)、資料庫(Oracle、DB2、SQL Server、Sybase、MySQL、Access等)。一般的伺服器應該都會支持較為流行的二三種腳本,至於資料庫小型的網站是不會用Oracle跟DB2庫的。好累了,我真的是一個白痴。可能二:自己的電腦(配置不高、網速不快),因為windows平台下就有SQL介面。如果你安裝了Office Access的話,就不用裝資料庫了(小是小了一點,將就著用吧)。可能三:免費空間(跟自己的網站一樣,前者收費,後者免費),確實天下沒有白吃的午餐。剛起家的時候,什麼JSP、PHP、ASP全掛上了,讓我們幫他吶喊加油。像那麼回事了,網頁上個個按紐都按不動了。遇到這種安心的上傳靜態的網頁吧,要不學點DHTML(固定格式動態),或者學習一下JavaScript(可實現JS特效)。這些也僅僅是美容頁面,不能實現交互,相當然也不需要資料庫。至於資料庫方面,你要是動真格的,就需要下載一個,並且學習一定的基礎維護知識。你也可去網上申請一個免費賬號進行遠程網頁測試(不過大都是E文國外網站)。就像你說的一樣,做這么一個自動更新的框架是一件很簡單的事情(對不起,我還是不能想像出你腦海中那個所謂自動更新網頁的畫面,也許你需要的僅僅只是一個隔1分鍾、1小時或是1天,能夠循環更新的網頁。並不需要像論壇那樣手動更改、更新或者是刪除。如果是這樣的話,對於你都是一個相當簡單的問題,html就能夠實現,不過還是要用資料庫來跟蹤和計算時間,還是不簡單,費話。)反之,則不是一個簡單的事情。你可以上網站摘抄人家的源碼或是原網頁反抄源文件,但是你還是要具備一定的基礎知識才能夠完成修改與調試的工作。
5、鑒於以上,你是否對靜、動態網頁,html編輯工具,腳本語言,資料庫有了一個大概的認識?學是很容易,有個基礎就可以在網上東拼西湊。學會並不容易,要向學習編程語言一樣具有開放性思維,做到舉一反三,挖掘內涵。每個人都不那麼簡單,每件事情更不會那麼簡單。推薦學習方式:
Microsoft平台(微軟平台業余級):HTML(web基礎,學習書籍就上面那本權威指南)+CSS(web基礎、學習書籍就上面那本網站布局)+Dreamweaver(web設計編輯工具、學習書籍幫助文檔)+ASP(微軟動態腳本語言、學習書籍沒有嘗過不知道)+ACCESS(微軟office自帶小型資料庫、學習書籍幫助文檔)
通用平台(跨平台專業級):HTML(web基礎,學習書籍就上面那本權威指南)+CSS(web基礎、學習書籍就上面那本網站布局)+UltraEdit(專業文本編輯器、學習書籍幫助文檔)+JavaScript(Sun公司腳本語言、學習書籍JavaScript高級程序設計。小註:其實對於跨平台方面PHP是不是更好?由於我會JAVA才選的JSP,可選)+Oracle(大名頂頂的Oracle資料庫、官方論壇E文)
問題補充:HTML是製作網頁的基礎(如果你僅僅會HTML本身的話,也能夠製作出精美的靜態頁面,其中包括網頁的樣式和布局。而CSS就是樣式與布局等技術方面的提升)。CSS層疊樣式(只看名字我們就知道,CSS是對網頁樣式與布局技術方面,提高網頁製作的效率,標准化網頁製作技術。在HTML中能夠實現的功能我們建議使用CSS,在HTML中不能實現的功能,我們必須使用CSS)。腳本語言(這里所說的是網頁腳本,它介於HTML技術與編程語言之間,怎麼說好呢?它是一種由編程語言控制並使用編程語言編寫的半成品程序,很難理解是不是?好好,打個比方。現在有一個程序記事本(notepad.exe),它可以打開.txt為擴展名的文件。它為.txt文件的編寫規定了一整套規則(語法命令),當你編寫了.txt文件後,調用記事本打開,記事本用這種規則(命令語法)來理解你的意圖,做出反應(使用記事本打開.txt文件,顯示文字。當然了你可以用別的程序打開,那個程序相當然也有一套打開.txt的潛規則)。這一套規則(語法命令)就是腳本語言。當我們執行一個腳本是通過腳本引擎來解釋執行,往往解釋器又需要資料庫的支持。HTMl頁面上執行動態過程:觸發-伺服器(程序代碼-解釋器(後台工作資料庫)腳本執行並返回程序代碼至伺服器)-觸發頁面)。資料庫(按照數據結構來組織、存儲和管理數據的倉庫。80%以上的程序都需要調用資料庫或資料庫的支持,伺服器、HTML、腳本語言都與它密切相關。不再描述,快速學習,慢慢體會)。
問題補充二:分析本頁源文件,還是免了吧,括弧打多了又發不出去,我概略說一下這個頁面,為搜索引擎的技術問題,這是一個非標準的動態轉靜態網址,首先你看地址欄81513684.html這是你當前頁面地址,如果是靜態頁面的話後面什麼都不用加,問號後面表明此頁面需要調用資料庫。單擊登錄試一下,你會看見地址欄最後加#,表明調用函數庫,登錄左邊的兩個鏈接採用了並發式,資料庫與錨。我要提問我要回答同樣是用JS腳本編寫的動態按紐,中間的提交回答好像是JS與XML編寫傳輸存檔,文檔可以傳去服務程序驗證,亦可以保留在本頁頁面,只是我們看不見罷了。剩下來的我們所看見的文字絕大部分都是純文檔或文字鏈接,還有像待解決、這邊的排行榜、上面百度知道周邊的按紐等的排布是通過CSS來實現的,當然其中還有一小部分矢量圖形。這個頁麵包括的技術:HTML、CSS、JS、XML、資料庫。現在你也許不能夠很好的理解,但我期望你有這種需要去理解的沖動,這才是學習的開始。
問題補充三:人家說一個星期就學會了網頁製作,那一點也不誇張,但那是需要學習了編程語言的基礎上而言的,並且英文不能太差。對於你而言那是不可能的,上面那兩本書,本人覺得沒有必然的按順序學習的必要,從第一本書獲得HTML入門之後可以與CSS交互學習。在CSS中能夠實現的功能,在HTML部分有大致了解後可甩開或不深入。建議方法:花一個星期通閱第一本書,沒有弄明白的不要緊,回過頭來再學。第二個星期自己動手寫代碼,同時學習CSS上的知識,不懂的翻看第一本書。第三個星期亦是如此(估計速度還沒有那麼快)。第四個星期如果不懂英文的話,只怕還有大都數的標簽、屬性、取值不記得。不要緊,反正學完了,這兩本就是你製作網頁的參考書,隨時可以翻閱。先不管你學完了沒有,反正這時有了一定的基礎,可以看人家的源代碼了,看人家是如何實現的頁面效果。最常用的獲取方式就是瀏覽器源文件,你甚至可以裝上IE8,利用它提供的開發人員工具進行頁面調試。以後就看你個人的興趣,當然你自己也會選擇一門動態腳本語言來學習了,畢竟那時你還是較為喜歡動態交互的頁面。我還真不簡單,像在作文章。呵呵!不要想那麼多,其實很簡單,只要你在用心。沒事在這瞎侃侃,祝你學習愉快!
剛則發出去一看,錯誤一大堆,別的不太受引影響,把除「JS特效」之外的「JS"術語更改為「JSP」

9、網頁設計用VBscript腳本語言編寫為什麼在IE瀏覽器里不顯示?

上面基礎回答錯誤 你這個也屬於客戶端腳本,只不過很多人習慣用JS來寫 不過你這段程序是正確的 你只需要把這段存到一個文本里改名1.html直接點擊就能運行 不能運行的原因是你的IE設置有問題

10、web程序設計 用JavaScript腳本語言設計一個程序:根據當天是星期幾,在頁面中顯示不同的圖片。

<img id="img1" src="" /><br /><div id="day1"></div>
<script language="javascript" type="text/javascript">
day = new Date().getDay();
var pic_arr = new Array();
var i = 0;
pic_arr[i] = "0.jpg";//星期天的抄圖片,以下類推
i++;
pic_arr[i] = "1.jpg";
i++;
pic_arr[i] = "2.jpg";
i++;
pic_arr[i] = "3.jpg";
i++;
pic_arr[i] = "4.jpg";
i++;
pic_arr[i] = "5.jpg";
i++;
pic_arr[i] = "6.jpg";

document.getElementById("day1").innerHTML = "今天星期" + "天一二三四五六".charAt(day);
document.getElementById("img1").src = pic_arr[day];
</script>

與網頁腳本語言設計相關的知識