3_2如何在google所 提供的部落格,放入照片(圖片)
DESCRIPTION
如何在Google所 提供的部落格,放入照片 讓您的部落格圖文並茂TRANSCRIPT
![Page 2: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/2.jpg)
1. 到網址 mail.google.com 或 www.gmail.com 或 g
mail.google.com 或 gmail.com, 出現 [ 歡迎使用 gmail 視窗 ]
![Page 3: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/3.jpg)
2. 輸入使用者名稱 ( 本例為 master2super)1; 密碼 2; 選 [ 登入 ]3 按鈕
12
3
![Page 4: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/4.jpg)
3. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ]1 [ 更多 ]2 按鈕
1
2
![Page 5: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/5.jpg)
4. 出現 [ 更多 Gmail 產品 ] 視窗 , 選[blogger]1 選項
1
![Page 6: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/6.jpg)
5. 直接進入網誌的 [ 資訊主頁 ], 選[ 新文章 ], 選 [ 新文章 ]1 按鈕
顯示名稱1
![Page 7: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/7.jpg)
6. 插入點在文章內容區
插入點
目前在文字編輯模式
![Page 8: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/8.jpg)
7. 在 [ 標題 ] 後的文字方塊按一下滑鼠左鍵出現插入點 1
插入點
![Page 9: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/9.jpg)
8. 輸入 [ 標題 ]( 本例為 GooGle 創意 )1,在內容區的文字方塊按一下滑鼠左鍵出
現插入點 2, 選 [ 加入圖片 ] 圖示 3
1
插入點 2
3目前為[ 撰寫 ]
模式插入的圖片會直接看到
![Page 10: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/10.jpg)
9. 出現 [Blogger 上載圖片 ] 視窗 , 選口 1( 最大化 ) 圖示
1
![Page 11: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/11.jpg)
10. 出現整個畫面 , 選 [ 瀏覽 ]1按鈕
1
![Page 12: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/12.jpg)
11. 出現 [ 選擇檔案 ] 視窗 , 選 [ 桌面 ] 的 [Google_pic.jpg]1 檔案
本例選桌面的
Googlr_pic.jpg
1
![Page 13: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/13.jpg)
12. 所選檔案帶到檔名後文字方塊 ,選 [ 開啟 ]1 按鈕
1
![Page 14: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/14.jpg)
13. 返回 [ 上載圖片 ] 視窗 , 選 [ 置中 ]1 按鈕將圖片置中
不只一張 ,選此按鈕
出現下一個[ 瀏覽按鈕 ]
1
![Page 15: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/15.jpg)
14. 選 [ 大 ]1 按鈕將圖片最大顯示
1
![Page 16: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/16.jpg)
15. 選 [ 我接受 ]1按鈕
1
![Page 17: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/17.jpg)
16.[ 我接受 ] 前出現 v, 選 [ 上載圖片 ]2按鈕
1
第一次一定要打勾 (v), 不然無法上傳喔
![Page 18: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/18.jpg)
17. 告知您的圖片已新增訊息 , 選[ 完成 ]1按鈕
1
所挑的圖片
![Page 19: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/19.jpg)
18. 返回部落格編輯畫面 , 所選圖片出現 ,移動 [ 捲軸 ]1 往下
1
目前為[ 撰寫 ]
模式插入的圖片會直接看到
所挑選的圖片
若為 [ 修改 Html] 模式 ; 將出現一段 html 語句 ,而不是圖片 , 沒關係繼續下一步驟
![Page 20: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/20.jpg)
19. 選 [ 發佈文章 ]1按鈕
1
![Page 21: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/21.jpg)
20. 出現 [ 您的網誌文章已成功發佈! ]訊息 , 選 [ 檢視網誌 ]1按鈕
1
![Page 22: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/22.jpg)
21. 出現部落格內容 ( 本例部落格網址http://master2super.blogspot.com/), 選文
章標題 ( 本例為 Google 創意 )1
1
![Page 23: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/23.jpg)
22. 出現此篇文章所在的網址 ( 本例為 http://master2super.blogspot.com/2008/08/google.htm
l), 選 [x]( 關閉 )1 圖示1
可選取此網址出現反白 ,按滑鼠右鍵
選 [複製 ]按鈕再切換到 e-mail編輯視窗
按滑鼠右鍵選 [貼上 ]告知他人照片在
此網址
![Page 24: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/24.jpg)
23. 返回 Gmail
![Page 25: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/25.jpg)
補充 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所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/26.jpg)
補充 2. 選照片如何避免選錯• 避免挑錯 , 先預覽一下照片 , 選
[ 圖示 ] 1內的 [ 縮圖 ]2 選項
![Page 27: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/27.jpg)
1. 避免挑錯 , 先預覽一下照片 , 選 [ 圖示 ] 1內的 [ 縮圖 ]2 選項
1
2
![Page 28: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/28.jpg)
19. 顯示當前資料夾 ( 本例為 0_pic)的所有照片
照片
![Page 29: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/29.jpg)
2. 挑選照片 ( 本例為水牛的角上 )1,選[ 開啟 ]2按鈕
1
2
![Page 30: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/30.jpg)
補充 3. 文章可給標籤• 每篇文章可給定各構面的標籤 , 若標籤不只
一個 , 可用逗點 (,) 隔開 , 如下張投影片
![Page 31: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/31.jpg)
給定標籤
可在此文字方塊輸入標籤
![Page 32: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/32.jpg)
補充 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所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/33.jpg)
1. 出現 [Blogger 上載圖片 ] 視窗 , 選[ 瀏覽 ]1 按鈕
1
![Page 34: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/34.jpg)
2. 出現 [ 選擇檔案 ] 視窗 , 選擇檔案所在的資料夾( 本例皆為 no3no4 資料夾內的檔案 , 目前亦在此資
料夾 , 看倌可根據現況 , 切換到所需的資料夾 )
![Page 35: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/35.jpg)
3. 選擇第一個檔案 ( 本例為 ATT00035攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕
1
2
![Page 36: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/36.jpg)
4. 返回 [Blogger 上載圖片 ] 視窗 , 選[ 新增其他圖片 ]1 按鈕
1
![Page 37: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/37.jpg)
5. 出現第二個 [ 瀏覽 ] 按鈕 , 選 [ 瀏覽 ]1按鈕
1
![Page 38: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/38.jpg)
6. 出現 [ 選擇檔案 ] 視窗 , 選擇檔案所在的資料夾( 本例皆為 no3no4 資料夾內的檔案 , 目前亦在此資
料夾 , 看倌可根據現況 , 切換到所需的資料夾 )
![Page 39: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/39.jpg)
7. 選擇第二個檔案 ( 本例為 ATT00039攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕
1
2
![Page 40: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/40.jpg)
8. 返回 [Blogger 上載圖片 ] 視窗 , 選[ 新增其他圖片 ]1 按鈕
1
![Page 41: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/41.jpg)
9. 出現第三個 [ 瀏覽 ] 按鈕 , 選 [ 瀏覽 ]1按鈕
1
![Page 42: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/42.jpg)
10. 出現 [ 選擇檔案 ] 視窗 , 選擇第三個檔案 ( 本例為 ATT00042 攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕
1
2
![Page 43: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/43.jpg)
11. 返回 [Blogger 上載圖片 ] 視窗
![Page 44: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/44.jpg)
12. 選 [ 新增其他圖片 ]1 按鈕 , 出現第四個 [ 瀏覽 ] 按鈕 , 選 [ 瀏覽 ]2按鈕
1
2
![Page 45: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/45.jpg)
13. 出現 [ 選擇檔案 ] 視窗 , 選擇第四個檔案 ( 本例為 ATT00046 攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕
1
2
![Page 46: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/46.jpg)
14. 返回 [Blogger 上載圖片 ] 視窗 ,選 [ 新增其他圖片 ]1 按鈕
1
![Page 47: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/47.jpg)
15. 出現第五個 [ 瀏覽 ] 按鈕 , 選[ 瀏覽 ]1按鈕
1
![Page 48: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/48.jpg)
16. 出現 [ 選擇檔案 ] 視窗 , 選擇第五個檔案 ( 本例為 ATT00049 攝影師辛苦了 .jpg)1, 選 [ 開啟 ]2 按鈕
1
2
![Page 49: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/49.jpg)
17. 返回 [Blogger 上載圖片 ] 視窗 , ,選最大化 ( 口 1) 按鈕
1
![Page 50: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/50.jpg)
18. 選 [ 上載圖片 ]1按鈕
1
![Page 51: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/51.jpg)
19. 告知您的圖片已新增訊息 , 選[ 完成 ]1按鈕
1
![Page 52: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/52.jpg)
20. 返回部落格編輯畫面 , 所選圖片出現對應的 html
目前為修改 Html 模式
內容區出現Html 碼
![Page 53: 3_2如何在Google所 提供的部落格,放入照片(圖片)](https://reader036.vdocuments.pub/reader036/viewer/2022081417/556a2463d8b42a2f3f8b4c7c/html5/thumbnails/53.jpg)
21. 移動捲軸 1, 選 [ 發佈文章 ]2按鈕
1
2