2014/3/27

第12堂--Table介紹

<table border="2">
<tr><td>第A1格</td><td>第B1格</td></tr>
<tr><td>第A2格</td><td>第B2格</td></tr>
<tr><td>第A3格</td><td>第B3格</td></tr>
</table>

效果:
第A1格第B1格
第A2格第B2格
第A3格第B3格

  • 想要製作出左、右兩格方式排列的圖片,先準備好要上傳的圖片。
  • 複製以上語法到[HTML]區中,如果要增加A4、B4格,就再複製<tr>....</tr>一整行....依此類推。
  • 接著將游標停留在""這個字的前面,按下[插入圖片]後,再把[第XX格]這四個字刪除。
  • 全部都插入圖片後,再轉回到[撰寫]區中調整圖片大小。
  • 如果不想要看到格線,將第一行的2改成0,變成<table border="0">
不好意思,臨時出了點狀況,感謝同學們的體諒,下禮拜就能正常上課了,不用為我擔心,謝謝大家!

2014/3/25

第11堂--批次工作插入Logo

製作好Logo後,請參考:第9堂--批次工作(II)
在第9堂的第二張圖時,按下[標誌]的按鈕,就可以插入Logo圖了。

Sorry~~今天老師我有一點狀況,嘴巴腫得像香腸嘴,字打不多。


2014/3/20

第10堂--製作Logo

製作Logo有很多種方法,課堂上介紹三種:
方法一:
  • 先想好Logo大概要設成多大。
  • 進入PhotoImpact後,點選[檔案]-->[開新檔案]-->[開新影像]。
  • 設定寬度、高度是多少像素,底色選擇[透明]。
  • 接著使用以前教過的任何一種功能(例如:插入文字、加上圖片....等),開始設計Logo,存成UFO,以及GIF或是PNG。
方法二:
  • 選取[百寶箱]裡,[資料庫]索引標籤中的[文字],拖曳其中一種喜歡的樣式到工作區中。

  • 接著開啟[圖層管理員],如果有的圖層有設定群組,在圖層上按下滑鼠右鍵,選擇[取消群組]。

  • 修改圖層管理員中的[文字物件]的文字,下圖中圈出來的部份,有個T代表的就是文字物件,在文字物件上按下滑鼠右鍵,選[編輯文字]。
  • 取消群組後的物件,想要移動位置,或是改變大小,最好是再設回群組,比較好操作,方法是點選多個物件,再按下滑鼠右鍵,選擇[群組]。
  • 調整好後,記得將[基底影像]的眼睛隱藏,儲存成UFO、GIF或是PNG的格式。

方法三:
  • [網路]-->[元件設計師],選取[橫幅]裡的其中一種樣式。

  • 每個出現的標誌選項都不同,先一個、一個點選下圖中圈出來的部份,再調整右邊的設定。

  • 全部設定完畢後,按[匯出]-->[至影像最佳化程式]。
  • 點選下圖中圈起來的[GIF]或是[PNG],再[另存新檔]。

  • 如果你想調整文字大小,或是再做進一步的調整在[匯出]時,選[做為個別的物作(在PhotoImpact中)],就會在PhotoImpact中,個別產生很多物件,此時就能個別修正再儲存了。
預告:
  1. 下星期,要做出Logo後,利用[批次工作]的功能,做出成果展作品,所以請準備漂亮的照片,照片最好大一點,1500以上的長與寬,以有家人照片為最佳
  2. 再設計出漂亮的Logo,到時要套用在批次工作上,批次工作要做調整大小(1500*1500左右的長與寬、300像素的解析度)、加入有Logo的邊框
  3. 每位同學都要做,每人教兩件作品、上傳至作品存放區。

2014/3/18

第9堂--批次工作(II)

這一堂繼續介紹批次工作,請先把第8堂的部份搞清楚,再來練習此堂課的部份,比較容易搞懂。
這堂課介紹的是,如果很多張照片,都想要加上「版權所有」這四個字,要每張、每張都開啟,再每張、每張插入一個文字,很麻煩。用[批次工作]的[建立新的工作]功能,就可以先把這個加入文字的動作錄起來。未來只要去執行[批次工作]的按鈕,就能把資料夾裡所有的照片,都快速地加上文字。

