吳耀
【內(nèi)容摘要】隨著社會科技的不斷發(fā)展,計算機的使用已經(jīng)進入到千家萬戶,在初中信息技術(shù)的課堂之中,也有許多與網(wǎng)頁制作相關(guān)的課程,需要學(xué)生對網(wǎng)頁的制作進行一定的學(xué)習(xí)與了解。本文將針對初中階段的網(wǎng)頁制作,談一談如何實現(xiàn)網(wǎng)頁制作的教學(xué)目標(biāo),幫助學(xué)生在學(xué)習(xí)中學(xué)習(xí)到相關(guān)的制作技巧,提升自身的計算機學(xué)習(xí)水平。
【關(guān)鍵詞】計算機技術(shù)? 網(wǎng)頁制作? 方法探究
現(xiàn)代人們越來越使用網(wǎng)絡(luò)工具進行資料的搜集與新聞的瀏覽,在教育教學(xué)之中,網(wǎng)頁的制作是一項非常重要的事情。目前網(wǎng)頁制作的人員越來越多,制作網(wǎng)頁的方式也越來越多,有很多的語言進行網(wǎng)頁的制作,有的還可以使用簡單的編程軟件進行編寫,從而制作出不同形式的網(wǎng)頁。接下來,作者將介紹有關(guān)網(wǎng)頁制作方式的知識,希望幫助到將要學(xué)習(xí)網(wǎng)頁制作的學(xué)生。
一、掌握HTML語言的使用技巧,完成網(wǎng)頁制作
HTML,中文名稱為超文本置標(biāo)語言技術(shù)(Hyper Text Markup Language),在網(wǎng)頁制作的過程中,無論使用任何一種編程語言,都需要借助HTML來進行網(wǎng)頁的制作。在網(wǎng)頁的制作過程中,設(shè)計人員需要考慮很多的問題,從使用者的使用習(xí)慣到頁面的整體外觀設(shè)計,都需要經(jīng)過不斷的積累經(jīng)驗與分析。對于初中階段的學(xué)習(xí)而言,我們首先要了解HTML語言的相關(guān)知識以及重要性。HTML語言具有很強的操作性,而且編寫簡單,在很多電商以及搜索引擎中都使用的到,運用HTML語言進行網(wǎng)頁的制作,可以使得網(wǎng)頁的色彩結(jié)構(gòu)與樣式豐富多彩,更加吸引人們的眼球。
在學(xué)習(xí)HTML語言時,學(xué)生要通過不同內(nèi)容的擴展來了解網(wǎng)頁制作的過程,在腦海中建立一個整體的輪廓,對所做網(wǎng)頁的結(jié)果有一個清晰的認(rèn)知,能夠明確用戶的目標(biāo)需求,加深對網(wǎng)頁制作意義的深化。在設(shè)計網(wǎng)頁的過程中,教師應(yīng)當(dāng)先引導(dǎo)學(xué)生瀏覽大量的網(wǎng)頁作品,在觀看的過程中知道網(wǎng)頁設(shè)計的關(guān)鍵點,讓學(xué)生明白網(wǎng)頁設(shè)計的重點是考慮用戶使用的實用性,避免花里胡哨的網(wǎng)頁背景影響網(wǎng)頁觀看的體驗。同時,在使用HTML語言進行網(wǎng)頁制作時,學(xué)生要利用好網(wǎng)頁字體的設(shè)置與圖畫的靜動態(tài)結(jié)合,將網(wǎng)頁字體設(shè)置為普遍觀看的人們易于接受的字體大小,可以通過調(diào)價第三方字體的方式來實現(xiàn)字體標(biāo)簽的排列。
二、基于ASP交互式服務(wù)器方式,完成網(wǎng)頁制作
ASP是一種不同于HTML的方法,ASP基于交互式服務(wù)器在網(wǎng)絡(luò)服務(wù)器端口的腳本環(huán)境進行操作,在使用ASP方式時注重對動態(tài)頁面的制作。在早期的網(wǎng)絡(luò)瀏覽界面,用戶所看到的網(wǎng)頁都是靜態(tài)的文字或者是圖片,隨著科技人員的不斷探索,出現(xiàn)了網(wǎng)頁中的動態(tài)圖畫,為網(wǎng)頁的瀏覽提供了更加舒適的體驗,用戶既可以瀏覽網(wǎng)頁獲取信息,又可以對所瀏覽的網(wǎng)頁內(nèi)容進行一定的反饋,或是評論相關(guān)的內(nèi)容,或是在網(wǎng)上實現(xiàn)買賣交易的活動等,這些如今看來頻繁的操作都是通過ASP來實現(xiàn)的,在學(xué)習(xí)網(wǎng)頁制作的過程中,可以加入對ASP方法的練習(xí)。
ASP(Active Server Pages)是微軟公司開發(fā)的一款用于動態(tài)交互式操作網(wǎng)頁的方法,可以在網(wǎng)絡(luò)服務(wù)器接收到ASP的請求時處理服務(wù)器端腳本代碼。在學(xué)生學(xué)習(xí)的過程中,教師可以適當(dāng)對這種ASP方式進行講解,讓學(xué)生對自己制作的網(wǎng)頁功能更加完全,實現(xiàn)用戶在網(wǎng)絡(luò)站點自主選擇瀏覽的網(wǎng)頁,還可以實現(xiàn)對用戶注冊與登錄的操作,提高用戶的體驗。
三、對比多種編程技術(shù)技巧優(yōu)點,完成網(wǎng)頁制作
在學(xué)生網(wǎng)頁制作的學(xué)習(xí)中,可以結(jié)合自己操作過的網(wǎng)頁進行模仿制作,當(dāng)我們點擊某一個網(wǎng)頁的時候,一般進行下一個界面瀏覽會點擊下拉菜單,具體操作是移動鼠標(biāo)放在菜單頁面上,然后會顯示出下拉的菜單,當(dāng)鼠標(biāo)移動走之后,菜單下拉回收,這種操作在網(wǎng)頁中是非常普遍的,因此在學(xué)習(xí)時教師也可以對這個知識進行一定的講解。介紹多種方法讓學(xué)生進行參考,通過查閱資料,進行具有動態(tài)效果的下拉菜單有多種方式,例如CSS、JavaScript、jQuery,學(xué)生可以根據(jù)所擅長與易于理解的方式進行網(wǎng)頁的制作。
在制作網(wǎng)頁中下拉菜單的效果時,教師要向?qū)W生介紹清楚以下的步驟,一是要學(xué)生利用之前學(xué)過的知識與方法建立靜態(tài)的網(wǎng)頁,靜態(tài)的網(wǎng)頁是動態(tài)網(wǎng)頁的基礎(chǔ),這里需要兩級的靜態(tài)網(wǎng)頁,在此基礎(chǔ)上完成第二步的操作,也就是實現(xiàn)動態(tài)網(wǎng)頁效果的呈現(xiàn),對下拉菜單進行顯示與隱藏,在實現(xiàn)的過程中,教師可以舉出一個方法的例子。例如,學(xué)生可以采用CSS方法進行實現(xiàn),具體操作是通過設(shè)置二級ul的display屬性實現(xiàn),display屬性設(shè)為none(初始不顯示),后修改二級菜單對應(yīng)的一級菜單項的hover狀態(tài)的display屬性值為block。所完成的二級導(dǎo)航靜態(tài)菜單大致如圖所示。
無論采用何種方式進行網(wǎng)頁的制作,教師在教學(xué)與舉例過程中都應(yīng)該考慮學(xué)生的特點,引導(dǎo)學(xué)生熟練掌握HTML語言的基礎(chǔ)知識完成對靜態(tài)網(wǎng)頁的制作,在此基礎(chǔ)上可以介紹多種方法進行動態(tài)網(wǎng)頁的操作,提高網(wǎng)頁制作的水平與整體的美觀感。在實際操作的過程中,學(xué)生還需要對實際的頁面操作進行熟悉,創(chuàng)造出符合用戶需求的頁面,針對不同的主體對網(wǎng)頁的設(shè)計進行改觀,實現(xiàn)網(wǎng)頁的受眾群體多樣化。
(作者單位:江蘇省徐州市銅山區(qū)柳泉鎮(zhèn)中心中學(xué))