1. 進入網頁http://abowman.com/google-modules/
    選個喜歡的寵物吧!

  

2. 按下[edit settings]連結, 即可設定各部分
 
(進階: 設定背景圖片)

3. 到自己的網誌"側邊欄位管理"設定自定欄位

從這禮拜開始, 我們來練習一下如何完成一篇"高水準"的網誌

1. 選定主題

→ 請選擇一個自己最喜歡的職業, 製作個人的網誌 :)

2. 內容分三大部分:
    a. 職業介紹或是名人介紹(3張照片,450~550字內的名人或職業介紹,  建議到維基百科找資料!)
        ※ 請到yahoo或是google找圖片, 上傳到相簿去, 將來源牢牢記住唷~
        ※ 請"發表文章", 文章的標題是"我最喜歡的職業是XXX", 文章插入所找的圖片跟資料, 文章記得分類後儲存~  
        ※ 有引用的文章, 請一定要說明資料來源唷!!!!
         舉例: a.資料來源: http://zh.wikipedia.org/wiki/%E5%A4%AA%E7%A9%BA%E4%BA%BA
                  b. 資料來源: 太空人

部落格更改樣式-1: 如何改指定位置的顏色?

-----  評分 -----10種顏色
部落格更改樣式-2: 如何將Facebook的名片貼放到自己家?

部落格教學: 來養寵物吧!

-----  評分 -----FB名片貼,2種寵物分別在側邊欄位跟文章, 1種企鵝類在側邊欄位

部落格教學：設定"我的連結"

部落格教學：製作高水準的網誌

-----  期末評分 -----

請先進入部落格的管理後台:

1. 樣式管理→樣式選擇→教學型→選第一個!
 

2. 我知道這樣式很醜, 所以我們來美化一下吧~

    我們點選CSS原始碼編輯的標籤,
    找到關鍵字"background"
    依據老師上課的說明, 更改細部的顏色嚕! 

    色碼表(若是無法開啟請自行上網找唷~)

首先, 先介紹一下部落格管理中的"側邊欄位設定",

請同學將側邊欄位整理跟我的一樣, 只保留"6"個欄位~

然後點選右邊的"新增版位", 加入一個標題為"Facebook"的版面,

至於內容呢, 請點選老師網誌裡面的facebook"製作自己的名片貼"

在登入Facebook的狀態下就可以馬上開始製作嚕~

1. 發表文章

  2. 插入相簿圖片

3. 網路資料整理

4. 文章儲存

請先至"部落格"的管理後台後,

進入"側邊欄位設定"

在"新增版位區"找到"我的連結"

將"我的連結"四個字刪掉後改成"常用網站"

並依序建立下列幾項超連結~

1. 林園高中  http://www.ly.ks.edu.tw/

2. 老師的網頁 http://ly98computer.pixnet.net/blog

3. 自己喜歡的網頁找兩個

所以總共有4個連結要做, 並注意網址的部份前後都不能有空白唷~

 滑鼠游標設計 (←請點我進入選樣式吧)   

請將以下的程式碼貼到CSS原始碼的最後面!
body{cursor:URL('網址');}
a:hover{cursor:URL('網址');}

哈嚕~

這學期我們要整合FB跟部落格pixnet的帳號做教學唷!!

請大家依照下列的方式進行整合

1. 請先連結到 www.pixnet.net , 點選"使用其他ID登入"

2. 點選FB

3. 用FB帳號密碼登入

4. 啟用痞客幫帳號(若之前已經有的請點選"連結帳號") 

1. 好友互動: 請建立一個新的好友"群組", 名稱為"老師", 裡面就只有我ㄧ個嚕!

2. 發表新文章: 文章標題是"我最喜歡的電腦遊戲", 內容有照片及原始網址!

3. 建立新相簿: 名稱為"部落格", 裡面放著"我最喜歡的電腦遊戲"畫面1張

