ps和css樣式 photoshop樣式

怎么用ps切完圖后保存成XHTML+CSS布局的格式啊?

1、這個問題很簡單，網上有些比較變態的軟件，按照一定的邏輯程序把你切割好的PS文件硬性轉化成所謂的XHTML+CSS文件。這樣的東西主要是什么都不懂的新手去用。

創新互聯專注于企業營銷型網站建設、網站重做改版、咸寧網站定制設計、自適應品牌網站建設、H5開發、商城網站制作、集團公司官網建設、外貿營銷網站建設、高端網站制作、響應式網頁設計等建站業務，價格優惠性價比高，為咸寧等各大城市提供網站開發制作服務。

2、首先，在ps中打開一張要處理的圖片。然后，在左側的工具欄中點擊切片工具。接著，用切片工具把圖片分成4份。之后，再依次點擊左上角的文件——存儲為web所用格式。在彈出的窗口中點擊存儲的按鈕。

3、使用ps切片，切好了保持為 web存儲格式彈出的窗口可以設置保持的類型的，可以設置成div加css的如下圖：切好片以后，文件保存為web存儲文件，就會彈出下面的圖片。點擊紅框的箭頭。點擊輸出設置。

最簡單的：在ps里切割好后，別存為jpg和html，會自動產生一個html文件，將產生的html文件和存圖片的目錄放在你的網站目錄下，就可以了。如果是做asp的，將html的擴展名改為asp，界面就算做好了。接下來就是寫代碼了。

首先打開Dreamweaver插入圖片。點擊插圖右鍵選擇CSS樣式-新建。點擊新建后彈出的對話框自定義名稱即可。后在彈出的對話框中設置需要的效果即可，可以自定義類型、背景、區塊、定位等。

這個問題很簡單，網上有些比較變態的軟件，按照一定的邏輯程序把你切割好的PS文件硬性轉化成所謂的XHTML+CSS文件。這樣的東西主要是什么都不懂的新手去用。

首先打開EditPlus軟件，新建一個樣式表文件，寫入一些樣式，如下圖所示。接下來我們在建立一個樣式表文件，在這個樣式表文件中通過import屬性導入上一個樣式表，如下圖所示。

html是HyperTextMark-upLanguage的縮寫，即超文本標記語言；css是Cascading Style Sheets 的縮寫，即層疊式樣式表單，它是由W3C協會制定并發布的一個網頁排版式標準，是對HTML語言功能的補充。

HTML元素指的是從開始標簽（starttag）到結束標簽（endtag）的所有代碼。

IV+CSS是WEB設計標準，它是一種網頁的布局方法。與傳統中通過表格（table）布局定位的方式不同，它可以實現網頁頁面內容與表現相分離。提起DIV+CSS組合，還要從XHTML說起。

css ：疊層樣式表（Cascading Style Sheets），是能夠真正做到網頁表現與內容分離的一種樣式設計語言。通俗的講，可以把網頁內容以更好的方式呈現在用戶面前。

CSS(Cascading Style Sheet)可譯為“層疊樣式表”或“級聯樣式表”，它定義如何顯示 HTML 元素，用于控制Web頁面的外觀。通過使用CSS實現頁面的內容與表現形式分離，極大提高了工作效率。

網頁上的圖片有時是需要PS生成的，PS也可以生成網頁，FLASH是指動畫，網頁上的flash模塊可以呈現動態的效果，CSS是層疊樣式表，編輯網頁樣式用的，也可以在DREAMWEAVER里實現。這些是網站美工這個職業要用到的。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容