东南技术学院 机械工程系.pdf

東南技術學院 機械工程系 探就 WWW 指導導師: 陳明洲 製作學生: 林建柱 徐金楷 范智豪 劉智義 連志偉 黃國峰 許鴻琳 曾國書 林宏隆 簡介:什麼市網際網路呢 ？什麼是 HTML ？什麼是資料庫 ？什麼是 PHP ？在我們 的報告中可以清楚的了解並且知道這一些日常生活中經常用到應 用軟體 ， 網際網路只經過連線而把兩甚至兩部上的電腦連接在一起互相 換交資訊 ‧ ‧ ‧ HTML 是指專為設計網頁所開發出的程式語言 ，其基本架構必須要 了解 ， 因為要把一些特殊效果放在你的網頁上時 ，就必須要了解 HTML 的基本 架構才有辦法完成… … … … … … . HTML 簡介 HaperText Makeup Language(HTML)，中文稱為超文件標記語言 ，是一種專為 設計網頁所開發出的程 式語言 ，雖然使用 FrontPage設計網頁 ，都會自動將編 輯完成的網頁轉成程式 ，並不需要知道 HTML 就可以 製作網頁 ，不過 HTML 的 基本架構還是必須要瞭解 ，像是把一些特殊效果放在你的網頁上時 ，就必須要瞭 解 HTML 的基本架構才有辦法完成 ，其實只是架構而已 ，非常容易的 。 HTML 基本架構如下 ︰ HTML HEAD . . /HEAD BODY . . . . /BODY /HTML 所以 HTML 基本上是由多種不同的標籤所組成 ﹙包含在 HTML /HTML 標籤裡 ﹚，在 HEAD /HEAD 標籤裡主要是放一些網頁的相 關資訊 ，如標題等等 ，而網頁的內容全部都放在 BODY /BODY 裡 ， 而你只需要 Notepad或純文字檔編輯器就可以 ，記得要把副檔名存為 .htm或 是 .html。以下是一個完整 HTML 文件範例 ︰ HTML HEAD TITLE康老師工作室/TITLE /HEAD BODY BACKGROUND=bg.gif TEXT=black PHello! This is an example of HTML page!!/P /BODY /HTML 在 HEAD /HEAD 標籤裡 ，有個標籤(TITLE /TITLE ) 就是網頁的標題 ，會顯示於網頁的左上角 ，而標籤(BODY /BODY) 就是網頁的 內容 ，所以 Hello! Thisis an example of HTML page!!這行字會 顯示於網頁中 。 DHTML 簡介 Dynamic HTML簡稱為 DHTML ﹙俗稱動態網頁 。﹚，是最近興起的網路技術 ，它 不像 Flash和 Javascript一樣只是一種特有的技術 ，它可以說是結合了許多 技術所賜予的稱號罷了 ，像是 style sheets、DOM 、scripting language等等 。 像水之精靈 ﹙那個飛來飛去的東東就是啦 ！﹚就是用了這技術所做成的 。 DHTML 除了可以讓圖片在螢幕上飛來飛去之外 ，也可與使用者互相對應 ，像是你 把滑鼠移到圖片上 ，圖片會換成另一張 ，還可發出聲音及超連結等 。DHTML 的好 處就是你不須要外掛程式，就可以做出互動式的網頁，更富於吸引力，目前 DHTML 只支援 IE4 和 Netscape4以上的瀏覽器 ，而且這兩種瀏覽器所翻譯出來的效果 又不盡相同或者只適用於一種 ，想要看看用 DHTML 所做的網頁 ， /，此站把 DHTML 的功能都發揮出來 ！ § Dynamic HTML Dhtml (Dynamic Html)主要乃用來補足一般 HTML 無法達到的疊層與動態效果 。 DHTML 一般稱為動態網頁技術 。而這裡的動態不並是指網頁畫面會移動稱為動態網頁 ， 而是 指 HTML 配合 Javascript，其中的語法參數可以改變 。 於 IE 的主要用法 ：乃用 Embeded插入式 Style Sheet在 head中定義 ，但定義名 稱前面加個 # head style type=text/css !-- #活頁名稱 {position:absolute; v