1、默認(rèn)情況下，“代碼”視圖顯示在“文檔”窗口頂部，“設(shè)計(jì)”視圖顯示在底部若要使“設(shè)計(jì)”視圖顯示在頂部，請選擇“查看”“頂部的“設(shè)計(jì)”視圖”注 如果您調(diào)整“文檔”窗口或應(yīng)用程序窗口的大小或更改工作區(qū)布局，則；1點(diǎn)擊上部應(yīng)用欄上的“代碼”按鈕，DW工作區(qū)顯示為代碼視圖2點(diǎn)擊上部應(yīng)用欄上的“拆分”按鈕，DW工作區(qū)顯示為代碼視圖和設(shè)計(jì)視圖3點(diǎn)擊上部應(yīng)用欄上的“設(shè)計(jì)”按鈕，DW工作區(qū)顯示為設(shè)計(jì)視圖；你打開dreamweaver，同時(shí)在DW里打開一個(gè)自己想要編輯的網(wǎng)頁切換到quot代碼quot視圖，然后右鍵點(diǎn)quot代碼quot那個(gè)按扭，也就是那個(gè)網(wǎng)頁名字下面的那一行，右鍵點(diǎn)后出現(xiàn)的菜單里把 編碼 這個(gè)勾上那你就能看到在左邊就會多出一列東西，在。

2、選擇“編輯”“首選參數(shù)”Windows 或“Dreamweaver”“首選參數(shù)”Macintosh從左側(cè)的“分類”列表中選擇“文件類型編輯器”在“在“代碼”視圖中打開”框中，添加要在“代碼”視圖中自動打開的文件類型的文件擴(kuò)展；位置進(jìn)行設(shè)置，下圖所示，小編使用了默認(rèn)設(shè)定7完成樣式設(shè)計(jì)后就可以直觀的看到文本域已經(jīng)顯示在設(shè)計(jì)視圖上，如圖8點(diǎn)擊一下“代碼”，切換到代碼視圖，在代碼視圖可以看到剛才添加的文本域所對應(yīng)的代碼都已經(jīng)出現(xiàn)在“。

3、有以下三種視圖種類代碼視圖，可以看到基礎(chǔ)的HTML代碼 設(shè)計(jì)視圖，文檔看起來與它在瀏覽器中的外觀非常相似 拆分視圖，同時(shí)顯示代碼視圖和拆分視圖；點(diǎn)擊“查看”菜單，選擇“工具欄”命令，在彈出的子菜單中選擇“文檔”項(xiàng)，即可打開“文檔”工具欄一Dreamweaver 文檔工具欄使用“文檔”工具欄包含的按鈕，可以在文檔的不同視圖之間快速切換工具欄中還包含一些與查看文；DreamWeaver工作區(qū)元素1應(yīng)用程序欄位于應(yīng)用窗口頂部，包括工作區(qū)切換器幾個(gè)菜單僅限Windows和其他應(yīng)用控件2文件工具欄包含的按鈕可以用來選擇文檔窗口的不同視圖如設(shè)計(jì)視圖實(shí)時(shí)視圖和代碼視圖3標(biāo)準(zhǔn)工具。

4、HTML5，然后點(diǎn)擊“創(chuàng)建”按鈕2點(diǎn)擊菜單欄上的“編輯”“首選參數(shù)”或者是按Cttl+u快捷鍵3在首選參數(shù)對話框中選擇分類為‘字體’4在分類的右邊找到代碼視圖這一行，設(shè)置代碼視圖的字體大小，然后點(diǎn)擊“確認(rèn)；DW5之前的版本，我沒注意過，有沒有“經(jīng)典”視圖之類的切換，DW5中，最上方，有個(gè)“經(jīng)典”下拉列表，可以進(jìn)去點(diǎn)點(diǎn)看看；dw實(shí)時(shí)視圖和代碼縱向發(fā)布的方法1打開dw軟件后，我們點(diǎn)擊菜單欄上方的查看按鈕2接下來我們就可以點(diǎn)擊實(shí)時(shí)視圖顯示3其次點(diǎn)擊實(shí)時(shí)代碼4最后，我們便可以看到實(shí)時(shí)視圖和代碼縱向的發(fā)布；6在完成添加表單，我們就可以輸入他的ID和標(biāo)簽，還可以對樣式，位置進(jìn)行設(shè)置，下圖所示，小編使用了默認(rèn)設(shè)定7完成樣式設(shè)計(jì)后就可以直觀的看到文本域已經(jīng)顯示在設(shè)計(jì)視圖上，如圖8點(diǎn)擊一下“代碼”，切換到代碼視圖；dreamweaver一般指AdobeDreamweaver，簡稱“DW”，中文名稱quot夢想編織者quot，最初為美國Macromedia公司開發(fā)，2005年被Adobe公司收購，其編輯區(qū)有三種視圖按鈕模式代碼模式設(shè)計(jì)模式和分割模式，代碼視圖，它可以看到基本的HTML代碼設(shè)計(jì)。

5、5然后會看到右側(cè)有個(gè)“代碼視圖”的字體大小調(diào)整選項(xiàng)，調(diào)整自己想要的字體大小6調(diào)整完成后點(diǎn)擊確定按鈕，再看代碼字體變大了dw怎么給文字加背景方框首先我們建立一個(gè)空白的html，這里用的是DreamweaverCS6做演示；如圖，在第5行l(wèi)t！#include file=includeconfigasp ，“#”前加 #39 就可以顯示設(shè)計(jì)視圖只需要加#39 一個(gè)小點(diǎn)噢祝你成功~~~。