引言：易發(fā)表網(wǎng)憑借豐富的文秘實(shí)踐，為您精心挑選了一篇網(wǎng)頁設(shè)計(jì)教學(xué)中信息技術(shù)的應(yīng)用范例。如需獲取更多原創(chuàng)內(nèi)容，可隨時(shí)聯(lián)系我們的客服老師。

一、引言

在現(xiàn)今網(wǎng)絡(luò)通信技術(shù)不斷發(fā)展的過程中，更多的人們通過移動(dòng)設(shè)備進(jìn)行上網(wǎng)。對(duì)于移動(dòng)設(shè)備來說，其具有不同的品牌與種類，在屏幕分辨率方面具有較大的差異，該種情況的存在，則對(duì)網(wǎng)絡(luò)設(shè)計(jì)師提出了更高的要求，即需要能夠保證在不同設(shè)備上完美的呈現(xiàn)同一個(gè)網(wǎng)頁。在具體網(wǎng)絡(luò)設(shè)計(jì)教學(xué)中，這也是其中的教學(xué)重點(diǎn)，需要將通過信息技術(shù)的應(yīng)用融入到教學(xué)當(dāng)中，更好的實(shí)現(xiàn)設(shè)計(jì)目標(biāo)。

二、關(guān)鍵設(shè)計(jì)技術(shù)

在自適應(yīng)網(wǎng)頁設(shè)計(jì)當(dāng)中，其關(guān)鍵設(shè)計(jì)技術(shù)有：第一，媒體查詢技術(shù)。該技術(shù)是CSS3當(dāng)中的技術(shù)，其作用即是支持同一個(gè)頁面的不同視窗，允許用戶能夠根據(jù)設(shè)備性能對(duì)特定的CSS樣式進(jìn)行選擇。在實(shí)際應(yīng)用當(dāng)中，通過幾行CSS代碼的應(yīng)用，則能夠使用戶根據(jù)屏幕方向以及視窗寬度對(duì)頁面內(nèi)容的顯示方式進(jìn)行改變。通過該技術(shù)的應(yīng)用，則能夠在不經(jīng)過修改的情況下將頁面內(nèi)容在輸出設(shè)備的特定范圍內(nèi)進(jìn)行顯示，而如果不對(duì)該技術(shù)進(jìn)行應(yīng)用，開發(fā)人員則無法以設(shè)備性能為基礎(chǔ)對(duì)CSS樣式進(jìn)行選擇，可以說，通過具體設(shè)計(jì)中該技術(shù)的應(yīng)用，能夠較好的實(shí)現(xiàn)自適應(yīng)網(wǎng)頁設(shè)計(jì)目標(biāo)。具體來說，對(duì)于一個(gè)頁面內(nèi)容，當(dāng)具有較小設(shè)備寬度時(shí)，網(wǎng)頁則會(huì)存在較為擁擠的情況，如設(shè)備寬度較大，頁面也會(huì)存在較為空曠的情況，無法充分利用網(wǎng)頁剩余空間。在該種情況下，如當(dāng)瀏覽器寬度變化時(shí)根據(jù)需求對(duì)全部或者部分內(nèi)容進(jìn)行顯示，則能夠有效實(shí)現(xiàn)用戶體驗(yàn)的增強(qiáng)，對(duì)此，通過HTML5當(dāng)中data-email屬性的應(yīng)用即能夠?qū)崿F(xiàn)該目標(biāo)。同時(shí)，在調(diào)整屏幕分辨率時(shí)，頁面運(yùn)行效果也會(huì)存在狀態(tài)轉(zhuǎn)換的情況，該過程速度較快。對(duì)此該種情況，則可以通過transition技術(shù)的應(yīng)用實(shí)現(xiàn)頁面中效果的平滑過渡，逐漸顯示頁面內(nèi)容的縮放變化，以此進(jìn)一步實(shí)現(xiàn)用戶的體驗(yàn)提升；第二，流動(dòng)布局技術(shù)。對(duì)于某個(gè)特定的設(shè)備來說，單純通過媒體查詢技術(shù)的應(yīng)用即能夠?qū)ψ赃m應(yīng)網(wǎng)頁設(shè)計(jì)目標(biāo)進(jìn)行實(shí)現(xiàn)。但對(duì)于該方式來說，其在實(shí)際應(yīng)用當(dāng)中也存在不足，即無法對(duì)不同分辨率的設(shè)備進(jìn)行良好的適應(yīng)。此時(shí)，單純通過媒體查詢技術(shù)的應(yīng)用則無法滿足要求，而需要對(duì)具有更強(qiáng)適應(yīng)性的設(shè)計(jì)方式進(jìn)行應(yīng)用，而要想對(duì)該目標(biāo)進(jìn)行良好的實(shí)現(xiàn)，即需要對(duì)固定、剛性的布局進(jìn)行摒棄，而對(duì)流動(dòng)布局進(jìn)行應(yīng)用。通過流動(dòng)布局的應(yīng)用，則可以通過上下文感知方式實(shí)現(xiàn)對(duì)圖片尺寸的良好調(diào)整，更好的實(shí)現(xiàn)設(shè)計(jì)目標(biāo)。

