前言：本站為你精心整理了初中網(wǎng)頁設(shè)計(jì)教學(xué)分析范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

摘要：網(wǎng)站設(shè)計(jì)與制作是信息技術(shù)教學(xué)中重要的課程，它包括網(wǎng)頁版式設(shè)計(jì)、網(wǎng)頁美化設(shè)計(jì)、建立超鏈接等內(nèi)容。教師應(yīng)采取積極有效的教學(xué)手段，激發(fā)學(xué)生的學(xué)習(xí)興趣，增強(qiáng)課堂教學(xué)效率。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)教學(xué);信息技術(shù)

網(wǎng)站設(shè)計(jì)與制作是信息技術(shù)教學(xué)中創(chuàng)新性和實(shí)踐性很強(qiáng)的課程，教師應(yīng)采取有效的教學(xué)方法，更好地激發(fā)學(xué)生的學(xué)習(xí)興趣。

一、創(chuàng)建站點(diǎn)

（一）教學(xué)策略

通過瀏覽主題網(wǎng)頁界面，讓學(xué)生對(duì)網(wǎng)頁的制作和設(shè)計(jì)有更直觀、更具體的了解。教師在備課時(shí)應(yīng)多搜集一些不同類型、不同主題、不同布局的優(yōu)秀網(wǎng)站供學(xué)生觀看，幫助學(xué)生了解網(wǎng)站的類型、主題、版面布局、主要元素等。教師同時(shí)還可以搜集一些設(shè)計(jì)出現(xiàn)這樣或那樣問題的網(wǎng)頁讓學(xué)生觀看，以便學(xué)生找出這些網(wǎng)站在設(shè)計(jì)上出現(xiàn)和存在的問題，并提出一些改進(jìn)的意見或建議。網(wǎng)頁設(shè)計(jì)開始時(shí)，教師應(yīng)帶領(lǐng)學(xué)生按照網(wǎng)頁設(shè)計(jì)的具體步驟逐步規(guī)劃，進(jìn)一步強(qiáng)化網(wǎng)站設(shè)計(jì)的關(guān)鍵性，引導(dǎo)學(xué)生正確學(xué)習(xí)這一規(guī)劃過程。

（二）激趣導(dǎo)入

許多學(xué)生都有上網(wǎng)的經(jīng)歷，教師可提出一些問題，引導(dǎo)學(xué)生思考。如：我們上過很多網(wǎng)站，看過很多網(wǎng)頁，那么，什么是網(wǎng)頁？什么是網(wǎng)站？兩者之間有什么聯(lián)系與區(qū)別呢？學(xué)生回答后，教師進(jìn)行總結(jié)：網(wǎng)站是在因特網(wǎng)上一個(gè)相對(duì)獨(dú)立的信息的集合，這些信息以網(wǎng)頁的形式向全世界。所以，網(wǎng)站就是同一類型網(wǎng)頁的集合。然后，導(dǎo)入新課。例如：我們常說的“新浪”就是一個(gè)網(wǎng)站，其中你看到的每個(gè)板塊中的每個(gè)頁面就是網(wǎng)頁。那么，如何制作一個(gè)網(wǎng)站，制作網(wǎng)站又用到哪些工具呢？這節(jié)課我們就開始學(xué)習(xí)。通過本單元的學(xué)習(xí)后你會(huì)感到網(wǎng)站制作其實(shí)并不神秘。

二、設(shè)計(jì)網(wǎng)站首頁

（一）教學(xué)策略

內(nèi)容設(shè)計(jì)是設(shè)計(jì)網(wǎng)站的第一步。就如同一本書的封皮、一個(gè)戲曲人物的臉譜，必須能夠反映出整個(gè)網(wǎng)頁的整體特點(diǎn)和風(fēng)格。所以，網(wǎng)站首頁的設(shè)計(jì)是整個(gè)網(wǎng)頁設(shè)計(jì)的重中之重。

（二）激趣導(dǎo)入

藍(lán)臉的竇爾敦盜御馬——藍(lán)色臉，表現(xiàn)性格剛直，桀驁不馴；紅臉的關(guān)公戰(zhàn)長沙———紅色臉，象征忠義、耿直、有血性；黃臉的典韋———黃色臉，代表驍勇；白臉的曹操———白色臉，表現(xiàn)奸詐多疑。京劇中的臉譜能準(zhǔn)確地反映出人物的性格，網(wǎng)站的首頁也要能夠反映網(wǎng)頁的特點(diǎn)與風(fēng)格。

三、網(wǎng)頁中的表格

（一）教學(xué)策略

