制作个人网站

1、製作個人網站(FrontPage基礎)本課程為Microsoft Office的FrontPage應用程式之使用基礎學習，提供學員如何經由下列基本功能的操作，進而製作個人網站為目的。本篇共分為下列六大部分：1 建置網站的流程2 認識操作介面 3 網頁基本編輯 4 網頁進階編輯5 發佈網頁 6 更新網頁建置網站的流程收集資料與規劃網站架構網頁製作網站上傳至Web伺服器網站更新與維護事前準備工作1 取得Web伺服器的帳號：東吳大學的帳號2 參考網站設計3 取得超連結文件、圖片、程式、網址等元件4 安裝Microsoft Office FrontPage程式認識操作介面1 標題列、功能表列、一般工具

2、列、格式工具列、資料夾清單(左)、網頁(右)1.1 資料夾清單(左)包括資料夾清單和導覽模式1.2 網頁(右)包括設計、分割、程式碼、預覽2 功能表列操作：2.1 按各功能後分兩段式開啟2.2 按鍵盤Alt+(X)：可直接開啟功能表，按Esc跳開2.3 打開各功能後按(X) 可直接開啟各功能2.4 雙箭頭朝下的符號表示底下另有其他指令2.5 虛字表示在此環境不能執行此功能2.6 指令右邊有號表示底下上有一系列指令3 及時求助功能3.1 ?號及小幫手（或按F1）搜尋打入問題點3.2 其他小幫手的選擇（要放入光碟片？）3.3 滑鼠直接可拖曳小幫手至新位置，右鍵快顯功能表4 工具列（功能列之下）4.

3、1 滑鼠置於工具鈕上約一秒即顯示說明4.2 Excel200只有一行工具列，部分隱藏，當叫出使用後便會調整成顯現4.3 可再滑鼠指標成四箭頭時拖曳該部分成另一行工具列(或工具自訂選項勾選成兩列)5 資料夾清單(左)包括資料夾清單和導覽模式6 網頁(右)包括設計、分割、程式碼、預覽網頁基本編輯1 建立網站1.1 檔案開新檔案工作窗格單頁網站1.2 輸入指定新網站的位置例如：C:Robin_SCU1.3 完成網站建立1.4 網站建立於我的文件內的My Webs資料夾2 建立新網頁2.13 網頁基本編輯3.1 文字格式3.1.1 輸入強迫換行：Shift + Enter鍵3.1.2 如何設定框線與網

4、底3.1.3 如瀏覽者無此字體則會以細明體顯示3.2 表格3.2.1 如何繪製表格3.2.2 表格的設定3.3 圖片3.3.1 圖片檔案的格式：JPG、GIF、PNG3.3.2 圖片大小、解析度3.3.3 圖片內容的設定3.3.4 設定自動影像目錄標籤3.3.5 網頁圖片的儲存3.4 背景：格式背景3.4.1 背景音樂：格式背景網頁內容一般背景聲音 支援音樂的格式3.5 超連結3.5.1 超連結至網頁、文件、程式的方法3.5.2 超連結至E-Mail地址3.5.3 書籤的運用3.5.4 影像地圖的應用 參考網站：http:/myweb網頁進階編輯1 Web元件的運用

5、：插入Web元件1.1 跑馬燈：1.1.1 插入Web元件左選動態效果右選跑馬燈1.2 Flash動畫1.2.1 插入Web元件左選進階控制項右選Flash格式的影片完成1.2.2 動畫下載練習：1.3 互動式按鈕2 佈景主題的使用2.1 加入網頁橫幅2.2 插入導覽列2.3 加入佈景主題：格式佈景主題工作窗格3 表單：插入表單3.1 什麼是表單3.2 表單、核取方塊、選擇鈕、按鈕.3.3 表單的設定與傳送.4 框架頁的建置4.1 一般工具列建立新的網頁下拉選單網頁框架頁 5 認識HTML程式碼6 特效6.1 實做如水中倒影的特效6.2 下載程式碼：6.2.1 6.2.2 7 檔案儲存7.1

6、首頁名稱一定為index7.2 除首頁外其他網頁或元件宜放入特定資料夾內發佈網頁1 發佈網站1.1 檔案發佈網站遠端網站內容FrontPage或SharePoint Services及FTP2 利用FTP傳輸軟體2.1 安裝如Filezilla免費FTP檔案傳輸軟體開啟後輸入1.位址(.tw)2.使用者(net013)3.密碼(*)2.2 按快速連線後自動連結2.3 左邊是你電腦的資料夾清單，左邊是網頁伺服器的資料夾清單2.4 東吳的個人網頁是放置於www資料夾之下3 將左邊視窗資料選取拖曳至右方www資料夾之內4 資料自動上傳至web伺服器後即可截斷連結5 打開IE後進入網址(.tw/net001)即可檢查上傳是否成功更新網頁1 修改網頁後存檔並且關閉所