第十三次上課：HTML&JavaScript

■網站設計之標準

HTML5 是由 HTML+ CSS+ JavaScript 所組成，目標就是減少瀏覽器對外掛程式的需求.我們使用標準 HTML5 設計您的網站，能夠在 PC 與 Mac 等幾乎所有的瀏覽器順利運行。當然，這也包含手機瀏覽器。

概論

■CSS+JavaScript

(製作類似Mac作業系統的Dock Menu)

■HTML5(舊版瀏覽器例如IE8無法使用)

YouTube HTML5

http://9elements.com/io/projects/html5/canvas/

■表單的應用

Google搜尋語法如何加入網頁

1.下載google圖示在自己的images資料夾內下載

若網頁的底色為深色請下載此圖

2.將下列的語法複製(<FORM >........ </FORM>為表單HTML的標記語言)

 

<FORM action='http://www.google.com/search' method=GET target="_blank">
<A HREF='http://www.google.com/'><IMG SRC='images/google.gif' border='0' ALT='Google' align='absmiddle' hspace='4'></A>
<INPUT TYPE=text name=q size=10 maxlength=255>
<input type=hidden name=hl value='zh-TW'>
<INPUT type=submit name=btnG VALUE='查詢'>
</FORM>

 

3.將上述的語法貼到加入固定不動的left.html.請點DWX的程式碼

</table>

<FORM action='http://www.google.com/search' method=GET target="_blank">
<A HREF='http://www.google.com/'><IMG SRC='images/google.gif' border='0' ALT='Google' align='absmiddle' hspace='4'></A>
<INPUT TYPE=text name=q size=10 maxlength=255>
<input type=hidden name=hl value='zh-TW'>
<INPUT type=submit name=btnG VALUE='查詢'>
</FORM>

</body>

4.按F12測試.輸入搜尋的關鍵字.點搜尋

■網頁特效實作(要注意跨瀏覽器.不能只有IE可以瀏覽)

特效網站

網頁特效精靈下載