網站開發 - 快速指南



網站開發 - 簡介

網站可以定義為幾個網頁的集合,這些網頁彼此相關,可以透過訪問主頁來訪問,可以使用瀏覽器(如Internet Explorer、Mozilla、Google Chrome或Opera)。例如,Tutorialspoint的網站地址為− www.tutorialspoint.com

Homepage

每個網站都有自己的URL,它是一個稱為域名唯一全域性地址。URL包含−

Domain Name URL
  • 用於訪問網站的協議,在本例中為http,表示埠80。它也可以是https;埠443。

  • 預設情況下為www子域名

  • 域名;域名通常選擇具有含義。例如,在我們的案例中“tutorialspoint”,我們可以理解這個網站提供教程。

  • 字尾名,可以是.com、.info、.net、.biz或特定國家/地區。有關詳細資訊,請參閱以下維基百科連結− https://en.wikipedia.org/wiki/List_of_Internet_top-level_domains.

  • 目錄,或者簡單地說,伺服器中儲存此網站的資料夾。

  • 我們正在檢視的網頁,在我們的示例中,它是“about_careers.htm”。

Webpage

為什麼我們需要網站?

網站主要充當想要分享資訊的人和想要消費資訊的人之間的橋樑。如果您正在經營一家企業,那麼擁有一個網站來宣傳您的產品和服務並在全球範圍內接觸潛在客戶幾乎是必不可少的。

以下幾點解釋了擁有網站的重要性−

  • 網站是一個線上宣傳冊,您可以在其中宣傳您的業務產品和服務。

  • 它為您提供了一個接觸廣泛的全球客戶群體的平臺。

  • 如果您是一位博主,您就有可能影響您的讀者。

  • 您可以展示您所有的想法並在網站上釋出它們。

  • 如果您有商業創意,那麼您不必等待。您可以立即開設一家線上商店,並在網上銷售您的產品或服務。一個額外的優勢是,線上商店全年 24/7 為您的客戶開放。

  • 您可以與您的客戶溝通,給他們一個表達自己的機會。

  • 您可以透過擁有故障單系統來提供寶貴的客戶支援。

  • 如果您有一個帶有域名的官方網站,那麼您可以擁有個性化的電子郵件。例如,info@tutorialspoint.com(它比florjan.llapi@yahoo.com好得多)。

如何設定網站?

網站由多個元素組成,在設定網站時,您需要處理每個元素。

  • 要設定網站並使其上線,您應該首先購買託管計劃。

  • 為該網站選擇一個域名。

  • 將DNS記錄指向伺服器或託管服務提供商。

  • 開發您想要在網站上釋出的內容。

  • 檢查您是否需要購買公鑰證書並安裝它。

  • 在網際網路上釋出網頁。

在本教程的後續章節中,我們將詳細討論這些步驟中的每一個。

網站開發 - 所需技能

設定網站所需的技能可以從非常基礎到最先進。如果您要為全球受眾建立一個專業的網站,那麼您應該具備以下技能,或者您需要僱用一組人來為您完成這項工作。

內容專家

內容專家提供要釋出在網站上的內容。他們根據目標受眾的需求設計內容,然後在內容釋出之前對其進行編輯和潤色。

內容專家通常依靠網站設計人員和網站管理員的專業知識。請注意,內容可以是文字、資料、影像、音訊或連結。

網站設計師

網頁設計師是一位技術人員,負責設計和維護網站的圖形使用者介面 (GUI)。例如,按鈕應該放在哪裡,影像如何顯示等。

平面設計師

平面設計師開發要包含在網站中的影像檔案。這些專業人士對為網路環境開發合適的圖形有深刻的理解。

網頁開發人員

網頁開發人員根據網站設計師建立的網站設計,建立程式程式碼來操作提供的內容。網頁程式設計師應該使用一組程式語言來編譯網頁在後臺應該執行的特定功能。這是一組網頁程式設計師必須精通的重要程式語言−

  • HTML / XHTML − 這些是您將用於構建網站的標記語言。網頁程式設計師必須很好地理解 HTML 和 XML。

  • PHP − 它是開發網頁的一種流行程式語言。您可以在以下網址獲取有關 PHP 的更多資訊− https://tutorialspoint.tw/php/

  • PERL指令碼 − PERL是另一種用於開發互動式Web應用程式的語言。如果您計劃使用PERL開發您的網站,那麼請瀏覽我們的教程 – https://tutorialspoint.tw/perl/ 以瞭解更多關於PERL的資訊。

  • Java或VB指令碼 − 這些指令碼需要執行使用者級驗證併為您的網站新增更多互動性。因此,網頁開發人員需要充分了解任何這些客戶端指令碼。

  • AJAX技術 − AJAX是網路上的最新技術。Google和Yahoo正在使用這項技術為其網站訪問者提供更好的瀏覽體驗。

  • ASP或JSP − 網頁開發人員需要精通ASP或JSP來開發互動式網站。要了解更多資訊,您可以瀏覽我們關於 ASP 和 JSP 的教程,網址為− https://tutorialspoint.tw/asp.net/https://tutorialspoint.tw/jsp/

  • Macromedia Flash − 您可以使用 Macromedia Flash 來構建網站。學習這項技術可能需要一些時間,但是一旦您學會了如何使用它,那麼您就可以使用 Flash 開發有吸引力的網站。

網路研究員

您應該研究影響網路技術的新工具、趨勢和問題。網路研究人員向網站管理員報告可以整合到網站中的新技術。他們最佳化適當的網站流量並評估網站開發工具,這些工具可以是硬體或軟體。

硬體和軟體支援資源

支援資源根據需要升級硬體和軟體。他們在保持系統完美執行方面發揮著至關重要的作用。

營銷和推廣

營銷專業人員主要使用 Facebook 和 Twitter 等流行的社交媒體平臺來推廣網站上提供的內容和資源。他們接觸目標受眾並在他們中創造意識。

系統管理員

系統管理員知道如何設定和指向協議(如 HTTP、FTP、SMTP 和 DNS 記錄)。系統管理員是負責網站開發和維護各個方面的人員。

網站開發 - 域名

域名是您線上地址的一部分,您的訪問者將使用它輕鬆找到您。例如,Tutorialspoint 的域名是tutorialspoint.com。您的域名對您來說是唯一的。一旦您註冊了它,如果繼續續訂,其他人就無法註冊相同的域名。

註冊域名很容易,因為您可以選擇任何您想要的名稱,但是您選擇的內容對您的業務未來或您的部落格網站至關重要。因此,在本節中,讓我們關注一些我們在購買域名之前必須牢記的規則。

規則 1 − 選擇一個可以作為您的品牌名稱的域名,如果需要的話。我們的域名tutorialspoint.com確實具有品牌效應,因為它沒有像 tutorials-points.com 這樣的通用關鍵字字串,很難記住“–”的位置。

如果您的品牌沒有數字,請不要購買包含數字的域名,因為從使用者角度來看,沒有匹配的品牌。例如,tutorialspoints29.com。

規則 2 − 如果您有經濟實力,那麼您可以購買具有各種副檔名的域名,例如 .com、.net、.info、.biz 等。在我們的例子中,它將類似於 tutorialspoint.net、tutorialspoint.info、tutorialspoint.biz。有些域名拼寫錯誤,例如類似的情況是 google.com。如果您寫gogle.com缺少一個“o”,但它仍然會將您重定向到 google.com 的官方網站。

Google Page

規則 3 − 您必須確保此域名不是商標或受版權保護的。

規則 4 − 查詢一個簡短的域名。域名中的字元越少,越容易鍵入、說出、分享以及在社交媒體平臺和搜尋結果中被選中。

