從psd到css+div+html網(wǎng)頁(yè)制作的簡(jiǎn)單介紹
1首先,在ps中打開(kāi)一張要處理的圖片2然后,在左側(cè)的工具欄中點(diǎn)擊切片工具3接著,用切片工具把圖片分成4份4之后,再依次點(diǎn)擊左上角的文件存儲(chǔ)為web所用格式5在彈出的窗口中點(diǎn)擊存儲(chǔ)的按鈕6。
使用PS切片工具K切出來(lái),ctrl+shift+alt+S保存為HTML格式,然后就是一個(gè)HTML的文件了,也可以用DW編輯不過(guò)不建議整個(gè)頁(yè)面都是圖片,和表格現(xiàn)在都是用CSS來(lái)布局調(diào)樣式的,要學(xué)網(wǎng)頁(yè)需要再學(xué)習(xí)一下CSS。
使用Photoshop的切圖工具,將圖片切分為不同的小圖片,然后導(dǎo)出,導(dǎo)出時(shí)選擇HTML和圖片。
誰(shuí)能解釋一下”把psd變成html靜態(tài)頁(yè)面”的含義 psd的只是圖你需要利用htmlcssjavascript等知識(shí),將頁(yè)面轉(zhuǎn)換成html文件,以便在瀏覽器中打開(kāi)這就是所謂的靜態(tài)頁(yè)面html怎么導(dǎo)出ps應(yīng)該是想轉(zhuǎn)成PSD效果圖是吧,這個(gè)。
將psd網(wǎng)站模板轉(zhuǎn)換成html網(wǎng)頁(yè)形式,首先需要理解,psd的模版,只是對(duì)于網(wǎng)站的一個(gè)整理布局,使用圖片的形式來(lái)做的,而在瀏覽器上需要過(guò)html+css+js等等這些技術(shù)手段才可以來(lái)做出來(lái),如PSD的網(wǎng)站的背景顏色,在網(wǎng)頁(yè)中,需要去。
2進(jìn)行網(wǎng)頁(yè)制作,就是切片,div+css布局,將圖片變成網(wǎng)頁(yè)3后臺(tái)制作可以自己開(kāi)發(fā),也可以套用cms,如dedecms,phpcms等 4具體步驟就是這樣詳細(xì)的牽扯到一些技術(shù),就是html,div+css,js,jquery,js框架后臺(tái)目前。
PSD 就是網(wǎng)頁(yè)設(shè)計(jì)圖,而 CSS+DIV 則屬于網(wǎng)頁(yè)代碼方面的,網(wǎng)頁(yè)制作就是把平面設(shè)計(jì)圖轉(zhuǎn)化為網(wǎng)頁(yè)的形式1 設(shè)計(jì)圖要區(qū)分好背景和文字,一般除了廣告圖里面的文字以外全部文字都不作為背景,背景有底面背景模塊背景頭部背景。
全面主持設(shè)計(jì)工作,擔(dān)綱創(chuàng)意核心設(shè)計(jì)指導(dǎo)效果統(tǒng)籌設(shè)計(jì)溝通的任務(wù)負(fù)責(zé)與各崗位的協(xié)調(diào)工作,網(wǎng)站頁(yè)面的美工設(shè)計(jì),進(jìn)行div+css網(wǎng)頁(yè)布局及修改配合技術(shù)部門(mén)對(duì)網(wǎng)站頁(yè)面設(shè)計(jì)和技術(shù)的配合 二實(shí)習(xí)過(guò)程 1初來(lái)公司的時(shí)候 在接到公司。
掃描二維碼推送至手機(jī)訪問(wèn)。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請(qǐng)注明出處。