4. 我會檢查你的名片裡面的個人簡介, 大頭照以及發表過的作業唷!

請先登入 http://ecolife.epa.gov.tw/easy/

今日要玩好玩的地圖功能唷, 大家一定很期待吧!!

今天的目標是 新增 環境巡檢(檢查)日記

會用到厲害的 google地圖功能!! 哈哈~

請大家先找找自己家的位置吧~

----------------------------------------------------

接下來, 我們要大家回想一下, 在上學的路途中,
是不是覺得路邊有點髒亂呀? 還是有廢棄的車子. 流浪狗等勒??
請大家利用網站的功能幫助我們維護環境唷~~

---------------------------------------------------

今天要教大家在部落格貼語法的方式,

這樣之後看到喜歡的東西就可以自由運用,

讓自己的部落格顯的與眾不同吧~

第一個, 先到這個網址選個喜歡的遊戲吧~ (blogpet)

然後進到部落格的管理後台, 點選左邊的側邊欄位設定,

點選新增欄位, 加入標題, 並將語法貼到內容處,

存檔後將新增的欄位拉到想要出現的位置,

存檔後即可嚕, 詳細說明請在上課時認真聽我說啦, 哈哈~~

1. 青蛙吃蒼蠅遊戲(滑鼠是準心, 瞄準後青蛙會用舌頭吞蒼蠅)

小心不要吞到蝴蝶, 不過點到蜜蜂是加分喔! 有時間限制, 大家比賽看看吧~

我們期末要請同學自己設計一個版面,
可以先套用別人的樣板,
然後再自己修改(就像我們上課敎的),
或是你要自己設計, 都可以

這是你的期末成績, 大家開始動手吧~

上課曾經講過的參考資料:
部落格教學: 修改樣式-1 (選樣板, 修改header圖)
部落格教學: 修改樣式-2 (影像合成)
部落格教學: 修改樣式-3 (文字特效, 含圖片存檔方式)

這禮拜我們要把英文標籤的部份以中文補充說明,
然後更改圖檔大小後以"原圖"的格式上傳到相簿中!

1. 到自己的相簿下載回上禮拜做好的圖檔,
    利用photoimpact開啟後,
    將顯示大小調為200%

2. 接著開啟"文字工具",
    利用"變形工具"改變大小,
    再利用"百寶箱"中的"字體圖庫"做變化!

這禮拜終於可以看到自己做好的合成照嚕!

請同學點進去之前做好的圖片, 點選"看原始圖", 並複製來源網址

進入自己的部落格的"管理後台",  樣式設計精靈裡面,
將header的背景圖片網址替換成剛複製好的那個網址!

記住. 要按"儲存", 才看的到效果唷!

哈哈, 到自己的部落格看看這三個禮拜的成果吧!

1.  到自己的相簿, 把小猴的圖下載回桌面, 

 並用photoimpact打開, 解析度調為500

2. 點選左邊工具列的"套索工具"(左鍵要按久一點才會看到選項唷)

設定基本屬性後, 從圖片的任一點開始,
每個轉折點都要點一下滑鼠左鍵,
依序圈選整個猴子的頭! 

上學期我們敎過修改顏色的部份,
這學期我們就來敎大家如何修改別人已經做好的樣式,
改成大家比較喜歡的樣子

1. 請先至"樣式選擇"裡, 篩選出"作者允許修改"的樣式
 

2. 選取指定的樣式, 滑鼠移至樣是小圖後點選"套用"
 

3. 然後請有禮貌的留言給作者, 感謝他的分享唷~

--------------------------------------------------------------------------------------------------------------------

1. 在自己的部落格的右邊欄位, 建立一個超連結

2. 進入網站, 首先先到左上方的"遊戲下載", 點選裡面的"快打高手3(英文).exe"!

3. 測試一下你的實力吧!

4. 來練功吧! (從網頁的" 新英文字母鍵盤測驗1"開始)