初中八年級-網(wǎng)頁的制作

網(wǎng)頁的制作第一頁，共二十五頁。導(dǎo)入隨著信息技術(shù)的發(fā)展，特別是網(wǎng)絡(luò)的發(fā)展，因特網(wǎng)已經(jīng)成為了我們生活的一部分。因特網(wǎng)上的信息給我們呈現(xiàn)了一個繽紛多彩的世界，展現(xiàn)了其無窮的魅力。本節(jié)大家要學(xué)習(xí)制作個人網(wǎng)頁，用它表達(dá)和傳輸個人的信息。第二頁，共二十五頁。資料張華是學(xué)校信息科技興趣小組的成員，他在學(xué)校信息科技教師的指導(dǎo)下，學(xué)會了制作網(wǎng)頁，幫助教師維護(hù)學(xué)校的校園網(wǎng)。校園網(wǎng)中經(jīng)常有他制作和發(fā)布的精彩網(wǎng)頁，同學(xué)們都很羨慕他制作網(wǎng)頁的技術(shù)。他說:“制作網(wǎng)頁其實(shí)并不難不信你試一試。”第三頁，共二十五頁。集思廣益打開學(xué)校校園網(wǎng)首頁，看一看校園網(wǎng)頁是怎樣布局的，它采用了哪些媒體方式表達(dá)信息？第四頁，共二十五頁。知識學(xué)習(xí)網(wǎng)頁是一種很好的信息交流形式，網(wǎng)頁中可以有文字、圖片信息，也可以有動畫、聲音信息，通過網(wǎng)頁既可以發(fā)布信息，也可以查看他人的信息。一、網(wǎng)頁的新建與布局1.新建網(wǎng)頁通常啟動FrontPage軟件后，該軟件將會自動創(chuàng)建-個空白的網(wǎng)頁文件。另外，我們也可以通過“文件”菜單中的“新建”命令新建網(wǎng)頁。在“新建”任務(wù)窗口中既可以創(chuàng)建空白網(wǎng)頁，也可以利用網(wǎng)頁模板創(chuàng)建網(wǎng)頁。下圖所示是創(chuàng)建一個空白網(wǎng)頁的方法。第五頁，共二十五頁。第六頁，共二十五頁。2、網(wǎng)頁的布局一個好的網(wǎng)頁除了內(nèi)容豐富外，還需要有一個合理安排的頁面布局，它能給人以較強(qiáng)的視覺沖擊力和舒適感。

表格是網(wǎng)頁設(shè)計(jì)中用得最多的元素，利用表格可以設(shè)計(jì)出布局合理，美觀的網(wǎng)頁。以下是運(yùn)用表格對網(wǎng)頁進(jìn)行設(shè)計(jì)布局的具體步驟：第七頁，共二十五頁。(1)打開“表格”菜單，單擊“插人”中“表格”命令，在彈出的“插人表格”對話框中設(shè)置表格的屬性。具體如圖4.8所示，設(shè)置表格寬度為“760像素”，目的是為了在分辨率為1024像素x768像素的屏幕上完整顯示網(wǎng)頁；邊框的祖細(xì)為“0”是為了不顯示表格的邊框。第八頁，共二十五頁。(2)完成“插入表格”對話框的設(shè)置后，通過移動表格邊框線，初步完成布局。(3)根據(jù)需要選中要合并的單元格，通過鼠標(biāo)右鍵快捷菜單中的“合并單元格”命令實(shí)現(xiàn)單元格的合并完成網(wǎng)頁的布局。具體如圖4.9所示。第九頁，共二十五頁。（4）完成布局后，將網(wǎng)頁保存到“D:\wangzhan”文件夾中，取名為"index.htm"。

在網(wǎng)站建設(shè)中，網(wǎng)頁文件最常見的后綴名是htm或html。投石問路利用FrontPage軟件制作個人網(wǎng)頁，利用表格完成網(wǎng)頁的布局。第十頁，共二十五頁。二、網(wǎng)頁的編輯

1.設(shè)置網(wǎng)頁屬性網(wǎng)頁布局完成后，在網(wǎng)頁中單擊鼠標(biāo)右鍵，選擇快捷菜單中的“網(wǎng)頁屬性"命令，可設(shè)置網(wǎng)頁的屬性。在“常規(guī)”選項(xiàng)卡中的“標(biāo)題”文本框中輸入文字“歡迎來到我的個人站點(diǎn)”。當(dāng)瀏覽該網(wǎng)頁時，瀏覽器的標(biāo)題欄上會出現(xiàn)輸人的這些文本。此外，在“網(wǎng)頁屬性”窗口中還可以修改網(wǎng)頁的背景、超鏈接的顏色、背景音樂等屬性，如圖4.10所示。第十一頁，共二十五頁。第十二頁，共二十五頁。

