Frontpage easy学电子报 - 高雄大学.PPT

EASY學電子報 hn10840@ 圖書資訊週　資訊教育訓練 圖書資訊週　資訊教育訓練 hn10840@ EASY學電子報 hn10840@ Front page Easy學電子報 * * hn10840@ 資訊管理學系 99th 蘇柏戎 大綱 何謂電子報？ 操作環境介紹─以Frontpage2003為例 編輯電子報 現成的電子報網站 * hn10840@ * 何謂電子報？ * hn10840@ * 何謂電子報？ html (Hyper Text Markup Language)網頁的一種 以e-mail形式傳遞 定期/不定期的由電子報系統或手動寄送 * hn10840@ * 操作環境介紹─以FRONT PAGE2003為例 * hn10840@ * 操作環境介紹(1/2) * hn10840@ * 常用編輯工具都可以在”檢視”選項的”工具列”中找到！ 功能表列 操作環境介紹(2/2) * hn10840@ * 按下建立空白網頁按鈕來開始新網頁的第一步，範本的部份選擇一般網頁即可。 Ps.和網頁有關的所有元件(如圖片、檔案、其他頁面)都要放在同一個主資料夾！ 編輯電子報 * hn10840@ * 編輯電子報 先來看看電子報的真面目… 以高雄大學圖資館電子報為例 （.tw/lib/e-news/e-paper.htm） * hn10840@ * 這些虛線全都是表格！ 表格排版（1/4） 電子報通常都以表格排版而非css排版 瀏覽器/信箱軟體的支援程度 為保持呈現出來的一致性 以圖片形式出版的電子報較易排版 * hn10840@ * 表格排版（2/4） 常見到的全圖片排版形式之電子報 (以商業週刊電子報為例) * hn10840@ * 表格排版（3/4） 進入正式排版前 先決定樣式 準備好需要用到的圖檔、內文 如何決定欄、列數? Tips1:利用多個表格做巢狀排列增加排版的彈性 Tips2:利用空白欄、列替版面留白 * hn10840@ * 表格排版（4/4） 表格設定 間距：0 框線：0 利用0間距、框線讓圖片看起來只有一張 * hn10840@ * 超連結 目標框架_blank v.s. _self _blank：開新分頁 目的網頁為外部的網站時使用 _self ：在原框架開啟 通常，目的網頁為同一個網站/電子報時使用 * hn10840@ * 書籤/錨點 達到”連結至目的網頁某一定位”的效果而非單純連結到該頁面。 無論是否在同一頁面皆可使用 Ex:書籤/錨點名”a01” 同一頁面連結：＃a01 不同頁面連結：＊.htm#a01 ＊.htm為欲連結的網頁名稱，副檔名也應隨該檔案不同而改變。 * hn10840@ * 影像地圖 圖片工具列：矩形、圓形、多角形作用區 利用圖片的”一部份”做超連結 * hn10840@ * 其它注意事項（1/2） 圖片 圖片盡量以不縮小/拉大為原則，若大小不合，可以其它軟體縮小 ACDSEE PhotoImpact… 避免圖片失真、模糊 減少佔用容量 * hn10840@ * 其它注意事項（2/2） 字型 雖然有時會希望放上美美的字型，但若瀏覽者沒有該字型就會變回預設字型喔！ 盡量使用共有的（新細明體、標楷體）or較普遍的字型（微軟正黑） 若真的需要該字型做效果，建議以繪圖軟體做成圖片 * hn10840@ * 練習 想練習卻沒有現成的素材？ 另存新檔大法 可用來觀察他人或專業公司做的排版方式 * hn10840@ * 現成的電子報網站 * hn10840@ * 現成的電子報網站（1/2） 市面上有許多方便的電子報網站，提供訂報及創報的服務 魅力站(需審核) .tw Gigigaga發報台 Taconet電子報 .tw * hn10840@ * 現成的電子報網站（2/2） 以Taconet為例… * hn10840@ * Q A 感謝聆聽 * hn10840@ * EASY學電子報 hn10840@ 圖書資訊週　資訊教育訓練 圖書資訊週　資訊教育訓練 hn10840@ EASY學電子報 hn10840@