五年級(jí)下冊(cè)信息技術(shù)課件 - 第9課 修飾網(wǎng)站首頁(yè) 人教新課標(biāo) (共21張PPT)

第9課修飾網(wǎng)站首頁(yè)目錄CONTENTS123學(xué)習(xí)目標(biāo)學(xué)習(xí)過程課堂練習(xí)了解修飾網(wǎng)頁(yè)的基本知識(shí)。學(xué)會(huì)在網(wǎng)頁(yè)中添加滾動(dòng)字幕和懸停按鈕。掌握為電子信箱地址添加超鏈接的操作方法。學(xué)習(xí)目標(biāo)在網(wǎng)頁(yè)中輸入文字、插入圖片后，為了使網(wǎng)頁(yè)更美觀，往往還需要進(jìn)一步修飾網(wǎng)頁(yè)，本課通過進(jìn)一步修飾下面的網(wǎng)站首頁(yè)的操作，介紹有關(guān)的幾種基本方法。學(xué)習(xí)過程第1步：打開“文件”菜單，單擊“打開站點(diǎn)”命令，打開站點(diǎn)“李敏的網(wǎng)站”。

第2步：在“文件夾列表”框中找到首頁(yè)文件index.htm后雙擊，編輯區(qū)中顯示出網(wǎng)頁(yè)的內(nèi)容。

第3步：選定頁(yè)面中的一個(gè)欄目名稱，如“迷人風(fēng)光”。

第4步：依次打開“插入”菜單、“組件”菜單，單擊其中的“懸停按鈕”命令。一、制作懸停按鈕學(xué)習(xí)過程動(dòng)手做：把首頁(yè)文件中的6個(gè)欄目名稱制作成懸停按鈕。第5步：出現(xiàn)“懸停按鈕屬性”對(duì)話框時(shí)，刪除“按鈕文本”框中的文字，然后輸入按鈕文字“迷人風(fēng)光”。學(xué)習(xí)過程第6步：?jiǎn)螕簟鞍粹o顏色”選擇框中的按鈕，在彈出的顏色選擇框中選擇一種按鈕顏色，如綠色。單擊“效果”選擇框中的按鈕，在下拉列表框中選擇“反色發(fā)光”。第7步：?jiǎn)螕簟靶Ч伾边x擇框中的按鈕，在彈出的列表框中選擇一種顏色作為“發(fā)光”效果的顏色。再適當(dāng)設(shè)置按鈕的寬度和高度。第8步：?jiǎn)螕舭粹o，打開“字體”對(duì)話框，適當(dāng)設(shè)定文字的字體、大小和顏色。學(xué)習(xí)過程第9步：?jiǎn)螕舭粹o，關(guān)閉打開的對(duì)話框。原來的欄目名稱所在的位置就會(huì)出現(xiàn)懸停按鈕。第10步：選定按鈕，根據(jù)實(shí)際需要，拖動(dòng)按鈕周圍的操作點(diǎn)，適當(dāng)改變按鈕的寬度和高度。保存網(wǎng)頁(yè)后，在IE窗口中瀏覽網(wǎng)頁(yè)時(shí)，把鼠標(biāo)指針移到按鈕上，按鈕就會(huì)出現(xiàn)“反色發(fā)光”。學(xué)習(xí)過程仿照上述操作，制作其他幾個(gè)欄目名稱的懸停按鈕。練一練學(xué)習(xí)過程第1步：在編輯區(qū)中顯示出首頁(yè)文件的內(nèi)容，把插入點(diǎn)移到欄目名稱所在的單元格中（第2行）。第2步：依次打開“表格”菜單、“插入”菜單，單擊其中的“行或列”命令，打開“行或列”對(duì)話框。參照右圖選定有關(guān)的選項(xiàng)后單擊

按鈕，在表格中插入一行。三、制作滾動(dòng)字幕學(xué)習(xí)過程動(dòng)手做：在首頁(yè)文件中添加下面的滾動(dòng)字幕。第3步：把插入點(diǎn)移到新插入的一行中，依次打開“插入”菜單、“組件”菜單，單擊其中的“字幕”命令，屏幕上出現(xiàn)“字幕屬性”對(duì)話框。學(xué)習(xí)過程第4步：在“文本”框中輸入“博學(xué)而篤志，切問而近思?！?/p>

