第8課制作網(wǎng)站首頁目錄CONTENTS123學(xué)習(xí)目標(biāo)學(xué)習(xí)過程知識窗4課堂練習(xí)了解建立網(wǎng)站的初步知識。學(xué)會用表格來安排網(wǎng)頁內(nèi)容。掌握插入圖像的操作方法。學(xué)習(xí)目標(biāo)建立一個網(wǎng)站時，一般要經(jīng)過確定主題、設(shè)計(jì)網(wǎng)站結(jié)構(gòu)、設(shè)計(jì)網(wǎng)頁界面、搜集與加工素材、制作網(wǎng)頁、測試與發(fā)布網(wǎng)站等幾個步驟。本課以建立一個“星星網(wǎng)上家園”的首頁為例，介紹有關(guān)的知識和方法。學(xué)習(xí)過程“星星網(wǎng)上家園”網(wǎng)站中要展示圖片、文字、電子作品等資料。為了使網(wǎng)站有一個整體風(fēng)貌，如何把這些資料分類、組織并展示出來，是網(wǎng)站設(shè)計(jì)時首先要考慮的問題。因此，先要設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)。

可以看出，這個網(wǎng)站分別用“迷人風(fēng)光”“傳說故事”“作品集綿”、“我的收藏”“書海采擷”“網(wǎng)上調(diào)查”等欄目的網(wǎng)頁展示相關(guān)的信息，這些網(wǎng)頁又可以鏈接到多個相關(guān)的網(wǎng)頁，它們之間的關(guān)系。一、設(shè)計(jì)網(wǎng)站結(jié)構(gòu)學(xué)習(xí)過程網(wǎng)站的主題和結(jié)構(gòu)確定后，需要根據(jù)每個網(wǎng)頁表現(xiàn)的主題來設(shè)計(jì)、準(zhǔn)備網(wǎng)頁中的文字、聲音、圖像、動畫等各種素材。收集整理素材的工作是網(wǎng)站建設(shè)的關(guān)鍵之一。收集素材的途徑是多方面的，下面列出了主要的幾方面：到圖書館查閱資料；在因特網(wǎng)上搜索素材；用影視播放軟件從VCD、CD光盤中選取影視、音樂片斷；用Windows系統(tǒng)的“錄音機(jī)”錄制音頻素材；用數(shù)碼相機(jī)拍攝數(shù)字化圖像；截取計(jì)算機(jī)屏幕上顯示的圖像。二、收集資料學(xué)習(xí)過程第1步：執(zhí)行“文件”菜單中的“打開站點(diǎn)”命令，打開“李敏的網(wǎng)站”，然后把插入點(diǎn)移到編輯區(qū)中要插入表格的位置上。

第2步：依次打開“表格”菜單、“插入”菜單，單擊其中的“表格”命令，打開“插入表格”對話框。三、插入表格學(xué)習(xí)過程動手做：在網(wǎng)頁中插入一個表格，用來安排首頁的版面。第3步：設(shè)置行數(shù)為5，列數(shù)為2，寬度為整個頁面的90%，對齊方式為水平居中，邊框粗細(xì)為0（瀏覽時不顯示邊框），然后單擊按鈕，在網(wǎng)頁中插入一個5行2列的表格。

第4步：把鼠標(biāo)指針指向第1行單元格左側(cè)的邊框，指針變成→形后單擊，選定第1行。學(xué)習(xí)過程第5步：打開“表格”菜單，單擊“合并單元格”命令，把第1行合并為一個單元格。同理，合并第2、5行的單元格。學(xué)習(xí)過程第1步：在表格第1行的單元格中單擊一下，出現(xiàn)插入點(diǎn)時，在格式工具欄中選定標(biāo)題的字體、字號、顏色，如“方正黃草簡體、6（24磅）、藍(lán)色”，對齊方式設(shè)為“居中”。

第2步：輸入標(biāo)題“星星網(wǎng)上家園”。

