Java Script網頁特效技巧介紹與使用

授課講師︰鄭錦德、鄭錚樺

更新日期︰2004/12/08

一、學員簽到、本週課程簡介

二、本週課程實作步驟講解

第一部份、網頁文章的基本結構

一篇文章的基本結構如下：

標題作者區

  1. 標題 header1
  2. 作者 p
  3. 日期 p

本文區

  1. 標題2(章節或大小標) header2
  2. 標題3(章節或大小標) header3
  3. 標題4(章節或大小標) header4
  4. 標題5(章節或大小標) header5
  5. 標題6(章節或大小標) header6
  6. 內文(段落) p
  7. 引言 blockquote
  8. 無碼條列 ul
  9. 有碼條列 ol
  10. 定義式條列 dl
  11. 表格 table
  12. 插圖 img

連絡資料

  1. 出版單位與連絡資料

第二部份、HTML程式語言

  1. HTML是什麼？HTML和DOC一樣是一種文書處理的檔案格式。

  2. 一篇文章的.doc檔案編排練習：

  3. 同一篇文章的.html檔案編排練習：

  4. 從文章的結構了解HTML：偷偷的看一下原始碼

HTML基本上，是一種標記語言，經由簡單的文字編輯器，如記事本再經由瀏覽器等工具的處理，就可以完成一張網頁了。

<HTML>宣告為HTML文件</HTML>

在每一份HTML文件的開頭與結束都應該宣告這份文件為HTML　

<HEAD>檔頭宣告</HEAD>

通常把放置一些宣告的資料，如Script或Title

<Title>標題</Title>

宣告HTML標題

<Body>文件本體</Body>

就是文章內容了

第三部份、介紹Java Script網頁特效技巧

1、一種新的程式語言
2、由Netscape與Sun Microsystems合作開發
3、直接內嵌於HTML文件 
4、入門容易的程式語言

1、藉由程式直接使用所有網頁元素 
2、傳達使用者產生的事件 
3、藉由內嵌的程序控制網頁元素 
4、產生以及控制網頁元素 
5、創造完整的動態網頁 
6、達到並加強CGI的功能 
7、容易學習

1、當瀏覽器讀取與解譯HTML標籤的同時，瀏覽器也在讀取與解譯Java Script語言 
2、瀏覽器必須懂得如何解譯與執行 Java Script 
3、所有的 Java Script碼都是在Client端電腦執行 
4、Java Script與平台無關

Java Applet 與 Java Script 的差別為何，許多人常搞不清楚，如果以程式設計的角度來說，java Applet 可以比較完整的運用 Java 語言的功能與特色，而 Java Script 則僅是 Java 的一部份子集合而已， 自然功能上就受限了 (這情形有些像 VB 與 VB Script)，但是一般而言，Java Script 較易撰寫，且不太佔用系資源，而 Java Applet 就需完整的程式設計概念，執行起來且對系統資源需求較大。

　如果不是很需要這些功能，其實不太建議各位使用 Java Applet (畢竟會佔用下載 .class 的時間及較高的使用者端系統資源)，但是這些東西如果正符合你的需求，除非你還用更好的替代方案，不然就用 Java Applet 也無所謂, 畢竟能夠完成所要的功能還是第一優先考量的!

三、本週課程實作成果發表

　

四、課程指定教材

  1. JAVA Script、Java Script 程式庫、網站建置百寶箱

  2. 青草湖社區大學E化工作坊 青草湖社區大學 

  3. e-Sky數位學習中心：數位天空志願服務方案

  4. 小麻雀資訊教與學網站：社區教育培訓課程、辦公室Office系列課程、影音處理進階課程、電腦基礎與網際網路課程、網頁製作網站管理課程、E-mail電子郵件使用課程、輸入法與翻譯程式使用課程 鄭錦德 (青草湖社大電腦與網路課程教師)

  5. 烘焙姬網路文化雜誌編輯群，《電腦生活與網際網路介紹》，2000。

  6. 小恐龍資訊教與學網站鄭錚樺 (青草湖社大電腦與網路課程教師)

五、延伸閱讀書目

  1. 《2001全國社區大學教師研習會新竹第三場手冊：婦女/性別、電腦與網路、民間文化藝術》，社區大學全國促進會、新竹市青草湖社區大學，2001年12月。

  2. Tim Berners-Lee(提姆•柏納李)著，張介英、徐子超譯，《一千零一網：WWW發明人的思想構圖》(Weaving the Web: The Original Design and Ulitmate Desitiny of the World Wide Web)，Open 1叢書16，台灣商務，台北市，1999。

  3. Pekka Himanen (佩卡•海莫能)著，劉瓊云譯，《駭客倫理與資訊時代精神》(The Hacker Ethic, and the Spirit of the Information Society)，from叢書5，大塊文化，台北市，2002。

  4. Bill Gates (比爾•蓋茲)著，樂為良譯，《數位神經系統：與思想等快的明日世界》(Business @ the Speed of Thought : Using a Digital Nervous System)，數位管理系列叢書，商周出版，台北市，1999。

okwawa@fcu.org.tw