管理学院网页设计.ppt

XXXXX管理學院網頁設計初級班(一) 主講人 : XXX XX, XXX 課程大綱 網頁設計概論 網頁設計工具介紹一(使用FrontPage,以下簡稱FP) FP之開啟與關閉 FP之功能簡介 建立你的第一個個人網頁 網頁背景設定 字型之設定與使用 文字段落之編排 清單編號與列表編號 圖片之使用 超連結之使用 網頁發表介紹 網頁設計概論 網頁設計工具介紹 FP之開啟與關閉 FP之功能簡介 建立你的第一個個人網頁 網頁背景設定 字型之設定與使用 文字段落之編排 清單編號與列表編號 圖片之使用 超連結之使用 FP之開啟 FP之關閉 FP之功能簡介 建立你的第一個個人網頁 開啟FP 編輯網頁內容 儲存 完成 建立你的第一個個人網頁 建立你的第一個個人網頁 建立你的第一個個人網頁 網頁背景設定 網頁空白處按右鍵 點選[網頁內容] 點選[背景] 選擇背景圖片或是設定顏色 網頁背景設定 請見範例操作 字型之設定與使用 字型的大小 分為1到7級的字 數字越大字就越大 字型的風格 加粗[B] 斜體[I] 加底線[U] 字型的顏色 字型之設定與使用 請見範例操作 文字段落之編排 對齊方式 內定 齊左 置中 齊右 文字段落之編排 請見範例操作 清單編號與列表編號 清單編號 1 2 3 … 列表編號 清單編號與列表編號 請見範例操作 圖片之使用 [插入]-[圖片] 選擇檔案 選擇對齊方式 調整大小 圖片之使用 請見範例操作 超連結之使用 標記超連結的文字或圖形 按右鍵或是按超連結小按鈕 鍵入所要連結的網址 選擇聯結網頁的呈現方式 網頁預設 開新網頁 超連結之使用 請見範例操作 綜合練習 請大家設計一個自我介紹的網頁 內容可以有 姓名 照片[可用美工圖案代替] 個人學經歷 常使用的網頁列表 … 綜合練習 請見範例 網頁發表介紹 什麼是網頁發表? 就是把網頁(網站)上傳到一台主機 提供別人可以瀏覽我們的資料 網頁發表介紹 網頁發表的步驟 找一台主機,在該主機上申請網頁空間 將自己的網頁用FTP傳送到主機上 FTP(File Transfer Protocol) 一種用來傳送檔案的通訊協定 IE有支援此種傳送方式 網頁發表介紹 網頁發表介紹 本校提供教職員的網頁空間與發表步驟 網頁空間[MB] 網址 .tw/~郵件帳號名稱 .tw/~stupier 發表 ftp到.tw之主機 將網頁放到public_html目錄下(如果沒有請自行建立) 首頁檔案名稱應該是 index.htm index.thml 測試 使用IE連到您的網頁空間 .tw/~郵件帳號名稱 網頁發表介紹 * * 歡迎各位參與本次活動 為什麼要會做網頁? 當前最紅的展現方式之一 表現出自己的資訊能力 增進對於網路世界的認識 … 網頁與網站的關係 網站是由很多網頁所組成的 各個網頁之間是以超連結的方式組織起來的 一般我們講的“個人首頁” 指的應該是“個人網站” 從哪裡開始呢? 蒐集資料 整理資料 把資料轉成網頁 把各個網頁整合 上傳網頁 主選單 快速按鈕區 網頁編輯區 編輯模式點選區 網頁模式切換按鈕 上傳網頁 瀏覽 伺服器主機 .tw