管理学院网页设计.ppt

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