《構(gòu)建網(wǎng)頁》教學(xué)課件

構(gòu)建網(wǎng)頁通過本節(jié)的學(xué)習(xí)，你將掌握以下技能：1.初步掌握網(wǎng)頁的設(shè)計方法。2.學(xué)會用表格布局網(wǎng)頁信息。3.使用工具軟件設(shè)計一個簡單的網(wǎng)頁。一、多媒體網(wǎng)絡(luò)信息為方便管理，我們在硬盤上新建一個文件夾用以存放網(wǎng)頁文件，并在此文件夾下新建一個“images”文件夾，用以存放圖片文件，如圖所示。實(shí)踐一、多媒體網(wǎng)絡(luò)信息這是一條簡單的信息報道。在文字?jǐn)⑹龅幕A(chǔ)上，配上該活動的圖片，可使信息更具說服力和真實(shí)感?！舻谝徊剑涸诘谝恍休斎胄畔?biāo)題，設(shè)置比正文稍大的字號和黑體字體，并居中放置。◆第二步：回車插入新的一行，執(zhí)行“插入/圖片/來自文件”菜單項(xiàng)，從“images”文件夾中選擇該活動的圖片，插入到當(dāng)前位置，拖動圖片四周的編輯點(diǎn)，調(diào)整圖片大小，并居中放置。實(shí)踐一、多媒體網(wǎng)絡(luò)信息◆第三步：輸入文字信息，調(diào)整文字大小和段落，使圖片、文字的大小和位置相適應(yīng)，如圖所示?？呻S時通過左下角的“預(yù)覽”視圖模式觀看網(wǎng)頁效果。實(shí)踐一、多媒體網(wǎng)絡(luò)信息◆第四步：執(zhí)行“文件/保存”菜單項(xiàng)，將網(wǎng)頁重新命名并保存到“D：\班級網(wǎng)站”文件夾下。實(shí)踐二、首頁的規(guī)劃與布局表格是網(wǎng)頁設(shè)計中常用的布局工具，利用表格可以將整個版面進(jìn)行多次切塊分割，以便于排列和組織各種媒體信息?！舻谝徊剑焊鶕?jù)收集到的信息內(nèi)容，確定分類欄目：老師寄語、特長展示、奇思妙想、活動剪影?！舻诙剑簣?zhí)行“表格/插入/表格”菜單項(xiàng)，插入一個3行1列的表格，并將表格的邊框粗細(xì)設(shè)為0。如下圖。實(shí)踐二、首頁的規(guī)劃與布局◆第三步：按照欄目設(shè)置和規(guī)劃設(shè)計，在表格的第1-3行內(nèi)再分別插入一個1行2列、1行4列、1行2列的表格，以放置相應(yīng)的內(nèi)容。如圖所示。實(shí)踐二、首頁的規(guī)劃與布局◆第四步：在相應(yīng)的單元格內(nèi)插入文字或圖片，并適當(dāng)調(diào)整文字和圖片的大小、字體顏色、單元格背景顏色等，以達(dá)到美觀、舒適的視覺表現(xiàn)效果。如圖所示。實(shí)踐

鞏固與提高1.上網(wǎng)瀏覽你感興趣的網(wǎng)站，觀察這些網(wǎng)站中網(wǎng)頁的設(shè)計特點(diǎn)，欄目是如何設(shè)置與布局的。2.從下面的項(xiàng)目中選擇一個你感興趣的內(nèi)容，規(guī)劃設(shè)計一個簡單的主頁。（1）我們的校園（2）我的班集體（3）我喜歡的花草（4）我們家的藏書（5）社