2.設(shè)置單元格屬性要設(shè)置單元格的屬性，可通過在單元格中單擊鼠標(biāo)右鍵，選擇快捷菜單中的“單元格屬性”命令，在“單元格屬性”對話框中進(jìn)行設(shè)置，其中的屬性包括對齊方式、指定寬度、指定高度、設(shè)置單元格背景等，如圖4.11所示。第十三頁，共二十五頁。第十四頁，共二十五頁。

3、編輯文本文字是網(wǎng)頁上信息表達(dá)的主要方式，網(wǎng)頁布局完成后，可在網(wǎng)頁單元格中輸入文字，也可將其他文檔中的文字復(fù)制到單元格中。輸入到單元格中的文字一般都比較單調(diào)，通過設(shè)置字體、大小、對齊方式等屬性對網(wǎng)頁中的文字進(jìn)行修飾，可以達(dá)到美化網(wǎng)頁的目的。第十五頁，共二十五頁。

4.插入與編輯圖片網(wǎng)頁中除了文字內(nèi)容外，添加一些相應(yīng)的圖片，會產(chǎn)生圖文并茂的效果，可以使網(wǎng)頁更加生動和有吸引力。利用FrontPage軟件，在網(wǎng)頁的左上角插入圖片的過程如下:(1)選擇需要插人圖片的單元格，依次單擊“插入”——“圖片”——“來自文件”命令，將圖片插人到單元格中，具體步驟如圖4.12所示。第十六頁，共二十五頁。第十七頁，共二十五頁。(2)插入圖片后，如果需要調(diào)整它的大小對齊方式等屬性，可以使用鼠標(biāo)右鍵快捷菜單中的“圖片屬性”命令，通過“圖片屬性”對話框進(jìn)行調(diào)整，如圖4.13所示。(3)保存網(wǎng)頁，在彈出的“保存嵌人式文件”窗口中，將圖片文件都保存到"D:\wangzhanim-ages"文件夾中即可。輸入相應(yīng)的文字及插入圖片后，就完成了一個簡單的個人網(wǎng)頁，如圖4.14所示。第十八頁，共二十五頁。第十九頁，共二十五頁。

5、設(shè)置超鏈接在一個網(wǎng)站中，我們可以通過設(shè)置超鏈接把獨(dú)立的網(wǎng)頁聯(lián)系起來，讓瀏覽者能通過單擊設(shè)置了超鏈接的內(nèi)容進(jìn)人到網(wǎng)站中的其他頁面。最常見的做法是為文字或圖片制作超鏈接。制作時，只需要選中該文字或圖片單擊“插人”菜單中的"超鏈接”命令，然后在“編輯超鏈接”窗口中，選擇需要鏈接到的文件，最后單擊“確定”即可。具體操作步驟如下圖所示。第二十頁，共二十五頁。第二十一頁，共二十五頁。探究與實(shí)踐使用FrontPage軟件制作“自我介紹”、“學(xué)習(xí)心得”、“我的創(chuàng)作”、“精彩收藏”等網(wǎng)頁，要求在網(wǎng)頁中使用文字、圖片等多種信息。嘗試在個人網(wǎng)站的首頁中制作超鏈接，鏈接到相應(yīng)的網(wǎng)頁。第二十二頁，共二十五頁。知識拓展1、網(wǎng)頁面布局的步驟2、網(wǎng)頁面布局的原則（1）平衡性（2）對稱性（3）對比性（4）疏密度第二十三頁，共二十五頁。謝謝第二十四頁，共二十五頁。內(nèi)容總結(jié)網(wǎng)頁的制作。隨著信息技術(shù)的發(fā)展，特別是網(wǎng)絡(luò)的發(fā)展，因特網(wǎng)已經(jīng)成為了我們生活的一部分。一個好的網(wǎng)頁除了內(nèi)容豐富外，還需要有一個合理安排的頁面布局，它能給人以較強(qiáng)的。邊框的祖細(xì)為“0”是為了不顯示表格的邊框。(3)根據(jù)需要選中要合并的單元格，通過鼠標(biāo)右鍵快捷菜單中的“合并單元格”命令實(shí)現(xiàn)單元格的合并完成網(wǎng)頁的布局。在“常規(guī)”選項(xiàng)卡中的“標(biāo)題”文本框中輸入