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

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

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

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

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

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