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

建立分頁面學習任務

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