規則 5 − 副檔名是字尾,例如 .com 或 .net,位於網頁地址的末尾。這些可以具有特定用途,因此請確保選擇適合您業務的副檔名。.com 域名副檔名迄今為止是最流行的,但獲得簡短且令人難忘的 .com 域名可能很困難,因為它已經存在很長時間了。如果您的網頁在本地提供服務,則可以使用您所在國家/地區的副檔名購買。

規則 6 − 如果您的域名沒有使用品牌名稱,那麼至少您應該使用描述您業務的特定關鍵字,例如 tutorialspoint.com。它有助於提高您在搜尋引擎中的排名(從而增加流量),並且對您的客戶來說也更有意義。

域名副檔名

第一種域名型別是頂級域名 (TLD)。這些頂級域名包括任何僅包含一個字尾的副檔名——例如,.net、.info、.biz 等等。

二級域名 (2LDs) 是在 .com 或 .co 字尾之後包含一個或多個級別的域名。例如,.com.au 是一種二級域名樣式,因為它在 .com 之後包含一個額外的字尾,表明網站起源於澳大利亞。

gTLD通用頂級域名,包括諸如 .marketing、.estate、.fashion 和 .photography 等地址。這是一個近年來非常受歡迎的蓬勃發展的領域,無論您的行業是什麼,都有大量可供選擇。

CcTLD國家程式碼頂級域名,通常僅限於特定國家/地區使用。這些域名包括 .au、.uk、.ae、.us 等。

副檔名也有一定的含義。一些頂級域名的含義如下:

  • .com – 商業 − 這是一個開放的 TLD;任何個人或實體都可以註冊,並且它始終是主要的 TLD。

  • .org – 組織 − 這是一個開放的 TLD;任何個人或實體都可以註冊。但它最初是供任何非營利組織使用的。但截至目前,沒有此類限制,許多組織都在使用 .org 域名。

  • .net – 網路 − 這是一個開放的 TLD;任何個人或實體都可以註冊。它最初旨在供指向分散式計算機網路或充當指向一組較小網站的門戶的“傘形”網站的域名使用。

  • .edu – 教育 − 此 TLD 限於特定的高等教育機構,例如但不限於職業學校和大學。

  • .mil – 軍事 − .mil TLD 僅限美國軍方使用。

  • .arpa – 地址和路由 − 在網際網路的早期,它是高階研究計劃局的縮寫,.arpa 現在專門用作網際網路基礎設施 TLD。

在下一章中,我們將瞭解如何註冊域名。

域名註冊

註冊域名需要透過域名註冊商向名為ICANN的組織註冊您想要的名稱。例如,如果您選擇一個名為“mydomain.com”的名稱,則應訪問註冊商,支付大約每年 10 美元的註冊費。這將使您一年內擁有該域名的權利。您應該每年以相同的價格續訂。

如果您從某些虛擬主機提供商處購買託管計劃,他們將免費註冊您的域名,而其他一些提供商也將為您註冊域名,但您必須支付註冊商的費用和收費。

以下列出了一些您可以註冊域名的最大註冊商:

現在,讓我們一步一步地瞭解如何在 GoDaddy 上註冊域名。

首先,我們應該選擇我們的域名並檢視它是否可以免費購買。

GoDaddy

在我的例子中,我寫了“tutorialspoint.com”,然後點選“搜尋域名”。

Search Domain

正如您在以下螢幕截圖的結果中看到的,此域名已被佔用,並且不可用。然後 GoDaddy 會向我推薦其他類似的名稱,我們可能會對此感興趣。

Similar Meaning

我們將選擇 GoDaddy 建議給我們的另一個域名“tutorialspoint.online”。

  • 點選綠色的“選擇”按鈕。
  • 然後點選“繼續付款”,如下面的螢幕截圖所示。
Continue Cart

在下一頁,GoDaddy 會詢問我是否願意為該域名支付額外費用來隱藏我的個人資訊,因為預設情況下這些資訊對公眾開放。

Make it Private

GoDaddy 是一個公認的域名註冊商。它也是一個虛擬主機提供商,為您網站提供託管服務。它允許您購買並同時為您的網站提供合適的方案。

Registrar

點選“繼續到購物車”。

Continue

在接下來開啟的網頁中,您必須選擇域名的有效年限,並可以選擇延長此期限。

  • 此外,您還可以購買其他類似的域名。
  • 點選“繼續結賬”。
Checkout

由於我們是新客戶,我們將點選“繼續”。

New Customer

在計費部分,我們應該填寫真實的資料,因為它應該與支付資訊相匹配。

Billing Section

在帳戶資訊中,我們將輸入電子郵件 ID(我們將收到所有與計費相關的和其他通知到此電子郵件地址)、使用者名稱、密碼和 PIN(此電子郵件 ID 對於帳戶重置或其他所有權問題也很重要,如果帳戶被駭客入侵)。

Account Information

現在,我們應該輸入信用卡詳細資訊或 PayPal 詳細資訊。然後點選“繼續”,如下面的螢幕截圖所示。

Card Details

一旦域名購買成功,將顯示以下螢幕。

Purchase Domain

網站開發 - 子域名

子域名是您可以轉發到 URL 或指向託管帳戶或不同伺服器內的 IP 地址和目錄的域名擴充套件。子域獨立於您的主域名執行。我們可以使用子域名建立網站區域。

示例

除了已存在的 www.tutorialspoint.com/blog 之外,您還可以為名為“Blog”的網站上的部落格建立子域名,可以透過 URL – blog.tutorialspoint.com 訪問。

理論上,我們可以在每個域名上新增無限個子域名。我們還可以新增多級子域名。例如,您可以新增 info.blog.tutorialspoint.com 以深入瞭解網站上更具體的興趣領域。每個子域名的長度最多可以為 25 個字元。

Blog

網站開發 - 域名隱私

網際網路名稱與數字地址分配機構 (ICANN) 廣泛要求擁有和管理域名的人員的郵寄地址、電話號碼和電子郵件地址應透過“WHOIS”目錄公開提供。但此規則使垃圾郵件傳送者、直郵營銷人員、身份盜竊者或其他攻擊者能夠使用該目錄獲取個人資訊。儘管 ICANN 一直在探索更改 WHOIS 以實現更大隱私性的方法。關於應進行哪種型別的更改,主要利益相關者之間缺乏共識。但是,由於許多註冊商提供的私密註冊服務,一些風險已得到緩解。

域名 WHOIS 記錄中有四個聯絡位置,它們是:

  • 所有者
  • 管理員
  • 計費和
  • 技術

一些註冊商不會遮蔽所有者組織名稱以保護域名所有權。

現在讓我們詳細瞭解一下這裡討論的內容。

訪問網址 https://whois.icann.org/en,然後輸入我們要檢視其公開資料的域名。

ICANN Whois Page

下一步是點選“查詢”,如下面的螢幕截圖所示。

Look Up

輸入網頁上顯示的驗證碼,如下面的螢幕截圖所示,然後點選“查詢”。

Captcha

此域名擁有的資訊將如下所示。主要部分是“聯絡資訊”,其中包含一些子部分,例如:

  • 註冊人聯絡方式
  • 管理員聯絡方式
  • 技術聯絡方式

每個部分都包含:

姓名和姓氏、公司名稱、地址、電話號碼和電子郵件地址。以下螢幕截圖顯示了註冊人名稱,在本例中為 GoDaddy.com, LLC

Registrar Name

以下螢幕截圖顯示了域名註冊時間和過期時間的資訊。

Important Dates

最後一個螢幕截圖將顯示域名的名稱伺服器 (DNS)。

Name Servers

以下螢幕截圖包含域名的完整資訊詳細資訊。

Full Information

在託管平臺上配置DNS記錄

