Presentation is loading. Please wait.

Presentation is loading. Please wait.

Front page Easy學電子報 資訊管理學系 99th 蘇柏戎 2018/11/9 hn10840@hotmail.com.

Similar presentations


Presentation on theme: "Front page Easy學電子報 資訊管理學系 99th 蘇柏戎 2018/11/9 hn10840@hotmail.com."— Presentation transcript:

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


Download ppt "Front page Easy學電子報 資訊管理學系 99th 蘇柏戎 2018/11/9 hn10840@hotmail.com."

Similar presentations


Ads by Google