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

Slides:



Advertisements
Similar presentations
99 級鄭郁立 教甄分享 桃園縣霄裡國小資源班教師. 我想當老師 !!!  從小的志願  教會別人的成就感  穩定的工作 ~ 金飯碗 ( 以現在的景氣來說 …)  早下班有很多自己的時間 (3:40 或 4:00)  寒暑假 ( 偶爾要到學校 )  待遇不錯  有很多優惠 ?!( 我目前並沒有感受到.
Advertisements

E-portfolio 個人履歷網站教學
時間:2015/11/07 會議地點:中興大學化學系館107 比賽時間:2015/11/28-11/29
公會組織糾紛 指導老師:柯伶玫 組員 495B0065 劉致維 495B0072 廖怡塵 495B0097 范家皓.
Chapter 5 全球資訊網 5-1 World Wide Web 的誕生 5-2 使用Internet Explorer
專題製作 許惠淑.
Excel –格式設定 資訊教育.
主讲 冷清波 城乡规划管理与法规 主讲 冷清波
网页制作与网站设计教学课件 网页制作与网站设计课程组开发
外語系第一組 組長: 崔穎詩(57) 組員: 陳彩雲(2) 謝宜芳(9) 胡蓮竹(13) 鄭羽芯(52)
如何备考?.
運用網路資源趣味化 「每日飲食指南份量」教學
风 波 鲁 迅 江南水乡风景.
能量買賣訊號 ◎波段賣訊:下列四項出現三項以上(含三項) 1、空方能量升至整波上漲之最高水準,且空方能量>多方 能量30%以上。
DreamWeaver MX (V) 林偉川.
東番記 陳第.
PowerPoint圖形總合.
教育人員退休新法說明會 106年12月14日 ★資料來源:參考銓敘部及高雄市教育局人事室簡報檔.
國文(一) 1.第一單元---青春印記 (學習篇、愛情篇) 2.第二單元---生活美學 3.第三單元---優遊家園.
DreamWeaver MX (II) 林偉川.
Chapter14 HTML簡介與簡易網頁製作
國立高雄海洋科技大學 電子郵件收信軟體設定說明
臺北市立大學 資訊科學系(含碩士班) 賴阿福
網頁製作入門 電算中心 – 蔡京甫.
Dreamweaver 8 範例:201、202 潘雅真.
應用軟體 本節重點: 應用軟體簡介 Word Excel PowerPoint 資料庫Acess.
第 7 章 設定網頁背景與音樂.
R教學 安裝RStudio 羅琪老師.
What’s New in HTML5.
安裝JDK 安裝Eclipse Eclipse 中文化
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
Word與PowerPoint的結合 建功國小 陳旻杰 健行國小 張慧如.
電子郵件 人際溝通 2018/12/27 輔仁大學圖書資訊學系.
OpenID與WordPress使用說明
崑山科技大學 國際貿易系 專業倫理報告 第六章:觀光產業
網頁切換移轉 JS vs. ASP.NET.
SuperGIS 2.0 基本架構介紹.
網頁程式設計 本章投影片錄自HTML5、CSS3、RWD、jQuery Mobile跨裝網頁設計 陳惠貞 著 碁峰資訊股份有限公司出版
圖片格式簡介 張啟中.
班級網頁與部落格 自由軟體簡介 校網資源說明 文雅國小 資訊組.
前端技术开发 高莺.
網路程式設計期末project B 張芸菱.
Dreamweaver 8 潘雅真老師.
PowerPoint 2019/4/9.
電子商務新版面問題排除.
Prepare by Jean Huang 黃瀞儀
HTML – 超連結與圖片 資訊教育.
青少年常見犯法行為.
伸峰科技股份有限公司 李書帆 SanfongWeb 網頁編修 伸峰科技股份有限公司 李書帆
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
如何利用範本來製作網頁.
Google協作平台+檔案分享(FileZilla+網路芳鄰)
Power Point 教學單元 實作步驟簡表
個人網路空間 資訊教育.
六年級電腦科 KompoZer w3.dhps.tp.edu.tw.
FTP使用教學 簡介: 軟體名稱:FileZilla 軟體性質:Freeware 版本: 繁體中文版
eol ─ 日本全上市公司資訊資料庫 財務資料下載之.csv檔於中文環境下的閱讀方法
備審資料製作〈四〉 整合製作與應用
Dreamweaver 進階網頁製作 B 許天彰.
1. 查詢個人電腦版本 1.進入控制台 2.點選“所有控制台項目” 3.點選“系統”.
國立屏東大學宿舍網路連線 設定說明 104/08/12.
學校 LOGO 103年度教育部推動技專校院與產業園區產學合作計畫 ( 計畫名稱 ) 發表人:○○系○○○教授 ○○科技大學 聯絡方式:
第一章 十九世紀的民族主義.
勞工保險年金制度 簡報人:吳宏翔.
如何從政大圖書館館藏目錄匯出書目至EndNote
Brief Guide of FrontPage
法律的解釋 楊智傑.
DreamWeaver MX (IV) 林偉川.
第五章 自訂佈景主題與文字處理 講授者:詹雅愔.
Zotero_搞定中文、英文格式 中臺圖書館.
Presentation transcript:

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