網(wǎng)頁(yè)制作步驟.doc

《網(wǎng)頁(yè)制作步驟.doc》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、1、打開Dreamweaver軟件，創(chuàng)建一個(gè)新的空白HTML網(wǎng)頁(yè)。2、將網(wǎng)頁(yè)保存，選擇“文件”“保存”命令，命名為“index.html”.3、表格布局。在“設(shè)計(jì)”視圖下進(jìn)行表格布局?！安迦搿薄氨砀瘛泵?，彈出“表格”對(duì)話框，設(shè)置成3行3列，寬度為800像素，邊框?yàn)?.表格插入進(jìn)去以后，將表格“居中對(duì)齊”。現(xiàn)在來拆分、合并單元格。選中第一行的三個(gè)單元格，單擊“屬性”面板中左下角的合并按鈕。選中第二行的第一個(gè)單元格，單擊“屬性”面板中左下角的拆分按鈕，拆分成4行。選中第三行的三個(gè)單元格，單擊“屬性”面板中左下角的合并按鈕。設(shè)置單元格寬高。選中第一行，在“屬性”面

2、板中設(shè)置高度為150.選中第二行剛剛拆分后的四個(gè)單元格，設(shè)置寬度為150，高度為50.選中第三行，設(shè)置高度為30.4、設(shè)置背景。單擊“屬性”面板中的“頁(yè)面屬性”按鈕，在彈出的“頁(yè)面屬性”對(duì)話框中設(shè)置背景圖像。選中表格的第一行，單擊“屬性”面板中“背景”后的文件夾按鈕，設(shè)置單元格背景。選中以下所示的三個(gè)單元格，設(shè)置背景圖像。對(duì)表格剩下的部分，設(shè)置背景顏色。設(shè)置完成后的效果如下圖所示。6、添加文字信息。編輯字體、字號(hào)、字體顏色、大小等信息。7、插入圖片。選擇“插入”“圖像”命令，在后邊的單元格內(nèi)插入一張圖片。調(diào)整圖片大小，并居中。8、選中整個(gè)表格?？蓡螕糇笙陆堑膖

3、able標(biāo)簽。在“屬性”面板中設(shè)置間距為0。首頁(yè)“index.html”已完成。9、新建一個(gè)html網(wǎng)頁(yè)，命名為“donghua.html”，保存到同一文件夾內(nèi)。10、在index.html頁(yè)面中，單擊“代碼”，回到“代碼”視圖，選中所有代碼，復(fù)制。然后到donghua.html頁(yè)面“代碼”視圖下，將原有代碼刪除后粘貼。在donghua.html的設(shè)計(jì)視圖下，刪除之前第二行二、三列單元格內(nèi)容后，合并這兩個(gè)單元格。在此單元格內(nèi)插入Flash動(dòng)畫。選擇“插入”“媒體”“Flash”命令。調(diào)整大小、居中?；瘜W(xué)動(dòng)畫“donghua.html”已完成。11、設(shè)置超鏈接。

4、Index.html頁(yè)面中：選中“首頁(yè)”這兩個(gè)字，在“屬性”面板里設(shè)置超鏈接。Index.html頁(yè)面中：選中“化學(xué)動(dòng)畫”這兩個(gè)字，在“屬性”面板里設(shè)置超鏈接。用同樣的方式，設(shè)置donghua.html頁(yè)面中的超鏈接。在“頁(yè)面屬性”按鈕下，可以對(duì)鏈接樣式進(jìn)行修改。做好后，進(jìn)行預(yù)覽。預(yù)覽按鈕如下圖所示。