Dreamwaver想要制作一個簡單的網頁，該怎么設計呢？下面我們就來看看詳細的教程。

1、打開Dreamwaver cs6，設置站點在D/20151120225，建立新網頁HTML。

2、 輸入文字“人類的伙伴—狗”，設置ccs規則的選擇器類型。

3、插入背景。在“頁面屬性”-“背景圖像”插入背景。

4、設置表格。在“插入”-“表格”選擇7行3列，經過“合并單元格”等調整，制作好表格。插入圖片。選擇“插入”—“圖像”在文件夾中選中需要的圖片，點擊確定。

5、插入音樂。選擇“插入”—“媒體”—“插件”—選擇所需音樂—“確定”。在“插件”中調整參數為“hidden”，數值為“TRUE”。保存網頁為index.html。這樣主頁面就做好了。

6、接下來做頁面二“狗狗品種介紹”。利用上述方法將表格和圖片插入并輸入文字內容。插入“表單”。選擇“插入”—“表單”，在“表單”選中區域內插入“表格”，然后在合適位置插入“列表”“單選按鈕組”和“按鈕”。

7、保存網頁二為“狗狗品種介紹.html”。

8、然后做頁面三“狗狗逗趣視頻”，利用上述方法將表格和圖片插入并輸入文字內容。插入視頻。選擇“插入”—“媒體”—“FLV”—“累進式下載視頻”—“URL”—“檢測大小”—“確定”。注意：將Flash播放器放到文件夾內才能播放。

9、保存網頁三為“狗狗逗趣視頻.html”。

10、然后做頁面四“狗狗優點貢獻”，利用上述方法將表格和圖片插入并輸入文字內容。保存頁面四為“狗狗優點貢獻.html”。

11、創建超鏈接。在網頁上選中文字—“插入”—“超級鏈接”—“文件”—“目標”為-blank。

以上就是Dreamwaver cs6設計網頁的教程，希望大家喜歡，請繼續關注VeVb武林網。