HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段一 : 蒐集資料與規劃網站架構階段二 : 網頁製作與測試階段三 : 將網站上傳至 Web 伺服器並加以推廣階段四 : 網站的更新與維護 Jingo C. Liao 廖正宏

Size: px

Start display at page:

Download "HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段一 : 蒐集資料與規劃網站架構階段二 : 網頁製作與測試階段三 : 將網站上傳至 Web 伺服器並加以推廣階段四 : 網站的更新與維護 Jingo C. Liao 廖正宏"

欢储
5 years ago
Views:

第十三章 HTML 網頁實作 Reporter : Jingo C. Liao 廖正宏 E-mail : jingo@mail.tku.edu.tw 章節列表 1.

1 第十三章 HTML 網頁實作 Reporter : Jingo C. Liao 廖正宏 jingo@mail.tku.edu.tw 章節列表 1. HTML 基本結構及標籤 2. HTML 網頁製作 3. 動態 HTML Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 2 1

2 HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段一 : 蒐集資料與規劃網站架構階段二 : 網頁製作與測試階段三 : 將網站上傳至 Web 伺服器並加以推廣階段四 : 網站的更新與維護 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 3 HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段一 : 蒐集資料與規劃網站架構除了要釐清網站所要傳遞的資訊有哪些之外, 還要確定網站的宗旨及主要的訴求對象然後將網站的內容規劃成階層式架構, 也就是規劃出組成網站的網頁及內容 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 4 2

3 HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段二 : 網頁製作與測試要著手製作所規劃的網頁 : 常見的網頁編輯軟體分成兩種 :» 純文字編輯軟體 : 記事本 Wordpad UltraEdit» 所見即所得網頁編輯軟體 :Dreamweaver Frontpage 待網頁製作完畢後, 還要在電腦上測試各個元件能否正確運作 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 5 HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段三 : 將網站上傳至 Web 伺服器並加以推廣先替網站找個家, 也就是申請網頁空間租用專線 ( 或固定 IP 制 ADSL): 如果您的預算充足, 可以向 ISP 租用專線, 讓您的電腦 24 小時上網並架設成 Web 伺服器租用網頁空間或虛擬主機 : 如果您的預算較少, 可以向 ISP 租用商用網頁空間或虛擬主機申請免費網頁空間 : 如果您沒有預算, 可以向智邦生活館 GEOCITIES 藍色小舖章魚網等網站或 HiNet SeedNet Sonet 等 ISP( 限其用戶 ) 申請免費網頁空間在將網頁上傳到 Internet 後, 還要將它公諸於世, 其中最快速的方式就是到 Yahoo! 奇摩 Google 蕃薯藤等搜尋網站進行登錄 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 6 3

4 HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段四 : 網站的更新與維護您的責任可不是將網站上傳到 Internet 就結束了, 既然建置了這個網站, 就必須負起維護與更新的責任, 才能留住訪客的心 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 7 從事網頁設計相關的程式語言 ( 補充 ) 從事網頁設計相關的程式語言很多, 比較常見的有下列幾種 : HTML (Hyper Text Markup Language) CSS (Cascading Style Sheets) ( 層疊樣式表 ) XHTML (extensible HTML) XML XSL (extensible Markup Language extensible Style Language) DHTML (Dynamic HTML) VRML (Virtual Reality Modeling Language) Java Applet ActiveX Control 瀏覽器端 Script ( 描述語言 ) 伺服器端 Script ( 網頁程式設計語言 ) Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 8 4

動畫或聲音等 ) 的指標 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.

5 從事網頁設計相關的程式語言 ( 補充 ) HTML (Hyper Text Markup Language) 主要的用途是撰寫網頁, 由標籤 (tag) 與屬性 (attribute) 所組成瀏覽器只要看到 HTML 標籤與屬性, 就能解譯成網頁 HTML 為純文字檔, 包括會指向多媒體 ( 圖片影像動畫或聲音等 ) 的指標 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 9 從事網頁設計相關的程式語言 ( 補充 ) HTML (Hyper Text Markup Language) 網頁原始檔 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 10 5

