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相結合,相當強大

參考網站

Acswoa's Home部落格使用心得報告


*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>