Dreamwaver想要制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè),該怎么設(shè)計(jì)呢?下面我們就來(lái)看看詳細(xì)的教程。
1、打開(kāi)Dreamwaver cs6,設(shè)置站點(diǎn)在D/20151120225,建立新網(wǎng)頁(yè)HTML。
2、 輸入文字“人類的伙伴—狗”,設(shè)置ccs規(guī)則的選擇器類型。
3、插入背景。在“頁(yè)面屬性”-“背景圖像”插入背景。
4、設(shè)置表格。在“插入”-“表格”選擇7行3列,經(jīng)過(guò)“合并單元格”等調(diào)整,制作好表格。插入圖片。選擇“插入”—“圖像”在文件夾中選中需要的圖片,點(diǎn)擊確定。
5、插入音樂(lè)。選擇“插入”—“媒體”—“插件”—選擇所需音樂(lè)—“確定”。在“插件”中調(diào)整參數(shù)為“hidden”,數(shù)值為“TRUE”。保存網(wǎng)頁(yè)為index.html。這樣主頁(yè)面就做好了。
6、接下來(lái)做頁(yè)面二“狗狗品種介紹”。利用上述方法將表格和圖片插入并輸入文字內(nèi)容。插入“表單”。選擇“插入”—“表單”,在“表單”選中區(qū)域內(nèi)插入“表格”,然后在合適位置插入“列表”“單選按鈕組”和“按鈕”。
7、保存網(wǎng)頁(yè)二為“狗狗品種介紹.html”。
8、然后做頁(yè)面三“狗狗逗趣視頻”,利用上述方法將表格和圖片插入并輸入文字內(nèi)容。插入視頻。選擇“插入”—“媒體”—“FLV”—“累進(jìn)式下載視頻”—“URL”—“檢測(cè)大小”—“確定”。注意:將Flash播放器放到文件夾內(nèi)才能播放。
9、保存網(wǎng)頁(yè)三為“狗狗逗趣視頻.html”。
10、然后做頁(yè)面四“狗狗優(yōu)點(diǎn)貢獻(xiàn)”,利用上述方法將表格和圖片插入并輸入文字內(nèi)容。保存頁(yè)面四為“狗狗優(yōu)點(diǎn)貢獻(xiàn).html”。
11、創(chuàng)建超鏈接。在網(wǎng)頁(yè)上選中文字—“插入”—“超級(jí)鏈接”—“文件”—“目標(biāo)”為-blank。
以上就是Dreamwaver cs6設(shè)計(jì)網(wǎng)頁(yè)的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注VeVb武林網(wǎng)。
新聞熱點(diǎn)
疑難解答