三、傳統(tǒng)教學(xué)方式

自適應(yīng)網(wǎng)頁設(shè)計(jì)是現(xiàn)今計(jì)算機(jī)專業(yè)當(dāng)中的重點(diǎn)課程，對(duì)于計(jì)算機(jī)專業(yè)學(xué)生來說，網(wǎng)頁不僅具有對(duì)信息進(jìn)行承載的作用，同時(shí)也需要做好設(shè)計(jì)者技術(shù)水平、綜合技能以及專業(yè)水準(zhǔn)的體現(xiàn)。對(duì)此，網(wǎng)頁設(shè)計(jì)對(duì)于計(jì)算機(jī)專業(yè)學(xué)生的具體學(xué)習(xí)具有了更高的要求。在以往教學(xué)活動(dòng)開展中，教師通常的做法即是將相關(guān)知識(shí)分成不同類型的案例，組織學(xué)生在多媒體機(jī)房當(dāng)中對(duì)相關(guān)案例進(jìn)行演示，在此過程中學(xué)生跟著教師學(xué)習(xí)與練習(xí)，并在學(xué)生進(jìn)行操作的過程中由教師對(duì)其進(jìn)行適當(dāng)?shù)妮o導(dǎo)。在該模式當(dāng)中，學(xué)生則很容易出現(xiàn)以被動(dòng)、機(jī)械方式實(shí)現(xiàn)對(duì)知識(shí)接受的情況，即僅僅掌握教師在課堂當(dāng)中講授、指導(dǎo)過的內(nèi)容，而無法掌握創(chuàng)新方式，且在具體學(xué)習(xí)熱情方面存在一定的不足。在學(xué)習(xí)過程當(dāng)中遇到部分無法良好解決或存在困難的問題時(shí)，也很容易影響到其學(xué)習(xí)積極性。對(duì)于該種情況，即需要能夠在學(xué)習(xí)當(dāng)中積極做好轉(zhuǎn)變，通過信息技術(shù)的應(yīng)用實(shí)現(xiàn)以往教學(xué)模式的改變，在幫助學(xué)生更好獲取知識(shí)內(nèi)容的基礎(chǔ)上使其能夠形成較高的學(xué)習(xí)熱情，在掌握良好自適應(yīng)網(wǎng)頁設(shè)計(jì)技術(shù)的情況下形成好的獨(dú)立創(chuàng)新意識(shí)以及后續(xù)發(fā)展能力。

四、網(wǎng)頁設(shè)計(jì)同信息技術(shù)的結(jié)合教學(xué)