6 HTML 基本結構及標籤源流與發展全名為 Hyper Text Markup Language 西元 1991 年提出主要為方便分享資料所設計主要顯示文字與超連結網頁內的內容皆可以透過不同的標籤定義最新的 HTML 標準稱為 HTML5 IE9 Firefox 5 Safari 5 等有支援 HTML 5 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 11 HTML 基本結構及標籤 HTML 瀏覽器一般 HTML 網頁皆可透過網頁瀏覽器瀏覽目前主流的瀏覽器有 : Microsoft Internet Explorer Mozilla Firefox Google Chrome Apple Safari Opera Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 12 6

HTML 基本結構及標籤 HTML 標籤 HTML 語法是由標籤 (tag) 與屬性 (attribute) 所組成, 瀏覽器只要看得懂, 就可以將它解譯成網頁大部分的標籤都是成雙成對的, 有開始標籤, 就會有結尾標籤如 : <html>..</html> <body>.</body> 網頁瀏覽器會將 HTML 轉譯成我們平常所看到的網頁效果排版與顏色等 Jingo C.

7 HTML 基本結構及標籤 HTML 標籤 HTML 語法是由標籤 (tag) 與屬性 (attribute) 所組成, 瀏覽器只要看得懂, 就可以將它解譯成網頁大部分的標籤都是成雙成對的, 有開始標籤, 就會有結尾標籤如 : <html>..</html> <body>.</body> 網頁瀏覽器會將 HTML 轉譯成我們平常所看到的網頁效果排版與顏色等 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 13 HTML 基本結構及標籤 ( 補充 ) HTML 標籤可以分成兩種 : 第一種用來識別網頁上的元件或描述元件的樣式 <TITLE> <BODY> <H1> <BR> <B> <I> <P> 第二種用來指向其它資源 <A> <IMG> <APPLET> HTML 標籤是以 < 與 > 兩個符號括起來, 而且多數會成對出現 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 14 7

8 HTML 基本結構及標籤 ( 補充 ) 屬性 (attribute): 除了 HTML 標籤本身所能描述的特性之外, 大部分標籤還會搭配屬性, 以提供更多資訊 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 15 HTML 基本結構及標籤 ( 補充 ) 值 (value): 通常屬性會有一個值, 而且這個值必須從預先定義好的範圍內選取, 不能自行定義巢狀標籤 : 有時我們可能需要使用一個以上的標籤來表示網頁的資料 <H1>Happy<I>Birthday</I></H1> ( 順序正確 ) <H1>Happy<I>Birthday</H1></I> ( 順序不正確 ) Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 16 8

9 HTML 基本結構及標籤 ( 補充 ) 空白字元 : HTML 瀏覽器會忽略標籤之間多餘的空白字元 Tab 字元或 Enter 鍵特殊字元 : HTML 文件中有一些特殊字元小於 < 大於 > 雙引號 & 空白字元 < > " & Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 17 HTML 基本結構及標籤 ( 補充 ) HTML 文件的整體架構可以分成三個部分 : HTML 版本宣告標題宣告文件主體 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 18 9

10 HTML 基本結構及標籤 ( 補充 ) HTML 文件的整體架構可以分成三個部分 : <!DOCTYPE> 標籤 : 用來宣告 HTML 網頁的版本訊息 <HTML>...</HTML> 標籤 : 用來識別 HTML 網頁, 如果 HTML 網頁已經有 <!DOCTYPE> 標籤, 那麼 <HTML> 標籤可以省略不寫 <HEAD>...</HEAD> 標籤 : 包含網頁相關資訊 <TITLE>...</TITLE> 標籤 : 用來設定網頁標題, 該標題會顯示在瀏覽器的標題列 <BODY>...</BODY> 標籤 : 用來設定網頁主體 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 19 HTML 基本結構及標籤一般網頁起始於 <html>, 結尾於 </html> <head> </head> 用來定義網頁文件等訊息, 如網頁的標題等網頁的主要內容, 如表格圖片文字影片與超連結多媒體內容等, 皆必須置於 <body>...</body> 之中 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 20 10

