我要建網(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)

  1. 使用正確的標(biāo)簽
    例如你想表示標(biāo)題,就應(yīng)該使用heading(h1~h6)標(biāo)簽而不是span標(biāo)簽。
  2. 正確命名class和id
    語義化的HTML結(jié)構(gòu)

三、不要使用Photoshop等軟件的導(dǎo)出為html+圖像功能

  1. 首先你看不懂那坨代碼
  2. 其次表格布局已經(jīng)out了
  3. 最后它使用起來效率太低了

四、其他

  1. <br/>標(biāo)簽只能用于p標(biāo)簽內(nèi)。
  2. 表格除了tr、td標(biāo)簽,或許你還知道th,但是還有thead、tbody、tfoot、caption。
  3. 一個頁面的標(biāo)題標(biāo)簽通常只用到h4,如果你能用到h5甚至h6,那你的網(wǎng)頁太復(fù)雜了!
  4. 無論多少個連續(xù)的空格都被視為一個空格,打空格請用&nbsp;
  5. 除了ul無序列表,ol有序列表,還有dl定義列表。

五、請遵循W3C制定的網(wǎng)頁標(biāo)準(zhǔn)

  1. 每個標(biāo)簽都應(yīng)該有開放標(biāo)簽和閉合標(biāo)簽
  2. 空標(biāo)簽必須以在右尖括號前加“ /”
  3. 所有標(biāo)簽內(nèi)的屬性都必須用引號""括起來
  4. 所有標(biāo)簽及屬性必須使用小寫
  5. 必須給img標(biāo)簽加上alt屬性
  6. 不要使用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è)外鏈都有大量技巧性的工作要做。

更多
  • 該日志由 于2015年10月19日發(fā)表在 行業(yè)新聞 分類下, 你可以發(fā)表評論,并在保留原文地址 及作者的情況下引用到你的網(wǎng)站或博客。
  • 本文鏈接: 我要建網(wǎng)站,我要怎樣自己才能建一個網(wǎng)站 | 幫助信息-動天數(shù)據(jù)
  • 版權(quán)所有: 幫助信息-動天數(shù)據(jù)-轉(zhuǎn)載請標(biāo)明出處
  • 【上一篇】 【下一篇】

    0 Comments.

    發(fā)表評論