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

吳耀

【內(nèi)容摘要】隨著社會(huì)科技的不斷發(fā)展，計(jì)算機(jī)的使用已經(jīng)進(jìn)入到千家萬(wàn)戶，在初中信息技術(shù)的課堂之中，也有許多與網(wǎng)頁(yè)制作相關(guān)的課程，需要學(xué)生對(duì)網(wǎng)頁(yè)的制作進(jìn)行一定的學(xué)習(xí)與了解。本文將針對(duì)初中階段的網(wǎng)頁(yè)制作，談一談如何實(shí)現(xiàn)網(wǎng)頁(yè)制作的教學(xué)目標(biāo)，幫助學(xué)生在學(xué)習(xí)中學(xué)習(xí)到相關(guān)的制作技巧，提升自身的計(jì)算機(jī)學(xué)習(xí)水平。

【關(guān)鍵詞】計(jì)算機(jī)技術(shù)? 網(wǎng)頁(yè)制作? 方法探究

現(xiàn)代人們?cè)絹?lái)越使用網(wǎng)絡(luò)工具進(jìn)行資料的搜集與新聞的瀏覽，在教育教學(xué)之中，網(wǎng)頁(yè)的制作是一項(xiàng)非常重要的事情。目前網(wǎng)頁(yè)制作的人員越來(lái)越多，制作網(wǎng)頁(yè)的方式也越來(lái)越多，有很多的語(yǔ)言進(jìn)行網(wǎng)頁(yè)的制作，有的還可以使用簡(jiǎn)單的編程軟件進(jìn)行編寫(xiě)，從而制作出不同形式的網(wǎng)頁(yè)。接下來(lái)，作者將介紹有關(guān)網(wǎng)頁(yè)制作方式的知識(shí)，希望幫助到將要學(xué)習(xí)網(wǎng)頁(yè)制作的學(xué)生。

一、掌握HTML語(yǔ)言的使用技巧，完成網(wǎng)頁(yè)制作

HTML，中文名稱為超文本置標(biāo)語(yǔ)言技術(shù)（Hyper Text Markup Language），在網(wǎng)頁(yè)制作的過(guò)程中，無(wú)論使用任何一種編程語(yǔ)言，都需要借助HTML來(lái)進(jìn)行網(wǎng)頁(yè)的制作。在網(wǎng)頁(yè)的制作過(guò)程中，設(shè)計(jì)人員需要考慮很多的問(wèn)題，從使用者的使用習(xí)慣到頁(yè)面的整體外觀設(shè)計(jì)，都需要經(jīng)過(guò)不斷的積累經(jīng)驗(yàn)與分析。對(duì)于初中階段的學(xué)習(xí)而言，我們首先要了解HTML語(yǔ)言的相關(guān)知識(shí)以及重要性。HTML語(yǔ)言具有很強(qiáng)的操作性，而且編寫(xiě)簡(jiǎn)單，在很多電商以及搜索引擎中都使用的到，運(yùn)用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)的制作，可以使得網(wǎng)頁(yè)的色彩結(jié)構(gòu)與樣式豐富多彩，更加吸引人們的眼球。

在學(xué)習(xí)HTML語(yǔ)言時(shí)，學(xué)生要通過(guò)不同內(nèi)容的擴(kuò)展來(lái)了解網(wǎng)頁(yè)制作的過(guò)程，在腦海中建立一個(gè)整體的輪廓，對(duì)所做網(wǎng)頁(yè)的結(jié)果有一個(gè)清晰的認(rèn)知，能夠明確用戶的目標(biāo)需求，加深對(duì)網(wǎng)頁(yè)制作意義的深化。在設(shè)計(jì)網(wǎng)頁(yè)的過(guò)程中，教師應(yīng)當(dāng)先引導(dǎo)學(xué)生瀏覽大量的網(wǎng)頁(yè)作品，在觀看的過(guò)程中知道網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵點(diǎn)，讓學(xué)生明白網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)是考慮用戶使用的實(shí)用性，避免花里胡哨的網(wǎng)頁(yè)背景影響網(wǎng)頁(yè)觀看的體驗(yàn)。同時(shí)，在使用HTML語(yǔ)言進(jìn)行網(wǎng)頁(yè)制作時(shí)，學(xué)生要利用好網(wǎng)頁(yè)字體的設(shè)置與圖畫(huà)的靜動(dòng)態(tài)結(jié)合，將網(wǎng)頁(yè)字體設(shè)置為普遍觀看的人們易于接受的字體大小，可以通過(guò)調(diào)價(jià)第三方字體的方式來(lái)實(shí)現(xiàn)字體標(biāo)簽的排列。

二、基于ASP交互式服務(wù)器方式，完成網(wǎng)頁(yè)制作

