如何從0到1建設網站
小編提醒：這篇文章我會將網站建設的基礎，用通俗易懂(dong)的話(hua)給大家講透，篇幅(fu)過長，我建(jian)議(yi)你(ni)可以點個“贊”和“收藏"，沒事的時候多復習幾遍。
在這個移動互聯網(wang)的(de)時代，網(wang)站依舊扮演著(zhu)不可或缺的(de)角色。因為(wei)在一些(xie)場景下，網(wang)站的(de)使用要(yao)優于(yu)手機(ji)的(de)操(cao)作，例如：企業(ye)產品(pin)的(de)演示、跨境貿易、資訊(xun)發布、倉(cang)庫管理等。
有需求(qiu)自然就有市場(chang)，有市場(chang)自然就有客(ke)戶(hu)(hu)的答疑。我(wo)認識很多需要做網(wang)站(zhan)的客(ke)戶(hu)(hu)，有熟悉互聯網(wang)的，有不(bu)熟悉互聯網(wang)的，在建設自己(ji)企業(ye)網(wang)站(zhan)時，或(huo)多或(huo)少都會存在一些共同的問題。如：
1. 建設網站我需要準備一些什(shen)么？
3. 很(hen)早以(yi)前建設的網站(zhan)“卡卡的”，用戶瀏(liu)覽起(qi)來不流暢。是什(shen)么(me)原因？
4. 網站需要到哪里進行備案呢？
5. 什(shen)么(me)是(shi)SSL證書？
作(zuo)(zuo)為一名企業管理者，建(jian)設網站的作(zuo)(zuo)用是直接面向客戶，所以至于選擇什么(me)語言來編(bian)寫(xie)代碼，JAVA/PHP/JSP/C#皆(jie)可。小編(bian)認為沒(mei)有(you)那么(me)重(zhong)要(yao)，只要(yao)能滿(man)足客戶需要(yao)即(ji)可。
畢竟(jing)兵器沒(mei)有強弱(ruo)之分，只有是否(fou)稱手(shou)。下面小編(bian)將對上述的問(wen)題，逐一為大家(jia)提供(gong)一些個人的見解，讓大家(jia)在(zai)網(wang)站建設中(zhong)少走彎路。
一(yi)、為什么(me)需要(yao)建設一(yi)個網(wang)站？
建設網站是為了解決什么問題(ti)。
1. 增(zeng)加企業(ye)(ye)的曝光度，有利于企業(ye)(ye)的營銷推(tui)廣，這時會選擇建設(she)一個企業(ye)(ye)門戶網站。
企(qi)業(ye)(ye)(ye)門戶網站(zhan)對于企(qi)業(ye)(ye)(ye)來說，相當于線上的門面(mian)，客戶在(zai)了(le)解(jie)企(qi)業(ye)(ye)(ye)時，會(hui)通過朋友(you)了(le)解(jie)、電話咨詢。
當然也會(hui)自己利用(yong)(yong)網絡(luo)進行(xing)搜索(suo)，這時企業的(de)門戶介紹就會(hui)顯得尤(you)為重要，因(yin)為它會(hui)給用(yong)(yong)戶帶來(lai)第一印(yin)象(xiang)。
2. 開(kai)設線(xian)上購物平(ping)臺，方便客戶瀏覽購買，這時會(hui)建設一(yi)個線(xian)上購物商城。
現在(zai)跨境電商(shang)如日(ri)中天，大量(liang)商(shang)家紛(fen)紛(fen)出海(hai)，抱著滿(man)滿(man)的(de)信(xin)心(xin)沖(chong)向這片“藍海(hai)”，一個(ge)客(ke)(ke)戶(hu)喜(xi)歡的(de)在(zai)線(xian)購物(wu)商(shang)城就可以很好的(de)解決客(ke)(ke)戶(hu)的(de)支付問題、在(zai)線(xian)下單(dan)、倉(cang)庫訂單(dan)管理(li)等問題。
海外獨立站(zhan)平(ping)臺有：Shopify、WordPress、OpenCart等(deng)。當然(ran)也(ye)有企業(ye)會(hui)選擇搭建(jian)定制化(hua)的線上平(ping)臺，因(yin)為這樣會(hui)更(geng)符合自身的流程，建(jian)設出(chu)來的網站(zhan)也(ye)會(hui)更(geng)具個性(xing)化(hua)。
3. 想內(nei)部溝通(tong)更加高效便捷，這時可(ke)能就會選擇建設一個(ge)對內(nei)部使用的(de)工(gong)具類網站。
這(zhe)類網站也是(shi)各種各樣，例如訂單管(guan)理(li)平臺、內部通(tong)訊系統(tong)(tong)、倉(cang)庫管(guan)理(li)系統(tong)(tong)、物流管(guan)理(li)系統(tong)(tong)等，這(zhe)些網站的存在，也會(hui)大量減少人力成本(ben)及溝通(tong)成本(ben)，大幅度提升工(gong)作效率(lv)。
……
當(dang)然也(ye)有需要不(bu)(bu)同的(de)需求(qiu)，這里就(jiu)不(bu)(bu)一一贅述。大(da)家需求(qiu)不(bu)(bu)同，對網站(zhan)的(de)功能要求(qiu)也(ye)會(hui)有所區別。此(ci)邏輯對于小程序、APP建設也(ye)是適用的(de)。
二、網站(zhan)建設會遇到的一些常(chang)用名詞
IP：互(hu)聯(lian)網(wang)上(shang)的(de)(de)每一個網(wang)絡(luo)(luo)和每一臺主(zhu)機(ji)分(fen)配一串數字，能否方便主(zhu)機(ji)與網(wang)絡(luo)(luo)之間建(jian)立有效的(de)(de)鏈接(jie)，也用(yong)于(yu)數據的(de)(de)傳輸。
域(yu)名(ming)：建設網站少不(bu)了(le)的(de)就是域(yu)名(ming)，這相當于(yu)一個網站的(de)“名(ming)字”，例如：www.zhihu.com、www.baidu.com、等。因為它(ta)能夠(gou)讓(rang)你快速的(de)訪問到您需要到達的(de)網站，也(ye)有(you)利(li)于(yu)你的(de)記憶。域(yu)名(ming)是與IP進(jin)行關(guan)聯的(de)，IP作為一長(chang)串的(de)數(shu)字，往往也(ye)是不(bu)利(li)于(yu)大家記憶的(de)。
服務器：說(shuo)白了(le)，理解成網站(zhan)的(de)住(zhu)所，用來存(cun)儲網站(zhan)的(de)數據以及代碼的(de)地(di)方。也是計(ji)算(suan)機(ji)(ji)的(de)一種(zhong)，只是它運行更快、可以長時間(jian)穩(wen)定運行、能夠讓更多的(de)計(ji)算(suan)機(ji)(ji)訪問(wen)。
備案(an)：指(zhi)向(xiang)主(zhu)管機關報告事(shi)由存案(an)以(yi)(yi)備查(cha)考。如果(guo)服務器在(zai)國內(nei)，那么一定(ding)需要(yao)備案(an)，畢(bi)竟現在(zai)網絡詐騙太(tai)多了，保障(zhang)(zhang)自己的同(tong)時也保障(zhang)(zhang)他(ta)人(ren)。如果(guo)服務器在(zai)國外，那么也就無需備案(an)。國內(nei)網站(zhan)備案(an)通常(chang)指(zhi)需要(yao)做ICP工(gong)信部備案(an)以(yi)(yi)及公網安備。
局域網(wang)(wang)：一(yi)般我們訪問的(de)知(zhi)乎、淘寶、百度(du)這種(zhong)網(wang)(wang)站屬于公網(wang)(wang)，而(er)局域網(wang)(wang)就(jiu)是指服務器建立在企業(ye)或者單位內部的(de)網(wang)(wang)絡，僅供內部人(ren)員使用的(de)網(wang)(wang)絡。
獨立(li)站：這個對于做跨(kua)境(jing)貿易的人來(lai)說并不陌生，這也(ye)(ye)是(shi)個新(xin)名(ming)詞。但是(shi)這其實也(ye)(ye)是(shi)一直存(cun)在的，只是(shi)被官方重新(xin)定義了。獨立(li)站也(ye)(ye)就是(shi)擁有(you)獨立(li)域(yu)名(ming)，內容(rong)、數據、權益私有(you)，獨立(li)經營的網站，我們也(ye)(ye)會稱為(wei)自建站。
SSL證書：一種數(shu)字證書。就像(xiang)我(wo)們平時(shi)使用(yong)(yong)的駕(jia)駛證、護照和(he)營業執照的電子(zi)副本。作用(yong)(yong)是提供對用(yong)(yong)戶和(he)服(fu)務器的認證；對傳(chuan)送的數(shu)據進(jin)行加密和(he)隱藏；確保數(shu)據在傳(chuan)送中(zhong)不被改變，即數(shu)據的完(wan)整性，現已成為該領域(yu)中(zhong)全球化的標準。
三、網站建設的流程
1. 需(xu)求分析。結合自(zi)身需(xu)要(yao)，然后再梳理羅列網(wang)站(zhan)(zhan)所需(xu)要(yao)的(de)功(gong)能需(xu)求。因為這樣(yang)才能找網(wang)站(zhan)(zhan)建(jian)設公(gong)司獲(huo)得更準確的(de)報價，否則收到的(de)報價只會高(gao)不會低。還會影響對網(wang)站(zhan)(zhan)投(tou)入成本的(de)計(ji)算偏(pian)差。
2. 原型(xing)+UI設(she)計(ji)。即(ji)UI設(she)計(ji)師(shi)結合(he)網(wang)站(zhan)(zhan)面向(xiang)用(yong)戶的(de)使(shi)用(yong)習慣，網(wang)站(zhan)(zhan)功能需求等，對網(wang)站(zhan)(zhan)的(de)LOGO及整體(ti)界(jie)面結構進行全(quan)方位設(she)計(ji)布局并配色(se)。讓網(wang)站(zhan)(zhan)有更好(hao)的(de)用(yong)戶體(ti)驗(yan)。
3. 網站(zhan)開發。即工程(cheng)師編(bian)碼階段。好比建房子，這時候就需要打地(di)基，搭骨架了。一個網站(zhan)是否成功與工程(cheng)師的(de)(de)編(bian)碼有著必(bi)不(bu)可分的(de)(de)關系(xi)，因為這就是網站(zhan)的(de)(de)內在。
4. 購買域名。這個是網站的(de)(de)名稱，好的(de)(de)網站也需要配(pei)上大家(jia)(jia)容(rong)易(yi)記住的(de)(de)域名才能錦上添花。方便(bian)大家(jia)(jia)更(geng)容(rong)易(yi)記住您(nin)的(de)(de)網站。
5. 采(cai)購(gou)服務器。根據網站(zhan)的訪(fang)(fang)問人數(shu)進(jin)行服務器的選擇(ze)，服務器的容量越(yue)高(gao)，帶(dai)寬越(yue)大(da)，容納訪(fang)(fang)問人數(shu)就越(yue)多。網站(zhan)初期如(ru)果訪(fang)(fang)問人數(shu)不多，可以采(cai)購(gou)低配(pei)置(zhi)，再進(jin)行升級。按(an)需采(cai)購(gou)即可。
！！這里要注意！！面向網站(zhan)使用(yong)(yong)用(yong)(yong)戶，如果大部分是國(guo)(guo)外客(ke)戶，建議(yi)采購(gou)部署(shu)在(zai)國(guo)(guo)外的(de)服務(wu)器。如果是國(guo)(guo)內用(yong)(yong)戶用(yong)(yong)戶，那(nei)么建議(yi)采購(gou)部署(shu)在(zai)國(guo)(guo)內的(de)服務(wu)器。因(yin)為這也會(hui)直接(jie)影響到用(yong)(yong)戶訪問網站(zhan)的(de)速(su)度。
域名和服務(wu)器的(de)采購云(yun)平(ping)臺(tai)有：阿里(li)(li)云(yun)[阿里(li)(li)巴巴旗(qi)下(xia)云(yun)平(ping)臺(tai)]、騰訊(xun)云(yun)[騰訊(xun)旗(qi)下(xia)云(yun)平(ping)臺(tai)]、華為(wei)云(yun)[華為(wei)旗(qi)下(xia)云(yun)平(ping)臺(tai)]等可以(yi)的(de)。大平(ping)臺(tai)也(ye)有很多活動(dong)，多瀏覽再采購，別被賺了信息(xi)差的(de)“錢”。
6. 備(bei)案。根(gen)據(ju)服務器所在國家看(kan)是否需(xu)要備(bei)案。如果是國內網(wang)站沒有備(bei)案的(de)話，到(dao)期后(hou)，網(wang)站就無法正常(chang)打開了，所以這里很重(zhong)要！！
7. 測試上線(xian)(xian)。網(wang)(wang)站開發完(wan)成后，也需要經過(guo)測試工程師模擬用戶的(de)操作，對(dui)網(wang)(wang)站進行嚴密的(de)測試，才能(neng)順(shun)利上線(xian)(xian)使用的(de)。
四、常見的問題
1. 網(wang)站出現卡頓？
有以下幾種情況僅(jin)供參(can)考(kao)：
1） 首先確認是所有(you)頁(ye)面(mian)都會很“卡”，還(huan)是只有(you)部(bu)分頁(ye)面(mian)？
2） 如果(guo)是(shi)部(bu)分頁面，那么可能這個頁面的數(shu)據獲(huo)(huo)取有問題(ti)，或(huo)者加載的數(shu)據非(fei)常多導(dao)致頁面渲染(ran)的很慢，需(xu)要對(dui)數(shu)據獲(huo)(huo)取及(ji)頁面進行(xing)優化；
3） 如果(guo)所有(you)頁(ye)面都很卡(ka)，可(ke)能是(shi)網站訪(fang)問(wen)人(ren)數(shu)增(zeng)加(jia)、服務(wu)器(qi)需要升(sheng)級(ji)配置，決定訪(fang)問(wen)人(ren)數(shu)的(de)是(shi)帶(dai)寬(kuan)，決定網站處理速度的(de)是(shi)服務(wu)器(qi)的(de)內存及CPU；
4） 如果所(suo)有頁面都(dou)很卡，也可能是(shi)網站受到了“攻(gong)擊”，占用了大量(liang)的(de)網絡(luo)資(zi)源，這時候(hou)需要相關工程師協(xie)助排查；
5） 如果所有頁面都(dou)很卡，也(ye)可(ke)能是(shi)網站的核心框架有些陳舊了，需要進(jin)行相(xiang)應(ying)的升(sheng)級了；
6） 更多情況(kuang)也(ye)可以(yi)讓網站開(kai)發工程師(shi)進行協助排查，大部分公(gong)司正常情況(kuang)下都會提(ti)供這項服務的。
2. 如(ru)何選擇合(he)作的(de)網(wang)站建設公司？
如果你是新手，建議選擇實體(ti)公司做，能夠簽(qian)合(he)同(tong)，開發票(piao)，有注冊地址，有工商信息。因為這樣可以(yi)公對公，有保障。因為個(ge)人團隊或者兼(jian)職團隊接(jie)單，很容易溝(gou)通(tong)著人就聯系(xi)不(bu)上了。
1） 看溝通
看與對(dui)方是(shi)否(fou)溝通(tong)的(de)(de)順暢，描述的(de)(de)需(xu)求(qiu)對(dui)方是(shi)否(fou)都能(neng)夠理解(jie)。因為理解(jie)了需(xu)求(qiu)，才能(neng)進(jin)一(yi)步提供更(geng)精(jing)準的(de)(de)服務，工(gong)程(cheng)師才能(neng)開發出符(fu)合(he)你需(xu)要(yao)的(de)(de)網站，畢竟對(dui)方才是(shi)你與工(gong)程(cheng)師之間溝通(tong)的(de)(de)橋梁。
對于提(ti)出的(de)一些(xie)問題，對方是否能(neng)夠專業(ye)性的(de)進行解答，并羅列(lie)相應的(de)解決方案。
2） 看報價
秉承貨比(bi)三家的(de)(de)原則，報(bao)價也是極為(wei)重(zhong)要的(de)(de)，畢(bi)竟這個會(hui)直接(jie)決定到(dao)網站的(de)(de)投入(ru)成(cheng)本(ben)。不(bu)能(neng)說(shuo)貴的(de)(de)一定好，也不(bu)能(neng)說(shuo)便(bian)宜(yi)的(de)(de)一定差(cha)。根據自身預算及溝通(tong)情況，選擇(ze)合適的(de)(de)就好。每家公司衡(heng)量的(de)(de)標準不(bu)同，報(bao)價自然也會(hui)相差(cha)甚遠。
一個網站(zhan)幾(ji)百可(ke)做、上萬也很多(duo)，并(bing)沒(mei)有標準可(ke)言，無非是投(tou)入的(de)精力/人力/物力不(bu)同。換角度想“天上不(bu)會掉(diao)餡餅”，選擇一家公(gong)司服務好(hao)、又想成(cheng)本低、還(huan)得產品質量(liang)好(hao)，那還(huan)是被騙比(bi)較靠譜一些~
3） 看響應
看對方負責的人(ren)員是否響應夠及時，如果合作前就(jiu)愛答不(bu)理，那合作后肯定(ding)不(bu)會(hui)好到哪里去(qu)。等網站出了問題連人(ren)都可(ke)能(neng)會(hui)找不(bu)到，這(zhe)種(zhong)建(jian)議直(zhi)接繞道。
4） 看售后
這條可(ke)(ke)能只有合作(zuo)(zuo)了才能看到(dao)了，因(yin)為(wei)不(bu)(bu)合作(zuo)(zuo)也自然(ran)到(dao)不(bu)(bu)了售后環節。不(bu)(bu)過(guo)可(ke)(ke)以通(tong)過(guo)日常的溝通(tong)響應來判(pan)斷，如(ru)果出(chu)現問題都能很快(kuai)的響應并解決，那(nei)么售后應該也不(bu)(bu)會太差。
5） 看案例
為(wei)什么這條放在最后呢，畢竟互聯網本身就是虛擬的(de)世界，真真假(jia)假(jia)誰又能弄(nong)明白呢……案(an)例(li)僅(jin)做參(can)考即可，你也不會按(an)照案(an)例(li)直接復制一(yi)(yi)個(ge)一(yi)(yi)模一(yi)(yi)樣的(de)對吧？