建立新的工作:
  • 進入PhotoImpact後,隨便開啟一個照片檔案。
  • 點選右邊[快速指令區]視窗中,[工作]索引標籤。
  • 按一下[建立新的工作]鈕,輸入新的工作名稱(例如:版權所有文字),按[錄製]。
  • 接著你的動作在執行時,就會錄起來了,如果想調整大小,先選[調整]-->[調整大小]。如果不想調整大小,這個步驟就可以不需要做。
  • 接著選百寶箱裡,[圖庫]索引標籤裡的[相片邊框],找一個喜歡的邊框後,按下滑鼠右鍵,選[修改內容再套用]。
  • 在[邊框]標籤裡,會看到相片邊框的許多設定,如果你只是想在照片上加上文字,但不想設邊框,可以將下圖中圈起來的地方打勾取消。
  • 切換到[文字]標籤,把下圖中紅色圈起來的部份打勾,接著在文字的區塊中,輸入你想出現的文字(例如:版權所有),輸入完畢,接著設定字型、大小、粗體、斜體、文字顏色...等,在文字標誌位置上,共有九個按鈕可供選擇,下圖中我設定的是文字靠右下角,但把字放在右下角太靠近邊界了,調整X、Y位移,讓它距離邊界遠一點。
  • 如果你還有其他文字想要放置,上圖中再按一下[新增]的按鈕,產生[元素2],可以再加上第2個文字。設定完畢請按[確定]。
  • 錄製完畢,回到[快速指令區],按一下[停止],就錄好了[相片邊框]的動作,而這個相片邊框,有加上文字。不使用工具箱裡的[文字工具],是因為用文字工具錄不進去。
  • 錄好了以後,把目前的檔案關閉,選擇[不儲存],因為我們只是要錄這個動作,並沒有要修改此張圖片,所以不要存起來。
錄好了以後,以後想要把很多張圖片,都加上[版權所有]的說明,都可以按下[批次工作]的按鈕嘍!批次工作的用法,請參考上一堂的課程大綱。

2014/3/13

第8堂--批次工作(I)

照片很多,想要快速地把所有的照片都調整大小,或是加上邊框,怎麼做?
可以用PhotoImpact裡的批次工作來處理。
  1. 把所有想要調整的照片放在同一個資料夾(例如:A資料夾)
  2. 再新增一個空白的資料夾(例如:C資料夾)
  3. 接著要錄製工作,也就是把你想要做的動作,全部錄起來,所以要先開一個檔案來操作一次,操作的步驟要把它錄製起來。
建立一個新的工作
  • 進入PhotoImpact後,開啟一個照片檔案。
  • 點選右邊[快速指令區]視窗中,[工作]索引標籤。
  • 按一下[建立新的工作]鈕,輸入新的工作名稱(例如:調大小與加邊框),按[錄製]。
  • 接著你的動作在執行時,就會錄起來了,先調整大小,按一下功能表的[調整]-->[調整大小],設定新的影像的長、寬是多少像素。(例如:1200像素的寬,因為有勾選維持寬高比,所以高度會自動計算出來)
  • 接著選百寶箱裡,[圖庫]索引標籤裡的[相片邊框],找一個喜歡的邊框後,連按兩下,把相片套用邊框進去。
  • 錄製完畢,回到[快速指令區],按一下[停止],就錄好了兩個動作,一個是[調整大小],另一個是[相片邊框]
  • 錄好了以後,把目前的檔案關閉,選擇[不儲存],因為我們只是要錄這兩個動作,並沒有要修改此張圖片,所以不要存起來。
批次工作:
  • 把所有想要調整的照片,放在同一個資料夾(例如:A資料夾)
  • 再新增一個空白的資料夾(例如:C資料夾)
  • 按一下右邊[快速指令區]視窗中,[工作]索引標籤裡的[批次工作]按鈕。
  • 出現如下圖的畫面,確認是你想執行的批次工作(下圖的1)
  • 來源資料夾,選想要批次處理的資料夾(也就是A資料夾,如下圖的2)
  • 目的地選第三個選項[存至此資料夾並關閉],按旁邊的四方形按鈕,找出空資料(也就是C資料夾,如下圖的3)
  • 最下方兩個選項都打勾。
  • 按下[確定]後,它會把A資料夾裡的所有照片,都經過調整加小以及加上邊框後,儲存在C資料夾裡。

