宜蘭縣社區化高中職圖書館聯盟研習 部落格架設DIY 部落格與閱讀.

Presentation on theme: "宜蘭縣社區化高中職圖書館聯盟研習 部落格架設DIY 部落格與閱讀."— Presentation transcript:

1 宜蘭縣社區化高中職圖書館聯盟研習 部落格架設DIY 部落格與閱讀

2 部落格簡介 簡介： 優點 編輯部落格的人稱為部落客(bloggers)。
部落格(Blog)這個名詞是從WebLog而來，Log是指電腦中的紀錄行為，Web是代表網路，WebLog是指在網路上的紀錄。 有人稱blog為「網誌」，也有人以音譯來稱呼為「部落格」與「博客」。 優點 簡易的網路發表工具，不需要高深技術 紀錄每天心情故事、抒發想法、發表創作 分享並提供讀者回應、方便更換風格樣式 經過時間的演變，現在稱為Blog網站的眾多網站其實內容非常廣泛 相同處是這些網站要建立起Blog程式，或找到一個提供Blog技術的網站來製作網站的內容。 我們稱參與經營與內容提供的人為 Blogger「部落客」或weblogger，撰寫內容的人亦可稱為 Blog writer。 blog網站的起源主要是紀錄個人關心的事物，因此它的內容可以是分享自己的生活經歷，可以是知識的分享，抱怨抗議的地方。 您可以用各種角度來看Blog網站，它就好像是一個小型的報社或是出版社，只是報社與出版社有營利性質且多數是以集體的力量來表現，Blog網站則是個人為主而且少有營利。 部落格最早的原型誕生於1993年 原本是一種網路過濾器（filter），功能僅限挑選一些網站，並做些簡單的介紹，1994年美國史瓦斯摩爾大學（Swathmore College）大學生霍爾（Justin Hall）建立了第一個Blog，然而卻因受限於技術，直到1999年「Blog」名稱正式出現時，全球也不過只有23個部落格。 但也在那一年，美國網路工程師威廉斯（Evan Williams）開發出方便市井小民自助架設部落格的網站Blogger後，和其它類似的網路服務商一舉帶動起「部落格全球風潮」，至今全球已經有三千一百萬個部落格（與加拿大一國人口相當）

3 部落格 vs 網頁製作 部落格（blog）是一種新的資訊流通方式 製作Home Page 個人首頁 只要會寫EMail就一定會用
只要有瀏覽器上網幾乎不需要其他軟體 資訊快速更新，輕鬆表達個人的經驗和想法 題材、版面、寫作、風格自由 製作Home Page 個人首頁 個人要有製作網頁的能力：技術、美工、內容 要有自己的網站空間 要有各種軟體：網頁製作、檔案傳送、影像處理、動畫製作… 總之，技術層次高。 對於想要自己修改部落格的人還是必備的。 部落格是一種個人化的出版平台 其簡單易用的特性，除去了很多編輯及維護網頁的技術障礙，讓網路上的資訊交換更加便利 技術門檻低，不需要做網頁的技巧，可以專心於寫作 使用者不需要了解太多程式語言，即可架設、維護網站 部落格（BLOG）比個人新聞台自由，又比 BBS功能來得多 使用者可以依自己喜好更改網站外觀、設定文章分類。 而在眾多文章中，有留言迴響與搜尋的功能，不至陷入茫茫字海中 可以使用RSS技術訂閱網誌文章

4 部落格在教育上的應用 學生 老師 行政 參考 資訊素養能力培養(蒐集彙整、編排寫作) 閱讀推廣
(師大百本好書) (中學生網站) 班級事務，班級電子班刊，優秀學習作品和活動照片，報導活動訊息 學生個人的成長日誌，記錄學生的學習歷程與生涯發展 老師 專業發展的媒介 (宜蘭國教網) 教學輔助媒體 (吳老師教學網) 作為對話園地，e化的家庭聯絡簿 透過RSS程式串連網站，簡易快速搜尋教學或教育相關文章及網頁，便於及時迅速有效獲取新知，充實自己 行政 消息公告 資源分享 討論溝通 增進行政效能 參考 　一、學生在編寫部落格方面： 　　1. 學生及老師的回應記錄，可以做為自我學習及研究的知識管理工具。 　　2. 老師可以依照學生的個人日記來做為課程評估的依據。 　　3. 對老師及其他同學而言，可以透過部落格的書寫，而做為群體討論及協調的工具。 　　4. 部落格的記錄有如電子檔案，可以公開的接受評估或專業評鑑。 　二、學生在閱讀部落格方面： 　　1. 學生閱讀自己的部落格，可以做為個人日記或是知識管理的基礎。 　　2. 老師可以藉由閱讀學生的部落格，而達到教師管理的功能。 　　3. 對老師及其他同學而言，可以透過閱讀不同的部落格，而達成班級對話及群體工作的目的。 　　4. 而藉由網路來閱讀部落格，而可以把它當成課程進行的特效藥，因為可以藉由不同部落格來取得課程所需的資訊。 　三、老師在編寫部落格方面： 　　1. 可以為學生或自己，在部落格上註解鏈結的資訊，以做為個人知識管理的目的。 　　2. 透過自己及班上同學之部落格書寫，可以達成班級經營的目的。 　　3. 老師可以為學生在部落格上書寫一些各應用方面的小技巧或是提示。 　　4. 透過網路、其他教師及學生的部落格書寫，可以促進專業的練習、網路資源及個人知識的分享。 　四、教師在閱讀部落格方面： 　　1. 老師閱讀自己的部落格，可以做為個人日記或是知識管理的基礎。 　　2. 老師可以藉由被學生閱讀的方式，來進行課程活動。 　　3. 藉由網路及其他老師的部落格閱讀，可以增加老師自己的訓練技巧及教學法的認識。 　　4. 藉由網路及其他老師的部落格閱讀，可以增加老師在專業領域上的進行自我訓練。 　　5. 藉由RSS的應用於網路及其他老師的部落格閱讀上，可以在網路獲得更大的資源。

