dw網頁設計首頁排版

1、如何用dw製作網頁首頁

使用DW製作網頁時候，網頁的框架往往在某些方面有固定的格式，像是導航欄、banner條，如果每製作一個網頁就要重新設計這些內容是很耗時間的，為了提高工作效率，可以使用DW提供的網頁模板功能建立模板。

2、Dw網頁設計製作9個小技巧，你都會嗎

1）怎樣將 Dreamweaver 集成到 IE 瀏覽器？
Dreamweaver 安裝程序會在上下文選單增加一個「 Edit with Dreamweaver 」命令，我們還可以修改 Windows 的注冊表使它與 IE 集成。就象 MS Word 、 Frontpage 和 Notepad 一樣，通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。
將下面文本的最後一行要改為你自己的 Dreamweaver 安裝路徑，把它們保存為一個 *.reg 文件，雙擊它將信息添加到注冊表即可。
REGEDIT4
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]
[HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]
@="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"
如果要設置為 IE 預設的編輯器，打開 IE 的「Internet 選項」，在程序標簽指定。
2）為了使用某些腳本，經常要為圖形或文本加上空鏈接，但是瀏覽時點擊有空鏈接的對象時，會跳到頁面的頂端，如何避免？
因為瀏覽器以為鏈接到同一頁，可它又找不到定義的書簽（ anchor ），於是停留在頁面的頂端。用「 javascript:void(null) 」替換空鏈接的「 # 」，解決這個問題。
3）使用 CSS 、層的時候，在不同瀏覽器的效果不一樣，有時甚至出現錯位現象，怎樣解決？
在對不同瀏覽器的兼容方面， Dreamweaver 作得不錯，但絕不意味用 Dreamweaver 作出的網頁在 IE 和 Netscape 中完全一樣。通常情況下，用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣，這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題：
不要混合使用層和表格排版，如果是父子關系，如層中表格，不在此原則范圍內；
內聯式的 CSS 在 Netscape Navigator 中經常會出現問題，使用鏈式或內嵌式；
有時需要在空層插入表格或者透明圖片，以保證在 Netscape Navigator 里的效果。對於只有幾個像素寬度或高度的層，改用圖片來實現；
避免使用 W3C 組織不推薦的排版屬性，用 CSS 代替。
4）為何從別的文檔拷貝文本到 Dreamweaver ，所有的段落會擠成一團，而在 Dreamweaver 內部又帶有格式代碼？
Dreamweaver 復制和粘貼文本有二種類別，標準的方式將對象連同對象的屬性一起復制，把剪貼板的內容作為 HTML 代碼；另一種方式僅復制或粘貼文本，復制時忽視 html 格式，粘帖時則把 html 代碼作為文本粘貼。多按一個「 Shift 」（ Ctrl+Shift+C/Ctrl+Shift+V ）鍵即按後一種方式操作。
5）為什麼網頁用 IE 瀏覽正常，用 Netscape Navigator 卻不符合要求甚至出錯，而且在 Dreamweaver 的文檔窗口老是修改不好？
請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分，有時會留下一些多餘的代碼，比如多餘的鏈接，這些代碼在 Dreamweaver 的文檔窗口看不到， IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格，預覽時就出現不可思議的現象。
6）在 Netscape Navigator 中，有些書簽（ anchor ）不起作用，有些好象消失了？
Netscape Navigator 的書簽是大小寫敏感的。在 Navigator 中，多層嵌套的表格裡面的書簽會丟失，把書簽放到表格外面。
7） Dreamweaver 文檔窗口布滿了各種各樣的面板，為了編輯文檔，不得不扒開一個個空隙，太累，如何是好？
一個 800X600 分辯率的屏幕對於 Dreamweaver 來說確實小了些，不過即便是 1024X768 ，也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的面板，把常用的面板放在一起，節省屏幕空間；
除非現在要用，否則關閉「 HTML Source Inspector 」，它除開佔用屏幕空間，還佔用相當的系統資源；
按 F4 隱藏所有打開的面板，一覽文檔的全貌，再按一下，顯示面板；
在「 Windows 」選單有個「 Arrange Floating Palettes 」命令，使用這個命令將所有打開的面板放在窗口四周，並互不重疊。
多用快捷鍵並熟練掌握是很好的提高工作效率的方法。
當添加不可見的對象時，Dreamweaver會在文檔窗口的頁面頂部加上相應的圖標，如果圖標太多，可能妨礙編輯。可以按「Ctrl+Shift+I 」（主選單 View|Invisible Elements ）來隱藏和顯示它們。也可以設定不出現這些圖標，不過不建議這樣作，因為它們能幫助選擇對象，便於編輯。
8） Head 對象面板只能添加內容，能在文檔窗口修改 標記的內容嗎？
可以。有一種非常直觀的方式，按「 Ctrl+Shift+W 」（主選單 View|Head Content ），在文檔窗口主選單欄下出現一行圖標，點擊這些圖標修改。
9）如何選擇表格、層裡面那些非常小的，比如 1X1px 的圖片？
在表格的單元格中點擊，然後按下「 Shift 」鍵，用箭頭鍵移動即可選擇。
也可先選定表格單元（按下 Ctrl 鍵，用滑鼠點擊相應單元）或者層，然後在「 HTML Source Inspector 」面板中選擇高亮代碼中的 ，返迴文檔窗口，圖片即被選擇。

