請教專家.這樣的網頁到底要怎麼做?

Question

請教各位高手.我想做類似這樣的網頁
http://www.eztravel.com.tw/package2/spain/index.htm?fr=index

可是我不懂得是...像這樣的網頁,是先在photoshop裡面做好.然後切割..然後再到dreamweaver裡面去排版嗎?
問題1.那黃色區塊裡面是html文字型態.是不是就要整個割掉.然後再填上黃色的底色?
問題2.左邊紅色區塊.若是用photoshop.怎麼做出那麼小的字?而且那麼清楚.不會糊掉?
問題3.上面那個會動的字.又要怎麼製作呢?
問題4.整張dm的邊框.是不是也是一開始就要畫好?那在dreamweaver裡面要怎樣弄呢?

還有這一個網頁http://www.windtour.com.tw/event_200703/

也是類似的問題.要用哪種軟體製作像左邊那樣的說明內文?還是整張直接用PHOTOSHOP做就行了呢?
我在誠品蹲了好多天.看遍了AI.PHOTOSHOP.PHOTOIMPACT..等相關書籍.都沒有找到我想知道的答案.懇請大家幫幫我!!
我再做不出來.工作可能就不保了!!拜託!!

Answer 1

你的方向不太對。你所舉例的網站大部分都很有用 Macromedia Firework 切的嫌疑，因為：

1. http://www.eztravel.com.tw/package2/spain/index.htm?fr=index
左邊的都不是真正的字，右邊的才是。因為左邊的字沒辦法選起來。

2. http://www.windtour.com.tw/event_200703/
全部都不是真正的字

你去找有關 firework 的書，或者看他們的線上教學就夠了。Macromedia Firework 的好處就是
1. 可看即可切。
2. 切好後對 layout 的改變很小。

你弄到 firework 以後，工作流程如下：
1. 開新檔，輸入原本美工的圖 (.jpg .psd .gif .png 均可)
2. 在 web 底下有裁切工具，按一下然後開始裁切。被裁的地方會出現亮綠色紅邊的框，並且在 web layer 裡多一層東西出來。原本的圖不會受影響。
3. 建議你多把圖切成橫向一條一條狀的。以後比較不會因為 html 字而跑掉。
4. 裁好後去 File >> Export Wizard (檔案 >> 輸出精靈？)那裡調整輸出格式，選 html 後會出現預視圖，因為圖會壓縮，輸出精靈要你決定品質和大小。
5. 輸出好後，用 Dreamweaver 再把那個 html 打開做做後製的動作。

我保住你的工作，那怎麼酬謝我？把問題砍了？

Answer 2

那樣的網頁~你說對了~在ps切割好再到dreamweaver裡面去排版
問題1~也對~你切割完後~把那個要顯示文字的區域圖刪除~再打上你要的字就可以了~
問題2~這是你開檔的大小及解析度的問題~設定高一點~字就會清楚了
問題3~中間那一塊 ~你去按鍵看看~那是flash的效果~也就是圖切割完後~會有個圖片檔~為了底圖效果一樣~所以會以 flash開舊檔~再做動畫效果~且大小要跟你切割出來的圖一樣大才可以~
問題4~存它完成的做法上~是完全在ps裡面切割完成連邊框都做好一起切割的~
ps..第二個網址裡面的就全部都是用ps切割的~唯一不同的是 右邊的按鈕是獨立切割出來的~隨時可以換的~^_^~
ps2.你可以利用網頁~另存新檔~的功能~存起來之後~再用dreamweaver看存起來的網頁~你就知道怎麼做的了~^_^~

2007-03-26 09:39:02 補充：
問題3~是要按右鍵~會顯示flash player~^^"~