網(wǎng)站制作做一個(gè)網(wǎng)站的過(guò)程用相關(guān)工具網(wǎng)頁(yè)把網(wǎng)頁(yè)復(fù)制到別人可以訪問(wèn)到的地方在線制作圖片的網(wǎng)站
2023-02-03
隨著2019年的到來(lái),我們看到互聯(lián)網(wǎng)已經(jīng)覆蓋到各行各業(yè)。 無(wú)論是老板、高管、自由職業(yè)者、創(chuàng)業(yè)者、網(wǎng)店老板、B2B/B2C、網(wǎng)紅賣(mài)家等,大部分都需要借助互聯(lián)網(wǎng)來(lái)做事。 很多人都有自己的網(wǎng)站,但這些網(wǎng)站大同小異網(wǎng)站制作,沒(méi)有特色,關(guān)鍵數(shù)據(jù)信息和網(wǎng)頁(yè)訪問(wèn)都受制于人。 因此,對(duì)于一些網(wǎng)店老板、網(wǎng)紅賣(mài)家、知名博主、創(chuàng)業(yè)者、創(chuàng)業(yè)者等來(lái)說(shuō),擁有自己的網(wǎng)站是非常有必要的。
制作網(wǎng)站的過(guò)程 使用相關(guān)工具制作好的網(wǎng)頁(yè) 將網(wǎng)頁(yè)復(fù)制到其他人可以訪問(wèn)的地方 讓其他人使用網(wǎng)址訪問(wèn)您的網(wǎng)頁(yè)
五分鐘的demo如下:
第一步,用電腦上的記事本寫(xiě)網(wǎng)頁(yè)代碼,保存并用英文命名
本地雙擊打開(kāi)文件,在瀏覽器中可以看到
第二步,將網(wǎng)頁(yè)復(fù)制到其他人可以訪問(wèn)的地方
別人可以訪問(wèn)的地方,我們稱(chēng)之為“網(wǎng)頁(yè)空間”,也就是我們的“服務(wù)器”。
將文件傳輸?shù)椒?wù)器,我們需要一個(gè)傳輸工具“”,購(gòu)買(mǎi)網(wǎng)站空間“服務(wù)器”后,我們可以看到服務(wù)器的詳細(xì)信息,如:IP地址、端口號(hào)、帳號(hào)、密碼等。 ,選擇默認(rèn)配置好的網(wǎng)站服務(wù)的“服務(wù)器”,使用“”將我們寫(xiě)好的文件上傳到網(wǎng)站空間的“www”文件夾中,等待上傳成功。
這時(shí)候我們可以使用“IP地址+URL路徑”來(lái)訪問(wèn)寫(xiě)入的網(wǎng)頁(yè),如下:
第三步,讓別人通過(guò)URL訪問(wèn)你的網(wǎng)頁(yè)
我們需要購(gòu)買(mǎi)域名。 比如我們?cè)L問(wèn)百度網(wǎng)站時(shí)輸入的URL就是域名——“****.com”
購(gòu)買(mǎi)域名后,我們?cè)谟蛎?wù)中找到解析,添加一條解析記錄,填寫(xiě)主機(jī)記錄-www,類(lèi)型-A,記錄值-【您購(gòu)買(mǎi)的服務(wù)器的IP地址】,保存等待幾秒鐘 。
此時(shí),我們就可以使用域名訪問(wèn)網(wǎng)頁(yè)了
至此,三個(gè)步驟就完成了,簡(jiǎn)單的網(wǎng)頁(yè)就做好了。
詳細(xì)介紹第一步網(wǎng)站制作流程,使用相關(guān)工具制作網(wǎng)頁(yè)
網(wǎng)站制作工具的三個(gè)基本組成部分:HTML、CSS、
HTML ( ):超文本標(biāo)記語(yǔ)言,創(chuàng)建瀏覽器可以識(shí)別的文本內(nèi)容
CSS(): ,用于網(wǎng)頁(yè)的樣式和布局
: 世界上最流行的腳本語(yǔ)言,用于向 HTML 頁(yè)面添加交互性
HTML 是一種可以在十分鐘內(nèi)入門(mén)的語(yǔ)言。 新手不需要掌握它。 現(xiàn)在的開(kāi)發(fā)工具一般都能自動(dòng)生成,網(wǎng)頁(yè)只要會(huì)打字就能寫(xiě)出來(lái)。 從 HTML 構(gòu)建網(wǎng)頁(yè)就像用螺絲造汽車(chē),然后逐漸找到更簡(jiǎn)單、更快的方法。
互聯(lián)網(wǎng)上有很多學(xué)習(xí)資源。 查找 HTML、CSS 并開(kāi)始學(xué)習(xí)。 每個(gè)知識(shí)點(diǎn)都可以在實(shí)踐中得到鍛煉。
在任何瀏覽器上,右鍵單擊以查看以下內(nèi)容:
具體代碼大家可以看,不過(guò)目前大部分都是開(kāi)發(fā)工具生成的,完全手寫(xiě)的很少。
推薦使用開(kāi)發(fā)工具:、text、VS Code等。
新手工具(DW)使用介紹:
目前DW已經(jīng)被開(kāi)發(fā)者淘汰,但它仍然是入門(mén)學(xué)習(xí)的好工具。
第二步seo優(yōu)化,將網(wǎng)頁(yè)復(fù)制到其他人可以訪問(wèn)的地方
使用的工具:
ftp是指文件傳輸協(xié)議,文件傳輸協(xié)議ftp(文件)是傳統(tǒng)服務(wù)之一。 FTP使用戶(hù)能夠在兩臺(tái)聯(lián)網(wǎng)的計(jì)算機(jī)之間傳輸文件,是最重要的文件傳輸方式。 使用匿名()ftp,用戶(hù)可以免費(fèi)獲取豐富的資源。 此外,ftp還提供登錄、目錄查詢(xún)、文件操作等會(huì)話控制功能。 是一款功能強(qiáng)大的fxp/ftp軟件,它集各種優(yōu)秀ftp工具軟件的優(yōu)點(diǎn)于一身,同時(shí)具備無(wú)需安裝、解壓即可使用的綠色軟件標(biāo)準(zhǔn)。
所需網(wǎng)站空間:服務(wù)器
購(gòu)買(mǎi)渠道有XX云、X迅云等,買(mǎi)最便宜的1核1G服務(wù)器就夠了。 購(gòu)買(mǎi)時(shí)選擇已經(jīng)配置好網(wǎng)站環(huán)境的服務(wù)器,首先獲取服務(wù)器的詳細(xì)信息,如IP地址、端口、賬號(hào)等。 密碼(購(gòu)買(mǎi)時(shí)可在網(wǎng)站上設(shè)置或重新設(shè)置),登錄后,在彈出的認(rèn)證窗口中選擇允許,找到配置好的web服務(wù)器地址,這里只要找到www文件夾,將文件從桌面到www文件 如果上傳成功,可以使用IP地址+文件名訪問(wèn)。
第三步,讓別人通過(guò)URL訪問(wèn)你的網(wǎng)頁(yè)
我們熟悉的網(wǎng)站其實(shí)就是域名的一種,比如某寶的網(wǎng)站***.com,這里我們也去購(gòu)買(mǎi)域名,和服務(wù)器的購(gòu)買(mǎi)渠道是一樣的。
域名介紹:域名使用DNS解析協(xié)議,將域名地址解析為IP地址。 在世界各地可以上網(wǎng)的地方,只要輸入網(wǎng)址,就可以看到我們的網(wǎng)頁(yè)。
域名購(gòu)買(mǎi)成功后,進(jìn)入域名解析,添加解析記錄,如上流程說(shuō)明
等待幾分鐘生效網(wǎng)站制作,然后訪問(wèn)輸入網(wǎng)址
附加內(nèi)容
為您介紹訪問(wèn)網(wǎng)站的流程
如果想馬上體驗(yàn)網(wǎng)站開(kāi)發(fā)的效果,可以下載自動(dòng)生成模板的工具,可以拖拽查看。 各種模塊一應(yīng)俱全,適合敏捷開(kāi)發(fā)小程序開(kāi)發(fā),需要一定的基礎(chǔ)和時(shí)間進(jìn)行微調(diào)。
感謝收看!