3、DW怎麼把首頁設為模板，子網頁用模板設計

剛進入dreamweaver點擊新建下方的更多，然後選擇空白頁，頁面類型選擇html模板，布局選無就行了。

插入一個表格（菜單欄中選擇插入，再找到表格），表格里的布局自己根據需要設置，在這里我設置為行數為5，列為1，表格寬度為1000像素。插入表格後，選中整個表格，選中後表框會加黑加粗，在下方設置為居中對齊。

在表格第一行插入圖像（菜單欄中選擇插入，再找到圖像），第二行加入滾動字幕。第三行插入表格（方法同上），1行4列，表格寬度為百分之一百。插入表格之後，再選中第三行的表格，選中後表格邊框會加黑加粗，在下方設置表格為居中對齊，寬度為20%。

第三行中選入一些文字，如首頁，李白，杜甫，白居易。新建一個css文件，再建一個css，設置好類型中的顏色和背景中的顏色，加以區分。選中第三行，使用剛才新建的css，再新建一個css，表格的邊框使用該css。

在第四行插入可編輯區域。點擊確定，可編輯區域中的文字即EditRegion3可以去掉，換行可以擴大可編輯區域的面積。

在第五行插入可編輯區域，我還插入了一條水平線，並加上了版權。最後保存。此時模板已經建好。

新建，模板中的頁，找到新建的模板，創建，保存為index.html（即網站的主頁）,再重新打開新建的模板，在可編輯區預報輸入李白的資料，保存為li.com，此時你會發現只有在可編輯區域才能輸入內容，其他區域都是不可操作的，這就是模板的特點。同理，在新建兩個作為杜甫和白居易的網頁。

現在就差用超鏈接把上面做的幾個網頁連接起來了。在模板中選中首頁，在下方html中的鏈接中輸入首頁的名稱，即index.html，同理，選中李白，杜甫，白居易將他們連起來。超鏈接做好後在文字下方會多出一條橫線。

做完了之後在index.html中打開可以看看做出的效果，點擊圖中的小地球圖標就可進行查看。

4、如何使用dreamweaver製作網頁

1、在Dreamveaver「文件－新建－常規－基本頁－HTML」，這樣就建好了一個頁面，英文版的默認的文件名為untitled.htm。中文版的的默認的文件名為「無標題文檔」。htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。

註：網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁，上傳後打開網頁默認連接到此頁。

2、在標題空格里輸入網頁名稱，點擊修改－頁面屬性，打開「頁面屬性」窗口。在這里可以設置網站的標題、背景顏色或背景圖像，超級鏈接的顏色（一般默認即可），其他都保持默認即可。

3．此時游標位於左上角，可輸入一句話，如「歡迎來到我的主頁」。選取文字，用菜單「窗口/屬性」打開屬性面板，選取文字大小為6，再使文字居中，然後在文字前用幾個回車使其位於頁面中間等。

4．如要選取字體，則選擇字體中的最後一項：編輯字體列表。然後在對話框中選+號，接著在「可用字體」欄中選擇需要加入到字體列表中的一種字體，點擊中間的按鈕就可以加入了。

註：在網頁上最常用的是宋體字。不要將特殊的字體加到列表中使用，因為別人電腦上未裝就看不到。如果需要用的話，要做成圖片後再使用。

註：在網頁上打入空格的辦法是：把輸入法調為全形。

註：在網頁上換行的辦法是：shift+Enter。只按Enter則為換段。

下面拿一個現成的例子來給大家講解一下：

現在，以下邊的簡單網頁為例，敘述一下製作過程。

在開始製作之前，我們先對這個頁面進行一下分析。看看這個頁面用到了哪些東西。

□網頁頂端的標題「我的主頁」是一段文字。
□網頁中間是一幅圖片。
□最下端的歡迎詞是一段文字。
□網頁背景是一深紫紅顏色。

構思好這個網頁的結構，我們就可以開始製作了。

首先啟動Dreamweaver，確保你已經用站點管理器建立好了一個網站（根目錄）。

為了製作方便，請您事先打開資源管理器，把要使用的圖片收集到網站目錄images文件夾內。
【插入標題文字】

進入頁面編輯設計視圖狀態。在一般情況下，編輯器默認左對齊，游標在左上角閃爍，游標位置就是插入點的位置。如果要想讓文字居中插入，點屬性面板居中按鈕即可。啟動中文輸入法輸入「我的主頁」四個字。字小不要緊，我們可以對它進行設置。

【設置文字的格式】 選中文字，在上圖屬性面板中將字體格式設置成默認字體，大小可任意更改字型大小。並選中「B」將字體變粗。

