• 2

請問專業的網頁設計師

請問專業的網頁設計師!我指純美工排版方面的的專業(不含flash)

我先說我的方式!先用photoshop把畫面的樣子先畫出來!

然後切片分割!再儲存成網頁用(含html及jpg)

再用dreamweaver開啟剛才的html檔!開始加入文字內容及連結

但常常我發現很多頁面只有小改一點點地方!因此我又要開啟photoshop再修改一次

然後再存檔一次然後再開!我覺得這樣很繁鎖、很累,但這也是我唯一想到的辦法

請問網頁設計高手,你們都怎麼做呢?(打開記事本用打html進去的不算)
2006-10-18 16:36 發佈
文章關鍵字 網頁設計師
你所謂的小改指的是什麼部分,看樣子應該是圖片的部分做修改才需要重開photoshop修正
然後再開dreamweaver
不過如果你圖片分割的大小張數分割方式不變的話,基本上可以用覆蓋原始圖片檔就可以達到相同的效果(相同檔名的意思啦)
不需要重新編修,只需要修改圖片的部分上傳就可以了
不知道回答的是不是你需要的
不太清楚你寫的意思
我猜你是改了文字之後表格就亂掉了,比方說字串長度超過表格寬度之類的

解決方法就是...
用dreamweaver自己畫表格,photoshop裡面的圖片切好之後只存出圖片來,
圖片自己放到網頁上適當的儲存格裡面去,這樣亂掉了你也比較容易調回來,
畢竟表格都是自己畫的 哪一格長怎樣自己比較清楚

不然就是練熟CSS,了解table less的概念,box怎麼貼、怎麼蓋,這樣最一勞永逸囉
一個專業的網頁設計師

就應該學會用記事本把html打開(你想用dreamweaver看原始碼也行)


不應該依懶photoshop的方便

很久很久以前photoshop還不能這樣切割輸出時,你怎麼做的呢?


我還是習慣自己把圖切好後到dreamweaver把table重劃,每個細節都自己做的

所以有修改也比較有印象,哪個地方改過就去改那小部份就好


現在做網頁的很多自己用photoshop輸出 dreamweaver亂拉,瀏覽器相容性不管
css id 一直重覆,div沒用的一層包一層....離題了
又一個PhotoShop直接存HTM的案例 ,

老實說我沒用過這個方法,

因為有些很大張的「圖」可以用很小張的「背景」或「背景色」解決,

PhotoShop不會幫你做這種事情

而且我也不信賴PhotoShop所切出來的版,

我一般的作法只在PhotoShop設計,然後構想在Dreamweaver裡該如何切版面

再回PhotoShop切圖>把圖一一放到版面裡。

這樣要修改,除非大改,不然改改圖或版面應該都不難。
要看你修改的地方你當初是圖還是文字(html)..

如果你當初做的時候就是圖...你就要改圖...

如果當初是單純文字的話....那就用記事本改就好囉
我的話,會建議你用 DIV + CSS Layer 達成,
將固定的部分放在同一個 Layer,上面再放上變動項目..

不過最佳建議是,乖乖的用標準 HTML 文字敘述,
因為全部是圖片的網頁有其先天缺陷存在 @@

喔,我只是個路人
http://about.me/cornguo
CornGuo wrote:
我的話,會建議你用 ...(恕刪)


沒錯.... performace來說可以省很多bandwidth
一直用Table來說是舊的作法...

請用DIV + CSS
CSS的好處就是.. 可以換湯不換料...

唯一的壞處就是.. IE有的不支援... 相對的有的Mozilla不支援..

詳細請看CSS的reference book

我現在很討厭Table
I wanna be like Muuuuuike ~~

shouea wrote:
我猜你是改了文字之後表格就亂掉了,比方說字串長度超過表格寬度之類的

解決方法就是...
用dreamweaver自己畫表格,photoshop裡面的圖片切好之後只存出圖片來,
圖片自己放到網頁上適當的儲存格裡面去,這樣亂掉了你也比較容易調回來,
畢竟表格都是自己畫的 哪一格長怎樣自己比較清楚

不然就是練熟CSS,了解table less的概念,box怎麼貼、怎麼蓋,這樣最一勞永逸囉


我是文字是沒有亂掉啦!只是用photoshop存html真的不好嗎?
我還是可以看到他表格怎麼畫的啊!


hchf wrote:
又一個PhotoShop直接存HTM的案例 ,

老實說我沒用過這個方法,

因為有些很大張的「圖」可以用很小張的「背景」或「背景色」解決,


這張背景可以用小圖的時候我了解!當然這種情況下我也不會去用我說的那種方法
不過為何大家這麼不喜歡用photoshop去存html表格幫你畫好不是很棒嗎?


CornGuo wrote:
我的話,會建議你用 DIV + CSS Layer 達成,
將固定的部分放在同一個 Layer,上面再放上變動項目..

不過最佳建議是,乖乖的用標準 HTML 文字敘述,
因為全部是圖片的網頁有其先天缺陷存在 @@

喔,我只是個路人

你說的是指用dreamweaver裡面的圖層那種東西嗎?
那不是有些瀏灠器不支援?

老爺別這樣,少奶奶會罵!
我覺得重要的是: "讓網友可以快速看到你想呈現的效果". 效果包括內容, 配色, 版面, 瀏覽器相容性等.

用圖片可以確保配色跟相容性高, 但是載入時間要比較久, 還有佔用系統資源.
用 CSS 可以快速調整配色跟區塊位置等, 但是要有規畫: 內容跟風格的區別; 而且相容性要考慮.

所以可以多試幾種作法, 比較看看各種軟體的效果跟容易發生的問題, 依照不同的網頁需要來選擇, 畢竟一般網友瀏覽時並不會在意網頁設計人員的工具, 只在意瀏覽的效果.

(我....我是失業勞工 XD)
  • 2
內文搜尋
X
評分
評分
複製連結
Mobile01提醒您
您目前瀏覽的是行動版網頁
是否切換到電腦版網頁呢?