DNS 記錄主要用於將域名轉換為託管此網站的伺服器的 IP。需要說明的是,記錄是在域名註冊商處輸入的。他們通常會為您提供 DNS 管理器面板。其主要目的是讓人們和應用程式不必記住大量的數字來導航到某個域名。例如,www.tutorialspoint.com 的 IP 為 93.184.220.42,因此更容易記住一個友好的名稱。

將域名指向 IP 是透過記錄完成的。例如:www.tutorialspoint.com A 93.184.220.42

根據我們需要釋出的功能,網頁會使用其他型別的 DNS 記錄。

序號 記錄型別及說明
1

A 記錄

將 IP 地址連線到主機名

2

CNAME 記錄

允許主機使用多個 DNS 名稱

3

MX 記錄

確保電子郵件傳遞到正確的位置

4

NS 記錄

包含名稱伺服器資訊

5

TXT 記錄

提供有關主機或伺服器更多技術資訊的附加資訊

6

SRV 記錄

查詢託管特定服務的計算機

7

AAAA 記錄

提供不符合標準 A 記錄格式的 IP 地址

8

SPF 記錄

用於幫助防止垃圾郵件

現在讓我們實際操作一下:之前在 GoDaddy 上購買的域名 tutorialspoint.online 現在需要指向某個 IP。為此,我們必須按照以下步驟操作。

首先,您應該輸入使用者名稱和密碼。然後點選“管理我的域名”。

Manage Domains

選擇需要透過點選 Setting 來管理其 DNS 的域名。點選“管理 DNS”。

Manage DNS

將彈出一個新視窗,然後您必須選擇要輸入的記錄。在本例中,我們應該輸入 A 記錄以在網站上釋出。

A Record

將開啟以下螢幕截圖中顯示的框。在“主機”框中,輸入將為 www 的子域名,在“指向”框中輸入 IP – 93.184.220.42。在“TTL”下拉框中,我們需要選擇 1 小時,這意味著在一個小時內記錄將在全球範圍內傳播,網頁將生效。完成所有操作後,點選“儲存”。

Sub Domain Host

網站開發 - CMS 平臺

在本章中,我們將首先討論如何為您的網站做出正確的選擇,以及為您的網站選擇哪個內容管理系統 (CMS) 平臺。

選擇合適的網站

讓我們透過自問幾個問題來理解這一點,然後詳細討論這個概念。

問題 1 − 我們想花多少錢?

答案 − 這是主要問題之一,因為它與預算直接相關。如果您的預算有限,那麼您應該考慮一些非商業且不太複雜的東西。

問題 2 − 我們需要花多少時間來計劃維護?

答案 − 如果您要釋出許多優惠,擁有一個需要稽核的部落格等,那麼您肯定需要一個動態網站。您必須有額外的員工來處理所有這些問題,因此這個問題與問題 1 相關。否則,您應該擁有一個靜態網站,我們將在後面的章節中進行解釋。

問題 3 − 網站是否將用作電子商務網站,用於線上銷售產品?

答案 − 如果是這樣,您應該尋找一個稱為電子商務的平臺。有很多這樣的開源和商業平臺,例如 Magento、Opencard、Shopify 等。

問題 4 − 檢視是否需要適應不同的螢幕,例如手機?

答案 − 如果這是主要標準之一,並且網站的資訊方面沒有太多其他更改;那麼您應該使用一個具有 Bootstrap 等功能的靜態網站。

問題 5 − 我的網站是否會與社交媒體或其他第三方平臺互動?

答案 − 您需要記錄網站上發生的所有事件,並將它們儲存在資料庫中。為了儲存所有這些資料和記錄,您需要一個動態網站。

問題 6 − 哪種網頁程式語言或平臺更容易找到?

答案 − 根據國家/地區的不同,某些程式語言或平臺比其他平臺更受歡迎。因此,您應該首先找到一個符合您所在地區趨勢的平臺。

CMS 平臺

內容管理系統 (CMS) 平臺是允許建立和執行網站的應用程式。您將獲得一個管理面板,這是一個介面,您可以在其中建立和更新頁面、帖子和其他型別的內容(影像、影片等),並根據需要安排內容。

您還可以透過安裝主題(設計模板)並更改它們來更改網站的設計。所有操作只需點選各種按鈕即可完成。在大多數情況下,您無需編寫程式碼或指令碼,因此您可以輕鬆管理您的內容。

最突出的 CMS 平臺是WordPress、JoomlaDrupal。它們是免費且開源的 CMS 引擎。這意味著它們的原始碼對公眾開放。您可以在您的網站上使用、編輯和自定義引擎的核心檔案,如果您發現了一種改進平臺的好方法,您可以將其提交給開發人員,並在他們的下一個更新中幫助他們使引擎變得更好。

WordPress 是一個開源 CMS。超過 50% 的網頁都由該平臺構建。隨著每個新版本的更新發布,它變得越來越全面、直觀和流行。WordPress 擁有一個忠實的社群,該社群擁有大量的免費擴充套件和最易於使用的介面

使用 WordPress 管理您的內容非常簡單:您建立一個頁面,將其新增到選單中,在頁面上釋出內容,然後在網站的前端檢視您的內容。所有這些都加起來構成了一個卓越的 CMS 平臺。其官方網頁是 https://wordpress.com/。

以下螢幕截圖顯示了儀表板背景。

Dashboard

Joomla 在自定義可能性和使用者友好性之間取得了平衡,但它比 WordPress 複雜得多。如果您以前從未使用過此引擎,則需要一些時間才能習慣於對其進行修改。為模組分配外掛、在不同頁面上定位模組、配置佈局和其他必要的操作對於初學者開發人員來說可能有點困難。

另一方面,Joomla 擴充套件開發人員和社群已經為難以在 WordPress 中解決的常見網頁設計問題提出了許多有創意的解決方案。如果我們以任何 Joomla 滑塊擴充套件為例,您可以設定其在頁面上的位置、顯示每個幻燈片的時間、滑動效果和分頁型別。

其官方網頁是 https://www.joomla.org/

Adminstration

Drupal 適用於能夠負擔全職管理員的大型網站和組織。您可以使用 Drupal 做幾乎任何事情。我經常對該引擎開箱即用包含了多少選項感到著迷。在 WordPress 或 Joomla 中需要自定義編碼的許多事情,在 Drupal 中預設情況下都有現成的解決方案。它可以透過第三方擴充套件進行進一步增強。但是,我將坦誠地告訴您——學習操作它才是真正的挑戰。掌握它需要大量的努力和耐心。

其官方網站是 https://www.drupal.org/。其儀表板背景檢視如下面的螢幕截圖所示。

Permission

靜態和動態網頁

靜態或平面網頁是指一個網頁,其中所有資訊和材料都按其儲存方式呈現給使用者。靜態網頁向所有使用者顯示相同的資訊和資料。在網際網路技術中,超文字標記語言 (HTML) 是人們開始建立靜態網頁的第一種語言或渠道。HTML 提供了文字樣式、段落建立和換行符。但 HTML 最重要的功能是連結建立選項。靜態網頁因其很少需要修改或更新的材料和內容而有用。

靜態網站的優點

  • 開發速度快
  • 開發成本低
  • 無需大型託管計劃

靜態網站的缺點

  • 需要網頁開發專業知識來更新網站
  • 網站對使用者沒有那麼有用
  • 內容可能變得停滯不前
Web Server

包含一個頁面的靜態網站的檔案結構如下所示。

Static Website

動態網頁

動態網頁是目前最新的趨勢,因為它們可以從同一個原始碼檔案中為不同的訪問者生成不同的內容。網站可以根據以下引數顯示不同的內容:-

  • 訪問者正在使用什麼作業系統或瀏覽器。
  • 使用者是在使用電腦還是移動裝置。
  • 推薦訪問者的源位置。
  • 訪問者之前是否從網上商店購買過商品等。