ASP是一種不同于HTML的方法，ASP基于交互式服務(wù)器在網(wǎng)絡(luò)服務(wù)器端口的腳本環(huán)境進(jìn)行操作，在使用ASP方式時(shí)注重對(duì)動(dòng)態(tài)頁(yè)面的制作。在早期的網(wǎng)絡(luò)瀏覽界面，用戶所看到的網(wǎng)頁(yè)都是靜態(tài)的文字或者是圖片，隨著科技人員的不斷探索，出現(xiàn)了網(wǎng)頁(yè)中的動(dòng)態(tài)圖畫(huà)，為網(wǎng)頁(yè)的瀏覽提供了更加舒適的體驗(yàn)，用戶既可以瀏覽網(wǎng)頁(yè)獲取信息，又可以對(duì)所瀏覽的網(wǎng)頁(yè)內(nèi)容進(jìn)行一定的反饋，或是評(píng)論相關(guān)的內(nèi)容，或是在網(wǎng)上實(shí)現(xiàn)買(mǎi)賣交易的活動(dòng)等，這些如今看來(lái)頻繁的操作都是通過(guò)ASP來(lái)實(shí)現(xiàn)的，在學(xué)習(xí)網(wǎng)頁(yè)制作的過(guò)程中，可以加入對(duì)ASP方法的練習(xí)。

ASP（Active Server Pages）是微軟公司開(kāi)發(fā)的一款用于動(dòng)態(tài)交互式操作網(wǎng)頁(yè)的方法，可以在網(wǎng)絡(luò)服務(wù)器接收到ASP的請(qǐng)求時(shí)處理服務(wù)器端腳本代碼。在學(xué)生學(xué)習(xí)的過(guò)程中，教師可以適當(dāng)對(duì)這種ASP方式進(jìn)行講解，讓學(xué)生對(duì)自己制作的網(wǎng)頁(yè)功能更加完全，實(shí)現(xiàn)用戶在網(wǎng)絡(luò)站點(diǎn)自主選擇瀏覽的網(wǎng)頁(yè)，還可以實(shí)現(xiàn)對(duì)用戶注冊(cè)與登錄的操作，提高用戶的體驗(yàn)。

三、對(duì)比多種編程技術(shù)技巧優(yōu)點(diǎn)，完成網(wǎng)頁(yè)制作

在學(xué)生網(wǎng)頁(yè)制作的學(xué)習(xí)中，可以結(jié)合自己操作過(guò)的網(wǎng)頁(yè)進(jìn)行模仿制作，當(dāng)我們點(diǎn)擊某一個(gè)網(wǎng)頁(yè)的時(shí)候，一般進(jìn)行下一個(gè)界面瀏覽會(huì)點(diǎn)擊下拉菜單，具體操作是移動(dòng)鼠標(biāo)放在菜單頁(yè)面上，然后會(huì)顯示出下拉的菜單，當(dāng)鼠標(biāo)移動(dòng)走之后，菜單下拉回收，這種操作在網(wǎng)頁(yè)中是非常普遍的，因此在學(xué)習(xí)時(shí)教師也可以對(duì)這個(gè)知識(shí)進(jìn)行一定的講解。介紹多種方法讓學(xué)生進(jìn)行參考，通過(guò)查閱資料，進(jìn)行具有動(dòng)態(tài)效果的下拉菜單有多種方式，例如CSS、JavaScript、jQuery，學(xué)生可以根據(jù)所擅長(zhǎng)與易于理解的方式進(jìn)行網(wǎng)頁(yè)的制作。

在制作網(wǎng)頁(yè)中下拉菜單的效果時(shí)，教師要向?qū)W生介紹清楚以下的步驟，一是要學(xué)生利用之前學(xué)過(guò)的知識(shí)與方法建立靜態(tài)的網(wǎng)頁(yè)，靜態(tài)的網(wǎng)頁(yè)是動(dòng)態(tài)網(wǎng)頁(yè)的基礎(chǔ)，這里需要兩級(jí)的靜態(tài)網(wǎng)頁(yè)，在此基礎(chǔ)上完成第二步的操作，也就是實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)效果的呈現(xiàn)，對(duì)下拉菜單進(jìn)行顯示與隱藏，在實(shí)現(xiàn)的過(guò)程中，教師可以舉出一個(gè)方法的例子。例如，學(xué)生可以采用CSS方法進(jìn)行實(shí)現(xiàn)，具體操作是通過(guò)設(shè)置二級(jí)ul的display屬性實(shí)現(xiàn)，display屬性設(shè)為none（初始不顯示），后修改二級(jí)菜單對(duì)應(yīng)的一級(jí)菜單項(xiàng)的hover狀態(tài)的display屬性值為block。所完成的二級(jí)導(dǎo)航靜態(tài)菜單大致如圖所示。

無(wú)論采用何種方式進(jìn)行網(wǎng)頁(yè)的制作，教師在教學(xué)與舉例過(guò)程中都應(yīng)該考慮學(xué)生的特點(diǎn)，引導(dǎo)學(xué)生熟練掌握HTML語(yǔ)言的基礎(chǔ)知識(shí)完成對(duì)靜態(tài)網(wǎng)頁(yè)的制作，在此基礎(chǔ)上可以介紹多種方法進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)的操作，提高網(wǎng)頁(yè)制作的水平與整體的美觀感。在實(shí)際操作的過(guò)程中，學(xué)生還需要對(duì)實(shí)際的頁(yè)面操作進(jìn)行熟悉，創(chuàng)造出符合用戶需求的頁(yè)面，針對(duì)不同的主體對(duì)網(wǎng)頁(yè)的設(shè)計(jì)進(jìn)行改觀，實(shí)現(xiàn)網(wǎng)頁(yè)的受眾群體多樣化。

（作者單位：江蘇省徐州市銅山區(qū)柳泉鎮(zhèn)中心中學(xué)）