1XXXXX管理學院網頁設計初級班(一)主講人:XXXXX,XXX歡迎各位參與本次活動2課程大綱1.網頁設計概論2.網頁設計工具介紹一(使用FrontPage,以下簡稱FP)FP之開啟與關閉FP之功能簡介建立你的第一個個人網頁網頁背景設定字型之設定與使用文字段落之編排清單編號與列表編號圖片之使用超連結之使用3.網頁發表介紹3網頁設計概論為什麼要會做網頁?當前最紅的展現方式之一表現出自己的資訊能力增進對於網路世界的認識…4網頁與網站的關係•網站是由很多網頁所組成的•各個網頁之間是以超連結的方式組織起來的–一般我們講的“個人首頁”指的應該是“個人網站”5從哪裡開始呢?1.蒐集資料2.整理資料3.把資料轉成網頁4.把各個網頁整合5.上傳網頁6網頁設計工具介紹FP之開啟與關閉FP之功能簡介建立你的第一個個人網頁網頁背景設定字型之設定與使用文字段落之編排清單編號與列表編號圖片之使用超連結之使用7FP之開啟8FP之關閉9FP之功能簡介主選單快速按鈕區網頁編輯區編輯模式點選區網頁模式切換按鈕10建立你的第一個個人網頁•開啟FP•編輯網頁內容•儲存•完成11建立你的第一個個人網頁12建立你的第一個個人網頁13建立你的第一個個人網頁14網頁背景設定1.網頁空白處按右鍵2.點選[網頁內容]3.點選[背景]4.選擇背景圖片或是設定顏色15網頁背景設定•請見範例操作16字型之設定與使用•字型的大小–分為1到7級的字–數字越大字就越大•字型的風格–加粗[B]–斜體[I]–加底線[U]•字型的顏色17字型之設定與使用•請見範例操作18文字段落之編排•對齊方式–內定–齊左–置中–齊右19文字段落之編排•請見範例操作20清單編號與列表編號•清單編號1.12.23.34.…•列表編號21清單編號與列表編號•請見範例操作22圖片之使用•[插入]->[圖片]選擇檔案•選擇對齊方式•調整大小23圖片之使用•請見範例操作24超連結之使用1.標記超連結的文字或圖形2.按右鍵或是按超連結小按鈕3.鍵入所要連結的網址4.選擇聯結網頁的呈現方式–網頁預設–開新網頁25超連結之使用•請見範例操作26綜合練習•請大家設計一個自我介紹的網頁•內容可以有–姓名–照片[可用美工圖案代替]–個人學經歷–常使用的網頁列表–…27綜合練習•請見範例28網頁發表介紹•什麼是網頁發表?–就是把網頁(網站)上傳到一台主機–提供別人可以瀏覽我們的資料上傳網頁瀏覽伺服器主機29網頁發表介紹•網頁發表的步驟–找一台主機,在該主機上申請網頁空間–將自己的網頁用FTP傳送到主...