【設置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標，在彈出的顏色選擇器中用滴管選取顏色即可。

【設置網頁的標題和背景顏色】

點擊「修改」菜單選「頁面屬性」。系統彈出頁面屬性對話框

請在標題輸入框填入標題「我的主頁」。

設置背景顏色：　網頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進行選取。如果背景要設為圖片，點擊背景圖象「瀏覽」按鈕，系統彈出圖片選擇對話框，選中背景圖片文件，點擊確定按鈕。

設計視圖狀態，在標題「我的主頁」右邊空白處單擊滑鼠，回車換一行，按照以下的步驟插入一幅畫圖片，並使這張圖片居中。您也可以通過屬性面板中的左對齊按鈕讓其居左安放。　

【插入圖像】選擇以下任意一種方法：

（1）使用插入菜單：在「插入」菜單選「圖像」，彈出「選擇圖像源文件」對話框，選中該圖像文件，單擊確定。如下圖：

（2）使用插入欄：單擊插入欄對象按鈕>選 按鈕，彈出「選擇圖像源文件」對話框，其餘操作同上。

（3）使用面板組「資源」面板（如下圖）：點按鈕，展開根目錄的圖片文件夾，選定該文件，用滑鼠拖動至工作區合適位置。

註：為了管理方便，我們把圖片放在「images」文件夾內。如果圖片少，您也可以放在站點根目錄下。注意文件名要用英文或用拼音文字命名而且使用小寫，不能用中文，否則要出現一些麻煩。

一個圖片就插入完畢了。（插入*.swf動畫文件，選擇「插入」菜單＞媒體＞Flash）。

【輸入歡迎文字】

在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字「歡迎您……」然後，利用屬性面板對文字進行設置。

保存頁面。

一個簡單的頁面就這樣編輯完畢了。

【預覽網頁】在頁面編輯器中按F12預覽網頁效果。

網站中的第一頁，也就是首頁，我們通常在存檔時取名為index.htm。

【小結】我們製作了一個簡單的網頁。

內容有四：

①圖片插入和對齊設置；
②文字的格式、顏色和加粗等設置；
③背景顏色的設置；
④預覽網頁，查看實際效果。

5、怎樣用dreamweaver設計一個主頁？

用dreamweaver 靜態生成頁面即可，注意樣式控制，image，flash，js等效果會為你的網站增色不少。如果你會做靜態頁面 用dreamweaver 可以新建一個html頁面，然後在裡面隨便打字，然後F12直接預覽即可看見你做的東西了，還是很不錯的，對於初學者還是很適用的，如果你還有什麼不明白的，可以找我恩。我很高興為你服務！！！！
<span onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)'; this.setHomePage('http://網站地址');" style="CURSOR: hand">設為主頁</span>

6、dw設計網頁時,布局常用什麼方法來布局呢???

1、嚴格意義來說dw並不能用來設計網頁，設計網頁都是在平面設計工具里完成的，比如在ps裡面設計好網站的效果圖，在ps裡面切圖。

2、dw只是個網站代碼編寫工具，使用dw編寫代碼會比較方面，因為有很多的快捷功能。但是對於高手來說，是用記事本都可以編輯網站的。

3、dw的編輯面板主要有三種視圖，分為 「代碼」「拆分」「設計」，如下圖

在製作網站的時候，能夠用到的主要是「代碼」視圖功能。「設計」和「拆分」視圖很少用到，只有當網站代碼出現問題的的時候用來查找錯誤，對於有一年多代碼編寫經驗的人來說，就已經用不到了。

4、在dw中編寫製作網站的代碼主要是div+css，也是就是html。網站布局也是通過html代碼來實現的，比如maigin 與padding position 都是來控制div的布局和位置的。

所以，在dw裡面設計網頁布局網站並不是dw的功能，還是通過代碼實現的。

7、菜鳥問題：C＃網站的界面如何使用Dreamweaver中製作的網頁界面啊？？？

你創建一個C#的website工程，然後你新建如default.aspx頁面，你再使用Dw8打開default.aspx進行頁面設計和排版就OK啦！

如果你說的是使用dw製作純html版式，那就拷貝html的代碼貼到default.aspx下的代碼就可以啦，這個不難！

8、關於建網站排版的問題（DW製作的)

留下Q，我也幫你試試哈。。~~

9、我用DW製作的網頁，在自己的電腦都排版好了，可是別人的電腦顯示不一樣

在背景圖片的樣式里加上no-repeat;如
background:url(../images/index5e_02.jpg) no-repeat; 這樣就可以了
希望可以幫到你。

10、用dreamweaver設計網站時怎麼吧一個網頁設置為首頁呢？

所謂的首頁，只是一個代名詞，我們看到的第一個為首，第一個頁面就是首頁，你把其他頁面的相關鏈接指向這個第一個頁面就行了。dreamweaver里沒有什麼特別的設置；實在要設置也是後台那邊把域名的相關東西指向這個頁面。但絕對不是用dreamweaver來設置。