2020年網(wǎng)站開發(fā)零基礎學習指南

時間：2024-04-17 19:30:02 | 來源：建站知識

時間：2024-04-17 19:30:02 來源：建站知識

零基礎學習網(wǎng)站開發(fā)有點像從消防水帶喝水，大量的水肯定會灌您一頭的水。本文可以讓您慢慢熟悉網(wǎng)站開發(fā)領域并對其感興趣，但這絕不是一本全面的手冊。

在本文中，我們將介紹網(wǎng)站開發(fā)的基本知識，網(wǎng)站的創(chuàng)建過程以及為那些想了解更多有關開發(fā)的知識。

什么是網(wǎng)站開發(fā)？ 網(wǎng)站開發(fā)是指建立網(wǎng)站的工作。這可能適用于從創(chuàng)建單個純文本網(wǎng)頁到開發(fā)復雜的網(wǎng)站應用程序或社交網(wǎng)絡的所有內容。

雖然網(wǎng)站開發(fā)通常是指Web標記和編碼，但它包括所有相關的開發(fā)任務，例如客戶端腳本，服務器端腳本，服務器和網(wǎng)絡安全配置，電子商務開發(fā)以及內容管理系統(tǒng)（CMS）開發(fā)。

現(xiàn)在，我們已經(jīng)定義了網(wǎng)站開發(fā)，讓我們回顧一些網(wǎng)站開發(fā)基礎知識，以使您更好地熟悉該主題。

1.什么是網(wǎng)站？ 網(wǎng)站是存儲在服務器上的文件，服務器是托管（稱為“存儲文件”的）網(wǎng)站的計算機。這些服務器連接到稱為互聯(lián)網(wǎng)或萬維網(wǎng)的巨型網(wǎng)絡（如果我們堅持使用90年代的術語）。在下一節(jié)中，我們將詳細討論服務器。

瀏覽器是通過您的互聯(lián)網(wǎng)連接加載網(wǎng)站的計算機程序，例如Google Chrome或Internet Explorer。您的計算機也稱為客戶端。

2.什么是網(wǎng)際協(xié)議（IP）地址？ Internet協(xié)議是一組管理互聯(lián)網(wǎng)上交互的標準。

要訪問網(wǎng)站，您需要知道其IP地址。IP地址是唯一的數(shù)字字符串。每個設備都有一個IP地址，以區(qū)別于通過互聯(lián)網(wǎng)連接的數(shù)十億個網(wǎng)站和設備。

浪知潮的IP地址是121.40.71.49。您可以使用Windows上的“命令提示符”或MacBooks上的“網(wǎng)絡實用程序”>“Traceroute”或訪問站點24x7之類的網(wǎng)站來找到任何網(wǎng)站的IP地址。

要查找設備的IP地址，您還可以在搜索引擎中鍵入“IP”。

雖然您可以使用其IP地址訪問網(wǎng)站，但大多數(shù)互聯(lián)網(wǎng)用戶更喜歡使用域名或搜索引擎訪問。

3.什么是超文本傳輸協(xié)議？ 超文本傳輸協(xié)議 （HTTP）將您和您的網(wǎng)站請求連接到容納所有網(wǎng)站數(shù)據(jù)的遠程服務器。這是一組規(guī)則（協(xié)議），用于定義如何通過互聯(lián)網(wǎng)發(fā)送消息。它允許您在網(wǎng)站頁面和網(wǎng)站之間切換。

當您在Web瀏覽器中鍵入網(wǎng)站或通過搜索引擎搜索內容時，HTTP提供了一個框架，以便客戶端（計算機）和服務器通過互聯(lián)網(wǎng)相互進行請求和響應時可以說相同的語言。從本質上講，它是您和互聯(lián)網(wǎng)之間的翻譯器-讀取您的網(wǎng)站請求，讀取從服務器發(fā)送回的代碼，并以網(wǎng)站的形式為您翻譯。

