3_2如何在google所 提供的部落格,放入照片(圖片)

53
如如如 Google 如如如如如如如 , 如如如如 ( 如如 ) 如如如 [email protected]

Upload: pyang

Post on 31-May-2015

8.682 views

Category:

Technology


4 download

DESCRIPTION

如何在Google所 提供的部落格,放入照片 讓您的部落格圖文並茂

TRANSCRIPT

Page 1: 3_2如何在Google所 提供的部落格,放入照片(圖片)

如何在 Google 所提供的部落格 ,放入照片 ( 圖片 )

楊乾中[email protected]

Page 2: 3_2如何在Google所 提供的部落格,放入照片(圖片)

1. 到網址 mail.google.com 或 www.gmail.com 或 g

mail.google.com 或 gmail.com, 出現 [ 歡迎使用 gmail 視窗 ]

Page 3: 3_2如何在Google所 提供的部落格,放入照片(圖片)

2. 輸入使用者名稱 ( 本例為 master2super)1; 密碼 2; 選 [ 登入 ]3 按鈕

12

3

Page 4: 3_2如何在Google所 提供的部落格,放入照片(圖片)

3. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ]1 [ 更多 ]2 按鈕

1

2

Page 5: 3_2如何在Google所 提供的部落格,放入照片(圖片)

4. 出現 [ 更多 Gmail 產品 ] 視窗 , 選[blogger]1 選項

1

Page 6: 3_2如何在Google所 提供的部落格,放入照片(圖片)

5. 直接進入網誌的 [ 資訊主頁 ], 選[ 新文章 ], 選 [ 新文章 ]1 按鈕

顯示名稱1

Page 7: 3_2如何在Google所 提供的部落格,放入照片(圖片)

6. 插入點在文章內容區

插入點

目前在文字編輯模式

Page 8: 3_2如何在Google所 提供的部落格,放入照片(圖片)

7. 在 [ 標題 ] 後的文字方塊按一下滑鼠左鍵出現插入點 1

插入點

Page 9: 3_2如何在Google所 提供的部落格,放入照片(圖片)

8. 輸入 [ 標題 ]( 本例為 GooGle 創意 )1,在內容區的文字方塊按一下滑鼠左鍵出

現插入點 2, 選 [ 加入圖片 ] 圖示 3

1

插入點 2

3目前為[ 撰寫 ]

模式插入的圖片會直接看到

Page 10: 3_2如何在Google所 提供的部落格,放入照片(圖片)

9. 出現 [Blogger 上載圖片 ] 視窗 , 選口 1( 最大化 ) 圖示

1

Page 11: 3_2如何在Google所 提供的部落格,放入照片(圖片)

10. 出現整個畫面 , 選 [ 瀏覽 ]1按鈕

1

Page 12: 3_2如何在Google所 提供的部落格,放入照片(圖片)

11. 出現 [ 選擇檔案 ] 視窗 , 選 [ 桌面 ] 的 [Google_pic.jpg]1 檔案

本例選桌面的

Googlr_pic.jpg

1

Page 13: 3_2如何在Google所 提供的部落格,放入照片(圖片)

12. 所選檔案帶到檔名後文字方塊 ,選 [ 開啟 ]1 按鈕

1

Page 14: 3_2如何在Google所 提供的部落格,放入照片(圖片)

13. 返回 [ 上載圖片 ] 視窗 , 選 [ 置中 ]1 按鈕將圖片置中

不只一張 ,選此按鈕

出現下一個[ 瀏覽按鈕 ]

1

Page 15: 3_2如何在Google所 提供的部落格,放入照片(圖片)

14. 選 [ 大 ]1 按鈕將圖片最大顯示

1

Page 16: 3_2如何在Google所 提供的部落格,放入照片(圖片)

15. 選 [ 我接受 ]1按鈕

1

Page 17: 3_2如何在Google所 提供的部落格,放入照片(圖片)

16.[ 我接受 ] 前出現 v, 選 [ 上載圖片 ]2按鈕

1

第一次一定要打勾 (v), 不然無法上傳喔

Page 18: 3_2如何在Google所 提供的部落格,放入照片(圖片)

17. 告知您的圖片已新增訊息 , 選[ 完成 ]1按鈕

1

所挑的圖片

Page 19: 3_2如何在Google所 提供的部落格,放入照片(圖片)

18. 返回部落格編輯畫面 , 所選圖片出現 ,移動 [ 捲軸 ]1 往下

1

目前為[ 撰寫 ]

