周公平
(桂林師范高等??茖W(xué)校 廣西 桂林 541004)
網(wǎng)站設(shè)計(jì)制作開發(fā)的技術(shù)方法多樣,其中當(dāng)屬CSS、HTML和JavaScript較為常見,有著各自不同的優(yōu)勢和劣勢,需要契合實(shí)際情況靈活運(yùn)用,保證網(wǎng)頁制作質(zhì)量和效果。但是由于工具使用情況不同,應(yīng)用條件也不盡相同,因此網(wǎng)頁制作流程繁瑣、復(fù)雜,對(duì)人員的專業(yè)能力提出了更高的要求。為了制作精美的網(wǎng)站,保證后期網(wǎng)站運(yùn)營穩(wěn)定,需要高度重視網(wǎng)站的Web前端開發(fā)設(shè)計(jì)工作,充分了解用戶需求來處理,提供便捷、可靠的信息交互服務(wù),依據(jù)用戶檢索內(nèi)容,發(fā)送到服務(wù)器,獲取地址后提供訪問服務(wù)。網(wǎng)頁訪問中,頁面數(shù)據(jù)整合與搜索,需要借助多種工具實(shí)現(xiàn),因此在Web前端開發(fā)設(shè)計(jì)中要充分考慮網(wǎng)站制作需求,實(shí)現(xiàn)技術(shù)和工具最優(yōu)化組合,以便于最大程度上提升網(wǎng)站整體服務(wù)質(zhì)量。
就Web前端開發(fā)技術(shù)來看,主要是以CSS、HTML和JavaScript 3種語言工具為主,其作用和標(biāo)準(zhǔn)不盡相同,但卻彼此之間存在密切聯(lián)系。HTML是超文本標(biāo)記語言,基于連接方式可以將多種文字信息整合在一起;Java是一種代表性的編程語言,操作簡單,功能強(qiáng)悍,在兼顧C(jī)++語言特征同時(shí),卻又剔除了其中的復(fù)雜內(nèi)容;CSS是表示HTML的計(jì)算機(jī)語言,可以將要素動(dòng)態(tài)化呈現(xiàn)[1]。CSS、HTML和JavaScript在Web前端開發(fā)中有著不同的作用,彼此緊密聯(lián)系。目前常見的結(jié)構(gòu)以B/S結(jié)構(gòu)為主,需要立足于現(xiàn)行的網(wǎng)絡(luò)環(huán)境來分析研判瀏覽器,用戶在使用瀏覽器時(shí)先要輸入網(wǎng)址,輸入后發(fā)送URL請(qǐng)求,服務(wù)器接收訊號(hào)后獲取網(wǎng)址IP地址;客戶端向服務(wù)器發(fā)送HTTP,依據(jù)請(qǐng)求校驗(yàn)確認(rèn)HTTP,文件多是以網(wǎng)絡(luò)地址形態(tài)呈現(xiàn)[2]。Web服務(wù)器的URL參數(shù)和應(yīng)用文件內(nèi)容通過數(shù)據(jù)處理后得到對(duì)應(yīng)的HTML文件,然后將HTML文件輸送到瀏覽器。服務(wù)器接受請(qǐng)求后傳送資源文件到瀏覽器,瀏覽器對(duì)接收的數(shù)據(jù)信息進(jìn)行資源整合,然后呈現(xiàn)在用戶所看到的頁面上。另外,目前HTML已經(jīng)開始朝著HTML5方向轉(zhuǎn)型,新增
隨著Web前端開發(fā)技術(shù)研究深化,研究方向與最初發(fā)生了明顯變化,Web前端開發(fā)技術(shù)誕生初期,CSS與HTML分別承擔(dān)了不同的功能,前者是網(wǎng)頁架構(gòu)與整體頁面布局美觀方面,后者是為了加快使用者的網(wǎng)頁訪問速度。此項(xiàng)技術(shù)發(fā)展至今,賦予了網(wǎng)頁自動(dòng)跳轉(zhuǎn)到不同內(nèi)容的功能,同時(shí)新增“禁止網(wǎng)頁非法訪問”功能,目前已經(jīng)成為網(wǎng)站制作的一項(xiàng)基礎(chǔ)功能。為了遏制非法入侵行為出現(xiàn),網(wǎng)站制作中將防插入入侵權(quán)限功能融入到Web前端開發(fā)中,對(duì)用戶身份進(jìn)行認(rèn)證和控制,在保障網(wǎng)站安全方面起到了重要作用。需要注意的是,任何事物發(fā)展都是有利有弊的,伴隨著Web前端開發(fā)技術(shù)高水平發(fā)展,網(wǎng)絡(luò)病毒也在不斷發(fā)展,類型多樣化,隱蔽性更強(qiáng),攻擊性更強(qiáng),如何有效控制網(wǎng)絡(luò)病毒,維護(hù)用戶的切身利益不受損,積極引入安全密碼保護(hù)系統(tǒng)在Web前端開發(fā)是必然選擇[4]。充分發(fā)揮Web前端開發(fā)優(yōu)勢,有效抵御外部非法入侵行為,并通過技術(shù)創(chuàng)新優(yōu)化來提供切實(shí)可行的措施,創(chuàng)設(shè)安全可靠的網(wǎng)絡(luò)環(huán)境。
Web前端開發(fā)需要堅(jiān)持以用戶為中心的原則,如何滿足用戶需求,提升用戶滿意度,則是Web前端開發(fā)技術(shù)未來研究創(chuàng)新的主要方向。用戶在網(wǎng)絡(luò)環(huán)境中尋找所需要信息,主要表現(xiàn)在網(wǎng)絡(luò)購物、瀏覽新聞、網(wǎng)絡(luò)娛樂和網(wǎng)絡(luò)游戲等方面。通過對(duì)網(wǎng)絡(luò)用戶需求調(diào)查分析,基礎(chǔ)功能直接關(guān)乎到用戶滿意度,因此需要加強(qiáng)網(wǎng)站建設(shè),確?;A(chǔ)功能正常運(yùn)行,增強(qiáng)用戶的操作體驗(yàn)滿意度[5]。未來網(wǎng)站制作中,應(yīng)重點(diǎn)優(yōu)化網(wǎng)頁訪問速度,信息檢索自動(dòng)化,豐富瀏覽內(nèi)容,盡可能減少人力投入,避免操作系統(tǒng)過于復(fù)雜化,提升網(wǎng)站制作質(zhì)量。
目前用戶群體較大的當(dāng)屬360、百度和IE瀏覽器,但此類瀏覽器均存在一個(gè)明顯的不足,即兼容性不強(qiáng),如何增強(qiáng)兼容性,則是未來Web前端開發(fā)技術(shù)發(fā)展的主要方向。Web前端開發(fā)技術(shù)在網(wǎng)站制作中應(yīng)用,為技術(shù)創(chuàng)新發(fā)展提供了更多可能性,技術(shù)水平高低直接影響著網(wǎng)站制作質(zhì)量。常見的Web前端開發(fā)工具有HTML5和CSS3,伴隨著Web前端開發(fā)技術(shù)創(chuàng)新優(yōu)化,相配套的開發(fā)工具也將得到進(jìn)一步升級(jí)完善[6]。結(jié)合技術(shù)需求和人才需求,深化Web前端開發(fā),其影響更進(jìn)一步提升,未來技術(shù)變革中也將會(huì)面臨更多新的挑戰(zhàn),只有持續(xù)優(yōu)化完善技術(shù)支持,才能更好地滿足用戶多元化需求。
在目前網(wǎng)絡(luò)環(huán)境下,伴隨著用戶需求量不斷增長帶來的挑戰(zhàn),網(wǎng)站獲取信息的時(shí)間延長,效率偏低,如何優(yōu)化網(wǎng)頁設(shè)計(jì),提升信息傳遞效率,滿足用戶的個(gè)性化需求則是目前網(wǎng)站制作重點(diǎn)考慮的內(nèi)容。從信息角度來看,信息獲取效率偏低會(huì)破壞信息對(duì)稱環(huán)境,影響到信息價(jià)值的展現(xiàn),因此積極推動(dòng)Web前端開發(fā)技術(shù)優(yōu)化是必然選擇[7]。通過Web前端開發(fā)技術(shù)優(yōu)化創(chuàng)新,有助于網(wǎng)站內(nèi)容更加簡潔、全面呈現(xiàn),豐富展示內(nèi)容,滿足社會(huì)日益增長的需求。
互聯(lián)網(wǎng)在社會(huì)生產(chǎn)生活中滲透應(yīng)用,為人們提供便利服務(wù)的同時(shí),也帶來了新的挑戰(zhàn)。計(jì)算機(jī)網(wǎng)絡(luò)需求逐漸變化,為了滿足不同個(gè)體或是不同階段的需求,應(yīng)積極推動(dòng)Web前端開發(fā)技術(shù)創(chuàng)新優(yōu)化,豐富用戶體驗(yàn)來順應(yīng)式發(fā)展趨勢,增強(qiáng)用戶的使用體驗(yàn),更好地實(shí)現(xiàn)服務(wù)目標(biāo)。
堅(jiān)持用戶為主的原則,如何有效提升用戶服務(wù)質(zhì)量,增強(qiáng)網(wǎng)站訪問體驗(yàn),一個(gè)關(guān)鍵點(diǎn)是優(yōu)化網(wǎng)頁請(qǐng)求優(yōu)化,加快網(wǎng)頁瀏覽速度,將信息獲取等待時(shí)間盡可能縮短,對(duì)于數(shù)據(jù)信息快速傳輸和共享效率提升具有積極作用。在網(wǎng)站制作中應(yīng)用Web前端開發(fā)技術(shù),對(duì)HTTP請(qǐng)求模式優(yōu)化創(chuàng)新,依據(jù)標(biāo)準(zhǔn)篩選請(qǐng)求內(nèi)容,可以加快網(wǎng)頁響應(yīng)速度[8]。另外,HTTP請(qǐng)求內(nèi)容表現(xiàn)出鮮明的廣泛特點(diǎn),在瀏覽器建立鏈接、服務(wù)器承接文件和數(shù)據(jù)傳輸?shù)确矫妫鰪?qiáng)程序處置時(shí)間控制是必然選擇,可以大大增強(qiáng)用戶服務(wù)體驗(yàn)[9]。
基于Web前端開發(fā)技術(shù)推動(dòng)網(wǎng)站制作開發(fā),重點(diǎn)在于網(wǎng)頁傳遞內(nèi)容優(yōu)化,保證網(wǎng)站安全穩(wěn)定運(yùn)行,但是由于內(nèi)容特殊性,需要重點(diǎn)關(guān)注CSS和樣式表等內(nèi)容,具體表現(xiàn)在覆蓋疊層方面。內(nèi)容優(yōu)化要充分結(jié)合網(wǎng)站制作工作特殊性,編制合理化的優(yōu)化措施,并結(jié)合以往的實(shí)踐經(jīng)驗(yàn)來渲染網(wǎng)頁內(nèi)容,快速加載瀏覽器運(yùn)行信息,便于直觀生動(dòng)地將信息呈現(xiàn)在用戶面前[10]。CSS層面優(yōu)化,通常JavaScript是在最底層,需要將腳本影響范圍控制在合理水平,規(guī)避對(duì)網(wǎng)頁的負(fù)面影響,這樣才能更進(jìn)一步提升網(wǎng)頁的加載效率。但是需要注意的是,要正確看待CSS覆蓋重疊語言特點(diǎn)針對(duì)性優(yōu)化,避免盲目修改,否則可能出現(xiàn)舍本逐末的情況,造成用戶瀏覽體驗(yàn)下降,信息傳播價(jià)值受到不良影響。鑒于此,通過內(nèi)容優(yōu)化完善,可以有效改善網(wǎng)頁加載速度緩慢和服務(wù)器荷載較大的問題,為用戶提供更加優(yōu)質(zhì)、便捷和高效的服務(wù)[11]。
關(guān)于文件規(guī)模優(yōu)化,主要是將文件大小壓縮處理,進(jìn)而在文件上傳和下載中減少服務(wù)器荷載,提升信息傳輸效率。此類問題是網(wǎng)站制作中重點(diǎn)考慮的內(nèi)容,由于文件類型復(fù)雜、多樣,上傳和下載時(shí)無法保障格式一致性。結(jié)合以往經(jīng)驗(yàn),CSS和JavaScript是優(yōu)化關(guān)鍵點(diǎn)所在。由于文件涵蓋內(nèi)容類型多樣,規(guī)模大,尚未實(shí)現(xiàn)內(nèi)容完全優(yōu)化,不同程度上影響著用戶瀏覽體驗(yàn),因此積極推動(dòng)文件規(guī)模優(yōu)化是必然選擇。結(jié)合文件規(guī)模優(yōu)化需要,積極通過HTML標(biāo)簽結(jié)合,規(guī)避剔除標(biāo)簽出現(xiàn)內(nèi)聯(lián)式問題。通過HTML標(biāo)簽剔除功能,將網(wǎng)站制作中的問題控制在合理范圍內(nèi),避免矯枉過正,維護(hù)網(wǎng)站穩(wěn)定運(yùn)行。
由于網(wǎng)頁呈現(xiàn)內(nèi)容總量不斷增加,優(yōu)化DNS查詢次數(shù)十分必要,尤其是當(dāng)前網(wǎng)頁時(shí)間成本持續(xù)增加下,DNS查詢次數(shù)成為網(wǎng)頁優(yōu)化工作核心內(nèi)容。如果網(wǎng)頁的響應(yīng)速度慢,將會(huì)增加用戶的等待時(shí)間成本,具體原因可能是用戶過于頻繁的發(fā)送請(qǐng)求,DNS每次解析時(shí)間在20~120 ms范圍內(nèi),頻繁請(qǐng)求則會(huì)影響到數(shù)據(jù)上傳和下載,服務(wù)器荷載增加[12]。DNS查詢請(qǐng)求過程中,域名內(nèi)容保持不變,避免發(fā)生下載請(qǐng)求后服務(wù)器荷載過快增加。另外,優(yōu)化DNS查詢請(qǐng)求,同樣可以起到提升網(wǎng)站運(yùn)行穩(wěn)定的作用。需要注意的是,由于重定向問題造成了時(shí)間成本增加,因此需要關(guān)注細(xì)節(jié)優(yōu)化處理,縮短網(wǎng)站響應(yīng)時(shí)間成本。
關(guān)于Cookie信息優(yōu)化,也是提升網(wǎng)頁響應(yīng)速度的一個(gè)有效措施,由于Cookie信息來源于硬盤,因此需要響應(yīng)HTTP請(qǐng)求。由于瀏覽信息多,增加了服務(wù)器荷載,網(wǎng)頁顯示可能出現(xiàn)卡頓情況,一定程度上會(huì)拖慢網(wǎng)速。因此,可以通過清除多余的Cookie信息,將其信息體量降到最低,優(yōu)化網(wǎng)頁的運(yùn)行速度;為Cookie設(shè)置過期時(shí)間,瀏覽器關(guān)閉后會(huì)將信息存儲(chǔ)在硬盤上。多數(shù)情況下網(wǎng)頁訪問是不需要Cookie信息的,因此可以選擇不同方式來減少使用次數(shù),以此來加快網(wǎng)頁響應(yīng)速度。
網(wǎng)站制作中,網(wǎng)頁設(shè)計(jì)時(shí)要充分調(diào)查用戶的喜好和傾向,做好前期、中期以及后期各階段優(yōu)化,便于增強(qiáng)用戶的使用體驗(yàn)?;贖TML技術(shù)加強(qiáng)網(wǎng)站訪問功能建設(shè),發(fā)揮CSS技術(shù)優(yōu)勢來優(yōu)化網(wǎng)頁結(jié)構(gòu)和基礎(chǔ)功能,可以有效增強(qiáng)網(wǎng)站整體建設(shè)質(zhì)量。因此,具體從以下幾方面著手優(yōu)化。
結(jié)合網(wǎng)站制作相關(guān)要求,主要有單頁面網(wǎng)站和多頁面網(wǎng)站,其中單頁面網(wǎng)站較為常見,是在單一網(wǎng)址基礎(chǔ)上形成一對(duì)一結(jié)構(gòu),結(jié)構(gòu)較為簡單,通過頁面設(shè)計(jì)便于瀏覽,基于HTML和CSS語言合理搭配使用,即可構(gòu)建網(wǎng)站框架。多頁面網(wǎng)站則是以答案頁面為基礎(chǔ),通過多個(gè)單一網(wǎng)址整合形成的多頁面網(wǎng)站結(jié)構(gòu),具體包括主頁面與副頁面,前者是網(wǎng)站主體概況和業(yè)務(wù)模式,可以選擇文字、配圖和視頻形式來呈現(xiàn),設(shè)計(jì)簡單,突出網(wǎng)頁重點(diǎn)內(nèi)容,便于用戶訪問網(wǎng)站后第一時(shí)間找到所需要內(nèi)容。相較于單頁面網(wǎng)站而言,多頁面網(wǎng)站的主頁面設(shè)計(jì)與其特點(diǎn)相近。對(duì)于其他附屬網(wǎng)頁,圍繞主頁面主體內(nèi)容下通過代碼串聯(lián)在一起,但是要注重規(guī)避冗余代碼增加服務(wù)器荷載,影響到用戶的瀏覽體驗(yàn),如新浪、騰訊網(wǎng)、淘寶等大型商業(yè)網(wǎng)站均采用多行三列模式,趕集網(wǎng)和58同城等網(wǎng)站則需要多行四列模式。
關(guān)于網(wǎng)站制作中的導(dǎo)航設(shè)計(jì)至關(guān)重要,對(duì)于訪問者而言,直接關(guān)乎到是否可以快速找到所需要的信息,是在多頁面網(wǎng)站基礎(chǔ)上實(shí)現(xiàn)。導(dǎo)航可以將網(wǎng)站的功能和結(jié)構(gòu)脈絡(luò)呈現(xiàn)出來,通過導(dǎo)航系統(tǒng)優(yōu)化設(shè)計(jì),可以有效提升網(wǎng)頁瀏覽速度,保證網(wǎng)站整體質(zhì)量。一般情況下,網(wǎng)站導(dǎo)航菜單應(yīng)結(jié)合網(wǎng)站呈現(xiàn)內(nèi)容來細(xì)化分類,但是要保證脈絡(luò)清晰,實(shí)現(xiàn)技術(shù)體系深層次優(yōu)化升級(jí)。通常情況下,網(wǎng)站的導(dǎo)航系統(tǒng)采用無序列表和樣式表呈現(xiàn),并加上超鏈接元素,也可以選擇Menu和jQuery進(jìn)行數(shù)據(jù)引用。
明確網(wǎng)站主題內(nèi)容基礎(chǔ)上,把握建設(shè)重點(diǎn),并考慮網(wǎng)站附屬機(jī)構(gòu)實(shí)際情況再總體規(guī)劃設(shè)計(jì),以使內(nèi)容簡潔、直觀和明了,優(yōu)化網(wǎng)站整體排版和布局,切實(shí)提升網(wǎng)站整體簡潔性和流暢性。同時(shí),明確網(wǎng)站內(nèi)容體系重要性,合理化規(guī)劃與排版,增強(qiáng)頁面排版條理性,增強(qiáng)用戶的使用體驗(yàn)。使用jQuery庫和JavaScript合理規(guī)劃,網(wǎng)站的整體結(jié)構(gòu)合理性和連貫性將得到大幅度提升,對(duì)于擴(kuò)大網(wǎng)站影響力有著積極作用。
綜上所述,在網(wǎng)站制作前,要充分調(diào)查和反饋用戶的多樣化需求,圍繞網(wǎng)站制作主題內(nèi)容來推動(dòng)Web前端開發(fā)設(shè)計(jì)優(yōu)化。堅(jiān)持用戶為主體的原則優(yōu)化設(shè)計(jì),把握Web前端開發(fā)技術(shù)優(yōu)勢特點(diǎn),做好網(wǎng)頁設(shè)計(jì)細(xì)節(jié)的把控,同時(shí)對(duì)DNS查詢次數(shù)、網(wǎng)頁內(nèi)容、文件規(guī)模、網(wǎng)頁請(qǐng)求和Cookie信息等方面進(jìn)行優(yōu)化處理,提升網(wǎng)站制作質(zhì)量,為用戶提供優(yōu)質(zhì)服務(wù)體驗(yàn)。