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