網(wǎng)頁制作的探微

吳耀

【內(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é)）