在喬拓云建站工具中,自帶了許多網(wǎng)站模板,點(diǎn)擊就能開始無編程設(shè)計(jì)專屬網(wǎng)站:
在搜索網(wǎng)站設(shè)計(jì)工具時(shí),注意一下,這里是喬拓云,找到工具然后進(jìn)入點(diǎn)擊注冊(cè),按照要求填寫完信息就可以使用工具了。請(qǐng)參考圖片
第一步:在工具平臺(tái)的十三個(gè)工具中。找到【企業(yè)網(wǎng)站】并點(diǎn)擊,進(jìn)入企業(yè)網(wǎng)站的后臺(tái)。
第二步:在企業(yè)網(wǎng)站的后臺(tái)中,需要先購買一個(gè)網(wǎng)站域名并綁定,已有域名的直接綁定,跟著工具內(nèi)的教程完成。
這里要搭建的是企業(yè)的電腦網(wǎng)站,就點(diǎn)擊【電腦網(wǎng)站】開始搭建企業(yè)網(wǎng)站。如圖
工具會(huì)先打開一個(gè)預(yù)覽模板,這里找到極速建站,點(diǎn)擊進(jìn)入網(wǎng)站的模板中心。
在網(wǎng)站模板中心,可以在【更多行業(yè)】中尋找需要的行業(yè)分類,或者用搜索框查找模板。
在模板的下方,會(huì)有預(yù)覽和使用選項(xiàng),【預(yù)覽】可以先查看網(wǎng)頁內(nèi)容,確認(rèn)了模板內(nèi)容滿意之后,就可以點(diǎn)擊【使用】開始使用網(wǎng)頁模板,進(jìn)入模板界面開始編輯內(nèi)容。
第三步:進(jìn)入網(wǎng)站的編輯頁面,在頁面中的網(wǎng)站圖片和文字都是可以直接修改和替換的,不用編程就能輕松設(shè)計(jì)。
除了圖文內(nèi)容可以輕松編輯外,網(wǎng)站模板中原有的模塊內(nèi)容也是只需點(diǎn)擊編輯就會(huì)出現(xiàn)編輯窗口,然后按照自己的需求修改內(nèi)容就能完成設(shè)計(jì)。
在設(shè)計(jì)工具中,除了基礎(chǔ)的網(wǎng)站內(nèi)容設(shè)計(jì)外,左側(cè)還有五個(gè)設(shè)計(jì)工具,例如其中的模塊工具,只需點(diǎn)擊其中的模塊功能就可以添加到網(wǎng)站模板中,如圖。
工具中還有網(wǎng)站設(shè)置功能和百度優(yōu)化兩大神器,幫助用戶管理網(wǎng)站和實(shí)現(xiàn)百度的收錄。
完成本次的網(wǎng)站的搭建,就可以點(diǎn)擊【保存并預(yù)覽】,查看網(wǎng)站最終搭建。如圖
到這里關(guān)于企業(yè)建站步驟就講完了,多看幾遍,按照步驟多操作幾遍,借助在線工具無需編程就能很快搭建一個(gè)屬于企業(yè)的網(wǎng)站了。
歡的可以收藏轉(zhuǎn)發(fā)加關(guān)注
搭建基本的個(gè)人網(wǎng)站成本十分低廉,最低從0到數(shù)十元不等。取決于對(duì)于域名的投入。
如果把搭建網(wǎng)站類比為現(xiàn)實(shí)中修建一棟房子,我們可以進(jìn)行如下類比
修建一棟房子
1.申請(qǐng)門牌號(hào)
2.購置一片空地
3.構(gòu)建房屋框架
4.添磚加瓦,粉刷裝修
搭建網(wǎng)站的步驟
1.申請(qǐng)域名
2.虛擬主機(jī)或服務(wù)器
3.引入網(wǎng)站框架或從頭建設(shè)
4.網(wǎng)站優(yōu)化,可借助資源或DIY
首先
1.申請(qǐng)域名
what?why?
就像現(xiàn)實(shí)中每一棟房子都會(huì)有國家城市街區(qū)門牌號(hào)一樣,每一個(gè)網(wǎng)站都需要有獨(dú)一無二的IP地址。IP地址用二進(jìn)制數(shù)來表示,每個(gè)IP地址長32比特,由4個(gè)小于256的數(shù)字組成,數(shù)字之間用點(diǎn)間隔,例如100.10.0.1表示一個(gè)IP地址。由于我們?cè)谏暇W(wǎng)時(shí)很難去記憶這些數(shù)字符號(hào),所以需要有含義的符號(hào)化地址方案來代替數(shù)字型的IP地址。這樣的字符型地址就被稱為域名。
how?
申請(qǐng)域名現(xiàn)在可以有許多渠道,并且這些渠道也會(huì)搭配虛擬主機(jī)一起提供。
萬網(wǎng),阿里云,騰訊云等
而我則是選擇了 買域名 | 世界最大域名注冊(cè)商 ,一般來說 .com,.org這樣的國際域名年費(fèi)不超過100元。建議大家選擇國際域名,國內(nèi)的.cn域名需要驗(yàn)證實(shí)名信息。當(dāng)然如果只是抱著試一試的態(tài)度可以嘗試.xyz,.co,.tk這樣的非主流域名或國外域名,價(jià)格相對(duì)便宜甚至有機(jī)會(huì)淘到免費(fèi)域名。建議大家如果稍有網(wǎng)頁開發(fā)基礎(chǔ),就不必選擇godaddy的增值服務(wù)了,如建站達(dá)人,虛擬主機(jī)等,我們完全可以通過其他渠道免費(fèi)達(dá)到自己想要的更好的效果。
<img src="https://pic1.zhimg.com/50/a6ba67b1f2ce282b87048b23138f8be5_b.jpg" data-rawwidth="1344" data-rawheight="638" class="origin_image zh-lightbox-thumb" width="1344" data-original="https://pic1.zhimg.com/a6ba67b1f2ce282b87048b23138f8be5_r.jpg">
2.虛擬主機(jī)或服務(wù)器
一般個(gè)人網(wǎng)站會(huì)采用虛擬主機(jī)的形式租用空間,放置站點(diǎn)及應(yīng)用組件,進(jìn)行必要的數(shù)據(jù)存放和傳輸功能。如果是自建服務(wù)器須保證24小時(shí)開機(jī)來保證訪問需求,并且花費(fèi)較大,并無必要。虛擬主機(jī)可以有多種選擇。如國內(nèi)的阿里云、騰訊云等,優(yōu)點(diǎn)是速度較快,缺點(diǎn)是需要報(bào)請(qǐng)備案。也可以選擇國外如美國、香港等。考慮到備案的繁瑣,需要保證一定的訪問速度,我了解到香港的
http://api.hostinger.com.hk/redir/17589162
免費(fèi)套餐具有的一定控件和流量,足夠個(gè)人網(wǎng)站玩耍起來!
<img src="https://pic1.zhimg.com/50/a61b64234a7bf029720227b4b365b611_b.jpg" data-rawwidth="1366" data-rawheight="613" class="origin_image zh-lightbox-thumb" width="1366" data-original="https://pic1.zhimg.com/a61b64234a7bf029720227b4b365b611_r.jpg">
在有了虛擬主機(jī)之后,我們需要將域名解析到新的虛擬主機(jī)地址,這樣訪客才能正確的找到我們的地盤,這是比較簡單的,現(xiàn)在虛擬主機(jī)提供商的圖形化頁面就能為我們提供相應(yīng)的功能。
<img src="https://pic3.zhimg.com/50/62ab1e4717ed91c9ac046775c8008031_b.jpg" data-rawwidth="1347" data-rawheight="586" class="origin_image zh-lightbox-thumb" width="1347" data-original="https://pic3.zhimg.com/62ab1e4717ed91c9ac046775c8008031_r.jpg">
3.引入網(wǎng)站框架或從頭建設(shè)
如果你以前有過基本的html、css、js網(wǎng)頁開發(fā)基礎(chǔ),可以將自己的做的網(wǎng)頁提交到個(gè)人虛擬空間,當(dāng)然如果沒有也沒有關(guān)系,網(wǎng)上有許多別人已經(jīng)做好的模板,可以先借用一下。如模板之家、模板王等,就不一一列舉了。而我是想搭建個(gè)人博客系統(tǒng),所以借用了時(shí)下非常流行的wordpress,大家可以前往官網(wǎng)下載China 簡體中文,根據(jù)提示進(jìn)行一步步安裝操作。
4.網(wǎng)站優(yōu)化
進(jìn)一步的排版、分欄、美化、加速等,牽扯到許許多多計(jì)算機(jī)網(wǎng)絡(luò)、UI設(shè)計(jì)等知識(shí)。一入個(gè)網(wǎng)深似海,我們也有許多未知的知識(shí)值得去探索。
更多細(xì)節(jié)及擴(kuò)展信息會(huì)在今后逐一完善。
也歡迎大家交流,早日置備好互聯(lián)網(wǎng)世界的一畝三分田。
學(xué)習(xí)前端的伙伴可以轉(zhuǎn)發(fā)+私信回復(fù)小編“前端”領(lǐng)取全套免費(fèi)前端學(xué)習(xí)資料和視頻
服務(wù)器:個(gè)人(博客、技術(shù))類站點(diǎn)搭建。
溫馨提示:云服務(wù)器。
·第一步,準(zhǔn)備好要用于運(yùn)行站點(diǎn)的設(shè)備。常見說法就是一臺(tái)電腦,當(dāng)然也可以是集群、云服務(wù)器。總之設(shè)備形式很多,選一種符合自身情況的就行。
接下來就是為設(shè)備裝上操作系統(tǒng)。可選的操作系統(tǒng)也很多,比如Windows。當(dāng)然每一種類型的操作系統(tǒng)還有細(xì)分,選一個(gè)符合自身情況的就行。要是自己擅長的操作系統(tǒng)被設(shè)備不支持,那就只能換設(shè)備或者新學(xué)一個(gè)系統(tǒng)。
·第二步,準(zhǔn)備一個(gè)或多個(gè)公網(wǎng)IP。個(gè)人用戶站點(diǎn),一般一個(gè)就行。為縮短時(shí)長,關(guān)于公網(wǎng)IP地址的相關(guān)問題,直接顯示在上面。搭建時(shí)花個(gè)幾秒瞄一眼,對(duì)自己建站有一定好處。其實(shí)自己的設(shè)備就已經(jīng)具備被公網(wǎng)問問的能力。剩下的操作都是優(yōu)化服務(wù)體驗(yàn)。依據(jù)前兩步總結(jié),有三種方式可以搭建自己的個(gè)人站點(diǎn)。
接下來的操作基于云服務(wù)器方式進(jìn)行,服務(wù)器購買之后,就可以通過對(duì)應(yīng)的公網(wǎng)IP訪問到自己的服務(wù)器。其他搭建方式也一樣,只要公網(wǎng)IP到位就行。
·第三步,在服務(wù)器上安裝Web服務(wù)器。并將自己的站點(diǎn)頁面放在對(duì)應(yīng)的Web目錄下,即可通過"公網(wǎng)IP+服務(wù)端口,來訪問自己的站點(diǎn)頁面。而不用再是"localhost+服務(wù)端口"。需要注意的是,服務(wù)或協(xié)議的不同,對(duì)應(yīng)的訪問方式、訪問地址也不同。
至此個(gè)人Web站點(diǎn)搭建完畢。只要啟動(dòng)Web服務(wù),就可以訪問自己部署的站點(diǎn)頁面。若自己的站點(diǎn)本意為自己所使用,則剩下步驟皆可以不用看,后續(xù)步驟只為將自己的站點(diǎn)變得更為大眾化、規(guī)范化。
·第四步,注冊(cè)域名并配置第一眼的服務(wù)解析。這一步可選不使用域名服務(wù),則占點(diǎn)只能通過 ip地址訪問。由于 ip 地址不容易記,會(huì)導(dǎo)致很多人不知道自己的站點(diǎn)的存在。域名注冊(cè)目前都是小云服務(wù)商注冊(cè)不同的服務(wù)商,頂級(jí)域名所要的注冊(cè)費(fèi)用不同,個(gè)人站點(diǎn)隨便找個(gè)服務(wù)商注冊(cè)一個(gè)就行。
注意使用域名需要實(shí)名認(rèn)證后的域名需要配置DNS服務(wù),才能將域名解析到自己的公網(wǎng)IP以上配置好。dns 服務(wù)后就可以通過自己的域名訪問自己的站點(diǎn)了。當(dāng)然仍可以用公網(wǎng)IP訪問自己的站點(diǎn),這一步只是讓站點(diǎn)地址更加大眾化。
接下來配置DNS解析:
·首先點(diǎn)擊添加解析目錄。
→第一個(gè)參數(shù)為記錄類型。這個(gè)需要根據(jù)平臺(tái)資料進(jìn)行配置,若是個(gè)人站點(diǎn)一般會(huì)先添加類型。
→第二個(gè)參數(shù)為主機(jī)記錄,即域名前綴。常見配置為www,自定義就行。注意要符合網(wǎng)址格式。
→第三個(gè)參數(shù)為請(qǐng)求來源。一般個(gè)人站點(diǎn)默認(rèn)就行,若非要配置自行查看平臺(tái)文檔。
→第四個(gè)參數(shù)為記錄值。個(gè)人站點(diǎn)簡單點(diǎn)就是自己服務(wù)器的公網(wǎng)IP。最后一個(gè)參數(shù)看平臺(tái)說明個(gè)人站點(diǎn)默認(rèn)不動(dòng)。至此,一個(gè)個(gè)人站點(diǎn)的域名的DNS解析就配置完成。接下來就可以使用域原來訪問自己的服務(wù)器網(wǎng)站了。
·第五步,ICP備案與公安備案。
→第四步,配置好的域名服務(wù)在較短時(shí)間內(nèi)是可以正常使用的。但是不出一天就會(huì)被云服務(wù)商給攔截掉。因?yàn)榫W(wǎng)站不合法,所以若要正常使用域名服務(wù),就要準(zhǔn)備好ICP備案相關(guān)信息了。截備案流程,然后進(jìn)行 http。
imp備案注意個(gè)人站的若不提供盈利性服務(wù)僅做個(gè)人播客測試使用,則建議在服務(wù)商網(wǎng)站上自主備案不要使用備案服務(wù),因?yàn)榻Y(jié)果都一樣。【ICP備案好后就去全國互聯(lián)網(wǎng)安全管理服務(wù)平臺(tái)進(jìn)行公安備案就行。這兩個(gè)備案操作都是可以線上進(jìn)行填資料。
以上為本期操作核心內(nèi)容。本期正文到此結(jié)束,我們下期見。
視頻聲明:本視頻無任何商業(yè)行為、不做任何產(chǎn)品對(duì)比與評(píng)判、對(duì)除作者以外的任何個(gè)人或者企業(yè)行為不負(fù)法律責(zé)任!本視頻僅做經(jīng)驗(yàn)分享!若內(nèi)容有任何不妥請(qǐng)先聯(lián)系作者后協(xié)商處理!視頻內(nèi)容絕大部分由個(gè)人整理,不具任何權(quán)威性,僅能做參考資料使用!內(nèi)容有用沒用都以自己最終的實(shí)操結(jié)果為準(zhǔn)!加油!我們一起學(xué)習(xí)一起進(jìn)步~賬號(hào)唯一且賬號(hào)內(nèi)資源免費(fèi)分享!引導(dǎo)收費(fèi)的都是騙子!謹(jǐn)防詐騙!被騙作者一概不負(fù)責(zé)!作者也窮!窮的叮當(dāng)響!就差露宿街頭了!記得點(diǎn)贊關(guān)注哦!