11 HTML 基本結構及標籤每個標籤內可能定義了多個屬性 <body background= bg.jpg >.</body> Background 為 <body> 的屬性之一, 代表的是網頁所使用的背景圖片, 而 bg.jpg 為其背景圖片之檔案名稱 Jingo C. Liao 廖正宏 P 21 HTML 網頁製作 HTML 基本標籤 <!DOCTYPE> <html> 定義文件型態是採用哪個 HTML 版本網頁文件必須包含在 <html> 標籤內,<html> 又包含了 <head> 及 <body> 兩標籤 <body> 網頁文件的主體, <h1> to <h6> heading, 標題 1~6 <p> paragraph, 段落符號, 兩段落之間空隔比 <br> 大 <br /> break, 跳行符號 <hr /> horizontal, 畫一條水平線 <! > 註解用 Jingo C. Liao 廖正宏 P 22 11

12 HTML 網頁製作 HTML 格式化標籤 <b> <big> <center> <cite> <code> <em> <font> <i> <pre> <small> <strike> <strong> <sub> <sup> <u> bold, 定義為粗體字定義為大字體字體置中 citation, 定義為引用字定義為電腦程式字 emphasis, 定義為句意強調字定義字型, 顏色, 字體大小定義斜體字 preformatted, 以事先定好的格式顯示定義小字體定義為刪除字定義為重要性強調字定義為下標字定義為上標字定義為字畫底線 Jingo C. Liao 廖正宏 P 23 HTML 網頁製作 HTML 超連結及圖片標籤 <a> anchor, 定義超連結 <img /> image, 定義圖片 <map> 定義地圖 <area /> 定義地圖內的區塊 Jingo C. Liao 廖正宏 P 24 12

13 HTML 網頁製作 HTML 表格標籤 <table> <caption> <th> <tr> <td> <thead> <tbody> <tfoot> 定義表格定義表格名稱 table header, 定義表格項目標題 table row, 定義表格列 table data, 定義表格列內每格的內容 table header, 定義表格 header 資訊 table body, 定義表格 body 訊 table footer, 定義表格 footer 資訊 Jingo C. Liao 廖正宏 P 25 HTML 網頁製作 HTML 表單標籤 <form> <input /> <textarea> <button> <select> <optgroup> <option> <label> 定義表單讓使用者可以輸入輸入控制文字輸入區輸入按鈕定義下拉式選單定義選項可為群組定義下拉式選單之選項給輸入元件命名 Jingo C. Liao 廖正宏 P 26 13

14 HTML 網頁製作 HTML 頁框標籤 <frame /> 定義頁框 <frameset> 定義頁框組 <iframe> 定義內嵌網頁 Jingo C. Liao 廖正宏 P 27 HTML 網頁製作 HTML 樣式標籤 <style> 定義文件內的 CSS 樣式 <div> division, 定義區段, 同區段可以使用同樣的樣式 <span> 功能類同 div, 但是 span 範圍較小 Jingo C. Liao 廖正宏 P 28 14

15 HTML 網頁製作 HTML Meta 標籤 <title> 定義文件標題 <meta> 定義文件 meta 資訊, 譬如編碼 Jingo C. Liao 廖正宏 P 29 HTML 網頁製作 HTML 程式標籤 <script> 定義網頁內的 Javascript 程式碼 <applet> 定義內嵌的 Java 程式碼 <object> 定義內嵌物件 <param /> 定義內嵌物件的參數 Jingo C. Liao 廖正宏 P 30 15