動態網頁可以有多種用途。例如,由內容管理系統執行的網站允許單個原始碼檔案載入許多不同頁面的內容。我們應該提到所有這些動態網頁都使用資料庫。內容建立者使用閘道器頁面將新頁面的材料提交到 CMS 的資料庫中。動態頁面載入資料庫中任何頁面的材料,該材料基於 URL 中的引數。當訪問者請求網頁時,就會執行此操作。動態頁面允許使用者登入網站以檢視個性化內容。

我們之前提到的所有內容管理系統(WordPress、Joomla 和 Drupal)都是動態網站。

下圖顯示了動態網頁的示意圖。

Schematic View

釋出和開發工具

既然您現在瞭解了作為初學者開發人員開發網站的基本需求,那麼您將需要一些應主要使用的工具。

首先,您應該有一個基本的網路套餐,該套餐具有良好的上傳速度,至少為 1Mbps。其次,您應該有一臺安裝任何作業系統的電腦(可以是 Linux、iOS X 或 Windows)。然後硬體規格應為最低 - 1-2 GB RAM,處理器至少應為雙核,硬碟應在 80 GB 左右。

下一步是 - 您應該有一個文字編輯器,它可以幫助您編寫和編輯程式碼。為此目的,一些最好的文字編輯器如下所述。

Sublime Text

Sublime Text 可以從 https://www.sublimetext.com/ 下載。它很好,因為文字根據引數的功能更改其顏色。

Sublime

Notepad++

另一個流行的文字編輯器是 Notepad++,可以從以下地址下載 - https://notepad-plus-plus.org/

Notepad

Editpad

最流行的文字編輯器列表中的下一個是 EditPad,這是另一個免費工具。它可以從以下地址下載 - https://www.editpadlite.com/

EditPad

注意 - 您應該始終使用您覺得更舒適的文字編輯器。

XAMPP 和 LAMPP

當您專門開發動態網頁時,還需要在您的電腦上安裝另一個工具 - 適用於 Windows 作業系統的 XAMPP 和適用於 Linux 作業系統的 LAMPP。它具有各種產品,例如

  • Web Apache
  • 帶 phpMyAdmin 的 MariaDB 用於資料庫管理
  • PHP 和
  • Perl Extra。

如果需要,您還可以使用 Mercury 建立 FTP 伺服器和郵件伺服器。

XAMPP Windows

另一個類似於 XAMPP 的工具是WAMPSERVER,可以從以下連結下載 - http://www.wampserver.com/en/

WAMP Server

想要編寫 ASP 程式碼的開發人員應該擁有 Microsoft 提供的 Visual Studio。它可以從以下地址下載 - https://www.microsoft.com/web/

ASP Code

如果您是初學者並且計劃開發平面(靜態)網站,則應該擁有稱為 WYSIWYG 的 Visual HTML 文字編輯器。最常用的編輯器之一是Macromedia Dreamweaver。它可以從以下連結輕鬆下載 - https://www.adobe.com/products/dreamweaver.html。

Macromedia

您需要擁有的另一個工具是 FTP 客戶端,用於將檔案傳輸到託管容器。通常,這些 FTP 客戶端是免費的,可以從網際網路上輕鬆下載。

FileZilla

商業和免費主題

主題是網站的個性化設計,通常包括其佈局。更改您的主題會更改網站在前臺上的外觀。通常 CMS 平臺都提供免費和商業版本。這些主題按其功能分類,例如

  • 商業
  • IT 行業
  • 託管等。

免費主題可在主題提供商處找到,它們是免費的,但有時功能比商業主題更有限。以免費 WordPress 主題為例。這些主題可在以下連結中找到 - https://wordpress.org/themes/,您可以根據您的業務概況或需求找到並安裝它們。

相反,對於商業主題,您必須付費。WordPress 商業主題可在以下連結中找到 - https://wordpress.org/themes/commercial/

Commercial Theme

選擇網路託管公司和套餐

在選擇網頁託管公司時,主要關鍵指標之一是檢視其客戶的滿意度評價和價格,這也很重要。由於技術和託管行業的變化過於頻繁和快速,即使對於專家而言,我們也應該注意以下標準。

  • 伺服器可靠性/正常執行時間分數 - 這裡最重要的點是他們是否擁有 24x7 運營的網頁主機。您需要一個網頁主機在功能強大的伺服器上執行並具有穩定的網路連線。建議的正常執行時間分數接近 99.5% 及以上;低於 99% 的分數是不可接受的。

  • 支援多個附加域的公司。

  • 託管註冊續費成本的價格。託管交易和共享託管尤其是在註冊價格上通常賣得很便宜,但在續費時會收取更高的費用。

  • 他們提供什麼退款政策?– 如果你選擇在試用期內取消你的主機,會有什麼影響?公司是否提供全額退款?試用期結束後,主機公司的退款政策是什麼?是否有任何取消費用?

  • 易於使用的主機控制面板。一個使用者友好且功能強大的主機控制面板非常重要。

  • 賬戶暫停 – 限制是什麼?這裡有一個大多數主機評論網站不會告訴你的金錢提示 – 如果你使用了過多的 CPU 功率(是的,無限主機也是有限制的)或違反了規則,主機公司會切斷連線並暫停你的賬戶。

  • 他們是否提供備份?這些備份是免費的嗎?

  • 他們是否有7*24 小時線上聊天支援

選擇一個網站託管計劃

在選擇合適的託管計劃之前,你應該知道你需要什麼,是基於Windows 作業系統的主機還是基於Linux 作業系統的主機。這個選擇取決於你的網站使用的編碼語言。如果是 ASP,它肯定應該是一個基於 Windows 的主機,並且應該安裝了 IIS 伺服器。如果它有任何其他程式語言,例如 PHP、Perl、Ruby,那麼你應該選擇基於 Linux 的主機。

確定了主機型別(Windows 或 Linux)後,你應該定義合適的託管計劃。

你應該考慮以下因素:

  • 磁碟空間
  • 頻寬
  • 託管域名數量
  • 子域名數量
  • 停放域名
  • PHP、MySQL 和 Perl 的版本。

一般來說,主要的計劃如下:

共享主機

這是每個主機提供商都提供的最基本計劃。共享主機從根本上來說是在一臺伺服器上放置了許多主機帳戶。其中一些共享同一個 IP 地址(儘管通常可以額外付費獲得專用 IP 地址)。此計劃將始終提供一組特定的功能,並且始終具有資源限制。如果你不確定,那麼最好從一個有限的計劃開始,然後在網站發展壯大並獲得更多流量後進行升級。

VPS 主機

VPS 是虛擬專用伺服器。這指的是將物理伺服器劃分為多個伺服器,每個伺服器都像一個專用伺服器一樣執行,每個伺服器都有自己的作業系統,並且可以單獨重啟。這些作業系統接收物理伺服器資源的特定份額,並且彼此隔離。VPS 主機有兩種型別:

  • 託管型 – 託管型意味著主機公司透過在其上提供 CPanel 來完成修補工作。

  • 非託管型 – 非託管型是一種主機,你需要完全負責你的 VPS 的一切,並且沒有 CPanel。

專用主機

這是功能最強大的主機型別,滿足大型企業的需求。專用伺服器所有者可以出售託管服務以獲取利潤。他們可以選擇伺服器規格和環境。如果你有大量的流量、一個非常受歡迎的網站或一個龐大的客戶資料庫,那麼請考慮使用專用主機。專用伺服器還提供了更多傳送電子郵件和流媒體的自由。

提示 – 主機最重要的方面是檢查不同主機公司的價格及其託管計劃的價格,並使用比較網站進行更好的瞭解。一個用於檢查主機公司價格的比較網站示例是 – http://www.hostmonk.com/.