4.什么是編碼？ 編碼是指為服務器和應用程序編寫代碼。之所以稱為“語言”，是因為它由與計算機進行通信的詞匯和語法規(guī)則組成。它們還包括只能由設備和程序讀取的特殊命令，縮寫和標點符號。

從某種意義上說，開發(fā)人員也是翻譯人員。

所有軟件都至少使用一種編碼語言編寫，但是它們都根據(jù)平臺，操作系統(tǒng)和樣式而有所不同。有許多不同類型的編碼語言……所有這些都可以分為兩類（由兩種不同類型的開發(fā)人員編寫）—前端和后端。

5.什么是前端？ 前端（或客戶端）是您作為互聯(lián)網(wǎng)用戶看到并與之交互的網(wǎng)站或軟件的一面。當網(wǎng)站信息從服務器傳輸?shù)綖g覽器時，前端編碼語言使網(wǎng)站可以正常運行，而不必不斷與互聯(lián)網(wǎng)“通信”。

前端代碼允許像您和我這樣的用戶與網(wǎng)站進行交互并播放視頻，擴展或最小化圖像，突出顯示文本等等。從事前端編碼的網(wǎng)站開發(fā)人員從事客戶端開發(fā)。

在下一節(jié)中，我們將詳細介紹前端開發(fā)。

6.什么是后端？ 后端（或服務器端）是您使用互聯(lián)網(wǎng)時看不到的一面。它是數(shù)字基礎設施，對于非開發(fā)人員來說，它看起來像一堆數(shù)字，字母和符號。

后端編碼語言比前端語言更多。這是因為瀏覽器（在前端）只能理解JavaScript，而服務器（在后端）可以配置為（幾乎）理解任何語言。接下來，我們將介紹有關后端開發(fā)的更多信息。

7.什么是內容管理系統(tǒng)？ 內容管理系統(tǒng)（CMS）是Web應用程序或用于創(chuàng)建和管理Web內容的一系列程序。注意：CMS與站點構建器（例如阿里云建站或百度云建站）不同。

雖然不需要建立網(wǎng)站，但使用CMS肯定更容易。它提供了構建塊（如插件和附加組件），并允許您使用代碼創(chuàng)建結構。CMS通常用于電子商務和博客，但它們對所有類型的網(wǎng)站都很有用。

現(xiàn)在，為什么網(wǎng)站開發(fā)很重要？ 您可能是企業(yè)主，雇用自由開發(fā)人員來構建您的網(wǎng)站，營銷人員會向您的開發(fā)團隊介紹愿景，或者是一個將發(fā)展視為職業(yè)的學生。無論您是誰，或者為什么要閱讀本指南，在這個技術驅動的世界中，了解網(wǎng)站開發(fā)的基礎知識都將有所幫助。

互聯(lián)網(wǎng)不會很快消失。實際上，它已成為全球研究，連接，教育和娛樂的門戶和主要方法。

截至2019年，全球有42億互聯(lián)網(wǎng)用戶。這是世界人口的一半以上，這些人出于各種原因而使用互聯(lián)網(wǎng)。

這些原因的共同之處是什么？他們需要一個網(wǎng)站，并且每個網(wǎng)站都需要一個熟練的網(wǎng)站開發(fā)人員。

網(wǎng)站開發(fā)也是一個快速發(fā)展的行業(yè)。從現(xiàn)在到2028年，網(wǎng)站開發(fā)人員的就業(yè)預計將增長13％。這比大多數(shù)其他技術職業(yè)要快得多。

無論您是想雇用一名網(wǎng)站開發(fā)人員還是成為一名網(wǎng)站開發(fā)人員，您都應該了解開發(fā)人員可以掌握的不同類型的網(wǎng)站開發(fā)-我們將在下面進行介紹。

這些不同類型的網(wǎng)站開發(fā)主要是指網(wǎng)站開發(fā)人員可以從事的職業(yè)的不同領域-我們在上一節(jié)中提到了其中一些。這些區(qū)別中的某些重疊，通常網(wǎng)站開發(fā)人員將掌握多種類型的網(wǎng)站開發(fā)。

