Dreamweaver想要制作一個(gè)簡單的網(wǎng)頁，該怎么設(shè)計(jì)呢？下面我們就來看看詳細(xì)的教程。

1、打開Dreamwaver cs6，設(shè)置站點(diǎn)在D/20151120225，建立新網(wǎng)頁HTML。

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

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

4、設(shè)置表格。在“插入”-“表格”選擇7行3列，經(jīng)過“合并單元格”等調(diào)整，制作好表格。插入圖片。選擇“插入”—“圖像”在文件夾中選中需要的圖片，點(diǎn)擊確定。

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

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

7、保存網(wǎng)頁二為“狗狗品種介紹.html”。

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

9、保存網(wǎng)頁三為“狗狗逗趣視頻.html”。

10、然后做頁面四“狗狗優(yōu)點(diǎn)貢獻(xiàn)”，利用上述方法將表格和圖片插入并輸入文字內(nèi)容。保存頁面四為“狗狗優(yōu)點(diǎn)貢獻(xiàn).html”。

11、創(chuàng)建超鏈接。在網(wǎng)頁上選中文字—“插入”—“超級(jí)鏈接”—“文件”—“目標(biāo)”為-blank。

以上就是Dreamweaver cs6設(shè)計(jì)網(wǎng)頁的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Dreamweaver怎么怎么利用層布局網(wǎng)頁?

Dreamweaver CC怎么制作純文本的網(wǎng)頁?

dreamweaver cs5怎么給網(wǎng)頁添加設(shè)置為主頁的按鈕?