初中八年級(jí)信息技術(shù)課件-建立分頁(yè)面

建立分頁(yè)面學(xué)習(xí)任務(wù)

通過(guò)建立分頁(yè)面，進(jìn)一步運(yùn)用主頁(yè)制作中的一些方法，掌握新建各式網(wǎng)頁(yè)和頁(yè)面制作的一些技巧。相關(guān)知識(shí)新建各式網(wǎng)頁(yè)命名新網(wǎng)頁(yè)設(shè)置表格屬性充實(shí)分頁(yè)面內(nèi)容一、建立分欄目網(wǎng)頁(yè)新建分欄目網(wǎng)頁(yè)的方法與新建主頁(yè)類似。（1）單擊菜單欄中的“文件”→“新建”→“網(wǎng)頁(yè)”，選擇“HTML”（如圖14-1）。（2）單擊“確定”按鈕后，生成網(wǎng)頁(yè)文件“無(wú)標(biāo)題_1.htm”（如圖14-2），可根據(jù)各分欄目名稱將網(wǎng)頁(yè)文件另存為合適的文件名。如“網(wǎng)絡(luò)世界”根據(jù)網(wǎng)站欄目的設(shè)計(jì)，各個(gè)分欄目為“網(wǎng)絡(luò)抬貝”、“網(wǎng)絡(luò)交流”、“網(wǎng)絡(luò)安全”及“網(wǎng)絡(luò)生活”等，建立的相應(yīng)網(wǎng)頁(yè)文件為wlsb.htm、wljl.htm、wlaq.htm及wlsh.htm，文件夾列表如圖14-3所示。二、充實(shí)分欄目網(wǎng)頁(yè)內(nèi)容與主頁(yè)制作方法類似，分欄目網(wǎng)頁(yè)一般也使用表格對(duì)版面布局，然后按欄目策劃方案加入內(nèi)容。制作時(shí)可參考如下頁(yè)面制作技巧：1.調(diào)整表格指定寬度。通常采用改變表格寬度“百分比”來(lái)控制表格在頁(yè)面中的比例。（1）右擊表格，選擇“表格屬性”。（2）在“表格屬性”對(duì)話框中，勾選“指定寬度（H）”復(fù)選框，選擇“百分比”，在文本框中輸入具體的數(shù)值，如輸入“100”表示表格的寬度與網(wǎng)頁(yè)的寬度一樣，輸人“50”則表示表格只占網(wǎng)頁(yè)可視區(qū)域的一半，如圖14-4所示。2.改變表格線外觀。插入表格的默認(rèn)“邊框”粗細(xì)為“0”，預(yù)覽時(shí)，看不見(jiàn)表格線。如要讓表格線在預(yù)覽時(shí)顯示，則要將“邊框”的粗細(xì)值設(shè)為具體的數(shù)值，如“1”。表格線“邊框”粗細(xì)為“0”，雖然看不見(jiàn)表格線，但單元格之間仍有比較大的間距，會(huì)讓人感覺(jué)線條的存在。只要合理地設(shè)置“單元格襯距”和“單元格間距”的參數(shù)，就能生成細(xì)線條的表格，瀏覽時(shí)看不到表格線，也感覺(jué)不到線條的存在，如圖14-5所示。日積月累單元格間距指兩個(gè)相鄰單元格之間的距離；單元格襯距指單元格內(nèi)容與單元格左邊距和上邊距之間的距離。親身體驗(yàn)對(duì)單元格的“邊框粗細(xì)”、“單元格襯距”等參數(shù)作不同的設(shè)置，觀察網(wǎng)頁(yè)表格線外觀的變化情況。隨堂練習(xí)1.根據(jù)設(shè)計(jì)的分欄目版塊制作分欄目網(wǎng)頁(yè)。2.在因特網(wǎng)上學(xué)習(xí)有關(guān)制作岡站的技巧，使分欄目頁(yè)面更加精美。閱讀材料使用CSS樣式表在制作網(wǎng)頁(yè)的過(guò)程中，往往要求整個(gè)網(wǎng)站的文本、表格的樣式協(xié)調(diào)統(tǒng)一，若手工設(shè)置每個(gè)頁(yè)面的文本、表格等格式，將會(huì)非常麻煩，使用CSS樣式可以解決這一問(wèn)題，并能提高網(wǎng)頁(yè)制作的工作效率。級(jí)聯(lián)樣式表（CascadingStyleSheet，CSS）是由國(guó)際組織所制定的一套延伸HTML樣式的新標(biāo)準(zhǔn)，用來(lái)控制網(wǎng)頁(yè)內(nèi)容的外觀格式，包括版面的精確位置、特定的字體和格式，甚至圖像、表格和圖層等的位置和格式。為什么稱之為“級(jí)聯(lián)”呢？主要是因?yàn)榭梢詰?yīng)用多個(gè)樣式表到同一個(gè)網(wǎng)頁(yè)中。使用CSS樣式表需要先創(chuàng)建字體新樣式，然后再應(yīng)用。一、創(chuàng)建字體新樣式1.打開(kāi)新的空白網(wǎng)頁(yè)，在文件區(qū)中輸入文字。2.在“格式”菜單中選擇“新建樣式”（如圖14-6），彈出“新建樣式”對(duì)話框。3.在“選擇器”中輸入樣式名稱，如“標(biāo)題字”；在“定義位置”列表中，選擇“當(dāng)前網(wǎng)頁(yè)”；設(shè)置“類別”列表中各個(gè)參數(shù)的屬性，如文字的字體、大小、粗細(xì)、拉長(zhǎng)、變窄、顏色等，如圖14-7所示。4.單擊“確定”按鈕，完成CSS樣式設(shè)置。二、運(yùn)用字體新樣式1.在萊單欄中選擇“格式”→“CSS樣式”→“應(yīng)用樣式”，打開(kāi)“應(yīng)用樣式”任務(wù)窗格，如圖14-8所示。2.選中要設(shè)置為“標(biāo)題字”樣式的文字，在“應(yīng)用樣式”任務(wù)窗格中，選擇“標(biāo)題字”樣式