????? 我相信做程序的人，很多都是新手，當(dāng)然，元老級的大拿也多的是，可是呢，在底層建站的、寫代碼的，研究新規(guī)則的，大多數(shù)都是菜鳥，譬如我吧。之前只知道在后來寫程序，Java的話，通常只要導(dǎo)包就可以了，但是前提是你的懂得這些包的作用，關(guān)系理清楚了之后，就可以很輕松地控制好程序了！可是Java這么厲害的東西只適合于大型的程序，例如企業(yè)級的公司內(nèi)部的管理系統(tǒng)和程序，銀行系統(tǒng)、金融類的大系統(tǒng)，如果哪家搞網(wǎng)站的小公司，或小電商，最好選擇比較輕量級的php程序，.net目前也有一定的市場占有率。php建站最主要的就是輕松、方便，只要你把靜態(tài)頁面寫出來，直接下載一個后臺的程序，那么很輕松就可以搞定一個網(wǎng)站了。

???? 所以說，做php網(wǎng)站的人，最主要的就是要選擇好的域名、好的服務(wù)器，寫好靜態(tài)頁面，布局好網(wǎng)站，關(guān)鍵詞也要設(shè)置好。下面我就來講講我這個菜鳥是怎么建站的吧。

???? 首先，你需要在網(wǎng)上搜集到一個比較合適的模版，最好符合你的網(wǎng)站需求，有幾點(diǎn)是必須的。

??? 1，流行的大banner,現(xiàn)在主流的網(wǎng)站都會在首頁搞一個很炫的大圖位置，一來是吸引客戶的眼球，二來是可以作為一個廣告的展示位置，三來也是比較美觀的。

??? 2，首頁一點(diǎn)要留有文字的部位，為的是優(yōu)化得更好，可以布置艾菲迪克關(guān)鍵詞，否則，如果單純地在首頁布置一些絢麗的圖片，但是鮮有文字說明的話就會導(dǎo)致優(yōu)化缺失，從而影響后期網(wǎng)站的快照更新?？赡苣銜f，人家那個XX手機(jī)的網(wǎng)站就很炫，單單的都是圖片，簡潔得不行，還有那個XX的化妝品企業(yè)，人家的首頁也基本都沒有什么文字呀！如果這么說的朋友，我希望你認(rèn)清一下自己網(wǎng)站推廣的產(chǎn)品，如果你的產(chǎn)品本身是高大上、奢侈品、點(diǎn)擊量高、需求量大的，又是名牌，那么你可以選擇學(xué)他們那么設(shè)計你的網(wǎng)站，如果不是，謝謝，還是不要那么搞了，再高大上的，沒有人點(diǎn)擊的話，你的網(wǎng)站很快就會死的。

??? 3，內(nèi)頁最好都留有更新的位置，這都是有助于網(wǎng)站收錄，因?yàn)橹┲肟刹幌矚g一個禁止不動的頁面，所以，最好每個頁面都要加入動態(tài)的東西進(jìn)去。

????4，導(dǎo)航一定要搞好，最哈加一個側(cè)導(dǎo)航，定位好，有助于用戶體驗(yàn)，同樣幫助蜘蛛進(jìn)入內(nèi)頁的的爬取。下面來介紹一下側(cè)導(dǎo)航怎么做

? <!--懸浮導(dǎo)航-->
???? <div id="floatMenu">
??<ul>??<li class="menu1"><a href=“http://www.aphidic.com ”style="color:#fff; "><p>艾菲迪克</p></a></li>?
??<li class="menu2"><a href="#"><p>健康養(yǎng)生</p></a></li>
??<li class="menu2"><a href="#"><p>公司新聞</p></a></li>
??<li class="menu2"><a href="#/"><p>媒體報道</p></a></li>
??<li class="menu2"><a href="#"><p>產(chǎn)品介紹</p></a></li>
??<li class="menu3"><p><a href="#">在線訂購</a></p></li>
??<li class="menu2"><a href="#"><p>常見問題</p></a></li>
??<li class="menu2"><a href="http://www.aphidic.com"><p>聯(lián)系我們</p></a></li>
??<li class="menu2"><a href="#" target="_blank" rel="nofollow"><p>正品驗(yàn)證</p></a></li>
??<li class="menu2"><a href="#/"><p>退換保障</p></a></li>
??<li class="menu2"><a href="#"><p>發(fā)票制度</p></a></li>
??<li class="menu2"><a href="#/"><p>購物協(xié)議</p></a></li>
??</ul>
??????? </div>

** 左側(cè)懸浮????? position:fixed;? _margin-left:-589px; _position:absolute; _margin-top:190px;??? display:block;? **/
#floatMenu { display:block; width:89px; margin-left:-619px; position:fixed; left:50%; top:20%;color:#FFF}
#floatMenu ul li p{padding:0 0;margin:0 0;}
/**#floatMenu ul { margin-bottom:2px; }**/
#floatMenu ul li p{? padding-top:5px; color:#FFF}
#floatMenu ul li a{font-family:"微軟雅黑"; font-size:14px; font-weight:bold; text-align:center; color:#FFF}
#floatMenu .menu1 a{display:block; width:89px;height:26px; background-image:url(../images/Lgps1.png);margin-left:10px;}
#floatMenu .menu1 a:hover { background-image:url(../images/Lgps1.png);width:89px; height:26px;margin-left:10px;}
#floatMenu .menu2 a{ display:block;width:89px;height:26px; background-image:url(../images/Lgps2.png);margin-left:10px;}
#floatMenu .menu2 a:hover{background-image:url(../images/Lgps3.png);width:100px; height:31px; font-size:16px;margin-left:0px;}
#floatMenu .menu3 a{ display:block;margin-left:12px; padding-top:3px;}
#floatMenu .menu3 p{padding-top:0px;? background-image:url(../images/Lgps4.gif);width:106px; height:26px;margin-left:-7px; }
#floatMenu .menu3 a:hover { font-size:16px;}

?

?

好了，先分享到這里，本文純屬菜鳥原創(chuàng)分享，如果有需要轉(zhuǎn)載，請注明是在博客園看到的。

?

轉(zhuǎn)載于:https://www.cnblogs.com/aphidic/p/3723770.html

總結(jié)

以上是生活随笔為你收集整理的今天来分享一下菜鸟是如何建站的吧的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。