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