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