第5步：適當(dāng)設(shè)置方向、速度、表現(xiàn)方式、文本對(duì)齊方式、大小、重復(fù)次數(shù)、背景顏色等選項(xiàng)。第6步：設(shè)置好有關(guān)選項(xiàng)后，單擊按鈕，關(guān)閉打開的對(duì)話框。

第7步；選定插入的滾動(dòng)字幕，單擊格式工具欄中的按鈕，使字幕水平居中。

第8步：利用格式工具欄，適當(dāng)設(shè)定滾動(dòng)字幕的字體、字號(hào)及顏色等。學(xué)習(xí)過程保存并瀏覽網(wǎng)頁(yè)，觀察字幕的滾動(dòng)效果。

如果效果不滿意，可以單擊網(wǎng)頁(yè)編輯區(qū)左下角的標(biāo)簽，返回網(wǎng)頁(yè)編輯窗口，然后雙擊滾動(dòng)字幕。屏幕上彈出“字幕屬性”對(duì)話框時(shí)，再進(jìn)一步調(diào)整字幕的效果。學(xué)習(xí)過程在網(wǎng)頁(yè)中表格最后一行的上面插入一行，然后在該行中插入一條水平線，并適當(dāng)設(shè)置水平線的粗細(xì)、顏色等。練一練學(xué)習(xí)過程第1步：在編輯區(qū)中顯示出首頁(yè)的內(nèi)容，然后選定頁(yè)面中的文字“歡迎來信”及圖標(biāo)。四、添加電子信箱地址超鏈接學(xué)習(xí)過程動(dòng)手做：在首頁(yè)文件中添加電子信箱地址超鏈接。第2步：?jiǎn)螕簟俺溄印卑粹o，出現(xiàn)“創(chuàng)建超鏈接”對(duì)話框時(shí)，單擊“制作發(fā)送電子郵件的超鏈接”按鈕。學(xué)習(xí)過程第3步：屏幕上彈出“創(chuàng)建電子郵件超鏈接”對(duì)話框時(shí)，在輸入框中輸入電子信箱的地址，然后單擊按鈕，返回“創(chuàng)建超鏈接”對(duì)話框，輸入的電子郵件地址會(huì)出現(xiàn)在“創(chuàng)建超鏈接”對(duì)話框的“URL（U）”選擇框中。學(xué)習(xí)過程第4步：?jiǎn)螕魧?duì)話框中的按鈕，選定的文字就與輸入的電子信箱地址建立了超鏈接。

此后，在IE瀏覽器窗口中瀏覽網(wǎng)頁(yè)時(shí)，單擊文字“歡迎來信”或圖標(biāo)，屏幕上會(huì)彈出一個(gè)新郵件窗口，收件人地址欄里已經(jīng)自動(dòng)填好了收件人的電子信箱地址。這時(shí)，就可以開始寫郵件的內(nèi)容了。不是使人感到眼花繚亂，就是使人感到單調(diào)乏味。一般說來，色彩要和內(nèi)容相協(xié)調(diào)，不同的顏色會(huì)給瀏覽者不同的心理感受。例如，紅色給人以熱烈、活潑的感覺；綠色使人產(chǎn)生和睦、寧?kù)o、安全的感覺；黃色具有快樂、希望、智慧和輕快的個(gè)性；藍(lán)色可以營(yíng)造涼爽、清新而浪漫的氣氛；白色給人潔白、明快、純真、清潔的感覺；黑色是一種深沉、神秘、寂靜、悲哀、壓抑的色彩……學(xué)習(xí)過程此外，網(wǎng)頁(yè)中不要使用過多的色彩，應(yīng)盡量把要使用的色彩控制在4種以內(nèi)。太多的色彩會(huì)給人以凌亂的感覺，不利于突出主題。

黑、白、灰色一般可以與任意一種色彩搭配。白字黑底、黑字白底都非常清晰明了。當(dāng)感覺兩種色彩的搭配不協(xié)調(diào)時(shí)，試著加入黑色或灰色，有利于兩種相對(duì)色彩的和諧過渡。學(xué)習(xí)過程

1.發(fā)揮自己的想像，完善“星星網(wǎng)上家園”首頁(yè)。2.修飾班級(jí)