dw怎么設(shè)計(jì)自己的網(wǎng)站 dw怎樣可以設(shè)置圖片與文字的排版?
dw怎樣可以設(shè)置圖片與文字的排版?1/6你可以先做草稿。左側(cè)是文本區(qū)域,右側(cè)是圖片區(qū)域。圖片區(qū)域可以看作是一個(gè)整體。這樣,就可以看作是一個(gè)大框,里面有兩個(gè)框,左邊是文本框,右邊是圖片框。圖片框包含三張
dw怎樣可以設(shè)置圖片與文字的排版?
1/6
你可以先做草稿。左側(cè)是文本區(qū)域,右側(cè)是圖片區(qū)域。圖片區(qū)域可以看作是一個(gè)整體。這樣,就可以看作是一個(gè)大框,里面有兩個(gè)框,左邊是文本框,右邊是圖片框。圖片框包含三張圖片。經(jīng)過(guò)分析,可以用浮動(dòng)來(lái)解決問題。
2/6
打開DW并選擇新的HTML文件。
3/6
首先,創(chuàng)建三個(gè)框,大框包含兩個(gè)小框。
4/6
然后改進(jìn)細(xì)節(jié)。左側(cè)是文本區(qū)域。您可以直接向創(chuàng)建的Div添加文本。當(dāng)然,您也可以添加一些文本標(biāo)簽。右側(cè)增加無(wú)序列表,方便圖片的插入和排序。
5/6
添加內(nèi)容區(qū)域后,添加CSS樣式的詳細(xì)裝飾。
6/6
最后,在瀏覽器中預(yù)覽效果。