溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么用ps做個xhtml+css的網(wǎng)站首頁

發(fā)布時間:2021-10-11 15:01:18 來源:億速云 閱讀:109 作者:小新 欄目:移動開發(fā)

小編給大家分享一下怎么用ps做個xhtml+css的網(wǎng)站首頁,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

  開始吧:

  1、打開photoshop cs2 ,打開設(shè)計出的網(wǎng)站首頁。用切片工具切好。

  圖: 

怎么用ps做個xhtml+css的網(wǎng)站首頁

  2、點(diǎn) 文件-》存儲為web所用格式 快捷鍵為ctrl+alt+shift+s ,點(diǎn)右上倒三角的小圖片,選擇Edit output settings

  圖:  

怎么用ps做個xhtml+css的網(wǎng)站首頁

3、見圖,在第二個下拉中選擇 Slices,選擇Generate CSS ,然后在后面的下拉中選By ID

  圖:

怎么用ps做個xhtml+css的網(wǎng)站首頁

  4、點(diǎn)OK保存并關(guān)閉設(shè)置窗口,在Save for Web窗口中點(diǎn)Save按扭,在保存類型中選擇Html and Images,隨便輸入一個文件名,點(diǎn)保存。

  圖:
 

怎么用ps做個xhtml+css的網(wǎng)站首頁

  5、完成任務(wù)??匆幌麓a,是不是xhtml+css的

  圖:

怎么用ps做個xhtml+css的網(wǎng)站首頁

  呵呵,這么簡單,就做出了個xhtml+css的頁面。當(dāng)然實(shí)際應(yīng)用中,這種自動生成的頁面還是不太好的。

  還是建議大家用dreamweaver8 + editplus 制作

以上是“怎么用ps做個xhtml+css的網(wǎng)站首頁”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI