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è)置為主頁的按鈕?
新聞熱點(diǎn)
疑難解答