使用FrontPage进行网页基本设计.pptVIP

使用 FrontPage 進行網頁基本設計 Lecturer 許明宗 大綱 網頁文字與元件 圖片與動畫 超連結 網頁文字與元件 背景 輸入文字 複製、搬移、尋找與取代 段落樣式及對齊 項目符號及編號 文字屬性 框線及網底 水平線、日期及時間、註解 背景 加入網頁背景 色彩 圖片 浮水印 網頁文字的顏色 文字 超連結 輸入文字 段落 vs. 換行 [Enter] vs. [Shift + Enter] 設定文字與網頁邊界的距離 [右鍵] ? [網頁內容] ? [進階] 輸入符號 [插入/符號] 複製、搬移、尋找與取代 複製 搬移 尋找與取代 段落樣式及對齊 段落樣式 標題、目錄清單、編號清單… 段落的對齊 段落的縮排 段落的間距及行距調整 [格式/段落] 對齊、縮排、字距、段落間距 項目符號及編號 使用項目符號及編號 有層次的項目符號（縮排） 自訂項目符號 [格式/項目符號及編號] ? [清單內容] 可摺疊式大綱 [清單內容] ? [其他] 更改程式碼 文字屬性 基本格式 字型（樣式、色彩及大小） 粗體、斜體與底線 醒目提示 工具列 特殊文字格式 調整間距與上下位置 框線及網底 針對整個段落 框線 網底 水平線、日期及時間、註解 水平線 [插入/水平線] 像素 vs. 視窗縮放比例 日期及時間 [插入/日期及時間] 最近網頁編輯的日期 vs. 最近網頁自動更新的日期（在框架上使用） 註解 [插入/註解] 刪除註解 圖片與動畫 影像媒體簡介 加入或刪除圖片及動畫檔 儲存網頁中的圖檔 調整大小、搬移及複製 圖片與文字 圖片效果 利用圖層製作特殊效果 加入或刪除圖片及動畫檔 加入電腦中的圖檔 「插入 / 圖片 / 從檔案」 加入其它網站上的圖片 直接拖曳 加入多媒體藝廊的圖片 「插入 / 圖片 / 從美工圖案」 加入或刪除圖片及動畫檔 (cont’d) 插入快取圖案與文字藝術師 「插入 / 圖片 /快取圖案（文字藝術師）」 由掃描器或數位相機取得 「插入 / 圖片 / 從掃描器或數位相機」 插入Flash動畫 「插入 / 圖片 / Flash格式的影片」 刪除圖片及動畫檔 點選要刪除的物件，按「Delete」鍵 儲存網頁中的圖檔 「儲存內嵌檔案」視窗 在網頁插入圖片或動畫等物件時，或是調整物件（重新取樣）時 網站模式：物件不在網站內 網頁模式：物件和網頁不在同一磁碟機 「儲存內嵌檔案」視窗操作 變更資料夾 重新命名 轉換圖檔類型 圖片的位置 轉換圖檔的類型（受限於圖檔本身） 調整大小、搬移及複製 調整大小 下載速度 重新取樣 圖片內容 搬移 插入的圖片預設視為「一般文字」 要任意放置圖片，需要透過圖層來處理 「插入 / 圖層」 複製 圖片與文字 插入的圖片預設視為「一般文字」 「文繞圖樣式」 vs. 「圖片和文字的對齊」 「文繞圖樣式」 ＝ 「 一般工具列的對齊」 對齊時要注意圖片的大小所佔據的「高度」 圖片和文字的距離 「圖片內容 / 外觀」的「水平（垂直）間距」 框線 大小 替代圖片及替代文字 「圖片內容 / 一般」的「低解析度」及「文字」 超連結 圖片效果 使用圖片工具列 加上文字 旋轉與翻轉 對比與亮度 裁剪圖片 灰階及刷淡 製作透明圖 自動影像目錄標籤 將大圖變小圖 「工具 / 網頁選項」的 「自動影像目錄標籤」 利用圖層製作特殊效果 使用小畫家新增所需要的「文字」圖檔 新增多個圖層 將需要的文字，由小畫家複製到各個圖層內 存檔 重新命名插入的文字圖形（GIF圖檔） 將文字圖形透明化 最淺色的圖不用透明化 調整圖層位置 越深色的圖要放在越上層（較大的Z值） 超連結 絕對位址與相對位址 規劃超連結 網站內部的超連結 網站外部的超連結 書籤 超連結強化效果 影像地圖 管理超連結 絕對位址與相對位址 絕對位址 大部份用來做為外部超連結使用 .tw/about/about2.php 相對位址 大部份用來做為內部超連結或指定圖片的路踁使用 ../test/test.htm 「test.htm」位在目前資料夾的上一層資料夾中的「test」資料夾內 test/test.htm 「test.htm」位在目前資料夾中的「test」資料夾內 test.htm 「test.htm」位在目前資料夾內 規劃超連結 超連結的好處：資源分享及方便文件的查詢 超連結的缺點：跳躍式的閱讀 規劃網站的超連結 內部：「導覽」 外部：GOOGLE 形式 「網頁內容 / 設定格式」 目標 內部文件的分享 外部資源的取得 網站內部的超連結 連結到網站內部的其它網頁 文字，圖片 移除超連結 工具提示 超連結的目標 現存的檔案或網頁 目前資料夾，已瀏覽的頁面，最近使用的檔案 這份文件中的位置（使用書籤） 建立新文件 電子郵件 目標視窗 網站外部的超連結 開新視窗