HTML 網頁製作 ( 補充 ) 建立超連結 <A> </A>: HREF 屬性 : 注意相對位置或絕對位置 TARGET 屬性 :_blank _top _self 框架名稱連結位於相同資料夾的文件例如 : <A HREF= question.htm > 常見問題集 </A> 連結位於不同資料夾的文件例如 :<A HREF= Support/staff.

16 HTML 網頁製作 ( 補充 ) 建立超連結 <A> </A>: HREF 屬性 : 注意相對位置或絕對位置 TARGET 屬性 :_blank _top _self 框架名稱連結位於相同資料夾的文件例如 : <A HREF= question.htm > 常見問題集 </A> 連結位於不同資料夾的文件例如 :<A HREF= Support/staff.htm > 員工 </A> 連結 Web 上的文件例如 :<A HREF= TARGET= _BLANK > 雅虎奇摩 </A> Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 31 HTML 網頁製作 ( 補充 ) 設定連結至地址的超連結當您設定連結至地址的超連結時, 除了要使用 <A> </A> 標籤的 HREF 屬性設定收件人的電子郵件地址, 還要在電子郵件地址前面加上 mailto: 通訊協定 <A HREF="mailto:jingo@cs.tku.edu.tw"> 歡迎寫信給我 </A> <A HREF="mailto:jingo@cs.tku.edu.tw?Subject= 這邊是主旨 &body= 這邊是內文 "> 歡迎寫信給我 </A> Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 32 16

HTML 網頁製作 ( 補充 ) 插入圖片 : 使用 <IMG> 標籤在網頁上插入圖片, 其屬性如下 : 設定圖片的相對或絕對位置 :SRC = "URL" 圖片高度 (n 為像素數 ):HEIGHT = "n" 圖片寬度 (n 為像素數 ):WIDTH = "n" 對齊方式 :ALIGN = "{LEFT, RIGHT, TOP, MIDDLE,BOTTOM} " 替代顯示文字 :ALT =

17 HTML 網頁製作 ( 補充 ) 插入圖片 : 使用 <IMG> 標籤在網頁上插入圖片, 其屬性如下 : 設定圖片的相對或絕對位置 :SRC = "URL" 圖片高度 (n 為像素數 ):HEIGHT = "n" 圖片寬度 (n 為像素數 ):WIDTH = "n" 對齊方式 :ALIGN = "{LEFT, RIGHT, TOP, MIDDLE,BOTTOM} " 替代顯示文字 :ALT = "..." 框線粗細 (n 為像素數 ):BORDER = "n" 亦接受 CLASS ID STYLE onclick ondblclick onmousedown onmouseup onmouseover onmousemove onmouseout onkeyup onkeypress 等屬性 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 33 HTML 網頁製作 ( 補充 ) 設定圖片的高度寬度與框線 : <HTML> <HEAD> <TITLE> 設定圖片的高度寬度及框線 </TITLE> </HEAD> <BODY> <IMG SRC="mulan4.gif"> <IMG SRC="mulan4.gif" HEIGHT="136" WIDTH="120" > <IMG SRC="mulan4.gif" BORDER="3" > </BODY> </HTML> Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 34 17

HTML 網頁製作 ( 補充 ) 設定圖片的對齊方式 : <BODY> <P><IMG SRC= mulan1.jpg > <!

jpg"></FONT></P> <P><FONT FACE=" 華康行書體 " SIZE="5" COLOR="Maroon">Mulan- 花木蘭 </FONT></P> <P><FONT

.. 這首耳熟能響的木蘭詩, 相信您我都背頌過, 而今迪士尼將這個中國民間故事搬上動畫的舞台, 就讓我們一起來回味一下吧!</FONT></P> </BODY> Jingo C.

