初中八年級信息技術(shù)課件-“老朋友”的新主張

“老朋友”的新主張首頁的制作暫告一段落，下面我們將進(jìn)入二級頁面的制作。下圖是“陽光足跡”站點中的一個二級頁面——曾經(jīng)走過的地方。在該頁面中，大圖像、小圖像和密集的文字形成對比和互補，構(gòu)成極佳的頁面視覺效果，而頁面中空白的使用，也起到了有效的調(diào)節(jié)作用。本節(jié)課我們將一起制作該網(wǎng)頁。逐級依次打開素材盤的“八年級用書\第三單元\第15課”文件夾，將“mysite”文件夾復(fù)制到D盤根目錄下，啟動FrongPage，執(zhí)行“文件”——“打開站點”命令，彈出“打開站點”對話框，打開“陽光足跡”站點。執(zhí)行“文件”——“新建”——“網(wǎng)頁”命令，在站點內(nèi)新建一個網(wǎng)頁。

隨后逐級依次打開素材盤的“八年級用書\第三單元\第15課\圖片”文件夾，將其中的圖片文件導(dǎo)入到“images”文件夾中。在網(wǎng)頁制作中，通常借助表格來實現(xiàn)網(wǎng)頁的布局。表格最初是為表示數(shù)據(jù)設(shè)計的，但現(xiàn)在它已經(jīng)被網(wǎng)站設(shè)計者作為生成分欄框架結(jié)構(gòu)的工具，下面我們就一同領(lǐng)略FrontPage中表格的神奇排版功能！根據(jù)網(wǎng)頁布局設(shè)計圖要求，我們先執(zhí)行“表格”——“插入”——“表格”命令，彈出“插入表格”對話框，設(shè)置插入一個“4行1列”的表格。在插入的表格內(nèi)單擊鼠標(biāo)右鍵，執(zhí)行“表格屬性”命令，彈出“表格屬性”對話框，在其中進(jìn)行設(shè)置。下面，我們將表格第3行所在單元格拆分，效果如下圖所示。這樣“曾經(jīng)走過的地方”網(wǎng)頁的大框架表格就制作完成了。網(wǎng)站logo體現(xiàn)著一個站點的特色和內(nèi)涵，表達(dá)出網(wǎng)站的設(shè)計理念，其圖形的創(chuàng)意通常來自網(wǎng)站的名稱和內(nèi)容，類似企業(yè)的商標(biāo)。網(wǎng)站logo一般會出現(xiàn)在站點的各個頁面上，被廣泛應(yīng)用于站點的鏈接、宣傳等。網(wǎng)站的設(shè)計與其他標(biāo)志圖案的設(shè)計原則一樣，要根據(jù)站點的定位和發(fā)展方向突出主題。視覺效果要強烈，容易識別、辨認(rèn)和記憶，引人注目。logo的表現(xiàn)形式是多樣的，有簡潔的字節(jié)符號，有繁復(fù)的飾紋、圖案，有動畫或人物等。下面幾個設(shè)計獨特的網(wǎng)站標(biāo)志是否會給你一些啟發(fā)呢？將光標(biāo)移動到大框架表格第1行所在的單元格內(nèi)，將文件夾中的網(wǎng)站標(biāo)志文件“l(fā)ogo.gif”插入其中，“預(yù)覽”模式下效果如圖所示：下面，我們在大框架表格的第2行中單擊，執(zhí)行“表格”—“插入”—“表格”命令，彈出“插入表格”對話框，選擇“行數(shù)”為2，“列數(shù)”為4，“對齊方式”為水平居中，“邊框粗細(xì)”、“單元格邊距”和“單元格間距”均為0，“指定寬度”為100，單位為百分比。這樣，導(dǎo)航欄小表格的框架就做好了。在導(dǎo)航欄小表格的第1行第1列所在單元格內(nèi)單擊鼠標(biāo)右鍵，執(zhí)行“單元格屬性”命令，彈出“單元格屬性”對話框，為單元格設(shè)置背景顏色。接下來，在大框架表格的第3行第1列所在單元格中單擊，執(zhí)行“單元格屬性”命令，彈出“單元格屬性”對話框，“水平對齊方式”設(shè)置為水平居中，“垂直對齊方式”設(shè)為頂邊對齊。隨后，在該單元格中制作用于放置輔助信息的小表格。將光標(biāo)移動到輔助信息小表格第1行所在單元格中，在單元格中插入一個Flash動畫。下面，將光標(biāo)移動到大框架表格的第3行右側(cè)上方的單元格中，設(shè)置單元格屬性：“指定寬度”為784像素，“指定高度”為38像素。隨后，在其下方的單元格中插入一個4行2列的表格。效果如下圖所示。下面，請在主體內(nèi)容表格左側(cè)第1列所在的各單元格中，依次插入圖片文件，并在第2列各單元格中輸入相應(yīng)的文字，效果如下。最后，把制作好的網(wǎng)頁保存到站點根文件夾中，網(wǎng)頁標(biāo)題更改為“曾經(jīng)走過的地方”，文件命名為“cengjingzg.htm”。1芝麻開門色彩本身是無任何含義的，聯(lián)想產(chǎn)生含義，色彩在聯(lián)想間影響人的心理，左右人的情緒，不同的色彩聯(lián)想給各種色彩賦予了特定的含義，聯(lián)想是解開色彩象征密碼的鑰匙。網(wǎng)頁設(shè)計者如果不留意色彩的語義，就會傳達(dá)錯誤的信息。例如：紅色系聯(lián)想：血、夕陽、火、紅花、羞涅、怒色象征：喜慶、熱情、危險特性：紅色是一種激奮的色彩，能使人產(chǎn)生沖動、憤怒、熱情的感覺。紅色在中國是一種喜慶的色彩，很容易使人有興奮感覺，是一種雄壯的精神。綠色系聯(lián)想：草原、綠水、青山、田園、森林象征：安全、和平、理想、希望特性：綠色是介于黃、藍(lán)之間的色彩，給人以和睦、寧靜，健康、安全的感覺。藍(lán)色系聯(lián)想：海洋、藍(lán)天、碧波、夢幻象征：沉靜、憂郁、理性、幻想特性：藍(lán)色是最具涼爽、清新、專業(yè)的色彩。永恒、博大，給人感覺平靜、理智。天藍(lán)色會令人心境暢快。紫色系聯(lián)想：紫羅蘭、紫葡萄象征：高貴、神秘、優(yōu)雅、浪漫特性：紫色給人神秘感。它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。2探索空間1.設(shè)計制作本小組的網(wǎng)站logo。我們平時所使用的圖像處理軟件加上動畫制作軟件，都可以很好地勝任這份工作。2.利用素材盤的“八年級用書\第三單元\第15課\避暑山莊”文件夾中的素材，參考素材盤中“本課成品”效果，制作三級