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

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

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