河南北大青鳥:在seo過程中,如何做好頁面布局網(wǎng)站制作
做seo的工作者可能都知道,網(wǎng)站頁面的架構(gòu)布局對優(yōu)化有著很重要的作用。做站是優(yōu)化的第一步,那么如何做好一個網(wǎng)站的頁面呢?下面河南北大青鳥技術(shù)老師就跟大家聊聊關(guān)于做頁面的幾個點:
結(jié)構(gòu)完整,可通過標準驗證
標簽語義化,結(jié)構(gòu)合理
充分考慮到頁面在站點中的“作用和重要性”,并對其進行有針對性的優(yōu)化
很多同學(xué)多少都遇到過方向不明,不知道自己應(yīng)該提高些什么,我們可以從“分析設(shè)計稿=>切圖=>寫HTML和CSS”這個工作內(nèi)容,針對每一點提出一些要求,以方便我們分析自己的能力水平,為繼續(xù)提高確定個方向:
設(shè)計稿的分析
是指對設(shè)計稿如何制作成頁面的分析,即哪一塊的內(nèi)容可以做為公共的部分、哪一塊的內(nèi)容結(jié)構(gòu)可以如何實現(xiàn)等。
對設(shè)計稿的分析能力可以劃分成下面的幾個階段:
能分清設(shè)計稿中的公共與私有的部分
在1的基礎(chǔ)上對各部分的實現(xiàn)方式有一個初步的方案(包括如何切圖、寫結(jié)構(gòu)、寫樣式)
在1的基礎(chǔ)上,準確的給出各部分的實現(xiàn)方案(包括如何切圖、寫結(jié)構(gòu)、寫樣式)
在3的基礎(chǔ)上,能同時考慮方案的擴展性、復(fù)用性及頁面性能(包括如何切圖、寫結(jié)構(gòu)、寫樣式)
在4的基礎(chǔ)上,考慮整站的結(jié)構(gòu)分布(包括文件分布、目錄結(jié)構(gòu))
上面這些都是在還沒開始動手制作之前所要做的。
切圖
是指將設(shè)計稿切成便于制作成頁面的圖片。
很多人都有個誤區(qū),覺得切圖就是把圖片切出來,其實并不完全是這樣,還包括把切出來的圖片合并到一起,怎么切、從哪切才能將性能最大化,說“切圖是一門藝術(shù)”完全不為過。切圖也可以劃分成幾個階段:
切成所需要的圖片(如何將需要的部分切出來)
在1的基礎(chǔ)上,對切出來的圖片進行一些優(yōu)化(包括壓縮文件大小、選擇圖片類型)
在2的基礎(chǔ)上,規(guī)劃切出來的圖片(包括文件分布)
在3的基礎(chǔ)上,考慮整體的性能(包括合并圖片、壓縮文件大小)
HTML和CSS的編寫
是指將上面完成的內(nèi)容,通過HTML和CSS的編寫,將設(shè)計稿轉(zhuǎn)換成WEB頁面
這塊是最重要的一塊,也是我們所要重點掌握的內(nèi)容,把它們放在一起,是因為它們相互的關(guān)聯(lián)性太強,HTML的寫法會影響到CSS的寫法,它又可以劃分成下面幾個階段:
還原設(shè)計稿視覺效果,并通過標準驗證(HTML)
在1的基礎(chǔ)上,實現(xiàn)多瀏覽器的兼容(HTML)
在2的基礎(chǔ)上,標簽語義化(HTML)
在3的基礎(chǔ)上,選擇較優(yōu)的實現(xiàn)方式(包括模塊化結(jié)構(gòu),方便程序腳本使用,HTML和CSS)
在4的基礎(chǔ)上,考慮到擴展性、復(fù)用性和可維護性(HTML和CSS)
在5的基礎(chǔ)上,考慮到整站的樣式分布(包括如何實現(xiàn)分布)
在6的基礎(chǔ)上,樣式寫法的優(yōu)化(包括技巧的應(yīng)用)
還有一點是對所遇到問題的解決能力,這一點在不同的階段都可能會遇到,所以沒有寫到上面。
更多相關(guān)seo文章可訪問:http://i3061.cn/
本文由站河南北大青鳥校區(qū)整編而成,如需了解更多IT資訊類的文章、新聞、課程和學(xué)習(xí)技巧、就業(yè)案例、招生詳情等問題,可以對在線咨詢老師進行一對一問答!
- 上一篇:鄭州北大青鳥安卓常見問題解答
- 下一篇:解密北大青鳥翔天信鴿安卓課程
推薦資訊
- 高中沒畢業(yè)怎么上大專... 2013-06-21
- 高中畢業(yè)之后能做什么,做什么有... 2013-05-21
- 北大青鳥的師資怎么樣?... 2012-10-13
- 初中生技校都有什么專業(yè)男生... 2020-01-07
- linux下兩種設(shè)定任務(wù)定時執(zhí)行的方... 2012-10-13
熱點資訊
- 鄭州北大青鳥翔天信鴿啟蒙星課程... 2018-09-07
- 鄭州北大青鳥ACCP安卓課程介紹... 2017-06-11
- 鄭州北大青鳥有沒有軟件測試專業(yè)... 2016-04-25
- SQL server數(shù)據(jù)庫培訓(xùn)... 2014-08-07
- 初學(xué)者學(xué)習(xí)安卓應(yīng)該從哪些方面入... 2014-04-14