網頁製作 網頁製作軟體 網頁瀏覽軟體 網頁圖像製作軟體 HTML語言 網站登錄.

Presentation on theme: "網頁製作 網頁製作軟體 網頁瀏覽軟體 網頁圖像製作軟體 HTML語言 網站登錄."— Presentation transcript:

1 網頁製作 網頁製作軟體 網頁瀏覽軟體 網頁圖像製作軟體 HTML語言 網站登錄

2 網頁製作軟體 使用網頁製作專用軟體 使用一般的文書編輯軟體 MS_FrontPage（諧音：烘焙機、homepage）
MS_Publisher Namo Webeditor Macromedia DreamWeaver（夢想家） 使用一般的文書編輯軟體 如記事本、WordPad、Word均可

3 網頁瀏覽軟體 Microsoft的IE（Internet Explorer，探險家） Mozilla Firefox
Google Chrome（Google瀏覽器） Netscape公司的Navigator（領航者）

4 網頁圖像製作軟體 二種常用的檔案格式 製作軟體 .JPG：檔案進行壓縮 .GIF：可支援透明圖、動畫檔 Adobe PhotoShop
Ulead PhotoImpact

5 HTML語言 HTML 是 HyperText Markup Language 的縮寫，即超文字標示語言。
它是標準的ASCII文件，以加入標記(tag)的方式來建立文件。 1990年開始，World Wide Web（全球資訊網）使用HTML設計出來的文件，讓網際網路（Internet）起了很大變化。

6 HTTP通訊協定 HTTP的英文全名是HyperText Transfer Protocol
瀏覽器（即Browser，如IE）根據使用者指示的URL（Uniform Resource Locator）向指定的WWW server提出請求 Server收到http的請求時，傳送對應的檔案內容給使用者 Browser顯示出傳送的內容

7 思考題 你平常都用哪一個軟體來瀏覽網頁？ 當瀏覽器出現「無法顯示網頁」的訊息時，可能是什麼原因呢？

8 實作題 請到台中科技大學任何一個網頁 什麼是ASCII？ 學校設定給你的個人網頁URL是什麼？
選擇另存新檔，將網頁儲存起來，看看它是屬於哪一種檔案？ 檢視其「原始碼」，它是哪一種檔案類型？ 什麼是ASCII？ 學校設定給你的個人網頁URL是什麼？

9 路徑設定 相對路徑，例如<A HREF=“welcome.htm”>請按Enter進入</A>，
同一個網站內的檔案，大多使用相對路徑 不同網站內的檔案，一定會使用絕對路徑

10 超連結設定 文字超連結 圖片超連結 超連結 連到他人網頁 連到自己網頁 同一網頁的超連結:書籤設定

11 網頁的動態效果 可分功能性和裝飾性兩種 功能性 裝飾性 簡易時鐘 進站統計 日期 提示 捲動相片簿 變化按鈕（在動態效果類） 滑鼠特效
跑馬燈：一般跑馬燈、特效跑馬燈 閃爍邊框 滑動相簿列 網頁切換 櫻花、雪花效果

12 加入音樂和視訊 網頁支援的音樂檔案格式包括: .wav .au .mid 網頁支援的視訊檔案格式為.avi