吾吾與安安

        這次要分享的是我的Banner作法，整個程式的的架構是使用別人設計好的，我最主要的作法只是將裡面的圖片更改為自己喜歡的圖片。這樣的作法適合看不懂程式卻又想有自己風格版面的人來試試看，因為最主要的只是換圖片而已。

1.下面圖片是我的版面最主要的連結點，各位依你自己的版面先想好自己要安排的連結圖形。


2.接下來各位可至 版面管理 → 編輯css  內觀看你版面的css程式。看不懂沒關係，你可以把程式中一些連結的網址依序copy 下來如3，我們可以在瀏覽器中判斷這是用在那裡的圖片，以利我們修改後再將新的圖片位址回貼回來。


3.剪下的網址貼在網址列，你即可看到圖檔並可判斷上述的程式寫的是那一部份的程式。


4.接下來最重要的是將這張圖片存下來，因為我們將依樣(格式大小)，做出另一張屬於你自己的圖片。


5.
接下來用photoshop cs3 打開我們之前下載來的圖片準備編輯。我們可以先看一下圖片大小 影像→ 影像尺寸


6.
接下來依序在背景圖層上疊上你的創作 
1.新增圖層 
2.每作完一層再作下一層 
3.每一層都有一眼睛圖示，你可以適時利用來檢視每一圖層
4.每編完一圖層你可以作圖層鎖定以防止你錯誤的編輯


7.下圖是我把第二圖層那個 圖示檢示取消，來做版面安排預覽的圖片。等全部完成後可將原始圖層刪除，留下來的就可以做存檔成為一張新圖。


8.接下來將圖片上傳到網上，將圖片點選預覽為原尺寸，然後按右鍵觀看內容將網址copy 下來貼回 編輯css 原來的位址取代原來的圖片就可以了。