5 部落格網站 以下參考字台中縣教育網 教師專業發展的網站 阿孝札記、教師博客中心、媒體改造學社 興趣同好的網站 如宜蘭網誌、凡想部落
部落格服務平台 無名小站： HiNet Xuite整合性部落格： MSN Space： 奇摩部落格： 天空部落格： 蕃薯藤部落格： 影音部落格PLAYblog： Xuite 整合服務 網路相簿 網路日誌 網路硬碟 郵件行事曆 個人表現 彎彎塗鴉 台北藝術大學 e學院 手機行動日誌 社群 網路讀書會 YouTube影音 MySpace交友 無名相簿 閱讀 Shvoong 黃小黛 蔡康永部落格 部落漂浪 A closet 馬家輝 張系國的快活林 權心權意 以下參考字台中縣教育網 教師專業發展的網站 阿孝札記、教師博客中心、媒體改造學社 興趣同好的網站 如宜蘭網誌、凡想部落 當作教學輔助網站 阿孝札記的教學大綱、歡迎分享地球科學教育  新聞人的尋寶圖 作為知識管理系統 生命力知識管理系統 作為對話園地 生命力編採論壇、foto126-3 作為個人網站，發表創作，增加自信 作為班刊、校刊，報導活動訊息、探討公共事務 各團體、組織、和社區都應擁有他們自己的媒體」的理想（可參考杜魯吉報導、OhmyNews、Google News）。 搭配wiki，建構個人的知識管理系統 集體的書寫系統 維基百科