18 HTML 網頁製作 ( 補充 ) 設定圖片的對齊方式 : <BODY> <P><IMG SRC= mulan1.jpg > <! 沒有指定對齊方式 --> <FONT COLOR="Maroon" FACE=" 華康古印體 " SIZE="5"> 迪士尼最新動畫鉅獻 <IMG SRC="mulan2.jpg"></FONT></P> <P><FONT FACE=" 華康行書體 " SIZE="5" COLOR="Maroon">Mulan- 花木蘭 </FONT></P> <P><FONT FACE=" 華康楷書體 W3"> 唧唧復唧唧, 木蘭當戶織, 不聞機杼聲, 唯聞女嘆息問女何所思? 問女何所憶? 女亦無所思, 女亦無所憶... 這首耳熟能響的木蘭詩, 相信您我都背頌過, 而今迪士尼將這個中國民間故事搬上動畫的舞台, 就讓我們一起來回味一下吧!</FONT></P> </BODY> Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 35 HTML 網頁製作 ( 補充 ) 設定圖片的對齊方式 : 在插入第一張圖片的敘述中加上 ALIGN = LEFT 屬性在插入第一張圖片的敘述中加上 ALIGN = RIGHT 屬性 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 36 18

tw> P 37 HTML 網頁製作顏色表示法 color = #0000FF 這裡顏色是用 RGB 色彩三原色表示 R 是紅色 (Red) G 是綠色

19 HTML 網頁製作 ( 補充 ) 設定圖片的對齊方式 : 在插入第一張圖片的敘述中加上 ALIGN = TOP 屬性在插入第一張圖片的敘述中加上 ALIGN = MIDDLE 屬性 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 37 HTML 網頁製作顏色表示法 color = #0000FF 這裡顏色是用 RGB 色彩三原色表示 R 是紅色 (Red) G 是綠色 (Green) B 是藍色 (Blue) RGB 每種顏色各有 256 種組合十進位數字為 00~255 十六進位數字為 00~FF Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 38 19

20 HTML 網頁製作顏色表示法 Jingo C. Liao 廖正宏 P 39 HTML 網頁製作 HTML 編輯軟體 1. 純文字編輯如直接透過任何純文字編輯器, 如 Windows 記事本透過 W3School TryIt Editor 編輯, 並可即時預覽 2. 利用文書編輯軟體常用的 Word 編寫網頁內容與繪製表格等編輯完畢後儲存成 html 或 htm 的檔案格式由於該類文書編輯軟體並非針對專業網頁製作所設計, 因此若要網頁動態化, 或是各種精緻化功能都會有問題 Jingo C. Liao 廖正宏 P 40 20

21 HTML 網頁製作 HTML 編輯軟體 3. 透過專業網頁編輯軟體, 方便設計者撰寫 HTML 以及 Javascript 等語法較著名的網頁編輯軟體 : Microsoft FrontPage Namo WebEditor Adobe Dreamweaver Microsoft Expression Web Kompozer ( 免費的網頁開發工具 ) Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 41 HTML 網頁製作淡江大學網頁空間學校針對 100 學年度新生提供的伺服器如下 : Web 伺服器 :s00.tku.edu.tw FTP 伺服器 :ftp.s00.tku.edu.tw 學生上傳網頁成功後, 瀏覽自己網頁的 URL 為 : ID 為學生於淡江大學之學號 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 42 21

HTML 網頁製作 FTP 軟體下載與安裝 1. 至 Google 搜尋 FileZilla, 下載後安裝 2. 點選 3. 下載 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.

主機名稱 :100 年度大一新生請填寫 ftp.s00.tku.edu.tw (99 年度學生請填寫 ftp.s99.tku.edu.tw, 依此類推 ) 4.

