在網頁中新增圖片.ppt

進階網頁設計講義 郭永隆 Copyright 2004/12 詞彙介紹(一) World Wide Web?全球資訊網 分佈在全世界的 HTTP 伺服器中所有互相連接的超文件集合。 網頁 在全球資訊網上的文件叫做網頁，是用 HTML (超文件標註語言) 所寫成的。網頁會被 URL (統一資源定位器) 識別出來，它會指出特定電腦及可被存取資料夾的路徑名稱全球資訊網是在西元 1989 年由在歐洲微粒物理實驗室 (CERN) 的 Timothy Berners-Lee 所發展出來的。 詞彙介紹(二) Web browser?網頁瀏覽器 一個客戶端的應用程式，用來讀取及顯示網頁及其他全球資訊網資源給使用者。 URL (Uniform Resource Locator) 統一資源定位器 一個提供在全球資訊網上的 Web 或資源的 Internet 位置字串，與此被存取的 Web 或資源一同協定。格式如下：.tw/computercenter/index.htm 詞彙介紹(三) HTML (Hypertext Markup Language) 超文字標記語言 為一種用於全球資訊網上文件中的標準標記語言。HTML 的發展是經由全球資訊網論壇實現的。HTML 語言使用標籤來指示 Web 瀏覽器應該如何顯示網頁元件，例如文字及圖形，以及 Web 瀏覽器應該如何回應使用者的動作，例如超連結。 詞彙介紹(四) HTTP (Hypertext Transfer Protocol) 超文字傳送通訊協定 啟動 Web 瀏覽器以從全球資訊網伺服器上取回資訊的 Internet 通訊協定。 關於建立及設計網頁 建立網頁 從空白網頁建立網頁 從範本建立網頁 設定網頁邊界 在 [網頁] 檢視下，於網頁上按下滑鼠右鍵，然後按一下快顯功能表中的 [網頁內容]。 按一下 [邊界] 索引標籤。 請執行下列任一或兩個動作: 設定上邊界或 設定左邊界 設定網頁的背景 在 [網頁] 檢視下，於網頁上按一下滑鼠右鍵，再按快顯功能表上的 [網頁內容]。 在 [網頁內容] 對話方塊中，按一下 [背景] 標籤。 請進行下列操作之一： 設定背景色彩或 設定背景圖片 設定超連結色彩 在 [網頁] 檢視下，於網頁上按下滑鼠右鍵，然後按一下快顯功能表中的 [網頁內容]。 按一下 [背景] 索引標籤。 在 [超連結]、[瀏覽過的超連結]，以及 [使用中的超連結] 方塊，選擇您想要的色彩。 設定文字格式 選取要格式化的文字，按一下滑鼠右鍵，然後在快顯功能表上按一下 [字型]。 按一下 [字型] 索引標籤。 作下列一項或多項動作: 在 [字型] 文字方塊內，選擇您要的字型種類。 在 [字型樣式] 文字方塊內，選擇您要的字型樣式。 在 [大小] 文字方塊內，選擇您要的字型大小。 在 [色彩] 下拉式功能表，選取您的字型色彩。 在 [效果] 下，選取要套用的選項。 設定文字格式 (二) 您也可以使用工具列以快速新增強調。作下列一項或多項動作: 文字加上底線 選擇文字，然後按一下 [底線] 。 將文字變為粗體 選擇文字，然後按一下 [粗體] 。 將文字變為斜體 選擇文字，然後按一下 [斜體] 。 在網頁中新增圖片 新增來自檔案的圖片 新增全球資訊網上某個站台的圖片 新增來自 [多媒體藝廊] 的美工圖案 新增來自掃描器或相機的檔案 新增來自檔案的圖片 在 [網頁] 檢視中，將插入點放在您想要插入圖片的地方。 在 [插入] 功能表上，指向 [圖片]，然後按一下 [從檔案]。 瀏覽至本機檔案系統或網站中您想要的圖片，選取檔案，然後按一下 [插入]。 您可以在 [檔案類型] 方塊中指定您想要檢視的檔案類型。 新增全球資訊網上某個站台的圖片 在 [網頁] 檢視中，將插入點放在您想要插入圖片的地方。 在 [插入] 功能表上，指向 [圖片]，然後按一下 [從檔案]。 按一下 [搜尋 Web] ，然後導覽到含有圖片的網頁。 以滑鼠右鍵按一下圖片，然後在快顯功能表中按一下 [複製]。 切換到 Microsoft FrontPage。 再以滑鼠右鍵按一下，然後從快顯功能表中選取 [貼上]，直接在網頁上新增圖片。 這樣就會將網頁參照插入到網站上的圖片。 新增來自 [多媒體藝廊] 的美工圖案 Microsoft FrontPage 包含 [Microsoft 多媒體藝廊]。您可以預覽美工圖案、圖片及視訊，然後選取要在網頁上使用的項目。 1. 在 [網頁] 檢視中，將插入點放在您想要插入圖片的地方。 2. 在 [插入] 功能表上，指向 [圖片]，然後按一下 [