dw排版布局 dw怎樣可以設(shè)置圖片與文字的排版?
dw怎樣可以設(shè)置圖片與文字的排版?1/6你可以先做草稿。左側(cè)是文本區(qū)域,右側(cè)是圖片區(qū)域。圖片區(qū)域可以看作是一個整體。這樣,就可以看作是一個大框,里面有兩個框,左邊是文本框,右邊是圖片框。圖片框包含三張
dw怎樣可以設(shè)置圖片與文字的排版?
1/6
你可以先做草稿。左側(cè)是文本區(qū)域,右側(cè)是圖片區(qū)域。圖片區(qū)域可以看作是一個整體。這樣,就可以看作是一個大框,里面有兩個框,左邊是文本框,右邊是圖片框。圖片框包含三張圖片。經(jīng)過分析,可以用浮動來解決問題。
2/6
打開DW并選擇新的HTML文件。
3/6
首先,創(chuàng)建三個框,大框包含兩個小框。
4/6
然后改進細(xì)節(jié)。左側(cè)是文本區(qū)域。您可以直接向創(chuàng)建的Div添加文本。當(dāng)然,您也可以添加一些文本標(biāo)簽。右側(cè)增加無序列表,方便圖片的插入和排序。
5/6
添加內(nèi)容區(qū)域后,添加CSS樣式的詳細(xì)裝飾。
6/6
最后,在瀏覽器中預(yù)覽效果。
自學(xué)dreamweaver應(yīng)該看什么教程?
要學(xué)習(xí)Dreamweaver,首先要了解HTML的基本語法和規(guī)則,即應(yīng)該寫什么和不應(yīng)該寫什么。
然后熟悉DW功能鍵和按鈕的使用,找到一些相關(guān)的書籍和視頻教程作為學(xué)習(xí)輔助工具,并向W3C或MOOC推薦。這兩個是免費的學(xué)習(xí)網(wǎng)站,在那里你可以慢慢學(xué)習(xí)。
一定要理論聯(lián)系實際,了解代碼的基本原理,然后試著去寫代碼和調(diào)試。然后有一定的基礎(chǔ),之后就是寫更多的HTML頁面。當(dāng)您可以編寫一些靜態(tài)頁面時,就可以開始了。