安裝軟件運(yùn)行環(huán)境后分別運(yùn)行前后端。
首先確認(rèn)前端和后端分別用什么語言開發(fā)的，之后下載相關(guān)環(huán)境工具，搭建前后端代碼進(jìn)行運(yùn)行。
做個網(wǎng)站其實(shí)并不難，所需的知識也不太多，下面小劉給介紹下所需掌握的知識和可能會用到的軟件。
1、網(wǎng)站運(yùn)行所需環(huán)境搭建
分2種情況，一種網(wǎng)站上線所有人都可以訪問你做的網(wǎng)站，一種是本地調(diào)試只是自己電腦上能訪問其他人不能訪問。
第一種網(wǎng)站上線需要購買域名和服務(wù)器或者虛擬機(jī)，購買完域名后域名要實(shí)名認(rèn)證和備案然后解析域名到服務(wù)器或者虛擬機(jī)，隨后服務(wù)器或者虛擬機(jī)綁定域名，把做好的網(wǎng)站程序上傳到服務(wù)器或者虛擬機(jī)上安裝還原就ok了，這樣網(wǎng)站就能正常。其中會用的的軟件只有ftp上傳工具，我常用的有2個軟件8uftp和FlashFXP。
第二種需要在自己的電腦上搭建網(wǎng)站運(yùn)行所需要的環(huán)境，一般網(wǎng)站需要php和mysql，這里如果單獨(dú)配置環(huán)境比較麻煩，建議選擇集成軟件配置，只需簡單安裝即可，推薦的軟件有APMServ、Wampserver、phpStudy等。
2、網(wǎng)站程序選擇
市面網(wǎng)站系統(tǒng)多如牛毛，如無十分必要建議比較流行的開源程序，使用的人多bug少，遇到問題好解決。一般建博客網(wǎng)站可以用wordpress、z-blog等， 建論壇社區(qū)可以用discuz論壇系統(tǒng)，商城可以用ecshop、shopex、shopnc等， 建資訊素材類企業(yè)站可以用dedecms、帝國cms、phpcms等，視頻站選用蘋果cms、飛飛cms、海洋cms、馬克思cms等。
3、所需知識
用現(xiàn)成系統(tǒng)如果不進(jìn)行二次開發(fā)php知識可以不需要，要二次開發(fā)的話就需要php知識了。現(xiàn)成系統(tǒng)一般自帶的默認(rèn)模板都比較丑，需要單獨(dú)做模板，這些模板一般網(wǎng)上都可以購買下載，但是如果要修改模板需要掌握php知識和前端知識html css js等。編輯代碼會用到軟件有EditPlus、Notepad++ 、UltraEdit、Vim、Sublime Text、Notepad、Visual Studio Code等。模板修改會牽扯到圖片處理問題，會用到PS AI CorelDRAW之類的軟件。
網(wǎng)頁制作的前端需要學(xué)習(xí)
1、html語言
首先要學(xué)這個，任何網(wǎng)頁的顯示都要靠html語言來表達(dá)，瀏覽器解釋html語言顯示在我們面前。
2、服務(wù)器架設(shè)
要制作網(wǎng)頁就需要架設(shè)服務(wù)器來調(diào)試你做出來的網(wǎng)頁，有iis等很多種，可以在網(wǎng)上搜索得到。
3、css語言
用網(wǎng)頁制作三劍客做出來的東西，css大部分是自動生成的，很難理解，需要學(xué)習(xí)基本的css知識，是步入高手的必經(jīng)之路。css控制著網(wǎng)頁圖片、表格、文字等等內(nèi)容在我們面前的顯示樣式，比如顏色，邊框，大小等。
4、divcss布局
這個東西是走向?qū)I(yè)制作的必經(jīng)之路，網(wǎng)頁元素靠它來搭建基本框架，像百度空間，QQ空間的皮膚等就是利用這個來做的。
5、數(shù)據(jù)庫
走向動態(tài)網(wǎng)頁的基礎(chǔ)，比如百度知道的提問回答這些，都涉及數(shù)據(jù)庫的讀、寫、改、刪。常見的數(shù)據(jù)庫有mysql、mssql、access等。數(shù)據(jù)庫是所有軟件的基礎(chǔ)，80%以上的應(yīng)用程序都涉及數(shù)據(jù)庫，而作為網(wǎng)頁制作來說沒有必要學(xué)得很深，夠用就行。
6、動態(tài)語言，asp，php，jsp，.net(c#等）
要操作數(shù)據(jù)庫，交互就需要動態(tài)語言，現(xiàn)在好多動態(tài)語言像php都有“框架”，用框架建站好比用活動板房的零件建房子，全部自己寫好比一塊一塊磚砌房子。
7，java
網(wǎng)頁里面的驗(yàn)證碼，彈窗，特效等就靠它了，一個沒有java的頁面基本沒有，這個也有好多的框架可用，這個語言是難的，也是強(qiáng)大的，網(wǎng)頁木馬，病毒大多用這個語言。
8、平面涉及軟件
flash，photoshop等，頁面美化還要靠圖片等東西。
這些個東西你會一個，或者一個都不會，都能做出一定水平的網(wǎng)頁（用三劍客，或者直接用word做好后另存為htm文件就行），要深入的學(xué)，這些知識基本的。
網(wǎng)頁制作的后端需要學(xué)習(xí)1. 學(xué)習(xí)一門語言
語言的選擇有很多種，為了方便您的選擇，我將它們進(jìn)行了分類。對于剛接觸后端開發(fā)的新手，我強(qiáng)烈建議你們選擇一門腳本語言，因?yàn)樗鼈兊男枨蠛芏嗲疑鲜州^快。最好的選擇當(dāng)然是Python，它的需求正在急速增長，有大量的職位可供選擇。
2. 學(xué)以致用
最后的學(xué)習(xí)方法就是動手實(shí)踐。一旦你選擇了語言，然后對其有了基本的了解，開始使用它。運(yùn)用它進(jìn)行盡可能多的練習(xí)，寫一些小程序練手，熟悉它。下面是一些小例子，可以幫助你開始。
* 實(shí)現(xiàn)一些bash中你常用的命令， 比如ls的功能
* 寫一個從reddit的/r/programming頻道抓取數(shù)據(jù)并將之保存為JSON格式的小程序
* 寫一個程序?qū)⒛夸浗Y(jié)構(gòu)保存為JSON文件。
* 根據(jù)上面生成的JSON文件，生成目錄結(jié)構(gòu)。
* 想想日常工作中的任務(wù)，嘗試將之自動化。
3. 學(xué)習(xí)包管理器
一旦你了解了語言的基礎(chǔ)，同時(shí)用它寫過些示例程序，接著學(xué)習(xí)該語言的包管理器。包管理器可以幫助你使用第三方庫，同時(shí)你也可以通過它發(fā)布自己的庫以供他人使用。
假設(shè)你選擇的是Python，你應(yīng)該已經(jīng)學(xué)習(xí)了Pip。Node.js有NPM或Yarn、PHP有Composer，Ruby有RubyGems。無論你選擇了什么，進(jìn)一步去學(xué)習(xí)它的包管理。
4. 規(guī)范以及最佳實(shí)踐
每一種語言有其規(guī)范以及最佳實(shí)踐。你需要掌握這個東西。比如Python有PEP8跟Google Python代碼規(guī)范。Node.js各社區(qū)有不同的規(guī)范。其他語言的狀況也大同小異。
5. 安全
務(wù)必要掌握安全最佳實(shí)踐。讀讀OWASP指南，了解不同的安全問題，同時(shí)要知道如果避免這類問題。（你選擇的語言）
6. 實(shí)踐
現(xiàn)在你已經(jīng)掌握了語言基礎(chǔ)，最佳實(shí)踐，安全相關(guān)以及包管理，你可以去開發(fā)自己的庫供他人使用了。如果你用Python，你需要發(fā)布在Pypi，如果是Node.js，你需要發(fā)布在Npm。
到此，你可以在Github上找一些項(xiàng)目，參與進(jìn)去。
* 重構(gòu)，實(shí)現(xiàn)你學(xué)到的最佳實(shí)踐
* 修復(fù)已知的問題
* 添加新的功能
7. 測試
測試分很多種，要了解每一種測試的類型以及其目的。但是現(xiàn)在，首先學(xué)習(xí)單元測試以及綜合測試，應(yīng)用在你的程序中。此外，還要了解不同的測試術(shù)語，比如mocks，stubs等等。
8. 實(shí)踐-測試
為你所寫的所有程序編寫單元測試，特別是在Github上參與的項(xiàng)目。
同時(shí)，學(xué)習(xí)覆蓋率的概念，計(jì)算測試代碼的覆蓋率。
9. 關(guān)系型數(shù)據(jù)庫
學(xué)習(xí)利用關(guān)系型數(shù)據(jù)庫保存你的數(shù)據(jù)。在學(xué)習(xí)之前，首先掌握數(shù)據(jù)庫相關(guān)的術(shù)語。比如：keys，indexes，normalization，tuples等。
可供選擇的數(shù)據(jù)庫很多，你只需要掌握一個，其他的也會變得很簡單。流行的有MySQL，MariaDB（MySQL分支，與之非常相似），PostgreSQL。推薦選擇MySQL開始。
10. 動手時(shí)間 - 實(shí)踐
到了將所學(xué)融合的時(shí)候了。
創(chuàng)建一個簡單的應(yīng)用，運(yùn)用你所學(xué)的一切。實(shí)現(xiàn)一個想法，可能是創(chuàng)建一個簡單的博客站點(diǎn)，實(shí)現(xiàn)一下的特性：
* 賬戶系統(tǒng)——注冊&登陸
* 注冊用戶可以創(chuàng)建blog
* 用戶可以查看自己創(chuàng)建的所有的blog
* 用戶可以刪除自己發(fā)布的blog
* 保證用戶只能看到自己發(fā)布的blog，不能看其他人的
* 為應(yīng)用編寫單元/綜合測試
* 為查詢創(chuàng)建索引。分析查詢，確保索引生效
11. 學(xué)習(xí)一個框架
根據(jù)你的項(xiàng)目類型以及你的語言的不同，你可能會需要一個框架輔助開發(fā)。（也可能不需要）。每種語言都有不同的選擇，選擇一個合適的即可。
如果你選擇了Python，建議你選擇Django，對于微框架，建議Flask。
對于Node.js，最知名的框架是Express.js。
12. 實(shí)踐-框架
利用選擇的框架重構(gòu)你的博客應(yīng)用。不要忘記了集成測試代碼進(jìn)來。
13. 學(xué)習(xí)NoSQL（not only SQL）數(shù)據(jù)庫
首先了解什么是NoSQL，以及它們與關(guān)系型數(shù)據(jù)庫的差別，同時(shí)為什么需要它們。NoSQL數(shù)據(jù)庫也有多種選擇，了解并比較它們之間的特性以及不同之處。常用的有MongoDB，Cassandra，RethinkDB，Couchbase。建議選擇MongoDB開始。
14. 緩存
學(xué)習(xí)如何在你的程序中實(shí)現(xiàn)應(yīng)用級的緩存。了解如何利用Redis或Memcached實(shí)現(xiàn)緩存，同時(shí)在你的博客應(yīng)用中實(shí)現(xiàn)緩存功能。
15. 創(chuàng)建RESTful APIs
了解REST，學(xué)習(xí)如何編寫RESTful APIs，閱讀關(guān)于REST的白皮書。（By Roy Fielding）。理解REST不僅僅是HTTP APIs。
16. 學(xué)習(xí)不同的認(rèn)證方法
學(xué)習(xí)不同的認(rèn)證以及認(rèn)證方式。你需要明白它們是什么，它們的不同點(diǎn)，以及它們適用的場景。
* OAuth--Open Authentication
* Basic Authentication
* Token Authentication
* JWT--JSON Web Tokens
* OpenID
17. 消息代理
學(xué)習(xí)消息代碼，了解什么時(shí)候以及為什么使用它們。有很多可供選擇，最知名的是RabbitMQ & Kafka。建議從RabbitMQ開始學(xué)習(xí)。
18. 搜索引擎
隨著應(yīng)用程序規(guī)模的增長，簡單的查詢已經(jīng)無法滿足要求。這個時(shí)候，你需要用到搜索引擎。同樣有多種選擇，每一種有自己的特點(diǎn)。
19. 學(xué)習(xí)使用Docker（容器）
Docker可以為你的開發(fā)提供巨大的便利。它可以讓你的開發(fā)環(huán)境與生產(chǎn)環(huán)境保持一致，可以讓你的系統(tǒng)保持干凈，可以加速你的編碼，可以測試部署。Docker的好處，請自行g(shù)oogle。從現(xiàn)在開始，學(xué)習(xí)Docker。
20. Web服務(wù)器的知識
到了這個時(shí)候，你可能已經(jīng)處理過服務(wù)器相關(guān)的問題。這一步驟主要是了解不同的服務(wù)器之間的差異，局限，以及不同的調(diào)優(yōu)方法。
21. 學(xué)習(xí)Web Sockets
雖然不是必須，但是具備Web Sockets的技能是有好處的。學(xué)習(xí)編寫實(shí)時(shí)的web應(yīng)用。可以在博客應(yīng)用中，實(shí)現(xiàn)即時(shí)更新blog列表。
22. 學(xué)習(xí)GraphQL
學(xué)習(xí)GraphQl的APIs。了解它與REST的不同，然后為什么它被稱之為REST 2.0。
23. 研究Graph數(shù)據(jù)庫
Graph模型具備非常好的靈活性——在處理數(shù)據(jù)間的關(guān)系的時(shí)候。Graph數(shù)據(jù)庫提供高速&高效的存取以及查詢。學(xué)習(xí)了解Neo4j或者OrientDB。
24. 不停探索
在你的學(xué)習(xí)以及實(shí)踐過程中，肯定會碰到路線圖里沒有提及的東西。你只需要保持開放以及饑渴去學(xué)習(xí)新的東西。
時(shí)刻謹(jǐn)記，學(xué)習(xí)的關(guān)鍵是實(shí)踐。多動手！剛開始的時(shí)候，你可能會感覺不大好，隨著你的堅(jiān)持以及時(shí)間的推移，你會變得越來越好。