| 經過前四章的歷練,HTML語法對你而言,應該不再陌生了!相信學習以HTML語法來編寫「超連結」、「索引圖」及「播放midi音樂」等功能,確實有些複雜及困難。 |
| 不要洩氣,本章所要學習的「FrontPage Express」軟體,是一個又簡易、功能齊全的編寫網頁利器喔! |
| 既然要學習編寫網頁,就得告訴你最基本的語法,學過基本語法之後,便利的網頁編輯器,會讓你如虎添翼,無往不利的。因為你已或多或少看得懂HTML語法了!便利的網頁編輯器的限制性已經不再影響你,因為你所熟悉的HTML語法會彌補這個缺憾,反而只享受到它所帶來的便利性呢! |
| 現在來試試看吧! |
|
| |
| |
| 重新回到「FrontPage Express」,點選功能列中「格式」的「背景…」,跳出對話方塊,依需要點選。 |
| |
| |
| 在功能列「檔案」的「畫面內容…」的「背景…」選單裡有許多顏色的設定,值得注意唷! |
| 哈!聰明的你是不是也發現了,點選功能列「格式」中的「背景…」,同樣出現了「畫面內容…」的「背景…」了呢! |
| |
|
| 你會發現越來越喜歡「FrontPage Express」,因為它就是一種所謂「所見即所得」的編輯方式!也就是我們只要在「網頁編輯區」內,像文書排版處理一樣的,輸入與編排所有的文字,存檔後,在瀏覽器裡所看到的與編輯區裡所看到的相同。 |
| 請啟動「FrontPage
Express」 |
| 哇!真的是「所見即所得」!酷哦!! |
| 「FrontPage Express」的使用法與Office家族中的Word軟體很相似,如果你已經非常熟悉Word,FrontPage Express也難不倒你啦! |
| |
| 在工具列上會有一些可以執行快速指令的按鈕,如果你的電腦螢幕上沒有看到的話,請到功能列中「檢視」去選取。 |
| 現在來看看格式工具列的功能吧! |
| 正因為「FrontPage Express」有「所見即所得」的特性,所以請你在「網頁編輯區」中盡情的輸入所想要表達的文字內容,再以格式工具列來排版,編排一份令你滿意的網頁文字內容。「FrontPage Express」會體貼的幫你寫好所有的HTML語法喔! |
| 請以「細明體」或「標楷體」作為網頁的文字字型,因為這是每台電腦都有的字型,別人才讀得懂你的網頁。如果,你使用了你有而別人沒有的字型,你可以很得意的觀賞自己的創意,別人看到的卻是一群亂碼! |
| 所有的設定都必須先選取範圍(反白),再按工具鈕喔! |
|
| 在「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」 |