響應(yīng)式網(wǎng)頁(yè)怎么做啊 制作網(wǎng)站你是用dreamweaver,還是直接手寫代碼?
制作網(wǎng)站你是用dreamweaver,還是直接手寫代碼?如果只是簡(jiǎn)單的HTML CSS,使用Dreamweaver是沒有問題的,但是如果你是一個(gè)后端開發(fā)人員,當(dāng)你使用Dreamweaver時(shí),你會(huì)被嘲
制作網(wǎng)站你是用dreamweaver,還是直接手寫代碼?
如果只是簡(jiǎn)單的HTML CSS,使用Dreamweaver是沒有問題的,但是如果你是一個(gè)后端開發(fā)人員,當(dāng)你使用Dreamweaver時(shí),你會(huì)被嘲笑。一般來說,有專業(yè)的IDE(集成開發(fā)環(huán)境)軟件。例如,我學(xué)習(xí)PHP語言,所以我使用phpstorm。當(dāng)然,你使用什么樣的軟件取決于你的習(xí)慣。據(jù)說使用記事本不影響寫代碼。不過,Dreamweaver也有自己的優(yōu)勢(shì):
Dreamweaver最大的優(yōu)勢(shì)是直觀,可以拖放編輯,可以通過菜單插入表單和圖片,這有點(diǎn)像使用ppt軟件。它是較早為“網(wǎng)頁(yè)設(shè)計(jì)師”開發(fā)的!為了適應(yīng)互聯(lián)網(wǎng)時(shí)代網(wǎng)站快速建設(shè)的趨勢(shì),新版DW增加了更多的模塊板,您可以自定義這些模板來構(gòu)建HTML電子郵件、響應(yīng)式網(wǎng)站等。DW的定位沒有改變的是“設(shè)計(jì)代碼可視化”模式,這是它的特點(diǎn)核心競(jìng)爭(zhēng)力。
如何制作響應(yīng)式網(wǎng)站?
在使用HTML5制作響應(yīng)性網(wǎng)頁(yè)時(shí),首先,我們需要考慮是平臺(tái)范圍的適應(yīng)還是移動(dòng)適應(yīng)。本文以移動(dòng)響應(yīng)式網(wǎng)站為例,說明如何制作響應(yīng)式網(wǎng)頁(yè)。
1. 基本設(shè)計(jì)尺寸通常基于1080。確定響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的應(yīng)用場(chǎng)景后,與藝術(shù)家(或設(shè)計(jì)師)溝通。在此之前,藝術(shù)家通常需要制作幾套主流移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖紙?,F(xiàn)在,使用流式布局和REM,您可以使用一組基于最常用的移動(dòng)設(shè)備屏幕分辨率的設(shè)計(jì)圖。
2. 當(dāng)藝術(shù)家完成設(shè)計(jì)時(shí),前端工程師開始工作。然后你可以用PS或FW來切割。一般來說,煙花CS6削減圖片更快,但有時(shí)圖片是扭曲的煙花。因此,有時(shí)需要PS來配合。PS有切片工具,可以用來切割圖片。