注意事項:

  1. 不要把[開啟舊檔]也錄進去。
  2. [調整大小]的動作放在最前面。

2014/3/11

第7堂--在Blog中插入圖片

在Blog中插入圖片時,方法是按下[插入圖片]的按鈕。
  1. 進入Blog後,編輯文章時,按一下[插入圖片]的按鈕,只能放JPG、PNG、GIF,不能放UFO。
  2. 左邊點選[上傳],中間按一下[選擇檔案]的按鈕。
  3. 找出你想上傳的檔案。
  4. 上傳完畢後,你的檔案就會一個一個列在畫面下方。
  5. 挑選你要放在Blog中的圖片,按一下圖片會出現藍色框框,代表你選了這張圖片。
  6. 按下[加入所選圖片],選的圖片就放在Blog中了。
上述步驟,你可以在步驟2、3選多張圖片,但只想放1張照片在Blog裡時,在步驟5只要選1個就行了,不一定要所有上傳的圖片都放在Blog中。

修改Blog中的圖片:
  • 已經放在Blog中的圖片,想要調整大小,點選一下,圖片會出現藍底,而下方(或上方)會出現要你調整大小、靠左、中、右的設定。

如何批次調整圖片大小、課堂上介紹一半,下堂繼續,再統一寫在下一堂課裡。

2014/3/6

第6堂-在Blog中插入YouTube影片

在Blog中插入YouTube影片,有兩個方法,方法一較簡單,方法二可修改的彈性較大。

方法一:
  1. 進入Blog後,編輯文章時,按一下[插入影片]的按鈕。
  2. 出現一個視窗,左邊按一下[從YouTube]。
  3. 出現一個搜尋的欄位,輸入想找的關鍵字,例如:鳳飛飛。
  4. 出現很多的影片,按一下想插入的某個影片,再按[選取]。
  5. 影片就出現在你的Blog文章中了,按[發佈],就能讓人瀏覽時,看到你加進來的影片。
方法二:
  1. 先到YouTube的網站中,YouTube和Google是同一家公司,可以先到Google網站上,點選YouTube。
  2. 出現一個搜尋的欄位,輸入想找的關鍵字,例如:鳳飛飛。
  3. 出現很多的影片,按一下想插入的某個影片。
  4. 影片下方有個[分享],按下去後選[嵌入]。
  5. 設定影片大小,中間出現的許多語法,全選後,按下滑鼠右鍵,選[複製]。
  6. 再回到Blog中,進入輸入文章的畫面。
  7. 切換到[HTML]模式,按下滑鼠右鍵,選[貼上]。
  8. 再切換回[撰寫]模式,影片就出現了,按[發佈]。
有些影片有版權問題,不肯讓人嵌入Blog中,所以如果影片出現無法播放的訊息,那就要改找別的影片了。

2014/3/4

第5堂-在Blog文章中,建立超連結

上網路時,會有很多連結,也就是滑鼠變成一隻手的樣子,按一下,就連到某個網頁,這種連結方式,就是用以下方式做出來的。

下面的例子,我們用康健雜誌的網站做例子。

  1. 先找出康健雜誌的網站,找到後複製網址,它的網址是:http://www.commonhealth.com.tw/
  2. 再到自己的Blog發表文章。
  3. 在文章中輸入康健雜誌,這四個字。
  4. 把[康健雜誌]這四個字反白。
  5. 按一下[連結]的按鈕。
  6. 出現如下的畫面:
  7. 1.的位置會自動出現你所反白的文字
  8. 游標按一下2的欄位,滑鼠右鍵,選[貼上],把網址複製過去。
  9. 勾選3,連結時開新視窗。
在Blog中,如果引用別人的文章,一定要加上超連結,連到對方的網頁,否則易有侵權問題。


以下的HTML語法,僅供參考(看不懂沒關係,可以不用理會):

<a href="網址" target="_blank">要顯示的文字</a>

例如:

<a href="http://www.commonhealth.com.tw/" target="_blank">康健雜誌</a>

如果沒有把3框框打勾,就沒有target="_blank"這幾個字,變成:

<a href="http://www.commonhealth.com.tw/">康健雜誌</a>