Hosting Plans

網站開發 - Cpanel

控制面板是你的網站託管帳戶的管理 Web 介面。它是一個你用來管理帳戶所有方面的介面。你通常可以在控制面板內控制網站的所有部分,而無需使用任何其他軟體(如 FTP 軟體)來上傳檔案,儘管許多人發現這樣做更快更容易。

一些網站主機使用定製的專有控制面板,但大多數使用流行的平臺。然而,行業領導者是 cPanel。它是主機提供商中使用最廣泛的控制面板。cPanel 的官方網頁是 – http://cpanel.com

現在讓我們詳細討論 cPanel 並瞭解其最重要的方面。

首先,要進入 CPanel,你應該輸入主機公司提供的 URL。通常應該是 – yourdomain.com/cpanel。然後你應該輸入主機公司提供的使用者名稱和密碼。

Cpanel

主儀表板將如下圖所示,在左側,你會看到常規資訊,其中顯示使用者名稱、域名、主目錄和登入的 IP 地址。螢幕左側底部是統計資訊,例如使用的資料庫、電子郵件和附加域名。

Main Dashboard

檔案部分,最重要的資料夾是檔案管理器,你可以在其中上傳或下載網頁檔案。接下來是FTP 帳戶,你可以在其中建立可以使用FileZilla等程式上傳或下載檔案的使用者。

Files

備份檔案部分允許你完全或部分下載網頁。

Back Up

資料庫中,phpMyAdmin是最重要的部分,它允許你管理網頁的資料庫。它可以編輯、新增、截斷資料庫和表。MySQL 資料庫允許你建立和刪除資料庫或使用者。可以使用MySQL 資料庫嚮導逐步完成相同操作。

PHP Admin

域名部分,附加域名資料夾是系統作為你主站點子域儲存的額外域。你可以使用這些附加域名來託管帳戶中的其他域。站點發布器用於從一組可用的模板中快速建立網站。子域名資料夾是你網站的一個子部分,可以作為新網站存在,而無需新的域名。

Domains

電子郵件部分,最重要的資料夾是電子郵件帳戶,你可以在其中管理與你的域名關聯的電子郵件帳戶。

Email Account

指標部分更多的是關於你網站的統計資訊。你可以看到每個部分都會為你網站提供不同的報告。

Metrics

安全部分,最重要的資料夾是IP 阻止程式,你可以在其中阻止任何你不想訪問你網站的主機或網路。還有ModSecurity,用於保護 Apache。

Security

網站開發 - 設定

在瞭解了網站開發的大多數重要因素後,現在是時候設定網頁了。要設定網頁,我們應該遵守以下所有步驟。

步驟 1 – 首先,我們在 GODADDY 購買了一個域名。

步驟 2 – 我們根據所需託管計劃的分析選擇了主機提供商。

步驟 3 – 我們配置了註冊商(在本例中再次為 GODADDY)的 DNS 記錄和 DNS 伺服器。

步驟 4 – 現在我們完成了上述所有步驟,是時候透過 CPanel → 檔案管理器上傳網頁檔案了。

File Manager

步驟 5 – 開啟後,將檔案上傳到名為public_html的資料夾中,如下圖所示。

Public Html

步驟 6 – 如果你有動態網站,那麼也必須配置資料庫。為此,請轉到 MySQL 資料庫。

MySQL Database

步驟 7 – 點選建立新資料庫,然後寫入你的網站將具有的資料庫名稱,然後點選建立資料庫,如下圖所示。

New Database

步驟 8 – 在新增新使用者部分,輸入使用者名稱和密碼,然後點選建立使用者

New User

步驟 9 – 我們必須新增為該資料庫建立的使用者,以授予管理許可權。

Add User to Database

公鑰證書

數字證書是用於在伺服器和客戶端之間建立加密連結的安全標準。這通常是在郵件伺服器或 Web 伺服器之間,透過加密來保護傳輸中的資料。數字證書也是一種數字 ID 或護照,由第三方機構頒發,用於驗證伺服器所有者的身份。

例如,以下螢幕截圖顯示了 eBay 公共證書。

Ebay Public Certificate

數字證書的組成部分

所有這些元件都可以在證書詳細資訊中找到:

  • 序列號 – 用於唯一標識證書。

  • 主體 – 被識別的個人或實體。

  • 簽名演算法 – 用於建立簽名的演算法。

  • 簽名 – 實際的簽名,用於驗證其是否來自發行者。

  • 發行者 – 驗證資訊並頒發證書的實體。

  • 有效期自 – 證書首次生效的日期。

  • 有效期至 – 過期日期。

  • 金鑰用途 – 公鑰的用途(例如加密、簽名、證書籤名...)。

  • 公鑰 – 公鑰。

  • 指紋演算法 – 用於雜湊公鑰證書的演算法。

  • 指紋 – 雜湊本身,用作公鑰證書的簡寫形式。

Certificate

驗證型別

驗證型別有三種,如下所示:

  • 域名驗證 SSL 證書。
  • 組織驗證 SSL 證書。
  • 擴充套件驗證 SSL 證書。

現在讓我們詳細討論每個型別。

域名驗證 SSL 證書

它驗證由系統管理員註冊的域名,並且他具有管理員許可權(授權或許可)以批准證書請求。此驗證通常透過電子郵件請求或 DNS 記錄完成。

Domain Validation

組織驗證 SSL 證書

它驗證域名所有權和業務資訊,例如正式名稱、城市、國家/地區。驗證也透過電子郵件或 DNS 記錄輸入完成。證書頒發機構還需要一些真實檔案來驗證您的身份。組織驗證 SSL 證書在證書詳細資訊中顯示公司資訊,如下面的螢幕截圖所示。

Organization Validation

擴充套件驗證 SSL 證書

它驗證域名所有權、組織資訊和組織的合法存在。它還驗證組織是否知曉 SSL 證書請求並批准它。驗證需要檔案來證明公司身份,以及一系列額外的步驟和檢查。擴充套件驗證 SSL 證書通常在瀏覽器中以綠色位址列的形式顯示,其中包含公司名稱,如下面的螢幕截圖所示。

Extended Validation

購買公鑰證書

要購買 SSL 證書,您應該訪問 SSL 證書提供商(證書頒發機構)。每個 SSL 證書提供商都有不同的產品、價格和客戶滿意度水平,這與購買虛擬主機幾乎相同的邏輯。要檢視最佳優惠和產品,您可以點選以下連結嘗試 SSLShopper。

https://www.sslshopper.com/certificate-authority-reviews.html。

它包含之前購買過 SSL 證書的其他客戶的評論和體驗。

SSL Certificate

然後,購買流程將按以下圖示進行。

Purchasing Process

電子商務平臺

在本章中,我們將討論電子商務。哪些是最流行和安全的電子商務平臺?如何保護它們?

電子商務是指透過網際網路買賣商品和服務,並透過此媒介進行支付。此交易發生在客戶與企業之間(B2C)、企業與企業之間(B2B)以及客戶與客戶之間。在所有這些過程中,都會涉及資金交易,因此在使用或建立電子商務網站時,我們應謹慎行事。

下面列出了一些同樣安全的頂級電子商務平臺,並對其進行了詳細說明。

Magento

網站連結為 – https://magento.com。 該平臺是最好的平臺之一,由 eBay 開發。Magento 可以輕鬆地與PayPal 閘道器整合。它有兩個版本——免費版和付費版。漏洞修復速度很快。它擁有各種各樣的外掛和自定義選項。它具有SaaS 解決方案,這意味著彈性可擴充套件性、高彈性和可用性、PCI 合規性、全球可用性和自動修補,同時仍然保持軟體自定義的靈活性,以滿足我們商家的需求。

