我要建網(wǎng)站,我要怎樣自己才能建一個網(wǎng)站
很多沒做過網(wǎng)頁設(shè)計的朋友,剛一開始,都要說,我要建網(wǎng)站,要建立一個個人網(wǎng)站,我應(yīng)該怎么學(xué)?
我們這里要告訴大家,學(xué)習(xí)網(wǎng)頁設(shè)計要從基礎(chǔ)開始,不能跳著走,一開始,需要先學(xué)習(xí)HTM靜態(tài)頁面,然后在學(xué)習(xí)動態(tài)頁面,以及數(shù)據(jù)庫,不要刻意的在乎怎么去學(xué),你就想這我要自己給自己做個個人網(wǎng)站,該做效果圖的時候就用ps去做,從怎么畫一個按鈕開始,圖做好了要切成網(wǎng)頁吧?在學(xué)怎么用div和css去布局,從寫一個<a>標(biāo)記開始練起,網(wǎng)頁布局完了還不夠炫吧,在加寫flash,js特效等等,前臺都搞定了你要感興趣在學(xué)學(xué)程序開發(fā)。我說了這么多就是想告訴你,不要學(xué)某個技術(shù)的時候先給自己畫個大餅,往往你做的計劃都得不到實施的,眼高手低是現(xiàn)在年輕人的通病,所以我覺得你得從每個小東東做起哦,一邊學(xué),一邊做這樣學(xué)到的東西很扎實的,希望對你有用。
一、樣式與結(jié)構(gòu)分離
盡量使用<link rel="stylesheet" href="style.css" type="text/css" />
的形式導(dǎo)入外部樣式表,而不是直接將樣式寫在標(biāo)簽上或?qū)懺趆ead里。
二、語義化的html結(jié)構(gòu)
- 使用正確的標(biāo)簽
例如你想表示標(biāo)題,就應(yīng)該使用heading(h1~h6)標(biāo)簽而不是span標(biāo)簽。 - 正確命名class和id
三、不要使用Photoshop等軟件的導(dǎo)出為html+圖像功能
- 首先你看不懂那坨代碼
- 其次表格布局已經(jīng)out了
- 最后它使用起來效率太低了
四、其他
<br/>
標(biāo)簽只能用于p標(biāo)簽內(nèi)。- 表格除了tr、td標(biāo)簽,或許你還知道th,但是還有thead、tbody、tfoot、caption。
- 一個頁面的標(biāo)題標(biāo)簽通常只用到h4,如果你能用到h5甚至h6,那你的網(wǎng)頁太復(fù)雜了!
- 無論多少個連續(xù)的空格都被視為一個空格,打空格請用
- 除了ul無序列表,ol有序列表,還有dl定義列表。
五、請遵循W3C制定的網(wǎng)頁標(biāo)準(zhǔn)
- 每個標(biāo)簽都應(yīng)該有開放標(biāo)簽和閉合標(biāo)簽
- 空標(biāo)簽必須以在右尖括號前加“ /”
- 所有標(biāo)簽內(nèi)的屬性都必須用引號""括起來
- 所有標(biāo)簽及屬性必須使用小寫
- 必須給img標(biāo)簽加上alt屬性
- 不要使用font、center等廢棄的標(biāo)簽
錯誤:
<center>
<font size="5">我是標(biāo)題</font>
<P>下面是一張<EM>圖片</P>哦</EM>
<img src=abc.jpg>
</center>
正確:
<div style="text-align:center">
<h1>我是標(biāo)題</h1>
<p>下面是一張<em>圖片</em>哦</p>
<img src="abc.jpg" alt="這里寫圖片說明" />
</div>
六、如何開始學(xué)習(xí)網(wǎng)頁制作、首先需要了解什么是HTML、CSS、W3C等
找份稍微復(fù)雜點的word文檔,用HTML語言將它編寫出來
不用考慮除標(biāo)簽外的一切因素
做這步是為了學(xué)習(xí)如何選擇并使用正確的符合語義的標(biāo)簽
一、分析要建立的網(wǎng)站。主要是分析網(wǎng)站建立的內(nèi)容,所需要的時間和對于網(wǎng)站的一些設(shè)想等等。這個階段主要是一些文件工作,是最基礎(chǔ)的環(huán)節(jié);
二、制定目標(biāo)。目標(biāo)的制定要基于資金預(yù)算和預(yù)期達(dá)到的效果。目標(biāo)過于宏偉則不切實際,過于保守則達(dá)不到預(yù)期效果。因此兩者在開始一切工作之前都應(yīng)該明確。
三、關(guān)鍵詞和競爭對手分析。這個過程應(yīng)該選取可實行的、轉(zhuǎn)化最高的關(guān)鍵詞,同時要分析競爭對手的關(guān)鍵詞選擇和目標(biāo)客戶的搜索偏好。這三者應(yīng)該有機(jī)結(jié)合。轉(zhuǎn)化率高的詞可能用多個,但是不一定每個都做主推,目標(biāo)客戶的搜索偏好直到?jīng)Q定作用,同時規(guī)避明顯強于自己的競爭對手;
四、制定SEO優(yōu)化計劃。關(guān)鍵詞選好之后,立刻著手制定SEO計劃,組建計劃執(zhí)行團(tuán)隊。制定報表機(jī)制,檢控SEO成果。這些都應(yīng)該在著手實施前有詳細(xì)的預(yù)案;
五、網(wǎng)站優(yōu)化。前期準(zhǔn)備工作就緒,現(xiàn)在開始實戰(zhàn)。這一步主要針對網(wǎng)站自身優(yōu)化。優(yōu)化所有元數(shù)據(jù)、優(yōu)化網(wǎng)站代碼、建立站點地圖等,如果需要可進(jìn)一步對版權(quán)信息進(jìn)行優(yōu)化。這一步有很多工作要做,無法一一列舉。
六、拓展社交網(wǎng)絡(luò)。社交網(wǎng)絡(luò)深入每個人的生活,這是當(dāng)今SEO優(yōu)化技術(shù)和過去最大的不同。在新浪微博、人人網(wǎng)、Twitter、Facebook、微信等社交媒體上開通賬號,注重品牌建立。同時,制作相關(guān)視頻,對于企業(yè)來說眼見為實,視頻圖文并茂更有說服力。在社交網(wǎng)絡(luò)上更被接受。
七、外鏈建設(shè)。這時候需要增加網(wǎng)站的外鏈了(如果你人手夠多可以同時進(jìn)行)。外鏈建設(shè)一定要遵守搜索引擎規(guī)則,對于一個有長遠(yuǎn)眼光的網(wǎng)站來說急功近利的做法不可取。外鏈建設(shè)有很多工作要做,本文不能一一列舉。
八、跟蹤效果。SEO優(yōu)化實施之后跟蹤效果是必要的,建立月報制度可以總結(jié)優(yōu)化過程中的得失,把握方向。同時根據(jù)跟蹤反饋修改在第四步中制定的相應(yīng)計劃
以上八步僅僅構(gòu)建了一個新站SEO優(yōu)化的構(gòu)架,并沒有涉及到任何技術(shù),特別是像如果選詞,如果建設(shè)外鏈都有大量技巧性的工作要做。
0 Comments.