专家系统应用实物国立中央大学资讯管理系侯永昌.ppt

網頁設計FrontPage國立中央大學資訊管理系侯永昌 網站製作簡介 網頁設計 利用HTML語法： 可以在一般的文書軟體中編寫，不需要額外的工具軟體 語法複雜，不適合一般的使用者 利用FrontPage： 讓網頁的編輯工作變的如同一般的文書處理一樣的容易 所見即所得(What you see is what you get) 名詞解釋 瀏覽器：用來顯示網頁內容的工具 Internet Explorer Netscape Navigator 網頁：使用瀏覽器所看到的每一個文件內容，每個網頁都以檔案的格式儲存 首頁：連到某一個網站時，所看到的第一個網頁 網站：一堆網頁所構成，有一個完整的內容 網站的規劃 申請ISP (Internet Service Provider)空間，自行設計網頁 委託ASP (Application Service Provider)統籌網站建置 自購伺服器並開發網站 網頁設計的考量 螢幕解析度及色彩顯示 不同瀏覽器呈現之效果 網路傳輸頻寬 字型與語系的設定 建置網站的流程 蒐集資料與規劃網站架構 網頁製作與測試 申請網頁空間 將網站上傳到網站伺服器 登錄宣傳 網站的更新與維護 網頁上有什麼？ 文字 圖片 表格 表單 超連結 聲音 影像 Java Applets VbScript JavaScript ActiveX控制項 Plug-ins CGI …等動態元件 認識FrontPage 啟動FrontPage： 「開始／程式集／Microsoft FrontPage」 網頁編輯區：下方有三個標籤 一般：通常都在此編輯網頁 HTML：檢視網頁的HTML原始碼 預覽：檢視網頁效果 FrontPage的檢視模式 網頁模式﹕適合用來編輯網頁內容 資料夾模式﹕類似檔案總管，用來顯示網站中所有的網頁 報告模式﹕提供網站分析資料 導覽模式﹕顯示、調整網站架構 超連結模式﹕顯示網頁間之超連結關係 工作模式﹕顯示工作分派及進度掌握 建立新的網站 選擇「檔案／新增／網頁或Web」 選擇「單頁Web」，然後指定新網頁的位置 選擇檢視列中的「導覽」按鈕 資料夾中會出現所建立之網站，其中 default.htm或index.htm為網站的首頁 images資料夾用來儲存圖片 private資料夾用來儲存不對外開放的資料 定義網站的導覽架構 為首頁取一個合適的名稱： 在首頁圖示或default.htm(index.htm)名稱上，按右鍵，選擇「重新命名」 輸入適當的名稱 如何在導覽架構中加入新網頁： 在網頁圖示上，按右鍵，選擇「開新網頁」 將網頁名稱更改為適當的名字 在網頁架構中，父網頁圖示中的 －號，代表子網頁已經被展開 ＋號，代表還有下一層的子網頁 定義網站的導覽架構 將網頁加入到資料夾清單中 按一般工具列「重新整理」按鈕(右4)，此時所有的網頁就會加入到資料夾清單中 輸入適當的檔案名稱 為了顧及瀏覽器的相容性，網頁名稱可以是中文，但是網頁的檔案名稱最好還是以英文字母及數字來命名，而且長度不要超過8個字元 定義網站的導覽架構 如何調整網頁在導覽架構中的位置 將游標移到你想要移動的網頁上 拖曳該網頁到適當的網頁之下，即可調整 如何刪除在導覽架構中的網頁 將游標移到你想要刪除的網頁上，按Del鍵 從Web刪除此網頁：如果你想刪除網頁和對應的HTML檔 將本網頁從所有導覽列上移除：如果你只想刪除網頁在導覽架構中的位置，但是保留其HTML檔 定義網站的導覽架構 更改導覽架構的顯示比例： 選擇導覽工具列的下拉清單中的「最適大小」 橫向顯示導覽架構： 選擇導覽工具列中的「直向／橫向」按鈕(左2) 關閉網站： 「檔案／關閉Web」 開啟網站： 「檔案／開啟Web」 在網頁模式中新增空白網頁 按「開新網頁」鈕，新網頁開啟於右邊框格可立即編輯網頁 一般工具列左1 新網頁要存檔後才會出現在網站資料夾 執行「檔案／新增／網頁或Web」命令，可選擇網頁範本直接套用 選擇需要編輯的網頁 在「資料夾清單」或是「導覽模式」中，對應的網頁上按滑鼠左鍵兩次，即可進入「網頁編輯模式」，進行必要的編輯工作 製作基本網頁 輸入資料 段落是文件的最基本單位，每一個段落以{Enter鍵}來結束 在某些特殊的狀況下，如果想要將一些短行(例如：詩詞、註解)視為是一整個段落，則利用{Shift+Enter鍵}來回行 刪除錯誤的資料： {BS鍵}：刪除游標前面的一個字母 {Delete鍵}：刪除游標後面的一個字母 加入新的資料：直接在游標處鍵入欲加入的新資料即可 輸入資料 插入註解文字： 將游標移到欲插入註解文字的位置 選擇「插入／註解」 輸入註解 插入日期或時間 ： 將游標移到欲插入系統日期時間的位置 「插入／日期及時間／挑選適當的顯示格式」 輸入資料 插入水平線