乾貨滿滿!!如何快速搭建自己的網站!

個人網站搭建步驟:

先來講解一下大致的網站專有名詞

域名:簡單說就相當於網站的入口,比如人的姓名,某某家庭

 IP:就相當於人的身份證號,家庭詳細地址

主機:就相當於活生生的人,家庭的物理存在房子

 DNS:域名系統,就相當於公安局,房屋管理局

備案系統:就相當於把相關信息關聯起來,並且確保真實有效

         如果這個時候想要看一個人長什麼樣,那麼就輸入www.張三.com/面部。其實內部運行肯定是先確定張三這個人是在哪個域名系統解析(是在公安局,還是房屋管理局打),在公安局找到張三(www.張三.com 一定是唯一的)這個人就可以確定身份證號(IP),再根據身份證號找到這個人(主機),再就可以看到這個人的面部了(www.張三.com/面部)版權聲明:本文爲CSDN博主「歲月奔跑」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處k鏈接及本聲明。

購買主機可以去阿里雲官網購買

網頁簡單製作

         網頁製作很多語言可以實現,動態網頁就會用到各種編程語言及數據庫技術等等,但是於靜態網頁就簡單很多了,像office該都可以,兩下簡單介紹下word和爲知筆記的方法吧。在網頁製作時,注意文件名和文件夾名要避免使用中文!

6.1 word製作

另存爲:blog.html,放到一個blog文件夾(名字不限,以模塊劃分)中

         用戶瀏覽器打開,查看一下效果:

6.2爲知筆記

         下載爲知筆記軟件,編寫一篇筆記:

       點擊HTML後,把裏面內容全部複製出來,存到一個新建的記事本里,並且把charset=unicode改成charset=GBK   把<title>未命名</title>中間的 未命名 改爲:<title>IT小搭檔-手機優化-我的手機我做主</title>

         把新建的文件重新命名爲:weizhi.html

用瀏覽器打開剛剛製作的weizhi.html文件,看看效果:

7上傳網頁

         首先下載一個ftp軟件,這裏用的是XFTP,這裏要用主機管理賬號和密碼

 

特別說明:

          / :  您的FTP的根目錄,爲避免您錯誤刪除該路徑下的內容,所以禁止寫入,只可讀取

 htdocs/:  您的網站的根目錄,請將您的網站文件(php, htm, html, css, js等)上傳至此文件夾

htdocs/logreport/: 訪問統計報告存放目錄,不佔用空間,只可讀取。

  cgi-bin/:  請將您的CGI腳本(如 perl腳本)上傳至此文件夾

  myfolder/:  此文件夾中的內容不會被web用戶看到,您可以臨時存放一些不願公開的內容,比如站點備份、數據庫備份等

  ftplogs/:  您的ftp訪問日誌存放位置,只讀

  wwwlogs/:  您的www訪問日誌存放位置,只讀

  backup/:  系統自動爲您生成的數據庫備份的存放位置,只讀

l  左邊是本地機器,右邊是萬網主機。先把本地E盤建立一個itptn.com的文件夾,作爲本地製作網頁時使用,右邊主機目錄的/表示根目錄,就也相當於www.itptn.com就會直接訪問到的。

l  現在只需要把萬網主機上的/htdocs文件夾下載到E:\itptn.com\htdocs中,然後把word生成的blog文件夾和weizhi.html也放到E:\itptn.com\htdocs下就行了。

l  編輯index.html文件(可以右鍵用記事本打開):

         

         <a href="weizhi.html"></a>就鏈接,<b></b>是加粗,<font></font>設置字體樣式,<br>是換行,更多參考 http://www.w3school.com.cn/html/

l  加上以下兩行代碼,可以看到兩個路徑不一樣,是因爲blog.html比weizhi.html多一層文件夾。

<a href="weizhi.html">爲知筆記效果</a><br>

<a href="blog/blog.html">Word效果</a>

l  把本地的E:\itptn.com\htdocs目錄下的有改動的文件和文件夾上傳到萬網主機(也稱服務器上)/htdocs目錄下

         已經全部到了萬網主機了,這裏只演示了兩個文件和一個文件夾,如果有重複的直接覆蓋就行了。現在所有工作已經OK,來驗證一把:

         看到添加的鏈接已經顯示了,分別進去看看:
————————————————
版權聲明:本文爲CSDN博主「歲月奔跑」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/Yu_Yangjun/article/details/38823731

發佈了8 篇原創文章 · 獲贊 1 · 訪問量 3448
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章