永和社大上課大綱

這裡提供永和社大剩下幾週的上課內容大綱~

圖片上傳

  1. 如何使用google+的相簿功能?
  2. 上傳好的圖檔如何找出圖片路徑?

Dreamweaver應用

  1. 如何將圖片使用在部落格的外觀上?
  2. 部落格的CSS設定要怎麼使用?
  3. 如何使用firefox找出選取器的名稱?

photoshop排版

  1. 使用photoshop製作部落格排版
  2. 如何使用ps將部落格要使用的圖檔擷取出來?

因為上週開始講部落格了,所以接下來的課程進行方式會倒過來。就是我會先把圖片都切好,教同學怎麼用到部落格上。會用之後,在回頭來學怎麼用photoshop排版,以及切圖。因為ps上次教已經有一陣子了,可能大家也都比較生疏,所以我們從比較近期已經開始講的部落格先進行完畢之後,再回頭來用綜合應用複習ps。希望讓同學可以比較了解photoshop、dreamweaver再製作網頁的過程中,所扮演的角色跟功能為何~

部落格選取器的名稱先在這裡預告,以下是這次上課會講到要設定的名稱。到時候同學可以直接從這裡拷貝貼上使用~

文章標題
h3.post-title

文章標題顏色
.post-title a

邊欄標題
.column-right-inner .widget h2
(只有.widget h2 時會包含文章裡面的日期)

邊欄超連結
.widget-content a

文章內容
.entry-content

Google blogger申請流程

1.申請google帳號
一、先連到 https://accounts.google.com/SignUp ,填寫基本資料

二、填完之後會看到此畫面,可以不用新增照片,直接按下一步

三、建立成功,從上方的的選單點「更多」選擇「blogger」

2.申請blogger
四、因為是剛申請帳號,所以要使用服務前先登入。輸入申請帳號時設定的密碼

五、畫面往下拉直接點選「開始使用blogger」

六、點選畫面上的「新增網誌」

七、在標題輸入部落格名稱,地址輸入想使用的英文名稱,輸入完畢後按下「建立網誌」

八、建立成功後畫面會切換到部落格後台首頁,顯示已經建立成功按下中間橘色按鈕的鉛筆圖示,就可以開始寫文章囉!

3.寫文章
九、點選中間的小箭頭(1),可以讓輸入欄的範圍變大(2),

輸入文章的方式分為「撰寫」跟「HTML」兩種模式。如果要把dreamweaver做好的頁面貼語法貼近去時,要切換到HTML模式。如果只是要輸入文章、沒有要貼語法,則使用撰寫模式即可。以下針對幾個比較複雜的功能做說明

九A、超連結
A-1、先把要加超連結的文字選起來

A-2、點選Link,會出現要加超連結的文字,有兩種選項可以設定。「Web address」是指點了文字之後,連到指定的網址。「Email address」是指點了文字之後,寄信到某個信箱,「Open this link in a new window」是只點了設定的網址時,用開新視窗的方式開啟網頁。設定完成後按OK即可

九B、插入圖片
B-1、先把游標點在要插入圖片的位置
B-2、按插入圖片的圖示
B-3、顯示出插入圖片的選項。選項畫面及說明如下
B-3-1、「Upload」:可以選擇自己電腦的圖片上傳,點選「選擇檔案」,選好檔案上傳之後,被藍色框框框選的圖片就是要插入的圖片,可以一次選擇多張,選完之後按「Add selected」,照片就插入到文章內了

B-3-2、「From this blog」:指之前在這個部落格內,自己有上傳的圖片,都會顯示在這。所以未來登出之後,下次近來,可以從這裡找到自己曾經上傳過的照片。

B-3-3、「From Picasa Web Albums」:指存在google 相本服務Picasa內的相簿。我們在blogger上傳照片時,google都會自動建立一本Picasa相簿。如果我們曾經自己手動新增別的相簿,在這個選項會全部顯示出來。

B-3-4、「From your phone」:如果曾經使用智慧型手機、並用手機使用google plus app上傳照片的話,就會在這裡顯示
B-3-5、「From your webcam」:如果你的電腦有裝視訊鏡頭,可以直接從鏡頭擷取圖片使用。
B-3-6、「From a URL」:如果您曾經在別的地方傳過圖片,可以把該圖片網址貼過來,插入文章內。

九C、插入影片
C-1、先把游標點在要插入影片的位置
C-2、按插入影片的圖示
C-3、顯示出插入影片的選項。選項說明如下

C-3-1、「Upload」:可從自己電腦選擇影片上傳
C-3-2、「From Youtube」:因為Youtube是被google併購的服務,所以提供直接在這個畫面搜尋Youtube影片,搜尋到之後,直接點選按「選取」即可插入文章。

C-3-3、「My Youtube」:如果曾經使用同一個帳號在youtube上傳影片,在這裡會顯示曾經上傳的影片清單
C-3-4、「From yourphone」:如果曾經使用智慧型手機、並用手機使用google plus app上傳影片的話,就會在這裡顯示
C-3-5、「From your webcam」:如果電腦有網路視訊鏡頭,就可透過此功能直接錄製影片並上傳。