部落格製作 與 數位圖像編修 B L O G 部落格製作與數位圖像編修課程 莊琳嫈 編輯
課程內容 <ul><li>1. 部落格概念說明 </li></ul><ul><li>2. 部落格觀摩 </li></ul><ul><li>3. 部落格製作實務 </li></ul><ul><li>(1) 部落格的基本設定 </li></ul><...
部落格概念說明 (1) <ul><li>1. 部落格 (Blog) 源自於英文 Weblog ,是一種簡易的網路發表工具。 </li></ul><ul><li>2. 「部落格」是一種可以在網頁上輕鬆發表意見,並提供讀者回應的網路平台;使用者不必...
部落格概念說明 (2) <ul><li>4. 「部落客」們除了可以網誌園地上自我發揮之外,內容越來越多元,部落格也逐漸從個人日誌轉變成為抒發理念,乃至於做另類記載報導等用途,「部落格」的功能,也因此而轉向另一方面。 </li></ul><ul>...
部落格觀摩與版型分析   ( 一 ) <ul><li>1. 奇摩部落格 </li></ul><ul><li>奇摩首頁  http:// tw.yahoo.com /   </li></ul><ul><li>奇摩部落格首頁  http:// tw...
部落格觀摩與版型分析   ( 二 ) <ul><li>2. Xuite 部落格  http:// www.hinet.net / </li></ul><ul><li>Xuite 日誌  http:// blog.xuite.net / </li...
部落格觀摩與版型分析   ( 三 ) <ul><li>5.  新浪 部落格  http:// blog.sina.com.tw / </li></ul><ul><li>伍思凱部落格  http://blog.sina.com.cn/wusika...
部落格觀摩與版型分析   ( 四 ) <ul><li>8. 無名小站網誌  http:// www.wretch.cc / </li></ul><ul><li>無名小站網誌首頁  http:// www.wretch.cc /blog/ </l...
部落格觀察網 <ul><li>部落格總排名  http://tw.webmaster.yahoo.com/chart/blog/all/ </li></ul><ul><li>部落格觀察網  http:// look.urs.tw/rank.ph...
部落格製作流程 <ul><li>帳號申請  ( 以 Yahoo 為例 ) </li></ul><ul><li>部落格申請 </li></ul><ul><li>部落格實作 </li></ul><ul><li>1 . 訂定部落格主題 </li></...
部落格的啟動 <ul><li>要您是 Yahoo! 奇摩的會員,通過部落格啟動流程,就可以擁有無限容量的免費個人部落格。  </li></ul><ul><li>啟動流程: </li></ul><ul><li>1. 填寫信箱:於啟動頁面填入您的聯...
部落格的申請與啟動 (1) ( 以 YAHOO 為例 ) <ul><li>啟動部落格 </li></ul><ul><li>在登入狀態,點選 Yahoo! 奇摩部落格首頁右邊的「我的部落格」,如下圖: </li></ul>
部落格的申請與啟動 (2) <ul><li>按下「我的部落格」後,系統會把你帶到下面這一頁,只要填寫完你的聯絡信箱後,系統就會寄發認證信給你了,按下「開始認證」前,記得檢查一下有沒有打錯信箱網址唷! </li></ul>
部落格的申請與啟動 (3) <ul><li>按下「開始認證」後系統會寄送確認信到你剛剛填寫的信箱,趕快到信箱裡面瞧一瞧吧! ( 如果還沒有收到就先稍等一下唷,有可能是系統剛好忙碌中,但如果等太久都沒收到,就參見一下 服務說明 ,或是直接 修改信...
部落格的申請與啟動 (4) <ul><li>收到的認證信,應該是像下面的樣子,收到後趕快點選認證信裡面的「確認信箱」,就可以開始填寫個人資料囉,但如果你沒有啟動部落格,卻收到降子的通知信,就千萬不要點選「確認信箱」唷,因為很有可能是壞人盜用了你...
部落格的申請與啟動 (5) <ul><li>太長的網址一點都不好記,而且一點也沒有個人特色,把一串又臭又長的亂碼網址,設定成一組好記的網址喔! 。  </li></ul><ul><li>例如部落格網址本來是: http://tw.myblog....
部落格的申請與啟動 (6) <ul><li>看!是不是清爽好記多了? 而且你所設定的自訂網址就會出現在你的「部落格檔案」裡唷! </li></ul><ul><li>★  要在哪裡設定這種好記的網址呢? 請到管理部落格  >  部落格資料 中,有...
部落格製作實務 <ul><li>接下來要請各位開始動手為你自己的專屬部落格進行規劃製作囉 ! </li></ul>
部落格製作實務 (1) 部落格的基本設定   <ul><li>個人資料  </li></ul><ul><li>部落格資料  </li></ul><ul><li>個人相片  </li></ul><ul><li>招呼語設定   </li></ul>
部落格製作實務 (2) 部落格的外觀設計 <ul><li>版型設定  </li></ul><ul><li>面板設定 </li></ul><ul><li>1. 模組面板設定 </li></ul><ul><li>2. 進階面版設定 </li></ul>
部落格的編輯 (1) 如何在部落格中發表文章 <ul><li>使用 HTML 精靈發表文章 </li></ul><ul><li>在「 HTML 精靈」的編輯模式內,填寫標題(必填)及選擇文章分類(必選)後,便可以盡情的使用 HTML 精靈編輯您...
部落格的編輯 (2) 如何在部落格中上傳照片與圖片 <ul><li>    如何上傳相片?  </li></ul><ul><li>   如何使用單張上傳方式上傳相片?  </li></ul><ul><li>   大量上傳工具的版權申告  </l...
部落格的編輯 (3) 相片與相薄   <ul><li>如何新增相簿?  </li></ul><ul><li>   如何修改相簿名稱?  </li></ul><ul><li>   如何修改相簿屬性?  </li></ul><ul><li>   如...
回應 / 引用 / 留言   <ul><li>如何回應文章?  </li></ul><ul><li>   如何回覆文章 / 相片回應?  </li></ul><ul><li>   為什麼不能回應文章?  </li></ul><ul><li>  ...
自訂欄位   <ul><li>自訂欄位是個可置放友站連結、計數器、串連貼紙等,或是其他可供你自行編輯內容的欄位,只會出現在個人部落格的窄欄部分,而且可以利用「版型設定」中的窄欄顯示順序功能,調整它出現的位置喔! 目前我們提供使用者最多可置放五個...
部落格的進階管理 <ul><li>管理文章  </li></ul><ul><li>管理相簿  </li></ul><ul><li>管理訂閱  </li></ul><ul><li>管理自訂欄位  </li></ul><ul><li>管理黑名單  ...
什麼是 RSS ? <ul><li>RSS (Really Simple Syndication)  是一種用來分發和匯集網頁內容  ( 例如部落格文章 )  的  XML  格式。  </li></ul><ul><li>RSS 是玩部落格 (...
<ul><li>查看統計資料  </li></ul><ul><li>邀請朋友  </li></ul>
如何在部落格加入音樂
如何在部落格加入影片
音樂、影片、圖片的使用與所有權
Upcoming SlideShare
Loading in...5
×

部落格製作與數位圖像編修

2,241

Published on

部落格製作與數位圖像編修

Published in: Education
2 Comments
1 Like
Statistics
Notes
  • 莊老師,我是大婆!我跟其他同學都在我的臉書上等著和妳連繫
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • it is very good
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,241
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
2
Likes
1
Embeds 0
No embeds

No notes for slide
  • 奇摩部落格服務中心 http://tw.help.cc.yahoo.com/help_cp.html?product=blog
  • 部落格觀察網 http://look.urs.tw/rank.php
  • 部落格觀察網 http://look.urs.tw/rank.php 台灣 部落格 http://blog.go2.tw/
  • 相片與相薄 http://tw.help.cc.yahoo.com/help_cp.html?product=blog
  • 回應 / 引用 / 留言 http://tw.help.cc.yahoo.com/help_cp.html?product=blog
  • http://tw.myblog.yahoo.com/yahoo-blog/article?mid=165207&amp;next=19401&amp;l=f&amp;fid=9
  • Transcript of "部落格製作與數位圖像編修"

    1. 1. 部落格製作 與 數位圖像編修 B L O G 部落格製作與數位圖像編修課程 莊琳嫈 編輯
    2. 2. 課程內容 <ul><li>1. 部落格概念說明 </li></ul><ul><li>2. 部落格觀摩 </li></ul><ul><li>3. 部落格製作實務 </li></ul><ul><li>(1) 部落格的基本設定 </li></ul><ul><li>(2) 部落格的進階設定 </li></ul><ul><li>4. 在部落格中加入音樂及影片 </li></ul><ul><li>5. 部落格中網頁語法的運用 </li></ul><ul><li>6. 數位圖像編修 </li></ul>
    3. 3. 部落格概念說明 (1) <ul><li>1. 部落格 (Blog) 源自於英文 Weblog ,是一種簡易的網路發表工具。 </li></ul><ul><li>2. 「部落格」是一種可以在網頁上輕鬆發表意見,並提供讀者回應的網路平台;使用者不必具備太多電腦知識或網頁撰寫技巧,就可以輕鬆做出一個屬於自己的個人站台。 </li></ul><ul><li>3. 透過部落格,利用文字、圖片或音樂,紀錄每天心情故事、抒發個人想法或是發表個人創作;還可以上傳相片,與朋友分享相簿或收藏珍貴回憶!更重要的在於它的全個人化功能,用戶可以自己設計出獨具個人風格的網路日誌形式。 </li></ul>
    4. 4. 部落格概念說明 (2) <ul><li>4. 「部落客」們除了可以網誌園地上自我發揮之外,內容越來越多元,部落格也逐漸從個人日誌轉變成為抒發理念,乃至於做另類記載報導等用途,「部落格」的功能,也因此而轉向另一方面。 </li></ul><ul><li>5. 在部落格上經營個人商品。 </li></ul>
    5. 5. 部落格觀摩與版型分析 ( 一 ) <ul><li>1. 奇摩部落格 </li></ul><ul><li>奇摩首頁 http:// tw.yahoo.com / </li></ul><ul><li>奇摩部落格首頁 http:// tw.blog.yahoo.com / ( 奇摩首頁點選部落格標籤 ) </li></ul><ul><li>奇摩部落格觀摩與版型分析 </li></ul><ul><li>心情部落格: </li></ul><ul><li>月影跫音 http://tw.myblog.yahoo.com/jw!5pFp9UmBBxIiH.3bABQ97bhnfnQ- </li></ul><ul><li>秋風起兮白雲飛 </li></ul><ul><li>http://tw.myblog.yahoo.com/jw!PQL7HT2AGQFqBnZo_UnNzZ5spok-/ </li></ul><ul><li>社團、組織、單位部落格: </li></ul><ul><li>客家圖書影音中心 http://tw.myblog.yahoo.com/young_hakka@ymail.com/ </li></ul><ul><li>商品部落格:銀飾批發 http://tw.myblog.yahoo.com/yanxuejun59591096 </li></ul><ul><li>銀戀傳奇 http://tw.myblog.yahoo.com/romanticism99/archive?l=a </li></ul><ul><li>教學部落格:王惠珍拼布手作教室 </li></ul><ul><li>http://tw.myblog.yahoo.com/jw!2flsOZiFGBRlUEIUdwhFLvZOkDA- </li></ul><ul><li>部落格製作與數位圖像編修 </li></ul><ul><li>http://tw.myblog.yahoo.com/catherine_chuang46 </li></ul>
    6. 6. 部落格觀摩與版型分析 ( 二 ) <ul><li>2. Xuite 部落格 http:// www.hinet.net / </li></ul><ul><li>Xuite 日誌 http:// blog.xuite.net / </li></ul><ul><li>世紀末狂想 http://blog.xuite.net/sun1988/blog </li></ul><ul><li>昔喜歷音坊 http://blog.xuite.net/nicky20070102/nicky20070102 </li></ul><ul><li>部落格製作與數位圖像編修 http://blog.xuite.net/catherine906/learning </li></ul><ul><li>3. Google 部落格 https:// www.blogger.com/start?hl = zh -TW </li></ul><ul><li>湛藍馬克部落 http://bluemarkblog.blogspot.com/2010/01/blog-post_23.html </li></ul><ul><li>Daren studio http://daren-studio.blogspot.com/2010/04/hd.html </li></ul><ul><li>客家圖書影音中心 http://young-hakka.blogspot.com/ </li></ul><ul><li>4. MSN 部落格 :Windows live spaces 部落格 http:// tw.msn.com / </li></ul><ul><li>如來一葉 舟遊樂海 http://aladdinjoe1979.spaces.live.com/ </li></ul>
    7. 7. 部落格觀摩與版型分析 ( 三 ) <ul><li>5. 新浪 部落格 http:// blog.sina.com.tw / </li></ul><ul><li>伍思凱部落格 http://blog.sina.com.cn/wusikai </li></ul><ul><li>繆司藝之園 http://blog.sina.com.tw/audrey/ </li></ul><ul><li>6. 痞客幫部落格 http:// www.pixnet.net /blog </li></ul><ul><li>痞客幫部落格首頁 http:// www.pixnet.net /blog </li></ul><ul><li>《史賓諾知諸網》 http://rush8320.pixnet.net/blog </li></ul><ul><li>《海角七號》電影官方部落格 http://cape7.pixnet.net/blog </li></ul><ul><li>孔子決戰春秋 電影官方部落格 http://confucius.pixnet.net/blog </li></ul><ul><li>7. 天空 部落格 (yam) http:// blog.yam.com / </li></ul><ul><li>伊織影音工作室 http://blog.yam.com/user/Wedding220.html </li></ul>
    8. 8. 部落格觀摩與版型分析 ( 四 ) <ul><li>8. 無名小站網誌 http:// www.wretch.cc / </li></ul><ul><li>無名小站網誌首頁 http:// www.wretch.cc /blog/ </li></ul><ul><li>無名小站影音首頁 http:// www.wretch.cc /video/ </li></ul><ul><li>吳志剛部落格 http://www.wretch.cc/blog/ChihKangWu </li></ul><ul><li>甜蜜三加一 http://www.wretch.cc/blog/r90158cf5186 </li></ul><ul><li>9.Facebook http://zh-tw.facebook.com / </li></ul><ul><li>低碳生活部落格 </li></ul><ul><li>http://www.facebook.com/pages/di-tan-sheng-huo-bu-luo-ge/175549807657 </li></ul><ul><li>10. 樂多日誌 http://blog.roodo.com/ </li></ul><ul><li>天台的月光 http://blog.roodo.com/moonroof/archives/12192359.html </li></ul>
    9. 9. 部落格觀察網 <ul><li>部落格總排名 http://tw.webmaster.yahoo.com/chart/blog/all/ </li></ul><ul><li>部落格觀察網 http:// look.urs.tw/rank.php </li></ul><ul><li>台灣部落格列表 http://blog.go2.tw/ </li></ul><ul><li>名人部落格 http://www.timliao.com/starblog.html#div09 </li></ul><ul><li>台灣各大 BLOG 入口 http://blog.xuite.net/m0982821943/myblog/32831468?ref= rel </li></ul>
    10. 10. 部落格製作流程 <ul><li>帳號申請 ( 以 Yahoo 為例 ) </li></ul><ul><li>部落格申請 </li></ul><ul><li>部落格實作 </li></ul><ul><li>1 . 訂定部落格主題 </li></ul><ul><li>2 . 部落格版型與面板設定 </li></ul><ul><li>如何在部落格中發表文章 </li></ul><ul><li>如何在部落格中加入圖片 </li></ul><ul><li>圖片編修的技巧 </li></ul><ul><li>如何在部落格中加入音樂 </li></ul><ul><li>如何在部落格中加入影片 </li></ul><ul><li>部落格的管理 </li></ul>
    11. 11. 部落格的啟動 <ul><li>要您是 Yahoo! 奇摩的會員,通過部落格啟動流程,就可以擁有無限容量的免費個人部落格。 </li></ul><ul><li>啟動流程: </li></ul><ul><li>1. 填寫信箱:於啟動頁面填入您的聯絡信箱。 </li></ul><ul><li>2. 確認信箱:系統會寄送確認信件到您填寫的聯 絡電子信箱,請務必在七天之內點選確認信中的「確認」按鈕。 </li></ul><ul><li>3. 填寫個人資料:於部落格設定頁填寫完個人基本資料後,即完成部落格啟動。 </li></ul>
    12. 12. 部落格的申請與啟動 (1) ( 以 YAHOO 為例 ) <ul><li>啟動部落格 </li></ul><ul><li>在登入狀態,點選 Yahoo! 奇摩部落格首頁右邊的「我的部落格」,如下圖: </li></ul>
    13. 13. 部落格的申請與啟動 (2) <ul><li>按下「我的部落格」後,系統會把你帶到下面這一頁,只要填寫完你的聯絡信箱後,系統就會寄發認證信給你了,按下「開始認證」前,記得檢查一下有沒有打錯信箱網址唷! </li></ul>
    14. 14. 部落格的申請與啟動 (3) <ul><li>按下「開始認證」後系統會寄送確認信到你剛剛填寫的信箱,趕快到信箱裡面瞧一瞧吧! ( 如果還沒有收到就先稍等一下唷,有可能是系統剛好忙碌中,但如果等太久都沒收到,就參見一下 服務說明 ,或是直接 修改信箱 ,不要一直癡癡的等下去喔 </li></ul>
    15. 15. 部落格的申請與啟動 (4) <ul><li>收到的認證信,應該是像下面的樣子,收到後趕快點選認證信裡面的「確認信箱」,就可以開始填寫個人資料囉,但如果你沒有啟動部落格,卻收到降子的通知信,就千萬不要點選「確認信箱」唷,因為很有可能是壞人盜用了你的信箱! </li></ul><ul><li>填寫完個人資料後,按下下方的「確定」鍵,就完成了啟動部落格囉,接下來你就可以開始發表文章或上傳相片了,還可以留言給其他網友或回應別人的文章囉 </li></ul>
    16. 16. 部落格的申請與啟動 (5) <ul><li>太長的網址一點都不好記,而且一點也沒有個人特色,把一串又臭又長的亂碼網址,設定成一組好記的網址喔! 。 </li></ul><ul><li>例如部落格網址本來是: http://tw.myblog.yahoo.com/jw!A2KlD9uGByitwkrBYPjb </li></ul><ul><li>設定後,現在是: http://tw.myblog.yahoo.com/yahoo-blog </li></ul>
    17. 17. 部落格的申請與啟動 (6) <ul><li>看!是不是清爽好記多了? 而且你所設定的自訂網址就會出現在你的「部落格檔案」裡唷! </li></ul><ul><li>★ 要在哪裡設定這種好記的網址呢? 請到管理部落格 > 部落格資料 中,有個「自訂網址」,只要輸入小寫英文字母或數字,便可以為自己設定一組好記的網址,! </li></ul><ul><li>★ 需要特別注意什麼嗎? 自訂網址設定後便無法更改命名,且無法取消。在您設定自訂網址時,「 - 」前後都必須輸入名稱,且前後分別限制最多輸入 16 個小寫英文字母或數字。設定後網址會立即生效,且無法取消或修改,請小心注意喔 </li></ul>
    18. 18. 部落格製作實務 <ul><li>接下來要請各位開始動手為你自己的專屬部落格進行規劃製作囉 ! </li></ul>
    19. 19. 部落格製作實務 (1) 部落格的基本設定 <ul><li>個人資料 </li></ul><ul><li>部落格資料 </li></ul><ul><li>個人相片 </li></ul><ul><li>招呼語設定 </li></ul>
    20. 20. 部落格製作實務 (2) 部落格的外觀設計 <ul><li>版型設定 </li></ul><ul><li>面板設定 </li></ul><ul><li>1. 模組面板設定 </li></ul><ul><li>2. 進階面版設定 </li></ul>
    21. 21. 部落格的編輯 (1) 如何在部落格中發表文章 <ul><li>使用 HTML 精靈發表文章 </li></ul><ul><li>在「 HTML 精靈」的編輯模式內,填寫標題(必填)及選擇文章分類(必選)後,便可以盡情的使用 HTML 精靈編輯您的文章內容,更可以點選加入圖片來豐富文章的內容。 </li></ul><ul><li>在部落格中使用 HTML 或 CSS 的語法 </li></ul><ul><li>可使用下列的 HTML 標籤及 CSS 語法,來編輯您的部落格文章。 </li></ul><ul><li>請注意:使用圖片的 HTML 語法,需特別標示出長跟寬的尺寸。 ( 例如: < img src=&quot;myimage.jpg&quot; height=&quot;50&quot; width=&quot;50&quot; >) 若圖片沒有標示長寬的屬性,將無法正常顯示。 </li></ul>
    22. 22. 部落格的編輯 (2) 如何在部落格中上傳照片與圖片 <ul><li>    如何上傳相片? </li></ul><ul><li>   如何使用單張上傳方式上傳相片? </li></ul><ul><li>   大量上傳工具的版權申告 </li></ul><ul><li>   我可以上傳哪些格式的相片到部落格相簿裡? </li></ul><ul><li>   什麼是 JPG 相片格式? </li></ul><ul><li>   如何使用大量上傳工具上傳相片? </li></ul><ul><li>圖像的編修與減檔 ( 照片與圖片 ) </li></ul>
    23. 23. 部落格的編輯 (3) 相片與相薄 <ul><li>如何新增相簿? </li></ul><ul><li>   如何修改相簿名稱? </li></ul><ul><li>   如何修改相簿屬性? </li></ul><ul><li>   如何修改相片名稱? </li></ul><ul><li>   如何將相片更換到其他相簿? </li></ul><ul><li>   相簿中的「發表」是什麼意思? </li></ul>
    24. 24. 回應 / 引用 / 留言 <ul><li>如何回應文章? </li></ul><ul><li>   如何回覆文章 / 相片回應? </li></ul><ul><li>   為什麼不能回應文章? </li></ul><ul><li>   如何引用文章? </li></ul><ul><li>   如何留言? </li></ul><ul><li>   如何回覆留言? </li></ul><ul><li>   如何刪除留言? </li></ul><ul><li>   為什麼不能留言? </li></ul><ul><li>   回覆後的留言或回應還可以更改嗎? </li></ul><ul><li>   如何開啟或關閉接收留言 / 回應通知信? </li></ul>
    25. 25. 自訂欄位 <ul><li>自訂欄位是個可置放友站連結、計數器、串連貼紙等,或是其他可供你自行編輯內容的欄位,只會出現在個人部落格的窄欄部分,而且可以利用「版型設定」中的窄欄顯示順序功能,調整它出現的位置喔! 目前我們提供使用者最多可置放五個自訂欄位,但僅支援部分 HTML 語法,請參考「目前可在 Yahoo! 奇摩部落格中使用的 HTML 或 CSS 語法」中的詳細說明。 </li></ul>
    26. 26. 部落格的進階管理 <ul><li>管理文章 </li></ul><ul><li>管理相簿 </li></ul><ul><li>管理訂閱 </li></ul><ul><li>管理自訂欄位 </li></ul><ul><li>管理黑名單 </li></ul>
    27. 27. 什麼是 RSS ? <ul><li>RSS (Really Simple Syndication) 是一種用來分發和匯集網頁內容 ( 例如部落格文章 ) 的 XML 格式。 </li></ul><ul><li>RSS 是玩部落格 (blog) 不可不知的一個東西,因為每天有許多部落格發表新文章,若都要到不同的部落格看有沒有新文章是很不便利的事,於是 RSS 這個格式便十分重要了。 </li></ul><ul><li>透過 RSS 的使用,供應網頁內容的人可以很容易地產生並傳播文章鏈結、標題和摘要等資料。 Yahoo! 奇摩新聞 也在使用 RSS , 對讀者們派送網頁內容。 </li></ul><ul><li>可以利用網路上現有的 免費 RSS 閱讀器 ,訂閱想收看且支援 RSS 的網站內容。 </li></ul>
    28. 28. <ul><li>查看統計資料 </li></ul><ul><li>邀請朋友 </li></ul>
    29. 29. 如何在部落格加入音樂
    30. 30. 如何在部落格加入影片
    31. 31. 音樂、影片、圖片的使用與所有權

    ×