網(wǎng)頁中關(guān)于表格的基本操作內(nèi)容包括：插入表格單元和調(diào)整表格大小（調(diào)整列寬或者行高，插入或刪除行或列，合并或者拆分表格中的單元格，平均分布行或列）在Word中已經(jīng)有比較詳細(xì)的操作方法。在教學(xué)過程中，教師教學(xué)的重點(diǎn)應(yīng)放在讓學(xué)生在自己探究以上基本操作的基礎(chǔ)上掌握表格的使用方法，主要包括：如何利用表格設(shè)計(jì)去布局網(wǎng)站、網(wǎng)頁，讓網(wǎng)頁中的內(nèi)容和素材完美地在網(wǎng)頁上配置。另外，網(wǎng)頁模板是提高網(wǎng)站設(shè)計(jì)效率的有效方法，教師要注意指導(dǎo)學(xué)生對(duì)網(wǎng)頁模板的利用。注意觀察和借鑒模版網(wǎng)站中表格的設(shè)計(jì)風(fēng)格，初始使用表格設(shè)計(jì)網(wǎng)頁時(shí)可將其邊框粗細(xì)的值設(shè)為1，然后不斷調(diào)整邊框的值，以觀察調(diào)整表格過程中的一些變化，從而熟練掌握表格調(diào)整的技巧。

（二）激趣導(dǎo)入

校園是通過道路和綠化帶劃分成辦公區(qū)、教學(xué)區(qū)、運(yùn)動(dòng)區(qū)、生活區(qū)；報(bào)紙是通過橫線和豎線劃分成各個(gè)板塊；而網(wǎng)頁中的素材是通過版面布局來劃分，如可用表格設(shè)計(jì)網(wǎng)頁的版面布局。比如，“情感小屋”被很多虛線組成的網(wǎng)格劃分成若干相對(duì)獨(dú)立的區(qū)域，在這些區(qū)域中分別放置網(wǎng)頁中的不同素材，這些網(wǎng)格就是表格，虛線便是表格的邊框。

四、網(wǎng)頁的美化

（一）教學(xué)策略

通過課程學(xué)習(xí)，學(xué)生對(duì)網(wǎng)站制作和設(shè)計(jì)規(guī)劃有了基本的認(rèn)識(shí)，并制作了網(wǎng)站首頁，建立了網(wǎng)站站點(diǎn)，而且還能夠歸整網(wǎng)頁中的各元素，使網(wǎng)頁趨于整潔。但是，由于制作的網(wǎng)頁中沒有設(shè)置網(wǎng)頁背景、網(wǎng)頁Flash動(dòng)畫、背景音樂、字幕類型等輔助元素，仍然會(huì)顯得單調(diào)。學(xué)生也希望能夠通過學(xué)習(xí)新的知識(shí)，進(jìn)一步加強(qiáng)美化已經(jīng)完成制作的網(wǎng)頁。教師通過“任務(wù)驅(qū)動(dòng)”教學(xué)法，以指導(dǎo)學(xué)生完成一個(gè)個(gè)具體的學(xué)習(xí)任務(wù)而開展課堂教學(xué)，以嘗試新發(fā)現(xiàn)、進(jìn)行綜合對(duì)比、總結(jié)歸納、多媒體教室直觀演示等形式貫串整個(gè)教學(xué)過程。

（二）激趣導(dǎo)入

展示中央電視臺(tái)《交換空間》這一欄目中一副裝修前和裝修完成后的房間的對(duì)比圖，從而得出結(jié)論：同一個(gè)房間，經(jīng)過雕琢修飾之后，就會(huì)變得美觀、漂亮。然后導(dǎo)入新課：房間美化后會(huì)讓人覺得賞心悅目，網(wǎng)頁同樣也需要美化。我們之前做的網(wǎng)頁可能僅僅有文字、圖片，比較單調(diào)，今天我們就來學(xué)習(xí)“網(wǎng)頁的美化”，自己動(dòng)手操作，看看如何讓我們的網(wǎng)頁更加漂亮，令人耳目一新。教師在網(wǎng)站設(shè)計(jì)與制作的教學(xué)中應(yīng)該認(rèn)識(shí)到該課程的特點(diǎn)，激發(fā)學(xué)生的學(xué)習(xí)興趣，調(diào)動(dòng)學(xué)生的情緒，讓學(xué)生帶著所遇到的問題，有針對(duì)性地去學(xué)習(xí)。并以任務(wù)作為驅(qū)動(dòng)，充分激發(fā)學(xué)生的自主學(xué)習(xí)能力和興趣，教師輔以適當(dāng)?shù)狞c(diǎn)撥指導(dǎo)，讓學(xué)生的個(gè)性得以發(fā)展，創(chuàng)新能力得到提高，創(chuàng)新意識(shí)逐漸加強(qiáng)。

參考文獻(xiàn)：

［1］呂紅，王文捷等.《網(wǎng)頁設(shè)計(jì)》教學(xué)改革的探索與實(shí)踐［J］.中國科技信息，2009.

［2］魏善沛.網(wǎng)頁設(shè)計(jì)創(chuàng)意與編程［M］.北京：清華大學(xué)出版社，2006.

［3］張爽.淺談網(wǎng)頁設(shè)計(jì)中的版式設(shè)計(jì)［J］.科技信息（科學(xué)教研），2008（13）.

作者:陳甜 單位:山東省鄒城市第四中學(xué)