網頁標準化設計在網站建設中的研究與應用經驗分析
2016-03-15 12:10:26楊瑞梅
黑龍江科學 2016年23期
楊瑞梅
(重慶應用技術職業學院，重慶 401520)
網頁標準化設計在網站建設中的研究與應用經驗分析
楊瑞梅
(重慶應用技術職業學院，重慶 401520)
網絡技術不斷發展，網站建設量也隨之增加，促進了網絡企業的發展。網站承載著較多的信息，應用了多種技術，可以給人們提供多樣化的信息。網頁標準化設計是網站建設的基礎，對網站整體效果具有很大影響。方便、簡潔的網頁設計，不僅可以加強搜索引擎管理與工程管理，還可以提高網站的兼容性，促進網站后期維護工作的開展。
網頁標準化；網站建設；應用經驗
1 概述
1.1 定義
Web標準是引導網站建設和實踐的主要操作方法，主要由網頁設計技術規范、設計原理內容及網站設計各方面定義等組成，給人們提供了網頁設計參考。從Web特點上分析，網頁標準與內容規范具有一致性，不僅可以指導萬維網，還可以將部分內容擴展到互聯網，對網絡服務器管理與設計等內容均產生了巨大影響。經過分析發現，網頁標準主要由網頁開發工具、習慣用法、廠商獨有技術及非標準、標準發布等因素組成。網絡標準化設計的核心就是區分網頁與文檔。網頁一般從美學角度上給人們呈現較強的內容，可以實現文檔內容向美學的擴展，滿足了廣大讀者群體的實際需求，由文檔結構、行為與表現等內容組成。結構式語言標準主要由HTML和XML組成，表現語言為CSS，行為標準包含了用戶模型。
1.2 網頁標準化設計使用的優勢
第一，從使用者角度分析。網頁標準化設計符合使用者的使用習慣，設計出的網站更加方便快捷，而且操作速度較快。簡而言之，Web標準設計的網頁是標準的原始結構，可以方便用戶進行相關信息的搜索，而且可以及時對相關信息進行評估，索引較準確。網頁良好的標準就是是否缺少CSS的支持，同時可有序的展示信息，給用戶提供較多的便利，能夠使用不同設備進行操作。
第二，對使用者而言比較高效。Web標準化實現了內容與樣式的分離，可以多次使用一個設計，而且必須要重新代碼，減少了不必要代碼的冗余，提高了網站開發速度。同時網頁標準化還可以實現腳本復用操作，此種操作方式不僅減少了工作量，同時還減輕了維護成本，只需結合網站建設需求，對某處代碼進行改變即可得到理想的網站效果。
第三，從服務器角度分析，降低了服務器成本。隨著內容、行為與表現的分離，實現了CSS樣式多次復用操作，減少了市場固定網站設計編輯器產生的冗余代碼問題，尤其是將其應用到大型網站建設中，可以調用CSS樣式表。用戶首次訪問網頁時可以單獨調用一個CSS樣式表，進而將CSS樣式保存在本地緩存中，可以利用訪問調用方式使用該樣式網頁，進而方便了本地讀取操作。同時節省了大量的帶寬，減輕了硬件處理任務量和服務器負荷，實際應用質量較高，延長了服務器使用壽命。
2 網頁標準化設計在網站建設中的具體應用
2.1 使用正確的結構化標記
進行網站建設的基礎性工作就是從網頁本質精確定義HTML。網頁就是使用特定結構利用一定內容組成的頁面，可以供瀏覽者瀏覽，因此只有規范數學，HTML才能建設高質量的網站。第一，合理選擇 。添加合理的 ，說明XHTML或使用HTML的版本，然后，瀏覽器可根據版本定義文檔類型及頁面代碼。經過分析，XHTML1.0主要由框架型、過渡型及嚴格型組成，一般過渡型較容易被人們接受。 在Web標準網頁設計中具有很大作用，只有確定正確的文檔類型，才能正常的解析并打開，進而完整詳細的呈現網頁內容。第二，設定空間名稱。在建設網站的時候，需要給文檔擬定一個合理的編輯，提醒該文檔的所屬者，例如代碼。第三，合理設置文檔元信息。合理設計文檔元信息可以精確的描述網頁內容，并給其配置name屬性，設定描述網頁的關鍵詞，進而方便用戶的搜索。一般設計時，可以實現文件頭http-equov屬性與content的結合，然后構建網頁語言與編碼信息。
2.2 采用CSS設計網頁的具體應用
CSS表示層疊樣式表單，是一種表現XML或HTML文件樣式的計算機語言。第一，CSS語法。CSS規則主要由一條或多條聲明及選擇器構成，每條聲明中均由一個值與屬性組成。例如，h2{color：green；font-size：12px;}，此例子中，表示將h2單元中的文字顏色定義為綠色，將字體設置為12像素。h2表示選擇器，font-size與color均為屬性，green和12px表示值。第二，CSS選擇器。CSS選擇器主要由類選擇器、標簽選擇器等組成，進行實際設計時，可以結合需求合理選擇，養成良好的編程習慣。經過分析發現，很多設計人員選用選擇器時，要將全部區域劃分為若干個Div，然后結合需求，選擇ID選擇器和Div樣式，此種操作不符合編程習慣，而且會出現很多問題。在實際編輯中，必須區分ID選擇器與類選擇器，為了所有文檔XHTML標簽均為CSS樣式，在操作中不能重復使用ID選擇器。如果選擇XHTML文檔時使用了ID選擇器，就會將CSS樣式指定給特定的標簽。第三，目前在科學技術的帶動下，智能手機和平板電腦逐漸普及，給用戶提供了多種類別的瀏覽器。但是由于不同瀏覽器對web標準的默認值不同，因此，在編輯或創建CSS時，可以使用Adobe Dream weaver中的測試工具，對不同瀏覽器的兼容性進行測試。同時還要合理使用Css Hsck，根據不同瀏覽器的特點，書寫各種樣式的CSS，進而符合不同瀏覽器的瀏覽需求，滿足用戶需求。
2.3 使用DIV+CSS方法進行頁面布局
傳統HTML代碼編寫中，主要利用表格完成頁面布局。實際設計時，為了營造較強的頁面布局效果，會嵌套大量的表格，因此導致HTML文檔結構較混亂，這種大量操作不僅讓文檔中含有較多的表格，而且頁面節數不斷增加，將頁面與表格雜糅在一起。隨著Web的出現，將