Magento

Shopify

網站連結為 – https://www.shopify.com,因此,如果您嘗試將結賬頁面設計成您想要的樣子,Shopify 可能不適合您。事實上,沒有一個託管解決方案會提供可自定義的結賬流程,因此您可以立即跳到自託管部分。Shopify 擁有許多您可以下載並安裝到商店的應用程式,這些應用程式可以擴充套件預設功能或引入新功能。

Shopify

Woocommerce

網站連結為 – https://wordpress.org/plugins/woocommerce/。 WooCommerce 是一款免費的電子商務外掛,可以幫助您非常實用地銷售任何東西。WooCommerce 與 WordPress 無縫整合,是全球最受歡迎的電子商務解決方案。它使商店所有者和開發人員都可以完全控制使用 WordPress 模板。

憑藉無限的靈活性以及訪問數百個免費和高階 WordPress 擴充套件的許可權,WooCommerce 現在為所有線上商店提供 30% 的動力,超過任何其他平臺。

Products

Bigcommerce

網站連結為 - https://www.bigcommerce.com。 它擁有超過 115 個電子商務模板、無限的產品上傳、移動檢視,並且與亞馬遜和 eBay 完全整合。它還可以與大多數支付閘道器整合。從安全形度來看,它符合 PCI 標準。

Big Commerce

電子商務支付閘道器

支付閘道器是一種線上支付處理技術,可幫助企業接受信用卡和電子支票。換句話說,支付閘道器是位於電子商務平臺和客戶之間的“中間人”。

Payment

支付閘道器允許您 −

  • 快速輕鬆地進行支付和收款。

  • 確保客戶資料(資訊)和資金的安全。

  • 贏得客戶的信任,讓他們願意交付資金。

要選擇合適的支付閘道器,您應該遵循以下指南 −

  • 您應該確定在您所在的國家/地區支援哪些支付閘道器,並非所有閘道器都支援全球運營。

  • 您應該檢查哪些支付閘道器更適合您的電子商務平臺。例如,PayPal 閘道器完全受 Magento 支援,因為同一個團隊建立了它們。

  • 支付閘道器應符合3.0 PCI 資料安全標準。

  • 您需要支付閘道器和商戶賬戶還是一體化支付服務提供商?

  • 您必須檢視每次交易將扣除的費用和手續費。

  • 他們支援哪些支付方式?例如,VISA 是一種支付方式,萬事達卡是另一種。

  • 他們是否支援您的業務型別?例如,有些閘道器不處理銷售成人用品、博彩、賭博、槍支銷售、麻醉品等的業務。

最受歡迎的支付閘道器提供商

以下是廣泛使用且受歡迎的支付閘道器提供商列表,以及其簡要歷史。

  • PAYPAL − 您可以在其網址上找到其業務模式的所有條款和條件 – https://www.paypal.com/。 PayPal 是最悠久且可能最知名的線上轉賬服務之一。

  • Amazon Payments − 這個廣受歡迎的支付閘道器提供商的網址為 – https://payments.amazon.com/。 它創建於 2007 年,Amazon Payments 為您的客戶提供了與他們在 Amazon.com 上相同的結賬體驗。

  • Stripe − 該支付閘道器的網址為 – https://stripe.com/。 沒有月費,也沒有針對不同卡、不同支付方式或不同幣種的額外費用。Stripe 還提供出色的 API(應用程式程式設計介面)。

  • Authorize Net − 這個受歡迎的支付閘道器提供商的網址為 https://www.authorize.net/。 它是功能最強大且最知名的支付閘道器之一。它得到了電子商務 WordPress 外掛的良好支援。

  • 2Checkout − 該支付閘道器提供商的網址為 – https://www.2checkout.com/。 2checkout 是最簡單、最實惠的信用卡閘道器之一。

在下一章中,我們將瞭解如何建立小型企業網站。

小型企業網站

建立小型企業網站並非一項複雜的任務。主要的顧慮在於確定網站內容,這也是企業主望而卻步的主要原因之一。小型企業網站最好簡潔明瞭,文字最少,每個頁面上只有一個選項——例如,提交表單或聯絡我們按鈕。

企業網站也傾向於遵循標準格式,使用一些必要的頁面。在瀏覽列表時,不必擔心每個頁面的格式,只需考慮您將包含的文字、影像和內容即可。小型企業網站最重要的頁面有 −

  • 首頁
  • 關於我們
  • 相簿
  • 服務
  • 聯絡我們

您可以在以下小型企業網站螢幕截圖中看到所有這些重要頁面。

Rafters

現在讓我們詳細瞭解每個必要的頁面。

  • 首頁 − 在首頁上,您應該包含您的企業名稱、所在位置以及簡化的幾行介紹,說明客戶為什麼要選擇您的企業。

  • 關於我們 − 提供您的公司背景並列出組織成員資格。此外,請包含客戶評價,除非您希望將其連結到其他頁面(如 Facebook 等社交媒體)。

  • 相簿 − 在相簿頁面上,您應該放置工作流程、產品、員工等的專業照片。客戶可以透過此瞭解您的工作方式。

  • 服務 − 一個詳細介紹您銷售的產品或提供的服務的頁面。在您詳細說明產品或服務的頁面上,用一到五句話描述您提供的每個類別,並提供價格。

  • 聯絡我們 − 在此頁面上,您應該填寫您的地址、電子郵件、電話號碼以及營業時間。指向 Twitter 和 Facebook 等任何社交媒體帳戶的連結都應顯示在此頁面上。嵌入您所在位置的 Google 地圖。

備份您的網站

建立網站備份非常重要,因為它可以防止各種挫折,例如安全漏洞、意外刪除站點檔案和資料庫損壞。

建議每次在進行更改之前和之後都備份您的網站。如果出現問題,您有一個已知有效的副本。這可能看起來很麻煩,但當您第一次使用備份時,您會為自己有如此遠見而感到欣慰。

有兩種方法可以備份您的網站 −

  • 手動
  • 自動(透過 cPanel)。

讓我們詳細討論這兩種備份網站的方法。

手動備份

要手動備份您的網站,您可以使用檔案傳輸協議 (FTP) 客戶端(如我們之前討論過的FileZillaWinSCP)。您將本地計算機連線到您的主機帳戶並在它們之間移動檔案。要備份您的網站,您只需將所有檔案從您的主機帳戶複製到您的本地計算機即可。

如果您有資料庫,請建立其轉儲檔案(匯出/備份),該檔案由您的帳戶使用。為此,您應該訪問phpMyAdmin 工具(在您的 cPanel 中可用)。

Manual Backup

自動備份

要自動備份網站,我們可以透過CPanel 控制檯進行,方法是點選備份嚮導,如下面的螢幕截圖所示。

Automatic Backup

點選備份嚮導後,下一個視窗將顯示如下面的螢幕截圖所示。它將說明使用 cPanel 提供的工具將備份哪些內容。

Backup Wizard

網站開發 - 網頁遷移

網頁遷移是指將網頁從一個主機遷移到另一個主機的過程。執行此過程的原因有很多,其中一些是 −

  • 您不再滿意主機公司的支援

  • 其他主機價格更便宜

  • 您當前的主機計劃不再滿足您的需求

  • 提供的技術不再具有競爭力,等等。

由於遷移是一個過程,因此需要執行以下步驟才能在網頁停機時間最短的情況下完成遷移。

  • 我們必須像前幾章中討論的那樣完全備份我們的網頁。

  • 將備份檔案上傳到新主機。

  • 在 Public 資料夾中解壓縮檔案。

  • 匯入資料庫檔案。

  • 使用新資料庫的憑據配置檔案。

  • 將您的新域名伺服器指向您當前的註冊商,並等待新記錄傳播。

