Download presentation
Presentation is loading. Please wait.
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
Similar presentations