HTML及JavaScript概論
*網頁架構(HTML)
網頁基本上是由HTML語法所構成的,以群組括弧「< >」的方式,將內容表達出來,通常以「<...>」表示起始;以「</...>」表示結束,一份完整的網頁內容需要有:
一、<HTML></HTML>:用來定義這份文件是HTML語法所標記而成的網頁。
二、<TITLE></TITLE>:用來定義網頁的標題。
三、<BODY></BODY>:用來定義網頁的內容及主體,這是真正可讓瀏覽者看到的部分。
前三個是比較基本的語法,用來定義網頁的基礎架構,當然有這些一定不夠,於是又有定義表格、文字、圖片、影音、...等的語法,這些語法早先沒有軟體可以設計,網頁寫作得在純文字編輯下進行,如記事本、Word或WordPad,寫完後,再將文件存成「.htm」或「.html」,使用者再點選此文件進行預覽
<HTML>
<HEAD>
<TITLE>網頁製作教學</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
靜態網頁:
靜態網頁是被動的網頁,使用者只能透過瀏覽器(Browser)觀看網頁,但是不能輸入任何資料,網站也只能被動地記錄瀏覽人次或是外掛一些程式,如使用者IP等等。
動態網頁:
這是比較複雜的網頁架構,一般來說,網站的背後還會有一個資料庫,以及一個主機,通常是個多層式的架構,像是最簡單的登入/登出架構,使用者先將帳號/密碼輸入到網頁中,網頁會將值傳到主機,再傳入資料庫中,經比對後再將資訊傳給使用者,以資料庫來說,常用的有MS SQL、MYSQL、ACCESS、...等,而程式比較常用的是JSP、ASP、ASP.NET、PHP、...等,這些程式得寫在<HTML>語法中,使網頁變成動態網頁。編輯動態網頁的軟體最有名的就是Dreamweaver了,支援的網頁格式也較多,並可以Flash相結合,相當強大
參考網站
*JavaScript 與 JAVA
1.JAVA 是由 Sun Microsystems 所發展出跨平台強大程式語言。
2.JavaScript 則是由 Netscape 公司所發展的,必須依附HTML語言才有作用
3.JavaScript 與 JAVA 完全沒有關聯。
*為何選擇使用 JavaScript?
JavaScript 主要是用來補強 HTML 的功能,讓您所製作出來的網頁能更富有彈性與變化,唯一的條件是瀏覽器必須看得懂 JavaScript 的語法,才能進一步解讀 JavaScript ,進而將它表現在網頁上。目前一般瀏覽器皆有支援,故選擇 JavaScript 來提升網頁的展現能力,可說是最佳的選澤。寫完您的 HTML 與 JavaScript 後,還是要分別使用這兩個主要瀏覽器Microsoft Internet Explorer 、Mozilla firefox 來測試一下!
* JavaScript 能做什麼?
HTML 語法在網頁上的表現有限,而 JavaScript 能補齊不足之處,做更多變化。
例如: 跑馬燈,狀態列上的文字,彈跳視窗,滑鼠變化........。
範例網站:首頁製作百寶箱
* 如何使用JavaScript ?
一般只要將JavaScript的語法貼到網頁的<BODY>內即可,但有些情況例外必須看說明
<BODY>
<Script....>
</Script>
<Script....>
</Script>
</BODY>