Migration

測試您的網站

在本章中,我們將學習如何對網站進行一些簡單的故障排除。

場景 − 場景很簡單——嘗試開啟網站時,出現了一個錯誤——無法顯示頁面

解答 − 可以透過以下故障排除步驟解決此問題。

步驟 1 − 首先,您必須確保沒有網路連線問題。您可以透過嘗試開啟另一個網站並檢視是否得到相同的結果來檢查它。

步驟 2 − 您的電腦可以連線網際網路,但網站仍然無法開啟。

  • 您應該與您的主機提供商確認,您的主機計劃是否已過期(也許您忘記付款了)。

  • 您還應該與您的域名註冊商確認,您的域名是否仍然有效且未過期。

步驟 3 − 完成上述步驟的檢查後,您應該檢查您的 DNS 記錄是否正常。有時主機提供商會更改 DNS 伺服器並忘記更新記錄。您可以透過開啟 CMD,鍵入ping yourdomainname.com來檢查,如果得到以下響應,請進一步檢查。

Ping 請求找不到主機 yourdomainname.com。請檢查名稱並重試。

Command Prompt

如果您得到以下結果,則 DNS 記錄和伺服器是健康的。

DNS Record

步驟 4 − 檢查是否存在任何資料庫連線錯誤,如果您遇到類似以下截圖所示的錯誤。

Connection Error

Database Connection

要檢查資料庫是否在後端正常執行,您應該確認資料庫的使用者名稱、檔案許可權、密碼和埠沒有更改。

步驟 5 − 如果您遇到以下截圖所示的404 未找到錯誤,則在開啟www.yourdomainname.com時,您應該檢查您的目錄結構是否未更改,並且它是否指向Public_html 資料夾

Error

網站開發 - 安全性

保護您的網頁與開發它一樣重要,因為任何可能危及安全性的威脅都會損害您的業務聲譽,在經濟上造成損失(透過竊取您的線上存款),損害訪問您網站的客戶等。

根據安全專家的建議,他們會建議根據OWASP TOP 10進行網站安全檢查,這是一個關於 Web 應用程式安全的強大意識文件。OWASP Top 10 代表了關於最關鍵的 Web 應用程式安全漏洞的廣泛共識。

SQL 注入

注入漏洞,例如 SQL、OS 和 LDAP 注入,當不受信任的資料作為命令或查詢的一部分發送到直譯器時發生。攻擊者的惡意資料可能會欺騙直譯器執行意外命令或在未經授權的情況下訪問資料。

解決方案 − 要保護您的網頁免受 iSQL 的攻擊,您必須驗證輸入並過濾符號。

Injection

身份驗證和會話管理漏洞

與身份驗證和會話管理相關的應用程式功能通常未正確實現,這允許攻擊者破壞密碼、金鑰、會話令牌,甚至利用其他實現漏洞來假冒其他使用者的身份。

解決方案 − 要保護您的網站免受此漏洞的攻擊,您必須為 Cookie 和會話設定過期時間。

跨站指令碼 (XSS)

只要應用程式獲取不受信任的資料並將其傳送到 Web 瀏覽器而沒有進行適當的驗證或轉義,就會發生 XSS 漏洞。XSS 允許攻擊者在受害者的瀏覽器中執行指令碼,然後可以劫持使用者會話、篡改網站或將使用者重定向到惡意網站。

解決方案 − 對此的保護與 iSQL 的保護類似。

Scripting

不安全的直接物件引用

當開發人員公開對內部實現物件的引用(例如檔案、目錄或資料庫金鑰)時,就會發生直接物件引用。如果沒有訪問控制檢查或其他保護,攻擊者可以操縱這些引用以訪問未經授權的資料。

解決方案 − 您應該實現特定的保護機制(例如密碼)來保護此類檔案。

安全配置錯誤

良好的安全需要為應用程式、框架、應用程式伺服器、Web 伺服器、資料庫伺服器和平臺定義和部署安全配置。應定義、實施和維護安全設定,因為預設設定通常是不安全的。

解決方案 − 軟體應保持最新。

敏感資料洩露

許多 Web 應用程式無法正確保護敏感資料,例如信用卡、稅務 ID 和身份驗證憑據。攻擊者可能會竊取或修改此類保護較弱的資料以進行信用卡欺詐、身份盜竊或其他犯罪。

解決方案 − 敏感資料應獲得額外的保護,例如靜態或傳輸中的加密,以及在與瀏覽器交換時採取特殊預防措施。

缺少功能級訪問控制

大多數 Web 應用程式在使 UI 中的功能可見之前會驗證功能級訪問許可權。但是,應用程式需要在訪問每個功能時在伺服器上執行相同的訪問控制檢查。如果未驗證請求,攻擊者將能夠偽造請求以在未經授權的情況下訪問功能。

解決方案 − 您應該檢查身份驗證級別。

跨站請求偽造 (CSRF)

CSRF 攻擊會強制登入的受害者的瀏覽器傳送偽造的 HTTP 請求,包括受害者的會話 Cookie 和任何其他自動包含的身份驗證資訊,到易受攻擊的 Web 應用程式。這允許攻擊者強制受害者的瀏覽器生成請求,易受攻擊的應用程式認為這些請求是來自受害者的合法請求。

解決方案 − 最常用的預防措施是為來自網站的每個請求附加一些不可預測的基於挑戰的令牌,並將它們與使用者的會話相關聯。

使用具有已知漏洞的元件

元件(例如庫、框架和其他軟體模組)幾乎總是以完全許可權執行。如果利用了易受攻擊的元件,則此類攻擊可能會導致嚴重的資料丟失或伺服器接管。使用具有已知漏洞的元件的應用程式可能會破壞應用程式防禦並啟用一系列可能的攻擊和影響。

解決方案 − 檢查該元件版本是否存在漏洞,並嘗試避免或更改為另一個版本。

無效的重定向和轉發

Web 應用程式經常將使用者重定向和轉發到其他頁面和網站。這些應用程式使用不受信任的資料來確定目標頁面。如果沒有適當的驗證,攻擊者可以將受害者重定向到網路釣魚或惡意軟體網站,或使用轉發訪問未經授權的頁面。

解決方案 − 始終驗證 URL。

安全使用的協議

如果您擁有 VPS 計劃並自行管理所有內容,則會出現這種情況。安裝服務時,它們使用預設埠。這使得駭客的工作更容易,因為他們知道在哪裡檢視。

下面列出了一些網站託管中使用的主要服務埠 −

  • SSH – 埠 22
  • FTP – 埠 21
  • MySQL – 埠 3306
  • DNS – 埠 53
  • SMTP – 埠 25

這些服務的埠更改因作業系統及其不同版本而異。除此之外,您還需要安裝防火牆。如果是 Linux 作業系統,我們建議使用IPtables並阻止所有其他不需要的埠。如果您的作業系統是 Windows,您可以使用其內建的防火牆。

要阻止服務中的暴力破解登入,您可以使用Fail2ban,這是一種基於 Linux 的軟體,可以阻止所有進行多次失敗登入嘗試的 IP 地址。

加速您的網站

加快網頁或網站的速度與找到合適的主機提供商或域名一樣重要。為什麼?

只需閱讀以下統計資料,您就會改變主意。

頁面載入時間一秒鐘會導致 −

  • 頁面瀏覽量減少 11%。
  • 客戶滿意度下降 16%。
  • 轉化率損失 7%。

亞馬遜發現這是真的,根據其小組報告,他們網站速度每提高 100 毫秒,收入就會增加 1%。

根據Akamai進行的一項研究的結果 −

  • 47% 的人希望網頁在兩秒鐘或更短的時間內載入。

  • 40% 的人在網頁載入時間超過三秒時會放棄。

  • 52% 的線上購物者表示,快速頁面載入速度對他們對網站的忠誠度很重要。