在具體教學(xué)當(dāng)中，將網(wǎng)頁設(shè)計(jì)同信息技術(shù)結(jié)合可以說是網(wǎng)頁教學(xué)體系當(dāng)中的關(guān)鍵部分，而并非簡單是輔助手段的應(yīng)用，即能夠通過信息技術(shù)的應(yīng)用幫助學(xué)生在更為豐富的資源情境中進(jìn)行學(xué)習(xí)，以此對(duì)以探究互動(dòng)為主的學(xué)習(xí)活動(dòng)進(jìn)行形成，其主要作用體現(xiàn)在：第一，教學(xué)方式。在具體教學(xué)當(dāng)中，有效教學(xué)即是使學(xué)生能夠主動(dòng)、積極參與到教學(xué)當(dāng)中的一種方式，即成為設(shè)計(jì)學(xué)習(xí)活動(dòng)的中心，能夠按照小組協(xié)作的方式開展學(xué)習(xí)活動(dòng)。在此過程中，學(xué)生能夠以共同、獨(dú)立的方式進(jìn)行思考，在實(shí)際學(xué)習(xí)當(dāng)中需要對(duì)何種問題進(jìn)行了解，進(jìn)而如何實(shí)現(xiàn)問題的處理與解決等等。在整個(gè)過程中，學(xué)生獲得的并非是課本上傳統(tǒng)的理論知識(shí)，而是對(duì)相關(guān)問題進(jìn)行解決的方式與方法。在信息技術(shù)環(huán)境當(dāng)中，學(xué)生能夠較好的以環(huán)境當(dāng)中真實(shí)案例的應(yīng)用在實(shí)際學(xué)習(xí)任務(wù)當(dāng)中做好知識(shí)的學(xué)習(xí)與建構(gòu)，通過該方式的應(yīng)用，不僅能夠?qū)崿F(xiàn)學(xué)生學(xué)習(xí)興趣的良好激發(fā)，且能夠使其通過多途徑方式的應(yīng)用實(shí)現(xiàn)具體問題的解決，在實(shí)現(xiàn)自身主觀能動(dòng)性發(fā)揮的情況下實(shí)現(xiàn)對(duì)主動(dòng)學(xué)習(xí)的轉(zhuǎn)變，以此更好的達(dá)到學(xué)習(xí)目標(biāo)；第二，教學(xué)范圍。在信息技術(shù)應(yīng)用的情況下，則能夠通過網(wǎng)頁設(shè)計(jì)課堂同信息技術(shù)的整合實(shí)現(xiàn)課堂范圍的延伸在對(duì)可視進(jìn)行突破、超越課本局限的情況下使其能夠隨時(shí)隨地的開展學(xué)習(xí)活動(dòng)。在網(wǎng)絡(luò)環(huán)境當(dāng)中，學(xué)生則能夠獲得同以往單純課本教學(xué)方式相比更為廣泛的知識(shí)來源，且能夠同教師、專家與教師進(jìn)行更好的交流與溝通。在該過程中，學(xué)生在知識(shí)獲取范圍方面將超出課本局限，在具體學(xué)習(xí)當(dāng)中不僅僅處于某個(gè)課堂、圖書館或者實(shí)訓(xùn)室當(dāng)中，且教師也不在是課程活動(dòng)開展的中心，而是將學(xué)生作為學(xué)習(xí)的主體，教師在該過程當(dāng)中積極發(fā)揮引導(dǎo)作用的情況下構(gòu)建學(xué)生的學(xué)習(xí)環(huán)境?？梢哉f，通過網(wǎng)頁設(shè)計(jì)課程同信息技術(shù)兩者間的有效整合，則能夠在對(duì)教學(xué)效果進(jìn)行提升的基礎(chǔ)上使原有的教學(xué)方式獲得本性的轉(zhuǎn)變，使其能夠在學(xué)習(xí)當(dāng)中主動(dòng)、積極的構(gòu)建相關(guān)知識(shí)，在實(shí)現(xiàn)相關(guān)學(xué)習(xí)任務(wù)完成的基礎(chǔ)上做好問題解決方法的掌握，在實(shí)現(xiàn)專業(yè)能力提升的基礎(chǔ)上獲得更好的協(xié)作水平；第三，教學(xué)結(jié)構(gòu)。在以往網(wǎng)頁設(shè)計(jì)課程開展中，主要將教學(xué)中心確定為“教”，在該過程中，學(xué)生將以被動(dòng)的方式實(shí)現(xiàn)對(duì)知識(shí)的接受，同時(shí)，網(wǎng)頁編程部分內(nèi)容具有較為抽象的特點(diǎn)，并因此使學(xué)生在學(xué)習(xí)過程當(dāng)中存在較大的困難，并因此影響到其學(xué)習(xí)積極性。而在信息技術(shù)的應(yīng)用下，教學(xué)設(shè)計(jì)則將從中獲得較大的轉(zhuǎn)變，獲得教學(xué)同學(xué)習(xí)同等重要的教學(xué)結(jié)構(gòu)，以此使學(xué)生能夠主動(dòng)的參與到活動(dòng)當(dāng)中，在對(duì)最大能動(dòng)性進(jìn)行發(fā)揮的基礎(chǔ)上實(shí)現(xiàn)主動(dòng)學(xué)習(xí)目標(biāo)。教師方面，在信息技術(shù)背景下，教師即能夠更好的體驗(yàn)如何通過計(jì)算機(jī)網(wǎng)絡(luò)的應(yīng)用實(shí)現(xiàn)對(duì)新知識(shí)的獲取，做好新知識(shí)的科學(xué)傳播，同時(shí)，其也能夠積極的引導(dǎo)學(xué)生通過計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)新知識(shí)的獲取，以更為合理、高效的方式開展學(xué)習(xí)。同時(shí)，教師也需要能夠充分結(jié)合學(xué)生特點(diǎn)做好教學(xué)內(nèi)容整合，通過對(duì)教學(xué)環(huán)境的合理創(chuàng)造將信息技術(shù)優(yōu)勢(shì)在教學(xué)活動(dòng)當(dāng)中進(jìn)行充分的體現(xiàn)。即教師不僅僅負(fù)責(zé)對(duì)知識(shí)的傳授，且需要能夠精心的設(shè)計(jì)不同教學(xué)環(huán)境，通過豐富教學(xué)情境的提供使學(xué)生能夠更好的展開學(xué)習(xí)活動(dòng)。在該過程中，教師也需要能夠做好學(xué)習(xí)進(jìn)度的管控，對(duì)學(xué)生在學(xué)習(xí)當(dāng)中出現(xiàn)的問題做好示范，積極引導(dǎo)學(xué)生做好既定任務(wù)的完成，以此做好教學(xué)目標(biāo)的實(shí)現(xiàn)。學(xué)生方面，在信息技術(shù)應(yīng)用中，學(xué)生也不再是被動(dòng)的進(jìn)行知識(shí)學(xué)習(xí)，而需要以小組為單位，以計(jì)算機(jī)網(wǎng)絡(luò)資源為基礎(chǔ)開展各類學(xué)習(xí)活動(dòng)。在具體學(xué)習(xí)中，則可以積極進(jìn)行組間以及組內(nèi)寫作，通過信息工具的充分利用進(jìn)行遠(yuǎn)程求助以及技術(shù)討論，更好的參與到教學(xué)環(huán)節(jié)當(dāng)中。在此過程當(dāng)中，對(duì)于現(xiàn)有知識(shí)無法解決的問題，則可以通過信息技術(shù)的應(yīng)用做好相關(guān)問題的解決，在逐漸實(shí)現(xiàn)學(xué)習(xí)任務(wù)完成的基礎(chǔ)上達(dá)到學(xué)習(xí)目標(biāo)。在信息技術(shù)應(yīng)用過程中，也能夠幫助學(xué)生做好學(xué)習(xí)空間與時(shí)間方面限制的打破，對(duì)學(xué)習(xí)所需的知識(shí)進(jìn)行及時(shí)查閱，以此幫助學(xué)生更好的做好知識(shí)掌握，在形成探索欲望的基礎(chǔ)上形成更高的學(xué)習(xí)興趣，不斷提升自身的網(wǎng)頁設(shè)計(jì)水平；第四，教學(xué)重點(diǎn)。在信息技術(shù)網(wǎng)頁設(shè)計(jì)教學(xué)中，教師需要能夠做好教學(xué)思路與重點(diǎn)的把握。在具體教學(xué)設(shè)計(jì)當(dāng)中，首先需要能夠多次分析教學(xué)內(nèi)容以及情況，通過科學(xué)主線的建立更好的達(dá)到學(xué)習(xí)目標(biāo)。教學(xué)內(nèi)容方面，需要在進(jìn)行多次分析與調(diào)研的基礎(chǔ)上同現(xiàn)今職場需求相結(jié)合，通過對(duì)比方式的應(yīng)用對(duì)普通頁面與自適應(yīng)頁面兩者間的不同進(jìn)行指出，幫助學(xué)習(xí)者以此對(duì)自適應(yīng)頁面的優(yōu)勢(shì)與特點(diǎn)進(jìn)行感受，對(duì)學(xué)習(xí)形容形成更高的興趣；其次，在教學(xué)資源應(yīng)用與活動(dòng)制定方面，需要能夠?qū)Σ煌瑢W(xué)生的個(gè)別特征以及差異性進(jìn)行充分的考慮，以此幫助不同水平學(xué)生也能夠在學(xué)習(xí)當(dāng)中實(shí)現(xiàn)豐富學(xué)習(xí)資源的獲得。在具體教學(xué)設(shè)計(jì)中，也可以進(jìn)行授課對(duì)象學(xué)習(xí)情況分析，如果在分析當(dāng)中發(fā)現(xiàn)學(xué)生在自適應(yīng)網(wǎng)頁學(xué)習(xí)當(dāng)中存在困難，則需要積極做好針對(duì)性措施的應(yīng)用，以此保障活動(dòng)以及教學(xué)效果；再次，在具體教學(xué)活動(dòng)開展中，需要給予學(xué)生更多展示自我的機(jī)會(huì)，以此幫助學(xué)生在學(xué)習(xí)當(dāng)中更好的表現(xiàn)自己，在對(duì)自身能動(dòng)性進(jìn)行發(fā)揮的基礎(chǔ)上自發(fā)開展學(xué)習(xí)；最后，需要充分同教學(xué)情況分析結(jié)果相結(jié)合，在反復(fù)討論與探討的基礎(chǔ)上做好適合教學(xué)模式的制定，同市場需求結(jié)合對(duì)具體項(xiàng)目開發(fā)以及頁面設(shè)計(jì)需求進(jìn)行獲得，在環(huán)境創(chuàng)設(shè)、頁面分解與優(yōu)化的基礎(chǔ)上通過信息技術(shù)的應(yīng)用對(duì)教學(xué)內(nèi)容遠(yuǎn)程輔導(dǎo)、資源信息化、內(nèi)容模塊化以及手段形象化等活動(dòng)進(jìn)行實(shí)現(xiàn)，以此幫助學(xué)生能夠以更為愉悅的心情進(jìn)行學(xué)習(xí)，更好的達(dá)到教學(xué)目標(biāo)。

五、結(jié)束語

在上文中，我們對(duì)信息技術(shù)在自適應(yīng)網(wǎng)頁設(shè)計(jì)教學(xué)中的應(yīng)用進(jìn)行了一定的研究?？梢哉f，在現(xiàn)今網(wǎng)頁設(shè)計(jì)課程中，將信息技術(shù)融入到其中不僅是一種趨勢(shì)，同時(shí)也是未來教學(xué)活動(dòng)開展當(dāng)中所必須的一種方式。在具體教學(xué)中，需要教師能夠?qū)π畔⒓夹g(shù)在網(wǎng)頁設(shè)計(jì)當(dāng)中的重要性與作用做好把握，以科學(xué)方式的應(yīng)用不斷提升教學(xué)效果。