1.前端 前端開發(fā)人員在網(wǎng)站，程序和軟件的面向客戶端或用戶的一側工作。他們設計和開發(fā)視覺方面，包括布局，導航，圖形和其他美觀。這些開發(fā)人員還致力于他們正在開發(fā)的任何項目的用戶界面和用戶體驗。

2.后端 后端開發(fā)人員在網(wǎng)站，程序和軟件的服務器端工作。這些開發(fā)人員在服務器，操作系統(tǒng)，API和數(shù)據(jù)庫等系統(tǒng)中工作，并管理安全性，內容和站點結構的代碼。

3.全棧 全棧開發(fā)人員在網(wǎng)站的前端和后端都可以工作。他們可以從頭到尾創(chuàng)建一個網(wǎng)站，應用程序或軟件程序。

4.網(wǎng)站 網(wǎng)站開發(fā)人員是前端，后端或全棧開發(fā)人員的同義詞。但是，這些專業(yè)人員專門從事網(wǎng)站建設（與移動應用程序，桌面軟件或視頻游戲相對）。

5.桌面 桌面開發(fā)人員專門研究構建可駐留在桌面上的軟件，例如Mac OS，Windows等。

6.手機 移動開發(fā)人員構建生活在諸如智能手機或平板電腦之類的移動設備上的移動應用程序。這些工具與其他網(wǎng)站和軟件程序的操作方式大不相同，因此需要一套單獨的開發(fā)技能。

7.游戲 游戲開發(fā)人員專注于為視頻游戲，控制臺游戲（Xbox，PlayStation等）和移動游戲編寫代碼，這使該專業(yè)可以與移動開發(fā)有所重疊。但是，游戲開發(fā)人員具有特定的技能來構建互動的，引人入勝的游戲體驗。

8.嵌入式 嵌入式開發(fā)人員可以使用非計算機的所有硬件。其中包括電子接口，消費類設備，iOT設備，實時系統(tǒng)等。隨著iOT和連接設備的最近興起，這種開發(fā)技能正變得越來越流行和需求。

9.安全性 安全開發(fā)人員建立用于軟件程序或網(wǎng)站安全的方法和過程。這些開發(fā)人員通常以安全人員的身份工作，并構建發(fā)現(xiàn)和消除安全風險的系統(tǒng)。

現(xiàn)在，讓我們深入研究網(wǎng)站開發(fā)過程（其中涉及許多此類開發(fā)）。

網(wǎng)站開發(fā)流程 創(chuàng)建網(wǎng)站的過程并不像1-2-3那樣簡單。每個開發(fā)路徑根據(jù)網(wǎng)站類型，編碼語言和資源而有所不同。

以下部分簡要概述了網(wǎng)站開發(fā)過程，并簡要介紹了最常用的語言和CMS選項。

規(guī)劃您的網(wǎng)站并創(chuàng)建站點地圖 所有網(wǎng)站都以計劃開頭。開發(fā)人員將此計劃稱為線框或站點地圖（不要與sitemap.XML混淆，sitemap.XML是一個文件，可幫助SERP爬行并找到您的站點）。它不一定是正式文件；這只是您網(wǎng)站的愿景，它將為您和您的開發(fā)人員提供方向和起點。您可以在白板上繪制它，也可以使用Invision，Slickplan或Mindnode之類的工具。

就像商業(yè)計劃可以使?jié)撛诘耐顿Y者洞悉您的目標和可交付成果一樣，站點地圖也可以使開發(fā)人員了解您所描繪的內容以及實現(xiàn)愿景所需的信息。您可以自己創(chuàng)建站點地圖，也可以與開發(fā)人員合作。

在規(guī)劃網(wǎng)站時，這里有幾個問題要問自己。