如何測試我的網站速度?

該領域的一些知名專家建議使用一個名為Webpagetest的線上工具(https://www.webpagetest.org/)。這是一個開源專案,主要由 Google 開發和支援。它使用真實的瀏覽器(IE 和 Chrome)以及真實的消費者連線速度,從全球多個位置進行網站速度測試。您可以執行簡單的測試或執行高階測試,包括多步驟交易、影片捕獲、內容阻止等等。您的結果將提供豐富的診斷資訊,包括資源載入瀑布圖、頁面速度最佳化檢查以及改進建議。

在我們的示例中,我們將測試tutorialspoint.com對德國使用者的效能,使用 Chrome 瀏覽器。

要執行測試,請開啟 URL https://www.webpagetest.org/

鍵入域名,如以下螢幕截圖所示 −

  • 測試位置 – 這是使用者位置所在的國家/地區。
  • 瀏覽器 – 用於模擬使用者的瀏覽器。
  • 點選“開始測試”。
Test Performance

我們將在主頁中獲得以下結果。它將顯示開啟網頁及其各個元素所需的所有時間。

Main Page

如果我們轉到效能審查部分,它將指示哪些元素應該進行最佳化。

Performance Review

如何加快我的網站速度?

加快網站速度的基本技巧如下 −

  • 最小化 HTTP 請求 − 簡單來說;簡化您的網頁設計。

  • 最小化伺服器響應時間 − 根據使用者的地理位置,伺服器響應時間會發生變化,這是因為它們之間的距離。建議如果您的大部分訪問者都位於一個特定區域,您的主機提供商也應該位於該區域,這樣可以縮短資料的傳輸距離。

  • 啟用壓縮 − 壓縮減少了頁面的頻寬,從而減少了 HTTP 響應。您可以使用名為Gzip的工具來實現此目的。

  • 啟用瀏覽器快取 - 當您訪問網站時,頁面元素會被儲存在快取儲存中,因此下次您訪問該網站時,瀏覽器可以載入頁面,而無需向伺服器傳送另一個 HTTP 請求。

  • 最佳化網站圖片

  • CSS 傳遞如果可能,應為外部傳遞。外部樣式表更可取,因為它可以減小程式碼大小並減少程式碼重複。

  • 減少重定向,因為它們會建立 HTTP 請求。

  • 如果您的網站是內容管理系統平臺,則應儘可能減少外掛的使用。

  • 移除 JavaScript、CSS 和影像 URL 中的失效連結

在下一章中,我們將學習如何宣傳網頁。

宣傳您的網頁

一旦您建立了網站並使其正常執行,那麼接下來就是非常重要的營銷步驟。這樣做是為了增加網站訪問量並傳播資訊,這有助於網站在網際網路上存在。下圖是宣傳網站時需要執行的所有步驟的示意圖。

Spread Word

社交媒體廣告

社交媒體廣告是指在社交媒體網路上釋出的任何型別的付費內容。這些選項從一次性的推廣推文或 Facebook 帖子到具有大量預算的全面廣告活動不等。每個社交網路都提供不同的選項,但我們將討論如何在 Facebook 上進行操作,因為它是最大的社交媒體平臺,並且其廣告的投資回報率約為 95%。

Facebook 擁有約 14 億使用者,每天超過 9 億次訪問,這使其適合大中小型企業。Facebook 的真正優勢在於可用於定位使用者的細粒度資料量。這是因為您可以根據年齡、位置、性別等各種標準定位您的受眾。

例如,在本教程中,我們多次提到了主機這個詞。現在,如果我們登入 Facebook,您可以在網頁左側看到關於主機的廣告,如下面的螢幕截圖所示。

Social Media

要建立 Facebook 廣告,請點選賬戶名稱。然後點選建立廣告,如下面的螢幕截圖所示。

Create Ads

將開啟一個新視窗,您需要在其中選擇目標。在本例中,我將選擇品牌知名度

Brand Awareness

填寫廣告系列名稱,在本例中為 – tutorialspoint → 然後點選建立廣告賬戶,如下面的螢幕截圖所示。

Ad Account

選擇您的賬戶國家/地區和您想支付給 Facebook 的貨幣,如下面的螢幕截圖所示 → 然後點選繼續

Continue Account

要選擇您的受眾,您應該指定廣告將顯示的年齡範圍和位置。

Select Audience

向下滾動,您將有選項來選擇此廣告將如何顯示。為此廣告鍵入文字並上傳照片,完成後 → 點選下單

Format

Headline

Place Order

網站開發 - Adwords

這是 Google 的一個廣告計劃,您可以在其中註冊並根據網站連結的點選次數或頁面展示次數付費。Google 和合作夥伴網站的網頁旨在允許 Google 選擇和展示廣告。

Advertising

如何建立 AdWords 廣告系列?

要建立 AdWords 廣告系列,您應該按照以下步驟操作。

步驟 1 - 要建立 AdWords 廣告系列,您必須首先透過點選以下連結建立帳戶 – https://adwords.google.com/um/signin

步驟 2 - 登入後,點選廣告系列,選擇載入型別和位置,如下面的螢幕截圖所示。AdWords 類似於 Facebook 廣告。

Campaigns

步驟 3 - 點選您想要的目標的單選按鈕,如下面的圖片所示。此外,您還需要出價預算。每次點選您想花費多少錢?

Radio Button

Advanced Setting

步驟 4 - 輸入組名稱,然後填寫要建立的 AdWords 的標題描述欄位

Description Field

在填寫詳細資訊時,您可以在左側預覽窗格中檢視建立後的 AdWords 的外觀。

Preview Pane

步驟 5 - 選擇當人們搜尋時搜尋引擎將顯示的關鍵詞。

Keywords

網站開發 - SEO

搜尋引擎最佳化是指您可以使您的網站在搜尋引擎排名中獲得提升的過程。大部分網站流量是由主要的商業搜尋引擎(Google、Bing 和 Yahoo!)驅動的。儘管社交媒體和其他型別的流量可以為您的網站帶來訪問量,但對於大多數網際網路使用者來說,搜尋引擎是主要的導航方式。無論您的網站提供內容、服務、產品、資訊還是其他任何東西,這都是事實。

要最佳化您的網頁排名,您應該瞭解搜尋引擎關注的內容 -

  • 內容 - 由給定的主題、頁面上的文字、給定的標題和描述決定。

  • 效能 - 您的網頁應該快速載入(沒有延遲)。我們在上一章“加快網站速度”中討論過。

  • 權威性 - 您的網站應該有良好的內容供連結,或者其他權威網站可以將您的網站用作參考或引用可用的資訊。

  • 使用者體驗 - 您的網頁應該安全易於瀏覽,沒有上傳有害軟體。

  • 關鍵詞堆砌 - 不要在頁面上過度使用關鍵詞。

  • 購買連結 - 不要使用太多購買連結。

從網站賺錢

建立網站的主要目的之一是從中賺錢。為了實現這一點,有幾種方法,我們將在下面討論 -

Google AdSense

AdSense 是 AdWords 的反面,允許釋出商(包括博主和其他網站所有者)利用 Google 龐大的廣告網路,以便其他廣告客戶可以在他們的網站上投放廣告。要註冊此計劃,您必須點選以下 URL – https://www.google.com/adsense/

AdSense

開展聯盟營銷

您向網站訪問者和電子郵件訂閱者推廣產品。如果產品或服務與這些人產生共鳴,他們將點選您的聯盟連結併購買產品,您從中獲得佣金。

建立合作關係

這基本上意味著找到可能對在您的網站上投放廣告感興趣的企業並達成協議。

廣告

© . All rights reserved.