DW使用教程介紹

DW使用教程首次打開DW出現(xiàn)窗口點(diǎn)擊新建下的文件格式(例：HTML、JSP，這里以HTML為例)創(chuàng)建完成即可開始網(wǎng)頁制作，制作的方式有兩種，一種是代碼(如果是專業(yè)網(wǎng)站開發(fā)人員建議使用代碼)，一種是設(shè)計(如果是新手開發(fā)，或沒有接觸過html可以采用這種視圖化的工具，上手快，效率高)文件創(chuàng)建完成后，這里假如我們已完成頁面，點(diǎn)擊左上角文件菜單點(diǎn)擊保存，或另存為選擇相應(yīng)的路徑即可(建議編寫html中途保存，避免斷電等發(fā)成文件丟失) DW框架(iframe)在設(shè)計框架之前我們先把框架的窗口打開，以備后用點(diǎn)擊窗口-框架（圖中為框架示例）選中設(shè)計的空白區(qū)域（光標(biāo)移至主頁面）找到修改菜單-框架集-選擇上下拆分此時的框架已拆分完成將光標(biāo)移至下半部白色區(qū)域，選擇拆分左框架此時一個簡單的框架就搭建完畢了，大家可以在次基礎(chǔ)上搭建更復(fù)雜的框架3.然后我們填寫頁面的內(nèi)容，如下圖所示DW布局找到左上角布局，點(diǎn)擊就可以開始進(jìn)行頁面布局了(注：如今整個行業(yè)基本采用div+css的方式進(jìn)行布局，所以我們采用此方式，傳統(tǒng)的表格布局基本已被div+css所取代，這種布局方式的優(yōu)點(diǎn)不在細(xì)說)看到標(biāo)準(zhǔn)和擴(kuò)展后點(diǎn)擊擴(kuò)展旁第一個，即:插入div標(biāo)簽看到對話框后輸入類或id(可不設(shè)置)，一般選擇在插入點(diǎn)即可如圖所示：我們的第一個div已經(jīng)創(chuàng)建好了當(dāng)然這還不是我們的目標(biāo)，我們的目標(biāo)是搭建完整的框架布局2.光標(biāo)選中div的文字，再次點(diǎn)擊div布局按鈕加入子div，輸入文字，此時我們需要水平線點(diǎn)擊紅圈里的按鈕即可添加水平線3.此時我們已經(jīng)把簡單的布局這里好的，但是放在網(wǎng)站上不合適，我們還需要繼續(xù)調(diào)整，加入css這里我們使用代碼的方式加入：內(nèi)嵌語法<styletype=”text/css”>CSS</style>加入：<styletype="text/css">body,td,th{ color:#003;}.main_div{ width:auto; height:500px; background-color:#FF0; text-align:center;}</style>(注:.main_div是最外部div的class的名字)4.此時查看頁面，布局已搭建完成點(diǎn)擊文字居中，效果如圖所示 DW框架和布局結(jié)合之前我們學(xué)習(xí)了布局和框架，我們把他們相結(jié)合看下效果這里我們