• 您想要什么單個頁面？這些頁面上會有什么內容？
• 您如何將這些頁面分類？（這些類別可能代表您的主頁菜單-如果這樣有助于您進行思考。）
• 您網(wǎng)站上頁面的層次結構是什么？
• 頁面將如何鏈接在一起？
• 哪些頁面和類別對您的網(wǎng)站和用戶體驗至關重要，哪些頁面和類別可以刪除或合并？

編寫網(wǎng)站代碼 網(wǎng)站開發(fā)過程的下一步是編寫代碼。

開發(fā)人員將為網(wǎng)站的前端和后端以及網(wǎng)站的不同功能（例如設計，交互性等）使用不同的編碼語言。這些不同的語言可以共同構建和運行您的網(wǎng)站。

讓我們從最常用的語言開始。幾乎每個網(wǎng)站都同時使用這三個網(wǎng)站，您的網(wǎng)站也可能會一起使用。

HTML 自1990年代以來就開始使用超文本標記語言（HTML）。它是所有網(wǎng)站的基礎，僅代表創(chuàng)建網(wǎng)站所需的最低限度。（是的，您可以創(chuàng)建一個僅包含HTML的網(wǎng)站。不過，它看起來并不漂亮。）

CSS和JavaScript之類的語言增強和修改了HTML代碼構建的基本站點結構。HTML5是最新版本，并支持跨平臺瀏覽器功能，使其在移動應用程序開發(fā)中很受歡迎。

CSS 級聯(lián)樣式表（CSS）于1990年代后期開發(fā)。它向網(wǎng)站添加了諸如排版，顏色和布局之類的設計元素；這是化妝品代碼。

CSS使開發(fā)人員可以轉換您的網(wǎng)站，使其與您為網(wǎng)站設想的外觀相匹配，并且與HTML5一樣，CSS與所有瀏覽器兼容。

JavaScript JavaScript是編碼語言的基礎。JavaScript創(chuàng)建于90年代中期，用于向網(wǎng)站添加功能。開發(fā)人員可以使用它來添加動畫，在某些頁面中自動執(zhí)行任務以及添加可增強用戶體驗的交互式功能。

JavaScript正在迅速發(fā)展。JavaScript一度被認為是一種“玩具”語言，如今已成為世界上使用最廣泛的編碼語言。在Node.Js的幫助下，它現(xiàn)在是一種后端編碼語言。它是瀏覽器可以理解的第一門語言，甚至有人甚至討論了將機器學習應用于它。

HTML，CSS，JavaScript是網(wǎng)站開發(fā)的“三巨頭”。幾乎每個網(wǎng)站都以某種方式使用它們。還有許多其他語言，例如Java，C ++，Python和SQL之類的服務器端語言，但是了解這三種語言是您網(wǎng)站開發(fā)知識的基礎。

建立網(wǎng)站的后端 編寫代碼可能是網(wǎng)站開發(fā)中較復雜的部分之一，但它并不是唯一的組成部分。您還必須構建后端和前端站點的結構和設計。

讓我們從后端開始。

后端處理啟用前端功能的數(shù)據(jù)。例如，F(xiàn)acebook的后端存儲了我的照片，以便前端可以允許其他人查看它們。它由兩個主要部分組成：

• 數(shù)據(jù)庫，它負責存儲，組織和處理數(shù)據(jù)，以便可以通過服務器請求進行檢索
• 服務器，這是組成計算機的硬件和軟件。服務器負責發(fā)送，處理和接收數(shù)據(jù)請求。它們是數(shù)據(jù)庫與客戶端/瀏覽器之間的中介。實際上，瀏覽器將告訴服務器“我需要此信息”，并且服務器將知道如何從數(shù)據(jù)庫中獲取該信息并將其發(fā)送給客戶端。

這些組件共同為每個網(wǎng)站奠定基礎。

作為構建您的網(wǎng)站，后端開發(fā)人員將建立三件事情。

