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