第 3 章 網頁的基本設定與預覽.

Presentation on theme: "第 3 章 網頁的基本設定與預覽."— Presentation transcript:

1 第 3 章 網頁的基本設定與預覽

2 本章提要 新增空白網頁 網頁的開啟與編輯 設定網頁選項內容 預覽網頁 列印網頁

3 新增空白網頁 新增空白網頁 在導覽模式建立網頁架構

4 新增空白網頁 在資料夾模式新增網頁 首頁的名稱 在網頁模式新增網頁

5 在資料夾模式新增網頁

6 在資料夾模式新增網頁

7 首頁的名稱 首頁的檔名是由伺服器來決定的 上傳到 Internet 上的 WWW 主機時, 首頁檔名將依據對方伺服器的設定自動變更
IIS 預設的首頁名稱是 Default.htm 有些 Web Server 或 Unix 系統的首頁預定為 index.htm 若沒有安裝伺服器, FrontPage 會將首頁取名為 index.htm 上傳到 Internet 上的 WWW 主機時, 首頁檔名將依據對方伺服器的設定自動變更

8 在網頁模式新增網頁 在網頁模式中若按下建立新的網頁鈕, 新網頁會立刻開啟在右邊窗格中 缺點：必須將網頁存檔後, 網頁檔案才會出現在網站之中

9 在網頁模式新增網頁

10 在網頁模式新增網頁

11 在網頁模式新增網頁

12 新增網頁時套用網頁範本 在新增網頁時執行『檔案 / 新增 / 網頁或 Web』命令, 會出現一堆網頁範本以供套用

13 在導覽模式建立網頁架構 導覽模式可以將各個網頁組織成完整的網站架構 網頁會依據架構圖的形式自動產生連結關係
導覽架構會自動替每個網頁加上連結列及網頁橫幅

14 繪製架構圖 繪製架構圖 加入網站外部的網頁 將已有的網頁加入架構圖

15 繪製架構圖

16 繪製架構圖

17 加入網站外部的網頁

18 加入網站外部的網頁

19 加入網站外部的網頁

20 更動網頁架構

21 刪除導覽架構中的網頁 直接刪除網頁的方式 點選導覽架構中的網頁圖示, 再按下 [Delete] 鍵 讓網頁保留在架構圖中, 但暫時隱藏起來

22 將已有的網頁加入架構圖 從左方的資料夾清單中, 將檔案拉曳到架構圖視窗裡

23 網頁的開啟與編輯 編輯現有的網頁 開啟網站以外的網頁

24 編輯現有的網頁

25 開啟網站以外的網頁 按下工具列的開啟舊檔鈕, 直接找到硬碟中的 HTML 檔來編輯
若開啟的網頁屬於另一個網站, 那麼 FrontPage 仍會將整個 Web 一起打開, 以保持網站的完整性

26 設定網頁選項內容 設定網頁選項內容 網頁選項內容

27 設定網頁選項內容 執行『工具 / 網頁選項』命令, 會出現網頁選項交談窗

28 網頁選項內容 一般頁次 自動影像目錄標籤頁次 預設字型頁次 HTML 原始檔頁次 色彩編碼頁次 相容性頁次

29 一般頁次項目 定位時使用 DIV 和 SPAN 標籤 自動使用括住表單內的表單欄位 拼字檢查 剪下及貼上選項

30 定位時使用 DIV 和 SPAN 標籤 編輯網頁時, 可以執行『格式 / 位置』命令, 將圖片、文字任意移動到畫面上任何地方, 若勾選此項目, 則會使用 CSS 語法中的 DIV 與 SPAN 標籤來定位

31 自動使用括住表單內的表單欄位 勾選此項, 在插入表單時, 會自動產生一虛線框範圍, 在這個範圍中的表單欄位都屬於同一組表單
範圍中的表單欄位會依性質分配到一個唯一的欄位名稱 除非有特殊需求, 否則應該將這個選項打勾

32 拼字檢查 可設定在編輯網頁時執行拼字檢查, 把打錯的文字揪出來

33 剪下及貼上選項 顯示 / 隱藏貼上選項按紐

34 其他網頁選項內容的說明 自動影像目錄標籤頁次 預設字型頁次 HTML 原始檔頁次 設定圖片工具列上將圖片縮成小圖的樣式
設定 FrontPage 所使用的預設字型及語系 HTML 原始檔頁次 設定 HTML 標籤在存檔時的排列格式

35 色彩編碼頁次 FrontPage 會依據此頁之設定, 分別為文字、標籤、Script 等套用不同色彩

36 相容性頁次 限制 FrontPage 的某些功能, 讓網頁能適合大部份的瀏覽器

37 預覽網頁 瀏覽者實際上是透過瀏覽器來觀看我們所製作的網頁, 因此從瀏覽器測試, 才是最保險、最體貼的做法 做法： 先將目前正在編輯的網頁存檔
執行『檔案 / 在瀏覽器中預覽』命令

38 列印網頁 預覽列印 開始列印 網頁的背景和底色是無法列印的

39 預覽列印 執行『檔案 / 預覽列印』命令

40 開始列印 執行『檔案 / 列印』命令, 出現列印交談窗