dw如何用div布局 dw中怎么插入div標(biāo)簽?
dw中怎么插入div標(biāo)簽?創(chuàng)建一個(gè)新的div是制作網(wǎng)頁(yè)的重要部分。讓我們學(xué)習(xí)如何在DW中創(chuàng)建一個(gè)新的div標(biāo)記。1. 打開(kāi)Dreamweaver軟件后,首先創(chuàng)建一個(gè)新的HTML頁(yè)面。2. DW的許多菜
dw中怎么插入div標(biāo)簽?
創(chuàng)建一個(gè)新的div是制作網(wǎng)頁(yè)的重要部分。讓我們學(xué)習(xí)如何在DW中創(chuàng)建一個(gè)新的div標(biāo)記。
1. 打開(kāi)Dreamweaver軟件后,首先創(chuàng)建一個(gè)新的HTML頁(yè)面。
2. DW的許多菜單欄中都有插入菜單。
3. 在插入的下拉列表中找到布局對(duì)象,然后在布局對(duì)象中找到div標(biāo)簽。
4. 這樣就插入了一個(gè)新的div。
5. 另一種方法是在代碼中輸入div標(biāo)記,必須在body中輸入。
6. Div代碼是<div></Div>,是您自己編輯的文本。代碼頁(yè)和設(shè)計(jì)頁(yè)是同步的。
dw設(shè)計(jì)網(wǎng)頁(yè)時(shí),布局常用什么方法來(lái)布局呢?
1. 嚴(yán)格來(lái)說(shuō),DW不能用來(lái)設(shè)計(jì)網(wǎng)頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)是用圖形設(shè)計(jì)工具來(lái)完成的,比如用PS設(shè)計(jì)網(wǎng)站的效果圖和用PS剪切圖片。DW只是一個(gè)網(wǎng)站代碼編寫工具,使用DW編寫代碼會(huì)更方便,因?yàn)橛泻芏嗫旖莨δ堋5珜?duì)于專家來(lái)說(shuō),記事本可以用來(lái)編輯網(wǎng)站。
3. DW的編輯面板主要有三個(gè)視圖,分為“代碼”、“拆分”和“設(shè)計(jì)”,如下圖所示。制作網(wǎng)站時(shí),可以使用“代碼”查看功能?!薄霸O(shè)計(jì)”和“拆分”視圖很少使用。它們僅用于在網(wǎng)站代碼出現(xiàn)問(wèn)題時(shí)查找錯(cuò)誤。對(duì)于有一年以上代碼編寫經(jīng)驗(yàn)的人來(lái)說(shuō),它們不再被使用。
4. 在DW中制作網(wǎng)站的代碼主要是divcss,也就是HTML。網(wǎng)站布局也通過(guò)HTML代碼實(shí)現(xiàn)。例如,maigin和padding position都控制Div的布局和位置,因此,DW中網(wǎng)頁(yè)布局的設(shè)計(jì)不是DW的功能,而是通過(guò)代碼來(lái)實(shí)現(xiàn)的。