第十一講:十分鐘做讀書報告

查實Photoshop不單只做圖像處理,還可以做網頁,今次就教大家做份圖文並茂的讀書報告,整個過程十分簡單,簡單得只需十分鐘便能完工!


1.先預備相關圖檔,集中於一個資料夾內,這裡選了一本關於中國風俗節氣的圖書作讀書報告的對象。


2.開啟Photoshop,按「檔案」→「自動」→「網路相片收藏館」。


3.於「網路相片收藏館」工作版面中的「樣式」一欄作出選擇,右邊會即時顯示相關版面的小圖。


4.之後往下選擇圖檔來源(即步驟1的「風俗節氣」資料夾)及目的地(即儲存讀書報告的「網頁」資料夾)。


5.於選項的「橫幅」一欄輸入相關文字。留意「聯絡資訊」方面先隨意輸入一些文字,待會再作處理。


6.選項的「大型影像」一欄可供你設定主頁圖片的大小及質素,「貪方便」的話可不u選「重新調整影像尺寸」,Photoshop會自動設定最理想的大小。


7.選項一項還有「縮圖」、「自定顏色」及「安全性」幾欄供設定,一般來說可不必重新設定。一切設定完後便可按「確定」鈕。


8.Photoshop立即自動工作:把所有相關圖檔自動開啟,並進行尺寸的重設。


9.不消10秒,「讀書報告」出來了:它是以網頁的形式出現,並自動分了「左分頁」(索引作用)及「主頁」(顯示主圖片作用)。最有趣的是圖片會每10秒自動跳至下一幅。


10.開啟儲存讀書報告的「網頁」資料夾 (即目的地),你會發現原本空白的資料夾竟多了很多檔案,有關它們的一切可見圖中的解說。


11.基本上「讀書報告」已算完成,只欠詳細文字的解說。現在就來為「讀書報告」加上文s字:開啟「pages」資料夾,於其空白位置右擊滑鼠一下,點選「新增」→「文字文件」。


12.把其中一個網頁檔案直接拖至已開啟了的文字文件上,這堨H「網頁00檔案」為例。


13.當把「網頁00檔案」拖到文字文件後,文字文件立即自動命名為「00」,並出現了大段html語言:這就是網頁「00」的原始檔。


14.記得步驟5中曾於「聯絡資訊」中隨意輸入一些文字,這些文字原來是被放於主頁的大圖之下,我們可將之視作該網頁的文字解說。


15.這頁就當作是讀書報告的首頁,留意圖中文字文件及網頁中各項文字的相對顯示位置。


16.至於讀書報告的內容(其他主頁)亦是如步驟13至步驟15之法泡制。若略懂簡單的html語言,更可以自行於孰意的地方另加圖片或超連結。


一點心得
今次只是用了Photoshop「自動功能」的其中一項,讀者亦可以藉該功能做「網頁」、「電子相簿」或「商品目錄」。但要強調一點:為求可順利放於互聯網中供外界瀏覽,所有檔案名稱只宜用小楷英文或數字,切忌以中文或符號來作檔名,否則別人的伺服器及瀏覽器未必能辨識到相關檔案,這點是很多做網的新手忽略了的。