從photoshop設計完搞後 利用內建切圖功能 , 到轉換Html輸出 其實主要容易遇到兩種問題!!

1. 輸出的Table在最右邊會多出一排Td , 包著各種長度的圖 (空白 , 用來幫你撐出版面的 )
2. 只要你將某幾張Table內的圖抽走 , 網頁整個就變形

所以我通常會改用下列方式來轉Html 首先 , 在網頁編輯軟體內 , 建立好我的框架Table ( Css定位先不在此討論:P )

排版依據Photoshop畫好的 , 切割出Header , Menu , Conten這樣的區塊 接著回到Photoshop , 將各區的圖一一剪下 (不是特別需要特效的字 , 建議抽離 , 保留背景就好 , 字可以到網頁編輯軟體內捕上 ) 將圖片塞進去Table內部 , 並依據圖的大小 , 補上Css , 強制規定Td大小 這樣做出的版面可用性會比直接切圖轉換的來得好!

Leave a Reply

Your email address will not be published. Required fields are marked *