模式插入的圖片會直接看到

所挑選的圖片

若為 [ 修改 Html] 模式 ; 將出現一段 html 語句 ,而不是圖片 , 沒關係繼續下一步驟

Page 20: 3_2如何在Google所 提供的部落格,放入照片(圖片)

19. 選 [ 發佈文章 ]1按鈕

1

Page 21: 3_2如何在Google所 提供的部落格,放入照片(圖片)

20. 出現 [ 您的網誌文章已成功發佈! ]訊息 , 選 [ 檢視網誌 ]1按鈕

1

Page 22: 3_2如何在Google所 提供的部落格,放入照片(圖片)

21. 出現部落格內容 ( 本例部落格網址http://master2super.blogspot.com/), 選文

章標題 ( 本例為 Google 創意 )1

1

Page 23: 3_2如何在Google所 提供的部落格,放入照片(圖片)

22. 出現此篇文章所在的網址 ( 本例為 http://master2super.blogspot.com/2008/08/google.htm

l), 選 [x]( 關閉 )1 圖示1

可選取此網址出現反白 ,按滑鼠右鍵

選 [複製 ]按鈕再切換到 e-mail編輯視窗

按滑鼠右鍵選 [貼上 ]告知他人照片在

此網址

Page 24: 3_2如何在Google所 提供的部落格,放入照片(圖片)

23. 返回 Gmail

Page 25: 3_2如何在Google所 提供的部落格,放入照片(圖片)

補充 1• 先備知識可參看 [02] 如何在 Gmail 中啟用對應的部落格 (Blogger ;

網誌 ).ppt 單元• 自已所建立的部落格網址為

http://帳號.blogspot.com, 爾後所發佈的文章或照片 ; 都會在此網址之下• 本例帳號為 master2super, 所以部落格網址為http:// master2super.blogspot.com• 在此部落格所輸入的文章或照片 , 發佈後所在的網址 , 在步驟 22 可看

到 , 將此網址複製並 e-mail 給朋友 , 全世界的人都可以上網到此網站 ,看您所發佈並分享的文章或照片

• 步驟 18 目前為 [ 撰寫 ] 模式 ; 所插入的圖片直接會看到 ; 若為 [ 修改Html] 模式 ; 將出現一段 html 語句 , 而不是圖片 , 沒關係繼續下一步驟

• 步驟 18 中 [ 修改 Html] 或 [ 撰寫 ] 按鈕的顏色已告知目前為何種模式 ,出現藍字 , 表示目前非此種模式 , 可選藍字按鈕來切換模式

Page 26: 3_2如何在Google所 提供的部落格,放入照片(圖片)

補充 2. 選照片如何避免選錯• 避免挑錯 , 先預覽一下照片 , 選

[ 圖示 ] 1內的 [ 縮圖 ]2 選項

Page 27: 3_2如何在Google所 提供的部落格,放入照片(圖片)

1. 避免挑錯 , 先預覽一下照片 , 選 [ 圖示 ] 1內的 [ 縮圖 ]2 選項

1

2

Page 28: 3_2如何在Google所 提供的部落格,放入照片(圖片)

19. 顯示當前資料夾 ( 本例為 0_pic)的所有照片

照片

Page 29: 3_2如何在Google所 提供的部落格,放入照片(圖片)

2. 挑選照片 ( 本例為水牛的角上 )1,選[ 開啟 ]2按鈕

1

2

Page 30: 3_2如何在Google所 提供的部落格,放入照片(圖片)

補充 3. 文章可給標籤• 每篇文章可給定各構面的標籤 , 若標籤不只

一個 , 可用逗點 (,) 隔開 , 如下張投影片

Page 31: 3_2如何在Google所 提供的部落格,放入照片(圖片)

給定標籤

可在此文字方塊輸入標籤

Page 32: 3_2如何在Google所 提供的部落格,放入照片(圖片)

補充 4. 一次可上載 5 個檔• Google 所提供的部落格是以插入的方式插入圖片 ,

一般是一次插入一張 (1 個檔 ), 一次依序插入 5張照片 ( 以下張投影片開始 , 依序插入 5 張圖 )

• 若要插入編號 1 到 18 的 18 張圖片 ; 若圖片要按照編號順序出現 ; 則插入的操作順序為– 1 先插入 18 、 17 、 16– 2 再插入 15 、 14 、 13 、 12 、 11– 3 接續再插入 10 、 9 、 8 、 7 、 6– 4 最後插入 5 、 4 、 3 、 2 、 1

Page 33: 3_2如何在Google所 提供的部落格,放入照片(圖片)

1. 出現 [Blogger 上載圖片 ] 視窗 , 選[ 瀏覽 ]1 按鈕

1

Page 34: 3_2如何在Google所 提供的部落格,放入照片(圖片)

2. 出現 [ 選擇檔案 ] 視窗 , 選擇檔案所在的資料夾( 本例皆為 no3no4 資料夾內的檔案 , 目前亦在此資

料夾 , 看倌可根據現況 , 切換到所需的資料夾 )

Page 35: 3_2如何在Google所 提供的部落格,放入照片(圖片)

3. 選擇第一個檔案 ( 本例為 ATT00035攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕

1

2

Page 36: 3_2如何在Google所 提供的部落格,放入照片(圖片)

4. 返回 [Blogger 上載圖片 ] 視窗 , 選[ 新增其他圖片 ]1 按鈕

1

Page 37: 3_2如何在Google所 提供的部落格,放入照片(圖片)

5. 出現第二個 [ 瀏覽 ] 按鈕 , 選 [ 瀏覽 ]1按鈕

1

Page 38: 3_2如何在Google所 提供的部落格,放入照片(圖片)

6. 出現 [ 選擇檔案 ] 視窗 , 選擇檔案所在的資料夾( 本例皆為 no3no4 資料夾內的檔案 , 目前亦在此資

料夾 , 看倌可根據現況 , 切換到所需的資料夾 )

Page 39: 3_2如何在Google所 提供的部落格,放入照片(圖片)

7. 選擇第二個檔案 ( 本例為 ATT00039攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕

1

2

Page 40: 3_2如何在Google所 提供的部落格,放入照片(圖片)

8. 返回 [Blogger 上載圖片 ] 視窗 , 選[ 新增其他圖片 ]1 按鈕

1

Page 41: 3_2如何在Google所 提供的部落格,放入照片(圖片)

9. 出現第三個 [ 瀏覽 ] 按鈕 , 選 [ 瀏覽 ]1按鈕

1

Page 42: 3_2如何在Google所 提供的部落格,放入照片(圖片)

10. 出現 [ 選擇檔案 ] 視窗 , 選擇第三個檔案 ( 本例為 ATT00042 攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕

1

2

Page 43: 3_2如何在Google所 提供的部落格,放入照片(圖片)

11. 返回 [Blogger 上載圖片 ] 視窗

Page 44: 3_2如何在Google所 提供的部落格,放入照片(圖片)

12. 選 [ 新增其他圖片 ]1 按鈕 , 出現第四個 [ 瀏覽 ] 按鈕 , 選 [ 瀏覽 ]2按鈕

1

2

Page 45: 3_2如何在Google所 提供的部落格,放入照片(圖片)

13. 出現 [ 選擇檔案 ] 視窗 , 選擇第四個檔案 ( 本例為 ATT00046 攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕

1

2

Page 46: 3_2如何在Google所 提供的部落格,放入照片(圖片)

14. 返回 [Blogger 上載圖片 ] 視窗 ,選 [ 新增其他圖片 ]1 按鈕

1

Page 47: 3_2如何在Google所 提供的部落格,放入照片(圖片)

15. 出現第五個 [ 瀏覽 ] 按鈕 , 選[ 瀏覽 ]1按鈕

1

Page 48: 3_2如何在Google所 提供的部落格,放入照片(圖片)

16. 出現 [ 選擇檔案 ] 視窗 , 選擇第五個檔案 ( 本例為 ATT00049 攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕

1

2

Page 49: 3_2如何在Google所 提供的部落格,放入照片(圖片)

17. 返回 [Blogger 上載圖片 ] 視窗 , ,選最大化 ( 口 1) 按鈕

1

Page 50: 3_2如何在Google所 提供的部落格,放入照片(圖片)

18. 選 [ 上載圖片 ]1按鈕

1

Page 51: 3_2如何在Google所 提供的部落格,放入照片(圖片)

19. 告知您的圖片已新增訊息 , 選[ 完成 ]1按鈕

1

Page 52: 3_2如何在Google所 提供的部落格,放入照片(圖片)

20. 返回部落格編輯畫面 , 所選圖片出現對應的 html

目前為修改 Html 模式

內容區出現Html 碼

Page 53: 3_2如何在Google所 提供的部落格,放入照片(圖片)

21. 移動捲軸 1, 選 [ 發佈文章 ]2按鈕

1

2