靜態(tài)網(wǎng)頁設(shè)計(jì)中存在的問題與解決措施探究
2022-04-29 03:51劉倩倩
電腦知識(shí)與技術(shù) 2022年4期
摘要：由于網(wǎng)絡(luò)技術(shù)不斷延伸，在應(yīng)用和發(fā)展互聯(lián)網(wǎng)的過程中出現(xiàn)了不少具備現(xiàn)實(shí)意義的作用，從具體互聯(lián)網(wǎng)發(fā)展而言，網(wǎng)絡(luò)技術(shù)應(yīng)用中離不開網(wǎng)頁設(shè)計(jì)環(huán)節(jié)，而網(wǎng)頁設(shè)計(jì)又可以劃分為靜態(tài)和動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)兩種。為此，該文主要探究靜態(tài)網(wǎng)頁設(shè)計(jì)環(huán)節(jié)出現(xiàn)的現(xiàn)實(shí)問題以及相應(yīng)對(duì)策，希望能夠幫助有關(guān)人員。
關(guān)鍵詞：靜態(tài)網(wǎng)頁設(shè)計(jì);存在問題;解決措施
中圖分類號(hào)：TP393? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A
文章編號(hào)：1009-3044（2022）04-0108-02
最近幾年，伴隨著網(wǎng)絡(luò)技術(shù)的逐步拓展，網(wǎng)頁設(shè)計(jì)的重要性越來越受到專業(yè)人士的關(guān)注，人們對(duì)于審美的追求不斷提升，網(wǎng)頁設(shè)計(jì)需要跟隨審美潮流。網(wǎng)頁并非只將各種信息灌輸進(jìn)去，還需要讓受眾更加便捷有效地接收詳細(xì)數(shù)據(jù)信息。因此，本文對(duì)靜態(tài)網(wǎng)頁設(shè)計(jì)存在的問題以及措施進(jìn)行探討。
1 靜態(tài)網(wǎng)頁的相關(guān)概念
所謂的靜態(tài)網(wǎng)頁就是在設(shè)計(jì)環(huán)節(jié)通過HTML語言完成所有的設(shè)計(jì)制作網(wǎng)頁，從靜態(tài)網(wǎng)頁設(shè)計(jì)角度來說，網(wǎng)頁本身自帶.html以及.htm等文本格式后綴。在應(yīng)用靜態(tài)網(wǎng)頁時(shí)，網(wǎng)頁內(nèi)容并不會(huì)產(chǎn)生太大變化，使用和瀏覽靜態(tài)網(wǎng)頁時(shí)，用戶無法加深與服務(wù)器的內(nèi)部網(wǎng)絡(luò)交互。值得一提的是，相較于動(dòng)態(tài)網(wǎng)頁而言，靜態(tài)網(wǎng)頁并非處于純粹靜止?fàn)顟B(tài)，而是在不斷設(shè)計(jì)中表現(xiàn)出動(dòng)態(tài)變化，設(shè)計(jì)人員可以應(yīng)用GIF動(dòng)畫和Flash動(dòng)畫，展現(xiàn)出更加良好的動(dòng)態(tài)效果。在整個(gè)設(shè)計(jì)環(huán)節(jié)，靜態(tài)網(wǎng)頁應(yīng)用了XML以及HTML技術(shù)，其中后者所包含的應(yīng)用范圍最為廣泛，展現(xiàn)出的使用效果也最為明顯。而前者則具有多樣化的應(yīng)用對(duì)象，顯示出更為強(qiáng)大的功能。所以，靜態(tài)網(wǎng)頁的設(shè)計(jì)需要兩種技術(shù)的幫助，并且要求設(shè)計(jì)人員給予上述內(nèi)容同等的重視程度。
2 常用部件
第一，靜態(tài)頁面Web部件。為了將靜態(tài)文件內(nèi)部代碼安置到合理的頁面指定位置，需要選取靜態(tài)頁面Web部件，讓靜態(tài)制作內(nèi)容盡快完成。比如設(shè)計(jì)人員打開站點(diǎn)，在菜單欄位置選擇所有文件選項(xiàng)，找到_EX_STATICPAGES_，在文檔庫點(diǎn)擊新HTML，將英文字符作為文件名主要表現(xiàn)方式。點(diǎn)擊靜態(tài)文件并且打開，在其中添加靜態(tài)代碼，隨后實(shí)行關(guān)閉操作。如果從代碼類型來看，HTML代碼屬于代碼片段，根據(jù)相應(yīng)原則標(biāo)準(zhǔn)，不可以在其中增加聲明語句或者<html><head><body>，倘若這部分代碼片段中只含有結(jié)構(gòu)代碼，那么設(shè)計(jì)人員便可以在文件夾或者Images、page.css文件中安置各種圖片樣式，此時(shí)計(jì)算機(jī)呈現(xiàn)出頁面編輯狀態(tài)，在Web部件中進(jìn)行添加操作，如圖1所示。
倘若選取靜態(tài)文件時(shí)融入其他站點(diǎn)內(nèi)容，在文本框右側(cè)部位點(diǎn)擊之后便會(huì)出現(xiàn)文本編輯器，由此便可以添加相對(duì)以及絕對(duì)地址，將所有操作保存便可以完成靜態(tài)內(nèi)容的替換效果。
第二，新聞列表Web部件。為了可以頁面展示和讀取各種新聞動(dòng)態(tài)信息，必須要應(yīng)用新聞列表Web部件，同時(shí)增加新聞列表Web部件的手段與上述操作類似。尋找到新聞列表下拉箭頭的位置，在其中找出編輯web部件，并且設(shè)計(jì)人員還應(yīng)當(dāng)注意新聞列表web部件中存在的新聞顯示設(shè)置以及排序、內(nèi)容設(shè)置等屬性，在設(shè)計(jì)人員處理好相應(yīng)屬性后，找出對(duì)應(yīng)的新聞欄目。
第三，IP過濾Web部件。通常情況下，設(shè)計(jì)人員可以通過訪問IP限制以及權(quán)限管理兩種手段對(duì)網(wǎng)站訪問內(nèi)容加以控制，其中控制權(quán)限管理較為明確，因?yàn)樗梢葬槍?duì)用戶賬號(hào)來區(qū)分訪問者打開內(nèi)容的權(quán)限，如果某頁面希望所有員工均有訪問權(quán)限，則給予員工授權(quán)賬號(hào)就很困難，所以要將其更改為在本單位區(qū)域內(nèi)所有上網(wǎng)計(jì)算機(jī)均有權(quán)限對(duì)網(wǎng)頁進(jìn)行訪問，這時(shí)辨別IP地址的手段便擁有了更大的發(fā)揮空間。
憑借對(duì)IP地址加以區(qū)分的方式，可以針對(duì)用戶差異辨別用戶所打開的網(wǎng)絡(luò)頁面限制范圍，從而結(jié)束訪問對(duì)象的行為。其適用于結(jié)構(gòu)訪問，也就是組織、單位或者部門所構(gòu)成的訪問，比如具有明顯邊界性的內(nèi)容空間，整個(gè)過程就是讓其獲得良好的IP地址分配。由于IP過濾Web部件使用范圍限制在內(nèi)網(wǎng)，可以將其安置在Web部件頁面。具體來說，通過鼠標(biāo)點(diǎn)擊讓頁面處于編輯狀態(tài)，在指定區(qū)域添加Web部件。同時(shí)勾選隱藏，選擇可以訪問的IP段，將主要內(nèi)容填入指定位置，整個(gè)過程都需要將IP段完整填寫，并且用“-”這個(gè)符號(hào)進(jìn)行連接，隔離符號(hào)則選擇分號(hào)，同時(shí)設(shè)計(jì)人員還必須明確最后IP段并不要求使用分號(hào)，這樣就可以對(duì)被允許訪問IP段進(jìn)行明確，知曉哪種IP段無法通過電腦加以訪問。
3 在應(yīng)用CSS+DIV樣式的過程中需要注意的事項(xiàng)
通過一串值可以將CSS屬性完成屬性代替，使填充模式被盡情發(fā)揮，將使用值通過空格加以分離，分號(hào)表現(xiàn)出多個(gè)屬性，把margin作為控制元素浮動(dòng)值的有力工具，要求border.width和pdding兩者之間允許合并，并且表現(xiàn)出逆時(shí)針順序，將property：top right bottom left作為形式。
4進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)時(shí)的問題
4.1 文件存放的問題
設(shè)計(jì)人員設(shè)計(jì)靜態(tài)網(wǎng)頁時(shí)，文件存放常常會(huì)產(chǎn)生一些不可預(yù)知的狀況，在網(wǎng)頁內(nèi)部存入圖片或者圖形文件過程中，利用dreamweaver軟件能夠?qū)⑸鲜鰞?nèi)容清晰明確地展示出來，但如果應(yīng)用IE瀏覽器，則會(huì)難以顯示，靜態(tài)網(wǎng)頁將無法合理地展示出文件內(nèi)容，這為設(shè)計(jì)人員帶來巨大干擾，進(jìn)而形成難以避免的漏洞，妨礙合理設(shè)計(jì)靜態(tài)網(wǎng)頁的工作。如果靜態(tài)網(wǎng)頁部分文件缺失，那么便不可視為合格的網(wǎng)頁設(shè)計(jì)內(nèi)容。
4.2 濫用或者依賴Flash 動(dòng)畫
在設(shè)計(jì)人員進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)工作過程中，很多工作者都喜歡使用Flash動(dòng)畫，由于Flash動(dòng)畫本身并沒有太大的體積，視覺效果尤為明顯，使動(dòng)態(tài)網(wǎng)頁變成動(dòng)態(tài)和直觀的表現(xiàn)形式，從而強(qiáng)化應(yīng)用價(jià)值。但是現(xiàn)實(shí)條件下，并非所有設(shè)計(jì)人員都能夠把握Flash動(dòng)畫的優(yōu)勢(shì)，可能會(huì)過分依賴Flash動(dòng)畫，這樣難以讓靜態(tài)網(wǎng)頁的效果和質(zhì)量得到顯著提升，甚至讓動(dòng)態(tài)網(wǎng)頁因?yàn)閼?yīng)用Flash動(dòng)畫形成不良干擾。
4.3 設(shè)計(jì)內(nèi)頁過程中雜亂無序的狀況
很多網(wǎng)頁設(shè)計(jì)人員本身并不具備良好的專業(yè)素養(yǎng)，對(duì)靜態(tài)網(wǎng)頁設(shè)計(jì)沒有形成良好的專業(yè)認(rèn)知，導(dǎo)致在進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)環(huán)節(jié)時(shí)出現(xiàn)雜亂無序的情況。靜態(tài)網(wǎng)頁的設(shè)計(jì)環(huán)節(jié)離不開內(nèi)頁設(shè)計(jì)，從整體設(shè)計(jì)角度而言，內(nèi)頁設(shè)計(jì)的重要性尤為關(guān)鍵，起著不可替代的重要作用。而設(shè)計(jì)人員進(jìn)行實(shí)際設(shè)計(jì)操作后，可能忽視網(wǎng)頁結(jié)構(gòu)，無法合理編輯網(wǎng)頁內(nèi)容，形成結(jié)構(gòu)方面雜亂無序的狀況。與此同時(shí)，很多設(shè)計(jì)工作者忽略了網(wǎng)頁的圖像以及色彩，讓靜態(tài)網(wǎng)頁在無序性和整體性方面缺乏優(yōu)勢(shì)。
5 進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)時(shí)的應(yīng)用措施
5.1 加強(qiáng)文件存放工作
在進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)時(shí)，技術(shù)工作人員很可能面臨應(yīng)用IE瀏覽器的情況，由于現(xiàn)實(shí)情況下它可能沒有辦法完全顯示圖形文件，并且圖形文件和靜態(tài)網(wǎng)頁文件路徑并不相符，只能依靠網(wǎng)頁編輯器，如果在現(xiàn)實(shí)狀況下，網(wǎng)頁設(shè)計(jì)人員應(yīng)用了ie瀏覽器，且ie瀏覽器造成了圖形文件無法顯示的狀況，那么便需要針對(duì)上述問題加以解決。一般情況下，進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)時(shí)的文件類型為：gif文件; .avi文件;.htm文件。設(shè)計(jì)人員依照現(xiàn)實(shí)情況，如果沒有合理存放這些文件，便會(huì)形成漏洞和問題，為此設(shè)計(jì)任由需要構(gòu)建根文件夾，將靜態(tài)網(wǎng)頁設(shè)計(jì)環(huán)節(jié)所使用的各種子文件全部?jī)?chǔ)存到根文件夾內(nèi)部，這樣便可以通過適宜路徑保存相應(yīng)代碼，從而讓文件更加便于存放和管理。除此之外，文件在ie瀏覽器中移植網(wǎng)頁編輯器時(shí)能夠用更好的效果體現(xiàn)出來。設(shè)計(jì)人員通過上述步驟，可以處理好靜態(tài)網(wǎng)頁設(shè)計(jì)環(huán)節(jié)存放文件顯示的問題。
5.2 處理好 Flash 動(dòng)畫的應(yīng)用
在靜態(tài)網(wǎng)頁設(shè)計(jì)環(huán)節(jié)應(yīng)用 Flash 動(dòng)畫可以體現(xiàn)出更加良好的動(dòng)態(tài)效果，強(qiáng)化靜態(tài)網(wǎng)頁的視覺作用，讓網(wǎng)絡(luò)用戶陸續(xù)被吸引過來。但在進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)時(shí)不能過分依賴 Flash 動(dòng)畫，如果應(yīng)用越來越多的 Flash 動(dòng)畫于靜態(tài)網(wǎng)頁設(shè)計(jì)中，那么其實(shí)用性非但無法得到加強(qiáng)，而且還會(huì)拖垮網(wǎng)頁瀏覽速度。很多網(wǎng)頁設(shè)計(jì)工作者在進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)環(huán)節(jié)時(shí)，為了達(dá)到加快網(wǎng)頁瀏覽速度，可以在其他部位使用 Flash 動(dòng)畫。這樣在瀏覽網(wǎng)頁時(shí)，用戶便不會(huì)出現(xiàn)瀏覽速度變慢的感覺，反而還讓靜態(tài)網(wǎng)頁產(chǎn)生了一定動(dòng)態(tài)效果。除此之外， Flash 動(dòng)畫在進(jìn)行應(yīng)用時(shí)必須要正確對(duì)其加以命名，通過字母或者數(shù)字形式命名，這樣便能夠確保 Flash 動(dòng)畫所產(chǎn)生的實(shí)際效果被真正發(fā)揮作用。
5.3 確保內(nèi)頁設(shè)計(jì)保持一致
在進(jìn)行靜態(tài)網(wǎng)頁設(shè)計(jì)時(shí)，為了防止設(shè)計(jì)環(huán)節(jié)雜亂無序狀況的發(fā)生，必須采取措施讓內(nèi)頁設(shè)計(jì)符合現(xiàn)實(shí)標(biāo)準(zhǔn)。當(dāng)設(shè)計(jì)人員布局內(nèi)頁時(shí)，設(shè)計(jì)工作人員可以將導(dǎo)航形式、標(biāo)志以及網(wǎng)站名稱融入內(nèi)頁部分。通過對(duì)上述內(nèi)容的充分利用，一方面，設(shè)計(jì)人員可以讓靜態(tài)網(wǎng)頁設(shè)計(jì)保持良好的質(zhì)量和效率，加強(qiáng)網(wǎng)頁內(nèi)部的維護(hù)和應(yīng)用工作;另一方面，為內(nèi)頁設(shè)計(jì)的一致性提供了更加良好的條件。除此之外，為了達(dá)到設(shè)計(jì)一致的目的，設(shè)計(jì)人員需要關(guān)注色彩應(yīng)用。由于靜態(tài)網(wǎng)頁本身具有非常特殊的色彩，必須要讓內(nèi)頁設(shè)計(jì)審美獲得一致，滿足用戶在網(wǎng)頁瀏覽過程中的個(gè)人體驗(yàn)。憑借應(yīng)用靜態(tài)網(wǎng)頁內(nèi)部色彩，能夠提升用戶對(duì)網(wǎng)頁使用環(huán)節(jié)的整體印象，讓靜態(tài)網(wǎng)頁效果更加具體規(guī)范。因此，設(shè)計(jì)師在設(shè)計(jì)靜態(tài)網(wǎng)頁時(shí)要關(guān)注色彩選取，良好地完成次要色彩選取工作，從而讓色彩應(yīng)用效果更加明顯。
6 結(jié)束語
總而言之，網(wǎng)頁的靜態(tài)設(shè)計(jì)工作能夠促進(jìn)和強(qiáng)化網(wǎng)絡(luò)技術(shù)未來走向，同時(shí)也能夠給從業(yè)工作人員帶來技術(shù)能力上的幫助。在很多情況下，靜態(tài)網(wǎng)頁設(shè)計(jì)產(chǎn)生問題的原因是遭受諸多因素的干擾，從而讓設(shè)計(jì)問題難以得到有效解決，妨礙靜態(tài)網(wǎng)頁設(shè)計(jì)工作的發(fā)展。為此，設(shè)計(jì)工作者必須要注重問題的發(fā)生原因，及時(shí)找到解決問題的措施，保障靜態(tài)網(wǎng)頁設(shè)計(jì)工作的合理開展。
參考文獻(xiàn)：
[1] 范芳東.靜態(tài)網(wǎng)頁制作技術(shù)與動(dòng)態(tài)網(wǎng)頁制作技術(shù)的比較分析[J].無線互聯(lián)科技，2018，15（2）：66-67.
[2] 黨慶忠.網(wǎng)頁設(shè)計(jì)與制作[M].2版.重慶：重慶大學(xué)出版社，2017.
[3] 袁野，黃蔚，何子體.基于靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的教學(xué)網(wǎng)站設(shè)計(jì)[J].才智，2017（1）：24.
[4] 孫榮俠.靜態(tài)網(wǎng)頁設(shè)計(jì)中常見問題分析與處理[J].安徽電子信息職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2010，9（1）：19-20.
收稿日期：2021-06-10
作者簡(jiǎn)介：劉倩倩（1989—），女，江蘇徐州人， 講師，碩士，主要研究方向?yàn)橛?jì)算機(jī)。
猜你喜歡
課程教育研究·學(xué)法教法研究(2016年21期)2016-10-20
中國(guó)市場(chǎng)(2016年36期)2016-10-19
中國(guó)市場(chǎng)(2016年33期)2016-10-18
科技視界(2016年21期)2016-10-17
科技視界(2016年21期)2016-10-17
考試周刊(2016年76期)2016-10-09
大學(xué)教育(2016年9期)2016-10-09
科技視界(2016年20期)2016-09-29
