第五章 用FrontPage Express寫網頁.

分隔線

  經過前四章的歷練,HTML語法對你而言,應該不再陌生了!相信學習以HTML語法來編寫「超連結」、「索引圖」及「播放midi音樂」等功能,確實有些複雜及困難。
  不要洩氣,本章所要學習的「FrontPage Express」軟體,是一個又簡易、功能齊全的編寫網頁利器喔!
  既然要學習編寫網頁,就得告訴你最基本的語法,學過基本語法之後,便利的網頁編輯器,會讓你如虎添翼,無往不利的。因為你已或多或少看得懂HTML語法了!便利的網頁編輯器的限制性已經不再影響你,因為你所熟悉的HTML語法會彌補這個缺憾,反而只享受到它所帶來的便利性呢!
  現在來試試看吧!

b1.gif (1390 bytes)基本功能

 設定網頁名稱
 設定文字、背景及連結顏色
  重新回到「FrontPage Express」,點選功能列中「格式」的「背景…」,跳出對話方塊,依需要點選。
  加入背景圖
  設定顏色
   在功能列「檔案」的「畫面內容…」的「背景…」選單裡有許多顏色的設定,值得注意唷!
   哈!聰明的你是不是也發現了,點選功能列「格式」中的「背景…」,同樣出現了「畫面內容…」的「背景…」了呢!
 儲存檔案

b2.gif (1418 bytes)編排網頁內容

  你會發現越來越喜歡「FrontPage Express」,因為它就是一種所謂「所見即所得」的編輯方式!也就是我們只要在「網頁編輯區」內,像文書排版處理一樣的,輸入與編排所有的文字,存檔後,在瀏覽器裡所看到的與編輯區裡所看到的相同。
  請啟動「FrontPage Express」
  哇!真的是「所見即所得」!酷哦!!
  「FrontPage Express」的使用法與Office家族中的Word軟體很相似,如果你已經非常熟悉Word,FrontPage Express也難不倒你啦!
 改變字體樣式
  在工具列上會有一些可以執行快速指令的按鈕,如果你的電腦螢幕上沒有看到的話,請到功能列中「檢視」去選取。
  現在來看看格式工具列的功能吧!
  正因為「FrontPage Express」有「所見即所得」的特性,所以請你在「網頁編輯區」中盡情的輸入所想要表達的文字內容,再以格式工具列來排版,編排一份令你滿意的網頁文字內容。「FrontPage Express」會體貼的幫你寫好所有的HTML語法喔!
  請以「細明體」或「標楷體」作為網頁的文字字型,因為這是每台電腦都有的字型,別人才讀得懂你的網頁。如果,你使用了你有而別人沒有的字型,你可以很得意的觀賞自己的創意,別人看到的卻是一群亂碼!
  所有的設定都必須先選取範圍(反白),再按工具鈕喔!

b3.gif (1429 bytes)建立網頁連結

  在「FrontPage Express」中建立超連結,只要善用鈕,就可輕鬆達成!
 連結到網站
  在「FrontPage Express」中建立連結就是這麼的簡單,如果你想看HTML語法,只要點選功能列「檢視」中的「HTML…」,就會把HTML語法以彩色方式顯示出來唷!
 連結到網頁
  接續著剛才的網頁,這次要選取的是「連結到網頁」。
  連結網頁時,路徑的寫法要注意:在磁碟機代號之後不是加上「:」而是「|」喔!剛才那個網頁的路徑是這樣寫的:「file://c|/mydocuments/兒童網頁網頁測試8.htm」!
 連結到電子郵件信箱
  現在我們要練習連結到電子郵件信箱囉!有「FrontPage Express」的幫忙,建立連結變得好簡單喔!
 書籤連結的建立
  書籤連結」是為了讓連結的效果能在同一份網頁(通常是篇幅長的網頁)中呈現而設置的。要建立「書籤連結」,必須先設定書籤位置,再設定連結,順序不可顛倒喔!
裝飾網頁
  最具裝飾網頁效果的當然是圖片囉!再一次提醒你,只有「 .jpg」和「 .gif」圖檔能放入網頁哦!可以以圖片處理軟體,如:Paint Shop Pro、Photoimpact或Photoshop等軟體,將圖檔轉為「 .jpg」或「 .gif」。
  同時為了使瀏覽器能順利搜尋到所加入的圖檔,請將圖檔存在與網頁檔相同的目錄中!
插入水平線及背景音樂
 插入水平線
  啟動「FrontPage Express」
 加入背景音樂
  以「FrontPage Express」開啟剛才的網頁
製作網頁中的表格
  在「FrontPage Express」中製作表格就像在「Word」裡製作表格一樣容易唷!
    進入「FrontPage Express」

UP網頁設計篇第一章第二章第三章第四章第六章