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