2.建立新的網(wǎng)頁
然后切換到視圖中的文件夾,這樣我們可以輕易地看到整個站點的結(jié)構(gòu)。
我們可以看到當(dāng)選中一個頁面,點擊右鍵時,有很多選項,既可以重命名,又可以設(shè)置為主頁,當(dāng)然也可以選擇打開網(wǎng)頁文件。我們還是回到網(wǎng)頁視圖選擇新建一個空白網(wǎng)頁吧。
在空白的頁面上單擊右鍵,選擇網(wǎng)頁屬性。在網(wǎng)頁屬性對話框的常規(guī)標(biāo)簽中設(shè)置網(wǎng)頁的標(biāo)題為“體驗”,然后選擇背景標(biāo)簽,設(shè)置背景顏色。如果你愿意,也可以設(shè)置背景圖片及背景音樂等等。
3.在新建網(wǎng)頁中設(shè)置表格
設(shè)置好以后,回到網(wǎng)頁,然后添加一個表格。當(dāng)然我們也可以通過主菜單中的表格自動套用格式給表格加上格式,它提供了一個方便快捷的途徑來制作專業(yè)化的表格。當(dāng)選定喜歡的表格風(fēng)格以后,F(xiàn)rontPage XP會自動改變表格的邊界、陰影、顏色等屬性。不過我們這兒的表格是用來在網(wǎng)頁中定位的,所以不加任何格式。
接著在第二行的單元格里點擊右鍵,然后選擇拆分單元格,拆分成兩列。將光標(biāo)移動到拆分出來的左面的那個單元格里面,然后在主菜單里面選擇插入圖片來自文件,隨后在文件瀏覽框中選擇我們事先準(zhǔn)備好的一個圖片。同樣在第二個單元格里面插入一張圖片,為了使兩張圖片的位置恰當(dāng)搭配,可以適當(dāng)調(diào)節(jié)單元格的大小,也可以選中圖片以后單擊右鍵選擇圖片屬性適當(dāng)調(diào)整。如果有必要,也可以選擇網(wǎng)頁視圖左下角的HTML視圖,然后直接編輯源代碼。值得注意的是,F(xiàn)rontPage XP的HTML編輯器采用的是彩色代碼,這樣可以很容易地識別HTML語言的各個部分。
然后我們再將光標(biāo)移動到上面的那一個單元格,在主菜單中選擇插入表單下拉框。隨后刪除下拉框旁邊的兩個按鈕,因為這兩個按鈕我們并不需要。選中下拉框,點擊右鍵,選擇表單域,在下拉框?qū)傩詫υ捒蛑刑砑又甘卷撁鎸?dǎo)航的一系列參數(shù)。但是僅僅修改這些代碼是不能使我們的HTML頁面達(dá)到目的的,我們還必須手工修改代碼,在……區(qū)中間添加下面一段:
同時修改部分為:
然后切換到視圖中的文件夾,這樣我們可以輕易地看到整個站點的結(jié)構(gòu)。
我們可以看到當(dāng)選中一個頁面,點擊右鍵時,有很多選項,既可以重命名,又可以設(shè)置為主頁,當(dāng)然也可以選擇打開網(wǎng)頁文件。我們還是回到網(wǎng)頁視圖選擇新建一個空白網(wǎng)頁吧。
在空白的頁面上單擊右鍵,選擇網(wǎng)頁屬性。在網(wǎng)頁屬性對話框的常規(guī)標(biāo)簽中設(shè)置網(wǎng)頁的標(biāo)題為“體驗”,然后選擇背景標(biāo)簽,設(shè)置背景顏色。如果你愿意,也可以設(shè)置背景圖片及背景音樂等等。
3.在新建網(wǎng)頁中設(shè)置表格
設(shè)置好以后,回到網(wǎng)頁,然后添加一個表格。當(dāng)然我們也可以通過主菜單中的表格自動套用格式給表格加上格式,它提供了一個方便快捷的途徑來制作專業(yè)化的表格。當(dāng)選定喜歡的表格風(fēng)格以后,F(xiàn)rontPage XP會自動改變表格的邊界、陰影、顏色等屬性。不過我們這兒的表格是用來在網(wǎng)頁中定位的,所以不加任何格式。
接著在第二行的單元格里點擊右鍵,然后選擇拆分單元格,拆分成兩列。將光標(biāo)移動到拆分出來的左面的那個單元格里面,然后在主菜單里面選擇插入圖片來自文件,隨后在文件瀏覽框中選擇我們事先準(zhǔn)備好的一個圖片。同樣在第二個單元格里面插入一張圖片,為了使兩張圖片的位置恰當(dāng)搭配,可以適當(dāng)調(diào)節(jié)單元格的大小,也可以選中圖片以后單擊右鍵選擇圖片屬性適當(dāng)調(diào)整。如果有必要,也可以選擇網(wǎng)頁視圖左下角的HTML視圖,然后直接編輯源代碼。值得注意的是,F(xiàn)rontPage XP的HTML編輯器采用的是彩色代碼,這樣可以很容易地識別HTML語言的各個部分。
然后我們再將光標(biāo)移動到上面的那一個單元格,在主菜單中選擇插入表單下拉框。隨后刪除下拉框旁邊的兩個按鈕,因為這兩個按鈕我們并不需要。選中下拉框,點擊右鍵,選擇表單域,在下拉框?qū)傩詫υ捒蛑刑砑又甘卷撁鎸?dǎo)航的一系列參數(shù)。但是僅僅修改這些代碼是不能使我們的HTML頁面達(dá)到目的的,我們還必須手工修改代碼,在……區(qū)中間添加下面一段:
同時修改部分為: