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