第3步：把插入點(diǎn)移到第2行的單元格中，選定適當(dāng)?shù)淖煮w、字號、顏色以及對齊方式，然后輸入各欄目名稱“迷人風(fēng)光傳說故事作品集錦我的收藏書海采擷網(wǎng)上調(diào)查”。第4步：把插入點(diǎn)移到第3行左側(cè)的單元格中，選定適當(dāng)?shù)淖煮w、字號、顏色以及對齊方式，然后輸入正文的內(nèi)容。四、輸入文字學(xué)習(xí)過程動手做：輸入首頁中的文字。第5步：拖動鼠標(biāo)指針，選定正文的文字，然后打開“格式”菜單，單擊“段落”命令，打開“段落”對話框，把行距大小設(shè)為“1.5倍行距”。

第6步：類似地，在第4行右側(cè)的單元格中輸入“歡迎來信”。在第5行的單元格中輸入版權(quán)、制作者等信息。學(xué)習(xí)過程第7步：單擊常用工具欄中的按鈕，以index.htm為文件名保存網(wǎng)頁內(nèi)容。學(xué)習(xí)過程第1步：把插入點(diǎn)移到第3行右側(cè)的單元格中，單擊常用工具欄中的按鈕，出現(xiàn)“圖片”對話框。五、插入圖片學(xué)習(xí)過程動手做：在首頁中插入圖片。第2步：單擊對話框右下角的按鈕，出現(xiàn)“選擇文件”對話框時，打開指定的文件夾，找到要插入的圖片文件后雙擊，把圖片插入頁面中。

第3步：右擊插入的圖片，打開一個快捷菜單，單擊“圖片屬性”命令，出現(xiàn)“圖片屬性”對話框時，打開“外觀”選項(xiàng)卡，在“對齊方式”選擇框中選定“水平居中”選項(xiàng)，再適當(dāng)設(shè)置圖片的大小、水平間距和垂直間距等選項(xiàng)，最后單擊按鈕。學(xué)習(xí)過程學(xué)習(xí)過程第4步：單擊插入的圖片，使它處于選定狀態(tài)，拖動四周的操作點(diǎn)，適當(dāng)調(diào)整圖片的大小。

第5步：用類似的方法，在第4行的兩個單元格中插入兩幅gif格式的圖像或動畫，并適當(dāng)調(diào)整對齊方式及大小。在第2行中各欄目名稱的前面插入一個小圖標(biāo)，保存網(wǎng)頁后瀏覽，完成后關(guān)閉FrontPage窗口。練一練學(xué)習(xí)過程知識窗一、網(wǎng)頁中圖像文件的格式

gif和jpg（或jpeg）是網(wǎng)頁中最常用的圖像格式，它們都是壓縮格式，文件所占存儲空間較小，適合在網(wǎng)絡(luò)中傳送。

gif格式是因特網(wǎng)上使用最早、應(yīng)用最廣泛的圖像格式之一。這種格式采用非失真的壓縮方式，在圖像壓縮過程中，像素不會被壓縮，壓縮掉的是圖像的顏色。gif格式的圖像最多能顯示256種顏色。

jpg格式的圖像采用失真的壓縮方式，在圖像壓縮過程中，保證圖像的色彩不損失，但圖像的像素會減少。這種格式的圖像支持24位真彩色。知識窗二、網(wǎng)站結(jié)構(gòu)設(shè)計(jì)

①網(wǎng)站設(shè)計(jì)是否成功，選題至關(guān)重要。最好選自己熟悉的主題，這樣才能做好你的網(wǎng)站，使網(wǎng)站內(nèi)容豐富，與眾不同，從而吸引校多的瀏覽者。

②資料信息量要充足，版面美觀但無多少實(shí)際資料信息的網(wǎng)站無法吸引訪問者的目光。

③確定網(wǎng)站結(jié)構(gòu)是網(wǎng)站設(shè)計(jì)中十分重要的一步。根據(jù)搜集整理的資料，規(guī)劃出網(wǎng)站的結(jié)構(gòu)，設(shè)計(jì)出要制作的網(wǎng)頁以及網(wǎng)頁之間的關(guān)系，然后畫出草圖。

1.根據(jù)自己的愛好，進(jìn)一