FrontPage 網頁設計                                           2006/09/04 謝碧景編製更新

  FrontPage 簡介 _(可折疊大綱)

操作環境介紹

網站的製作流程

網站的建立

利用精靈或範本建立網站

新增一個網站:單頁Web、空白Web

新增網頁的方式:(1)在資料夾模式新增網頁 (2)在網頁模式新增網頁

關閉與開啟網站

編輯網頁

網頁背景設定:(1)設定佈景主題(範本圖樣)  (2)自訂背景 

文字編輯:(1)複製【Ctrl+C】貼上【Ctrl+V】 (2)格式工具列

                    (3)段落【間距&行距】  (4)框線及網底   (5)複製格式【按1次&2次的差異】

圖片編輯:(1)圖檔格式   (2)插入圖片【背景透明化】  (3)圖片內容【提示文字、超連結、大小】
                     (4)圖片工具列    (5)項目符號及編號【可摺疊大綱、縮排
                    
                     【旋轉、對比、亮度、剪裁、透明去背、灰階、刷淡、立體、重新取樣】
   
                 (6)自動影像目錄標籤【將大圖變小圖】(範例 (7)影像地圖

網頁加入背景音樂(*.mid)國家音樂廳鋼琴pop音樂:MidiMax

超連結:(1)書籤  (2)同一網站內的網頁  (3)其他網站   (4)檔案  (5)Email傳送電子郵件 (範例)

表格(1)建立【表格-->插入】 (2)增加列或欄  (3)合併與分割儲存格
                (4)屬性設定  (5)利用表格佈置網頁  (6)轉換【表格<-->文字】

Web元件的應用(動態網頁的製作)

動態顯示按鈕:(1)文字按鈕  (2)圖片按鈕

插入跑馬燈

橫幅廣告管理員 (範例)

表單的建立(互動式)

以表單網頁精靈建立
【步驟(1)開啟表單網頁精靈(2)設定詢問的問題(3)設定表單排列方式及資料儲存方式】

以表單元件建立
【元件:

以電子郵件方式傳送表單

框架的應用(網頁的分割與連結)

建立框架

設定框架與框架頁的屬性

設定框架的超連結

內崁程式的加入(JavaScript)

隨滑鼠游標呈現-飄浮的彩色字串    (JavaScript  範例)

隨滑鼠游標呈現-動畫圖片    (JavaScript範例)

防止瀏覽者以滑鼠按鍵覆製圖片(JavaScript範例)

按滑鼠右鍵出現的訊息(JavaScript範例)

免費網站空間

網站名稱

URL(網址)

支援伺服器
擴充程式?

Size

章魚網

http://www.taconet.com.tw

6MB

Hypermart (英)

http://www.hypermart.net

50MB

奇摩免費網頁

http://home.kimo.com.tw

 

25MB

Topia家族頻道

http://club.yam.com/

 

25MB

8d8d網頁好朋友

http://www.8d8d.com

 

15MB

亞卓市

http://www.educities.edu.tw

 

10MB

Pchome

http://home.pchome.com.tw

 

10MB