Photoshop簡單制作xhtml css網(wǎng)頁頁面
來源:不詳
作者:佚名
學(xué)習(xí):514人次
Photoshop簡單制作xhtml css網(wǎng)頁頁面xhtml css網(wǎng)站重構(gòu)web標(biāo)準(zhǔn)等等之類的文章太多了,我就不重復(fù)了,發(fā)個最簡單的制作 xhtml css頁面的方法,方法雖然很簡單,但真不一定有幾個人知道.... 起碼google搜索沒搜索到。
開始吧:
1、打開photoshop cs2 ,打開設(shè)計出的網(wǎng)站首頁。用切片工具 切好。
圖:
圖:
圖:
代碼 ,是不是xhtml css的
圖:
還是建議大家用dreamweaver 8 editplus 制作 簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
開始吧:
1、打開photoshop cs2 ,打開設(shè)計出的網(wǎng)站首頁。用切片
圖:
2、點 文件-》存儲為web所用格式 快捷鍵為ctrl alt shift s ,點右上倒三角的小圖片,選擇Edit output settings 圖:
3、見圖,在第二個下拉中選擇 Slices,選擇Generate CSS ,然后在后面的下拉中選By ID
圖:
4、點OK保存并關(guān)閉設(shè)置窗口,在Save for Web窗口中點Save按扭,在保存類型中選擇Html and Images,隨便輸入一個文件名,點保存。
圖:
5、完成任務(wù)?匆幌
圖:
呵呵,這么簡單,就做出了個xhtml css的頁面。當(dāng)然實際應(yīng)用中,這種自動生成的頁面還是不太好的。
還是建議大家用dreamweaver 8 editplus 制作 簡單的,我們教你,深奧的,你來分享,非主流照片|qqkongjian|feizhuliu|tupian|luntan|psjiaocheng|bishua|ruanjian|chajian|xiazai|psxiazai|qqkongjiandaima
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- Photoshop繪制好看的老式wordpress主題
- PhotoShop設(shè)計制作懷舊風(fēng)格網(wǎng)頁的詳細(xì)教程
- Photoshop制作禮品店網(wǎng)站模板
- ps設(shè)計制作居家風(fēng)格美食Blog網(wǎng)頁特效
- photoshop網(wǎng)頁應(yīng)用實例:制作蘋果導(dǎo)航欄
- PS教程:制作非常不錯的wordpress博客網(wǎng)站模板
- Photoshop繪制木質(zhì)紋理的網(wǎng)站首頁模板
- PS教程:繪制清新的色彩生動的網(wǎng)頁布局
- Photoshop網(wǎng)頁設(shè)計:雜志風(fēng)格網(wǎng)站界面
- Photoshop CS5制作放射狀光線網(wǎng)頁廣告板
關(guān)注大神微博加入>>
網(wǎng)友求助,請回答!