Download
1 / 24
250 likes | 558 Views
Microsoft Office FrontPage 2003 網站建置與網頁製作技巧. 王仲麒 (全泉科技) Ares Wang. 議題：. 網站的建置與規劃，再也不是網站、資訊等管理人員或網頁設計高手的專利了，一般沒有太多經歷的使用者，只要選對環境與工具，也能夠快速建置具備專業水平的網站，設計出擁有一致性風格與亮麗外觀的網頁。本課程的目的就是要協助您即是電腦初學者，網站與網頁都一竅不通的入門者，也能夠在最短的時間內，就學會架設最完美、最酷炫的網站，設計出最具專業水準的網頁 – 即使您連一行 HTML 網頁程式都不會撰寫。. Agenda.
E N D
Microsoft Office FrontPage 2003網站建置與網頁製作技巧 王仲麒 (全泉科技) Ares Wang
議題： • 網站的建置與規劃，再也不是網站、資訊等管理人員或網頁設計高手的專利了，一般沒有太多經歷的使用者，只要選對環境與工具，也能夠快速建置具備專業水平的網站，設計出擁有一致性風格與亮麗外觀的網頁。本課程的目的就是要協助您即是電腦初學者，網站與網頁都一竅不通的入門者，也能夠在最短的時間內，就學會架設最完美、最酷炫的網站，設計出最具專業水準的網頁 – 即使您連一行HTML網頁程式都不會撰寫。
Agenda • 透過Microsoft FrontPage 2003建置並管理Web網站 • 建立、控制、管理您理想中的網站，製作最亮麗美觀的網頁 • 全新的工作窗格、智慧標籤與精美的相片藝廊。 • 嶄新的連結列與新增具有中國風味的佈景主題。 • 框架與框架頁的運用 • 影像地圖的製作 • 表單式網頁的製作 • 專業效果的Web元件 • 共用網頁與共用排程 • 可依賴的使用分析報告控制並管理您的Web網站。
網頁的組成架構 • 文字 • 圖片 • 表格 • 網頁背景 • 超連結 • 網址 • 框架 • Web元件
以導覽概念建立網站 • 以導覽檢視建立網頁架構 • 繪製網頁架構 • 設定網頁標題與更改網頁檔案名稱 • 變更網頁導覽架構 • 層級關係的展開與摺疊 • 層級關係的展開與摺疊 • 加入其它既有的網頁 • 共用邊框 • 就像是［頁首/頁尾］的概念運用
嶄新的連結列 • 一組用於導覽網站的超連結，讓站台訪客可以迅速且輕易地到達網站的主要頁面。典型的［連結列］可以含有連結到網站首頁及其主要頁面的超連結。 • 可以將［連結列］放在某一特定的網頁上，當然，也可以放在共用邊框裡，讓網站內的網頁也都擁有此一［連結列］。
新增具有中國風味的佈景主題 • 山花浪漫 • 中式青瓷 • 中式書畫 • 吉祥如意 • 景泰藍 • 千禧紅 • 自訂佈景主題 • 變更色彩 • 變更圖形 • 變更字型樣式 • 儲存自訂的佈景主題
框架與框架頁的運用 • 關於框架與框架頁 • 建立框架頁 • 框架頁的編輯 • 調整框架大小 • 框架的新增與移除 • 框架內容的設定 • 利用框架頁規劃超連結
影像地圖的製作 • 利用下列三種形狀繪製作用區： • [矩形作用區] 按鈕 • [圓形作用區] 按鈕 • [多角形作用區] 按鈕 • 為作用區建立超連結
表單式網頁的製作 • 互動式的網頁表單 • 使用表單網頁精靈建立表單 • 問題的設計 • 表單上的問題排列版面 • 預設的表單確認網頁 • 表單資料存在哪裡？ • 建立自訂的表單確認網頁 • 建立新的表單確認網頁 • 插入表單確認欄位 • 使用自訂的表單確認網頁 • 檢視表單資料的儲存結果 • 各種表單輸出 • 建立自訂表單 • 各種表單欄位的類型與應用 • 與資料庫的整合應用
專業效果的Web元件 • 聲音與影像(網頁背景音樂；聲音檔案的超連結；視訊影像超連結 • 跑馬燈 • 橫幅廣告 • 建立動態顯示按鈕 • 圖片式的動態顯示按鈕 • 建立網頁或網站的切換效果 • 計數器 • 支援的內置框架
超強的表現方式 • 表現方式(Behavior) - 替網頁注入互動式能力。 • 表現方式是「事件」和「動作」的組合。 • 透過「表現方式」工作窗格來定義。 • 自動撰寫出符合 ECMAScript 規格的用戶端指令碼。 • 「事件」（Event） • 導致瀏覽器去觸發指令碼的使用者行為或系統行為。 • 事件的名稱通常是明示意義的。例如：onmouseOver、onclick、ondblclick…。 • 「動作」（Action） • 在事件發生時所要執行的指令。 • 動作通常就是函式（也就是預先寫好的指令碼區塊），用來執行特定的作業。 • 請使用「表現方式」工作窗格來檢視或編輯每個動作的屬性。
「表現方式」的操作程序 選物件 或整個Body 開啟 表現方式 工作窗格 進行 相關設定 插入 表現方式
「表現方式」的運用 • 「播放聲音」表現方式 • 設定在引發特定事件時就播放特定的聲音檔。 • 支援的聲音檔格式：Wave 檔（.wav）、Midi 檔（.mid）、RealAudio 檔（.ram 與 .ra）、AIFF 聲音檔（.aif、.aifc 與 .aiff）以及 AU 聲音檔（.au 與 .snd）。 • 「設定文字」表現方式 • 設定顯示在狀態列中的文字訊息。 • 設定顯示在文字欄位中的文字。 • 設定顯示在框架中的文字。 • 設定顯示在圖層中的文字。 • 「呼叫指令碼」表現方式 • 設定在特定事件引發時便呼叫 JavaScript 或 Jscript 函式來執行所需的作業。 • 藉由呼叫自行撰寫的函式來完成所需的自訂功能。
「表現方式」的運用 • 「檢查瀏覽器」表現方式 • 檢查網站訪客的瀏覽器類型與版本，以便動態將網站訪客重新導向至特定版本的網頁。 • 「檢查外掛程式」表現方式 • 檢查網站訪客的電腦中是否已安裝所需的外掛程式，如果已安裝所需的外掛程式則導向至某網頁；如果沒有安裝所需的外掛程式則導向至其他的網頁。 • 「變更內容」表現方式 • 設定當引發特定事件時隨即變更目前或其他網頁元素的「字型」、「位置」、「框線」、「可見度」以及其他各項屬性設定。 • 「變更內容」表現方式的設定對象務必擁有 id 屬性的設定。例如：<img id=“image1” src=“images/Alex.jpg ” > • 「控制 Flash 中的內容」表現方式 • 讓網頁使用者能夠在網頁執行階段對 Flash 影片作更完善的控制。
共用網頁與共用排程 • 共用網頁網頁 • 在一個網頁上顯示另一個網頁內容的元件。 • 共用排程 • 指定時間，在一個使用中網頁上顯示另一個網頁內容的元件。(要有 Microsoft FrontPage 2002 Server Extensions 或 Mirosoft SharePoint Team Services v1.0的支援。)
可依賴的使用分析報告控制並管理您的Web網站 • 各種報告及使用分析 • 網頁之瀏覽器相容性的檢查 • 網頁可及性的檢查 • 管理超連結 • 發佈您的網站
報告 • 網站摘要 • 「網站摘要」報表可顯示網站重要統計資料的總覽，如檔案和圖片數目和大小、超連結的數目和類型等。 • 檔案 • 「檔案」報表可顯示檔案的總覽，如檔案作用時間，誰正在其中工作、它們何時修改或新增到網站等。 • 共用內容 • 「共用內容」報表可顯示有關網頁群組上使用的網站功能，如佈景主題、樣式、動態 Web 範本和共用框線。 • 問題 • 「問題」報表可顯示與網站有關的問題，包括中斷的連結、元件錯誤、下載時間過長的檔案等。 • 工作流程 • 「工作流程」報表可指出檔案狀態及網站中的指定，包括複查狀態、檔案已指定給誰、是否要使用來源控制取出它等。 • 用法 • 「用法」報表可顯示有關網站訪客的資訊，包括網頁瀏覽人數、網站訪客所使用的瀏覽器、參考 URL 等。「
Thanks 王仲麒 areswang@ms8.hinet.net http://home.kimo.com.tw/areswang
