PS怎么制作網(wǎng)頁?
時間:2022-09-02 13:48:01 | 來源:網(wǎng)站運(yùn)營
時間:2022-09-02 13:48:01 來源:網(wǎng)站運(yùn)營
HTML+CSS+JS,這是廣義上的網(wǎng)頁三元素,HTML負(fù)責(zé)骨骼,CSS負(fù)責(zé)血肉,JS負(fù)責(zé)行為動作。其中瀏覽器中表現(xiàn)的畫面約等于(html+css),但僅僅擁有他們是表現(xiàn)不出設(shè)計師們大腦中天馬行空,不拘一格的想象力的,因此才引入了PSD作為設(shè)計稿。
這就好比,你完全自己DIY一個高達(dá),你需要先有一副高達(dá)圖片(PSD),再通過圖片中的表現(xiàn)自己搭建支撐的骨架(HTML),再用各式噴漆、馬克筆(CSS)去勾畫、完善細(xì)節(jié)。
那么回到問題上來,怎么用PS做網(wǎng)頁?假定adobe體系中,PS永遠(yuǎn)只能設(shè)計網(wǎng)頁,而Dreamweaver才能制作網(wǎng)頁,但是依然要你自己根據(jù)設(shè)計去解構(gòu)設(shè)計然后劃分網(wǎng)頁骨架,具體到html上就是根據(jù)不同的頁面表現(xiàn)來寫Div標(biāo)簽,制作Button按鈕,用CSS控制他們的大小和位置以及表現(xiàn)。更進(jìn)一步的話,大部分前端會手寫html和css代碼,因?yàn)镈W有各式包括啟動速度,冗余代碼之類的問題。
至于響應(yīng)式,這又是基于成型的html以后另一個話題了,但還是html+css,只不過通過UA檢測來適應(yīng)不同終端的不同展現(xiàn)。