6 準備建構部落格網站 問題思考 基礎網站平台建置 部落格程式安裝 部落格程式運作 你的電腦裡面有網頁或檔案，如何分享給其他人看
你的電腦裡面有網路留言程式，如何讓別人來執行 一般電腦(無法提供連線分享服務給他人)  變成網站(安裝軟體後變成可提供接受連線服務的功能(架站) 基礎網站平台建置 網站基礎平台架設 讓你的網頁可以分享給別人看 網站CGI程式執行平台架設 讓你網站內的部落格程式碼可以執行 網站資料庫平台架設 文章並不是放在幾個檔案內 而是交由資料庫管理，才方便有新增、移除、搜尋等功能 部落格程式安裝 解壓縮、拷貝到網站資料夾 以Web方式執行安裝程式 部落格程式運作 後台管理設定 文章發表檔案管理 網頁 *.htm 圖片 *.jpg 留言板程式 *.asp 部落格程式 *.php 資料庫管理軟體 Access *.mdb MySQL MS SQL

7 一、基礎網站平台建置 IIS(Windows內建的) Apache(免錢的) Appserv(套裝) 內附ASP 可安裝PHP 可安裝….
內有 Apache網站平台 PHP網站程式執行平台 Mysql資料庫管理 1.作業系統 Windows XP/2003Server Linux/BSD MacOS 其他 2.Web網站系統 IIS Apache 3.可執行CGI的系統 ASP PHP Perl JSP 4.資料庫管理系統 MSSQL Access MySQL

8 二、部落格程式挑選 這些程式都是別人寫好，免錢給大家用的！ (1)LifeType(PHP+MySQL)
(2)WordPress(PHP+MySQL) (3)F2Blog(PHP+MySQL) (4)BoBlog(PHP+MySQL) (5)PJblog(ASP+Access) (6)OBlog(ASP+Access或MSSQL) (7)其他更多…. BLOG軟體名稱 相關網站 使用的語言 LifeType(Plog) PHP Movable Type(MT) Perl WordPress f2blog boblog Php oblog ASP

9 三、架設網站Windows +Apache
使用 Appserv(Apache+Php+Mysql整合) 下載( 安裝到 C:\appserv Apache中輸入(不重要) Mysql安裝中輸入(很重要，等一下會用到) 資料庫管理者 root 此管理者密碼 test (自己設定) 啟動相關服務 程式集Appserv中 control service (apache start)網站連線服務啟動 程式集Appserv中 control service (mysql start)資料庫管理啟動 網頁資料夾內定為 c:\appserv\www 測試網站反應 PhpMyadmin 管理mysql資料庫的工具

10 四、架設BLOG網頁程式(a)-LifeType
1.下載(lifetype zip)，解壓縮到資料夾 c:\appserv\www (網站預設資料夾) C:\appserv\www\lifetype vs 2.線上進入程式安裝精靈 Database server=> localhost (mysql資料庫所在機器位址) Database user=> root (mysql資料庫管理者的帳號) Database password => test (剛剛你設定的) Database name => lifetype (配合 create database選項之步驟2) ----接下來開始設定此部落格的總管理者帳號--- Username => admin2 (自己打，注意大小寫) Password => test (自己設定密碼) -----你的部落格名稱、語系 Blog name => ㄚ阿部落格(自己打) Blog Language => Chinese Traditional …UTF-8 BLOG安裝正確無誤----- 刪除 c:\appserv\www\lifetype\之 wizard.php …admin.php (系統管理者，自己好好設定) …summary.php (總管理畫面) …index.php (一般人所看到的首頁) 3.失敗處理 管理mysql資料庫，將其中的lifetype刪除 進入 中操作，會問你資料庫的帳號 root 密碼 test

11 自己架設BLOG網頁程式(b)-wordpress
1.解壓縮到資料夾 c:\appserv\www (網站預設資料夾) 3.測試BLOG安裝程式精靈 將 wp-config-sample.php 改名為 wp-config.php 修改 wp-config.php內容 define('DB_NAME', 'wordpress'); // The name of the database define('DB_USER', 'root'); // Your MySQL username define('DB_PASSWORD', ''); // ...and password define('DB_HOST', 'localhost'); // 99% chance you won't need to change this value 2.管理mysql資料庫 新增資料庫 wordpress (utf8) 4.BLOG安裝正確無誤 …wp-admin/ (系統管理者，自己好好設定) …/ (一般人所看到的首頁) 5.BLOG文章管理要訣 分類 定稿

12 架設BLOG網頁程式(c)-boblog
官方網址 需要自己新增資料庫，自取名稱如boblog 進入 打入帳號 root 打入密碼 test (之前你自己設定的，每個人不同) 新增資料庫

13 架設BLOG網頁程式(d)-f2blog 官方網址 www.f2blog.com 下載到網站資料架內，解壓縮後
輸入網址

14 五、LifeType前台(一般用戶) 登入 發文章 上傳檔案、圖片 帳號 密碼 註冊(看是否開放) 標題 內文 文章種類 插入：圖片…..
檔案中心 檔案資料夾 上傳檔案

15 六、LifeType後台管理(管理設定)
站台管理 新增網誌站台 會員管理 開放註冊 手動新增會員 模板管理(Template) 下載、設定 自訂模板 更改圖片(不改檔名) 改lifetype/images/圖片 改lifetype/template/…圖片 更改 css樣式表 自訂Html語法 改summary模板header.template加入喜歡的連結 外掛程式 下載、解壓縮到 Lifetype/plugins 例如： header.template main.template main.template：網誌的主頁面 postandcomments.template：文章與迴響之內容 commentarticle.template：新增(或回覆)迴響時的表單 posttrackbacks.template：顯示網誌文章的所有引用資訊。 error.template：顯示錯誤訊息用 album.template：顯示資源中心資料夾下的檔案 albums.template：與上述檔案不同之處，這個檔案室用來顯示資源中心裡所有最上層的資料夾 resource.template：顯示檔案詳細資料 searchresults.template：顯示網誌中搜尋結果 footer.template

16 七、LifeType後台管理(修改指令)
自訂文章欄位應用 讓每篇文章都有自訂圖案 新增 postpic 欄位 發文時候，此欄位輸入某圖片的位址 修改你目前使用的模板../post.template 加入底下指令 {if $post->hasField("postpic" )} <img src="{$post->getField("postpic" )}" width="60" height="60"/> {/if} 讓每篇文章下方都可以快速編輯 打開post.template，在最下放加入這一行 <a href="{$url->getUrl("/admin.php")}?op=blogSelect&blogId={$blog->getId()}&action=editPost&postId={$post->getId()}" target="_blank">修改文章</a> 建立學生大量帳號 程式下載，解壓縮 C:\appserv\www\lifetype\mange ..connection/plog.php 帳號 admin 密碼 12345 資料準備 開啟 sample.csv 操作 登入、上傳、開始建立

17 校際交流線上讀書會 不同校的同學們也可以在網路上分享他們的讀書心得，不論是繪本、哲學、生態、科學、小說......等，不同學校、不同年級的同學，對同樣一本書，會不會有不同觀點？ 看看別人討論的內容的，感覺很有趣。但是，你只想當一名觀察員嗎？加入我們，一起討論，會更精彩喔！ 宜蘭縣圖書館聯盟部落格 尚有未列出者，持續更新中 中學生網站 師大好書100

18 今日不留白 請各位學員發表 好書介紹 個人閱讀心得 對其他人文章的回響

19 結束 謝謝各位