信技息術(shù)九年級(jí)上第二章動(dòng)手創(chuàng)建自己的網(wǎng)站第三節(jié)制作網(wǎng)站頁(yè)面（粵教版B版）新知導(dǎo)入想想一站點(diǎn)建好了，版面布局、色彩方案等也設(shè)計(jì)好了，建立網(wǎng)站的前期準(zhǔn)備工作做好了，李鳴的小組開(kāi)始制作頁(yè)面了。“首頁(yè)、欄目首頁(yè)、內(nèi)容頁(yè)面的設(shè)計(jì)制作各有什么特點(diǎn)?”思考

標(biāo)學(xué)目習(xí)（2）如何用表格進(jìn)行版面布局（1）常見(jiàn)的網(wǎng)頁(yè)元素有哪些（3）制作網(wǎng)頁(yè)的一般步驟是什么首頁(yè)欄目首頁(yè)一、常見(jiàn)網(wǎng)頁(yè)元素內(nèi)容頁(yè)標(biāo)題區(qū)突出網(wǎng)站的主題和導(dǎo)航條一、常見(jiàn)網(wǎng)頁(yè)元素標(biāo)題區(qū)主要內(nèi)容區(qū)放置各種網(wǎng)頁(yè)元素，可根據(jù)內(nèi)容的設(shè)計(jì)劃分不同的板塊;一、常見(jiàn)網(wǎng)頁(yè)元素主要內(nèi)容區(qū)頁(yè)尾區(qū)一般提供網(wǎng)站的版權(quán)信息和制作團(tuán)體的聯(lián)系方式一、常見(jiàn)網(wǎng)頁(yè)元素頁(yè)尾區(qū)計(jì)算機(jī)服務(wù)器網(wǎng)頁(yè)制作中使用表格劃分版面，確定各種網(wǎng)頁(yè)元素的版面位置。再把不同層的表格框線設(shè)置為不同的顏色，得到如圖所示的表格布局結(jié)構(gòu)。不難看出，我們可以通過(guò)多層嵌套的表格進(jìn)行版面劃分。二、用表格進(jìn)行版面布局計(jì)算機(jī)服務(wù)器(1)在網(wǎng)頁(yè)編輯區(qū)插入最外層的4行1列表格，單擊鼠標(biāo)右鍵，打開(kāi)“表格屬性”窗口(如圖所示)，設(shè)定表格寬度為760像素。(2)從外到內(nèi)分割版面，插入各層表格，再根據(jù)需要設(shè)定表格的高度和寬度。二、用表格進(jìn)行版面布局構(gòu)建方法如下：三、添加網(wǎng)頁(yè)元素版面區(qū)域劃分好以后，就可以在相應(yīng)區(qū)域填充內(nèi)容，如添加文字圖片、動(dòng)畫(huà)等網(wǎng)頁(yè)元素。插入文字英語(yǔ)單詞英文縮寫(xiě)可以采用輸入，或復(fù)制、粘貼從已有素材中提取文字的方法，來(lái)完成輸入文字。字體設(shè)置成默認(rèn)值是為了使所有的瀏覽環(huán)境都能夠看到網(wǎng)頁(yè)效果。同一級(jí)別的文字(如標(biāo)題、正文等)的大小、顏色等一般保持致。標(biāo)題文字可以做成圖片格式，并以圖片形式插入。三、添加網(wǎng)頁(yè)元素在“單元格屬性”窗口，進(jìn)行如圖所示的設(shè)置。插入圖片③設(shè)置單元格大小②從瀏覽窗口中選圖①勾選三、添加網(wǎng)頁(yè)元素首頁(yè)中看到的動(dòng)畫(huà)和滾動(dòng)字幕，使網(wǎng)頁(yè)顯得富于動(dòng)感。這些動(dòng)態(tài)元素的添加方法與我們已學(xué)過(guò)的Powerpoint等軟件的使用方法類(lèi)似。添加Flash動(dòng)畫(huà)和滾動(dòng)字幕四、設(shè)置超鏈接欄目鏈接單擊常用工具欄上的超鏈接按鈕，打開(kāi)如圖2一11所示窗口，選擇對(duì)應(yīng)的目標(biāo)網(wǎng)頁(yè)，如“bjxc.htm”然后按“確定”，就可以完成一個(gè)超鏈接的設(shè)置。其他欄目的設(shè)定方法相同。設(shè)置超鏈接先拖動(dòng)鼠標(biāo)選定導(dǎo)航欄中的欄目文字，如“班級(jí)相冊(cè)”四、設(shè)置超鏈接班級(jí)郵箱鏈接先選中文字“聯(lián)系我們”打開(kāi)“編輯超鏈接”對(duì)話框，填入郵箱地址后按“確定”。分析觀察超鏈接可以建立在文字、圖片或圖片的某個(gè)局部位置上，實(shí)現(xiàn)了網(wǎng)頁(yè)的跳轉(zhuǎn)，形成了精彩的網(wǎng)絡(luò)世界。知識(shí)拓展

網(wǎng)站中的網(wǎng)頁(yè)制作完成后，要讓更多的人能夠訪問(wèn)，就得將網(wǎng)站發(fā)布出去。

四、設(shè)置超鏈接五、發(fā)布網(wǎng)站在發(fā)布之前，首先要對(duì)網(wǎng)站進(jìn)行測(cè)試，檢查網(wǎng)站的內(nèi)容、超鏈接等，以保證網(wǎng)頁(yè)信息的正常顯示。在成功發(fā)布之后，還要進(jìn)行維護(hù)和管理，才能使網(wǎng)站更有生命力。知識(shí)拓展發(fā)布網(wǎng)站

內(nèi)容檢查運(yùn)行測(cè)試發(fā)布站點(diǎn)站點(diǎn)維護(hù)

課堂練習(xí)做做一1.網(wǎng)頁(yè)其版面可劃分為（

）、（）、（）三大區(qū)域。2.檢査要添加到網(wǎng)頁(yè)中的圖片文件是否為（）或（）格式，如果不是則要進(jìn)行格式轉(zhuǎn)換。3.超鏈接可以建立在（）、（）或圖片的某個(gè)局部位置上，鏈接跳轉(zhuǎn)的目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)、另一個(gè)網(wǎng)站、同一網(wǎng)頁(yè)內(nèi)的其他地方、一個(gè)郵件地址個(gè)文件等。標(biāo)題區(qū)圖片文字

gifjpg頁(yè)尾區(qū)主要內(nèi)容區(qū)課堂總結(jié)第三節(jié)制作網(wǎng)站頁(yè)面一、常見(jiàn)網(wǎng)頁(yè)元素二、用表格進(jìn)行版面布局三、添加網(wǎng)頁(yè)元素1.插入文字2.插入圖片3.添加Flash動(dòng)畫(huà)和滾動(dòng)字幕四、設(shè)置超鏈接五、發(fā)布網(wǎng)站總結(jié)板書(shū)