你想建立一個網站,但不知道從哪裡開始?
似乎典型的web開發培訓場地也是最昂貴的:購買域、主機服務器、WordPress帳戶、主題等。但是如果你不是一個小企業主或試圖建立一個品牌呢?如果你只是想學習網絡開發呢?
請繼續閱讀,瞭解如何在您的計算機上免費創建您自己的網站,您可以從頭開始創建網站,也可以使用預先**的模板創建網站。哦,這包括託管你自己的WordPress帳戶以及!
Bitnami的XAMPP是“一個包含PHP和Perl的Apache發行版”,出於我們的目的,我們只需要瞭解XAMPP是一個免費的、簡單的程序,允許用戶在他們的pc上託管網站。
雖然使用XAMPP設置本地服務器有些技術性,但這個過程也相當簡單和直接。一旦一切都設置好了,你會發現管理和編輯網站是輕而易舉的事。
然後是快速和完全控制的問題。使用XAMPP創建和編輯網站,您可以隨意更改網站的大小。也就是說,權力越大,責任越大。您也更容易丟失站點,尤其是在不創建備份的情況下。
但是,如果您想在web開發中獲得一個真正的入門課程項目,XAMPP是為您準備的。包括任何與HTML、CSS、Javascript等相關的項目!
前往XAMPP網站並下載包。遵循默認設置過程。下載XAMPP後,XAMPP控制面板將自動打開。如果沒有,您可以像查找其他程序一樣(通過“開始”菜單搜索)找到XAMPP程序。
在XAMPP控制面板窗口中,您應該看到運行XAMPP進程的簡單佈局。出於我們的目的,我們將重點討論前兩個選項:Apache和MySQL。
Apache——XAMPP的主要核心,Apache選項在您的PC上創建一個Apache服務器。這將允許您通過web瀏覽器在PC上運行和編輯網站,就像一個網站一樣。當然,除了這個網站是在你的電腦上運行,而不是連接到互聯網的服務器。
MySQL——SQL允許數據庫和網站之間的通信,允許用戶測試和存儲電子郵件、密碼和任何其他數據輸入。我們會將此用於您的本地WordPress帳戶。
按下XAMPP控制面板中Apache和MySQL操作下的Start按鈕。等到Apache和MySQL在module部分下都高亮顯示為綠色。一旦啟用,就可以自由使用XAMPP。
要確保一切正常,請打開web瀏覽器,輸入http://localhost/進入你的地址欄,按回車鍵。你應該被重定向到http://localhost/dashboard/,這是默認的XAMPP頁。
接下來,單擊頂部導航菜單上的phpMyAdmin按鈕。您將被定向到默認的phpMyAdmin頁面。
暫時別管這些,但如果兩者都起作用,你就可以開始創建網站了!
現在是有趣的部分。轉到根驅動器目錄中的XAMPP文件夾(默認為C:\XAMPP)。然後,前往htdocs。這將是您用來查看網站的主要網站存儲庫。
在我們創建和編輯網站之前,您需要一個文本編輯器。雖然您可以使用默認的文本編輯器(如記事本),但通常最好下載專門為代碼和標記**的第三方編輯器。Sublime Text是最好的選擇之一,所以請訪問他們的網站並下載軟件開始。
現在您可以開始下載網站並將其安裝到XAMPP中。我將使用Roadtrip模板,但是你可以使用任何你喜歡的模板。下載網站的zip文件,並將其保存在您會記住的位置。接下來,在XAMPP的htdocs文件夾中為您的網站創建一個文件夾。我把我的名字命名為roadtrip——儘量讓你的名字簡單一點。然後,將zip文件的內容解壓縮到htdocs文件夾。
提取完文件後,請轉到htdocs中的網站存儲庫,以確保正確提取了這些文件。
最後,在你的網頁瀏覽器中瀏覽你的網頁。可以說,可以使用前面提到的localhost以及保存頁面文件的文件夾的名稱訪問您的網站。這是因為網站本質上是包含在文件夾中的文件,所有這些文件都在一個域名或根域名下。你已經在學習了!
我們以前創建的文件夾名為roadtrip,因此完整的站點地址是http://localhost/roadtrip。
你完了!現在你可以在本地編輯網站了。
打開崇高的文本。頭文件和選擇打開文件夾。在XAMPP文件夾中查找並選擇您的web文件夾。你現在可以在你的Sublime文本編輯器中編輯同一網站的多個頁面。
崇高的文本還提供了一個偉大的界面,讓你看到你的網站的每個文件和文件夾。要在網站上創建更改,請編輯網站代碼、保存(使用鍵盤命令Ctrl+s)並在瀏覽器中刷新網站。
這個過程簡單而直接:編輯網頁,然後檢查代碼是否有效。隨著web開發的進展,您將嘗試在web頁面中嵌入更復雜的特性。不過,不管技能水平如何,編輯頁面的基本格式都是一樣的。
如果您不想編輯原始代碼,或者更願意使用更熟悉的內容管理系統(CMS),WordPress也會在一個易於使用的ZIP文件中提供其出色的web設計資源!要在XAMPP上安裝WordPress,請訪問WordPress網站並下載官方應用程序。
使用與以前相同的格式創建網站,將提取的WordPress文件夾放在WordPress文件夾的htdoc目錄中。為了清晰起見,請保留文件夾名稱。
因為WordPress要求您創建登錄信息,所以您需要在PHP目錄中為web頁面創建一個條目。轉到你的phpMyAdmin頁面--http://localhost/phpmyadmin/默認情況下——開始。
在此頁面中,單擊數據庫。在Create database參數下,輸入wordpress,然後點擊Create。您應該會看到一個彈出窗口,告訴您數據庫是創建的。接下來,關閉這個瀏覽器窗口並在XAMPP htdocs目錄中輸入您的WordPress文件夾。這個文件夾應該包含你解壓縮的WordPress文件的內容。
我們需要配置實際的WordPress網站,以便您可以登錄並使用該網站。這是通過WordPress的主PHP配置文件完成的。在WordPress文件夾中,找到標記為wp config的文件-示例.php,在文件上單擊鼠標右鍵,選擇“編輯”(對於單獨的文本編輯器,選擇“打開方式”)。記事本應該很好用。
下面是我們將重點關注的代碼:
// ** MySQL settings - You can get this info from your web host ** ///** The name of the database for WordPress */define('DB_NAME', 'database_name_here');/** MySQL database username */define('DB_USER', 'username_here');/** MySQL database password */define('DB_PASSWORD', 'password_here');您必須在引號內對上述代碼進行三次更改。
這裡是數據庫名稱--將此參數更改為wordpress。然後,網站將使用先前在phpMyAdmin中創建的數據庫,並將其標記為這樣。
在這裡輸入用戶名\—將其更改為root。默認情況下,根用戶名擁有適當的管理員權限,因此可以通過phpMyAdmin進行訪問。除非授予適當的權限,否則其他用戶名將不起作用。
此處輸入密碼\—將其更改為易於識別的密碼。如果不想使用密碼,請刪除參數。
將此文件另存為wp-配置.php--與之前的wp配置不同-示例.php--然後離開。然後,轉到以下本地主機地址:http://localhost/wordpress。
繼續安裝,包括創建WordPress用戶名和密碼。您可以輸入任何您喜歡的值。輸入完值後,單擊installwordpress按鈕完成該過程。完成後,使用上一頁提供的用戶名和密碼登錄到您的本地WordPress。
你完了!現在,你可以花你的心的內容編輯,修改和創建網頁都從頭開始,通過WordPress,離線,免費!
以前,您剛剛開始web開發之旅。現在,您已經在PC上創建了一個本地服務器,通過它您可以隨心所欲地創建、修改和調整網頁。最棒的是,你完全掌控了一切。唯一剩下的就是開始你的實驗,所以開始吧!
決定不做這些工作了?試試最好的免費網站託管服務。
圖片來源:Dmitry Tishchenko/Shutterstock
...起來是非常複雜的。如果您是經驗豐富的開發人員,那麼使用XAMPP或WAMP設定本地伺服器是有意義的。但是如果你是一個初學者,只想搞亂一個自託管的WordPress安裝(這與wordpress.com網站),看看定製的WordPress網站會是什麼樣子,你...
...處理器,處理站點請求的速度慢得令人難以忍受。他們也使用hdd,因為它們比ssd便宜,儘管ssd更快更可靠。 ...
... ownCloud是一個自託管伺服器解決方案。使用此檔案同步服務,您可以透過web介面訪問資料。它類似於Dropbox,具有直觀的使用者介面(UI)。此選項附帶功能。除了檔案共享之外,ownCloud還允許您檢視和編輯PDF和...
... GitHub是一種流行的版本控制服務,面向使用Git儲存和控制程式碼的計算機程式設計師。程式碼儲存在儲存庫中,這些儲存庫只是雲伺服器上的容器,允許您從所有計算機訪問程式碼。 ...
... 你不能賺錢。許多免費網路主機禁止使用廣告和附屬連結。有些人甚至會在你的網站上植入廣告,所以他們會從你的工作中賺錢。 ...
... 幸運的是,有不同種類的音訊編輯器適合每個使用者。不僅如此,他們中的許多人都是免費的,所以很可能有一個錢包儲蓄解決方案在那裡為你。本文涵蓋了目前最好的免費音訊編輯軟體。 ...
...一個網路主機。有時,把你的網站留給你當前的主機或者使用免費主機似乎更容易。 ...
...ess更復雜,設定起來也不那麼簡單。因此,不建議初學者使用。相反,Joomla在商業、電子商務,尤其是社群論壇和社交網路方面更有效。 ...