1、創建新文檔。

【資料圖】

2、選擇“文件”“新建”菜單命令以打開“新建文檔”對話框，選擇“空白頁”選項卡，然后在“頁面類型”列表框中選擇“HTML”選項，并在“布局”列表框中選擇“(無)”選項。

3、單擊[創建]創建一個空白文檔。

4、選擇[文件]和[另存為]菜單命令，打開[另存為]對話框。在[文件名]文本框中輸入“index.html ”,然后單擊[保存]按鈕保存文檔。

5、將光標放在[標題]文本框中，輸入“我的網站”

6、插入表格。

7、將光標放在頁面上，選擇[插入]和[表格]菜單命令。

8、將彈出表格對話框，并將行數設置為1，列數設置為2，表格寬度設置為778像素。

9、單擊[確定]插入表格。選擇表格，然后在[屬性]面板中將[對齊]設置為[居中對齊]。

10、選擇修改和頁面屬性以打開頁面屬性對話框，并將上邊距和左邊距的值設置為0。然后單擊[確定]按鈕。

11、插入頂部圖像

12、將光標放在第一列的單元格中，選擇[插入]和[圖像]打開[選擇圖像源文件]對話框。

13、選擇圖像文件，然后單擊[確定]按鈕插入圖像。

14、將光標放在第二列的單元格中，選擇[插入]和[圖像]打開[選擇圖像源文件]對話框。

15、選擇圖像文件，然后單擊[確定]按鈕插入圖像。

16、插入表格。

17、選擇第一次插入的表格的邊框線后，按一下右箭頭鍵，然后選擇[插入]和[表格]打開[表格]對話框。

18、將[行號]設為“1”，將[列]設為“6”，將[表格寬度]設為“778”像素，然后單擊[確定]插入表格。

19、選擇表格，并在[屬性]面板中，將[對齊]設置為[居中對齊]。

20、插入導航圖像。

21、將光標放在列1的單元格中，然后切換到拆分視圖，并在相應位置輸入以下代碼：

22、腳本語言=JavaScript1.2

23、var isnMonth=new

24、Array("一月"，"二月"，"三月"，"四月"，"五月"，"六月"，"七月"，"八月"，"九月"，"十月"，"十一月"，"十二月")；

25、var isnDay=new

26、Array("星期日"，"星期一"，"星期二"，"星期三"，"星期四"，"星期五"，"星期六"，"星期日")；

27、today=new Date()；

28、year=today . get year()；

29、date=today . getdate()；

30、if (document.all)

31、document . write(Year " is month[today。getMonth()]Date " is day[today . getday()])

32、/腳本

33、將光標放在第二列的單元格中，選擇[插入]和[圖像]打開[選擇圖像源文件]對話框。

34、選擇圖像文件，然后單擊[確定]按鈕插入圖像。

35、將光標放在第三列的單元格中，選擇[插入]和[圖像]打開[選擇圖像源文件]對話框。

36、選擇圖像文件，然后單擊[確定]按鈕插入圖像。

37、重復步驟2-3，并以同樣的方式插入剩余的導航欄圖像。保存文檔，按[F12]鍵在瀏覽器中瀏覽網址導航欄效果。

38、網站的主要部分。

39、選擇[主頁]圖像，打開[屬性]面板，然后選擇[矩形熱點工具]

40、將光標移動到圖像上，在[主頁]上拖動鼠標，繪制一個矩形熱點。

41、在[屬性]面板中，單擊[鏈接]文本框右側的[瀏覽文件]按鈕，打開[選擇文件]對話框。選擇鏈接的文件，然后單擊[確定]。

42、將光標移動到[我的簡介]圖像上，并在其上拖動鼠標以繪制一個矩形熱點。然后，在[屬性]面板中，設置圖像的鏈接(此處設置為空鏈接)。按照步驟1~4，在其他導航圖像上繪制矩形熱點，并設置相應的鏈接(此處設置為空鏈接)。

43、插入表格。

44、將光標放在導航欄的右側，然后選擇“插入表格”菜單命令。在彈出的表格對話框中，將行數設置為1，列數設置為3，表格寬度設置為778像素，并將表格的對齊屬性設置為居中對齊。

45、創建公告板和祝福板。

46、將光標放在第一行的單元格中，選擇[插入]和[圖像]菜單命令，在彈出的[選擇圖像源文件]對話框中選擇一個圖像文件，然后單擊[確定]插入圖像。

47、添加其他內容等等。

本文到此結束，希望對大家有所幫助。

關鍵詞：