1. 您的邏輯代碼，本質上是關于網(wǎng)站如何響應某些請求以及網(wǎng)站對象如何交互的一組規(guī)則。
2. 您的數(shù)據(jù)庫管理，這是你的網(wǎng)站將如何組織，管理和檢索它的數(shù)據(jù)。
3. 您的基礎架構，這就是您網(wǎng)站的托管方式。托管您自己的站點將為您提供更大的控制權，但是成本更高，并且需要您維護自己的服務器運行狀況和安全性。

有了這些組件和決策，您的網(wǎng)站就可以進行前端開發(fā)了。

注意：后端與網(wǎng)站開發(fā)有些關系，因為如果不存儲任何數(shù)據(jù)，則不一定總是需要后端。在這種情況下，“數(shù)據(jù)”是指您需要保存和保留的所有用戶輸入的信息?？紤]登錄網(wǎng)站。如果他們沒有后端，他們將如何記住您的登錄信息？或您的個人資料設置是什么？要獲取此信息，您需要一個后端。

例如，微信需要知道“朋友”列表中的人，您加入的活動，您創(chuàng)建的帖子等等。這就是所有存在于數(shù)據(jù)庫中的“數(shù)據(jù)”。如果他們沒有數(shù)據(jù)庫后端，那么他們將無法訪問這些數(shù)據(jù)。

另一方面，一個純粹的信息網(wǎng)站，不需要用戶輸入任何數(shù)據(jù)的網(wǎng)站就不需要后端。

因此，如果您沒有數(shù)據(jù)，則不一定需要進行后端開發(fā)。但這并不是說您不應該學習基礎知識。您永遠不知道何時需要它。

建立網(wǎng)站的前端 如果您曾經(jīng)涉足網(wǎng)頁設計或喜歡WordPress，DedeCMS或PHPCMS中的網(wǎng)站，那么您就接觸過前端網(wǎng)站開發(fā)。

前端的東西很重要-它是您的訪問者，客戶和用戶看到的東西以及他們將如何使用您的網(wǎng)站。

前端（或客戶端）開發(fā)包括JavaScript，HTML和CSS的組合。它還控制諸如排版和字體，導航，位置以及瀏覽器兼容性和響應性之類的組件。此部分將反映您最初的現(xiàn)場構想以及包含在線框中的內容。

隨著技術和消費者偏好的變化，客戶端編碼趨向于過時……比后端開發(fā)快得多。這是編碼資源派上用場的地方。

使用CMS 為什么有人選擇CMS而不是“手工”或“從頭開始”編碼？嗯，CMS更易于使用（您必須編寫更少的代碼），并且它通常具有圍繞網(wǎng)站托管的工具。另一方面，它的靈活性較差，因此，您對前端的控制較少。

CMS選項通常還包括無需編寫后端的插件。例如，有一些用于電子商務的WordPress插件，因此，您無需使用復雜的后端來向客戶的信用卡收費，您就可以使用現(xiàn)有的插件，而根本不需要處理數(shù)據(jù)庫和服務器端代碼。

取得域名 此時，您的網(wǎng)站將具有IP地址。它還需要一個域名，您的訪客可以使用該域名來找到您的網(wǎng)站。

也許您聽說過阿里云和新網(wǎng)等網(wǎng)站。這些服務可幫助您購買域名并向ICANN（互聯(lián)網(wǎng)名稱與數(shù)字地址分配機構）注冊。大多數(shù)域名注冊有效期為一年，然后您需要續(xù)訂。

深入網(wǎng)絡開發(fā) 互聯(lián)網(wǎng)在這里留下來。每天都在變得越來越好，網(wǎng)站開發(fā)人員站在這些創(chuàng)新和改進的最前沿。從我們的網(wǎng)站到您最喜歡的社交網(wǎng)絡，再到您在手機上使用的應用程序，網(wǎng)站開發(fā)幾乎涉及到您的每一天以及您的業(yè)務?；〞r間了解編碼和編程，不僅可以擴大您的知識面，而且在未來需要做網(wǎng)站時不至于一竅不通。