22 HTML 網頁製作 FTP 軟體下載與安裝 1. 至 Google 搜尋 FileZilla, 下載後安裝 2. 點選 3. 下載 Jingo C. Liao 廖正宏 P 43 HTML 網頁製作 Filezilla 設定 1. 啟動 Filezilla, 並做好連線設定後, 連線登入 2. 請從選單檔案中選站台管理員, 先輸入站名名稱 ( 如 ftp.s00) 3. 主機名稱 :100 年度大一新生請填寫 ftp.s00.tku.edu.tw (99 年度學生請填寫 ftp.s99.tku.edu.tw, 依此類推 ) 4. 使用者請輸入學號, 密碼請輸入學校提供的密碼, 按確認就可以將 ftp.s00 站台儲存起起來, 下一次就不必再輸入 5. 設定好了按連線登入 ftp.s00.tku.edu.tw Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 44 22

HTML 網頁製作 Filezilla 畫面 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.

23 HTML 網頁製作 Filezilla 畫面 Jingo C. Liao 廖正宏 P 45 HTML 網頁製作 Filezilla 連線 TKU 提供之 ftp 空間 Jingo C. Liao 廖正宏 P 46 23

24 HTML 網頁製作瀏覽 TKU 網頁空間之網頁 : 啟動瀏覽器, 輸入網址看看是否能夠看到你寫的網頁如果可以就是成功了更新網頁 : 如果網頁檔案更新, 只要將有更動的檔案傳入 ftp.s00.tku.edu.tw 即可 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 47 動態 HTML CSS 簡介 HTML 主要是用標籤來定義文件的結構 CSS (Cascading Style Sheets) 主要是用來定義 HTML 文件要如何顯示 CSS 主要的用途是定義網頁資料的編排顯示格式化及特殊效果同一個網頁內容, 因為不同的 CSS 而造成顯示產生差異雖然 HTML 提供的標籤可以將資料格式化, 但變化有限, 而 CSS 正好彌補了這個不足 Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 48 24

25 動態 HTML ( 補充 ) 伺服器端 Script ( 網頁程式設計語言 ) 雖然瀏覽器端 Script 已經能夠完成許多工作, 但有些工作還是得在伺服器端執行 Script 才能完成由於在伺服器端執行 Script 必須擁有特殊權限, 而且會增加伺服器端的負擔如有可能的話, 網頁的設計者應盡量以瀏覽器端 Script??? Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 49 動態 HTML ( 補充 ) 伺服器端 Script ( 網頁程式設計語言 ) 常見有下列幾種 : CGI (Common Gateway Interface):CGI 是在伺服器端程式之間傳送訊息的標準介面, 而 CGI 程式則是符合 CGI 標準介面的 Script JSP (Java Server Pages): 是建立動態網頁的技術,JSP 網頁是在伺服器執行, 然後將結果轉換成 HTML 文件傳送給瀏覽器, 瀏覽器再將之解譯為網頁 PHP (Hypertext Preprocessor): 屬於開放原始碼, 具有完全免費穩定快速跨平台容易學習物件導向等優點 ASP (Active Server Pages):ASP 程式是在 Microsoft IIS PWS 等 We b 伺服器執行的 Script Jingo C. Liao 廖正宏 <jingo@mail.tku.edu.tw> P 50 25

26 問與答詢問回答 Jingo C. Liao 廖正宏 P 51 26

<img>

<img> 04 圖片 4-1 4-2 4-3 4-4 網頁程式設計 4-1 網頁多媒體 Flash Java Applets HTML 8 4-1-1 圖片 JPEG Joint Photographic Experts Group 非失真模式 (lossless) 基本模式 (baseline standard) 1 2 12 JPEG 6 JPEG.jpg.jpe.jpeg GIF (graphic

HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段一 : 蒐集資料與規劃網站架構 階段二 : 網頁製作與測試 階段三 : 將網站上傳至 Web 伺服器並加以推廣 階段四 : 網站的更新與維護 Jingo C. Liao 廖正宏

HTML 基本結構及標籤 ( 補充 ) 建置網站的流程大致上可以分成四個階段 : 階段一 : 蒐集資料與規劃網站架構階段二 : 網頁製作與測試階段三 : 將網站上傳至 Web 伺服器並加以推廣階段四 : 網站的更新與維護 Jingo C. Liao 廖正宏