从零开始学习网站建设

时间：2022-08-30 03:24:01 | 来源：网站运营

时间：2022-08-30 03:24:01 来源：网站运营

1. 配置开发环境

想要开发网站首先你需要一个写代码的地方，下面这些软件都是全世界最流行的代码编辑器。

• 编辑器
  • Sublime text 号称最性感的编辑器
    • 配置和使用方法
  • Atom Github官方开源编辑器
    • Atom前端开发配置
  • Notepad++ Windows下好用的编辑器
• IDE
  • Webstorm 功能强大，界面美观

写好了代码，你还需要管理你的代码。通过FTP将代码上传到服务器或者云空间；网站也不可能是一次写成的，你需要不停修改你的代码，因此需要用到版本控制软件。

• 代码管理
  • FTP:Filezilla 开源免费好用的FTP工具
  • Git 全世界最流行的版本控制系统
    • 简明指南
  • SVN 当然也有一部分不用Git的情况

受不了繁杂的配置？这些在线工具可以让你在浏览器里体验网站的开发环境。

• 在线工具
  • Codepen 在线编写HTML/CSS/JS并实时预览，还可以看到很多大牛写的代码
  • c9 在线命令行环境，就像有一台浏览器里访问的服务器
  • coding.net 在线托管，在线开发平台
    • 云IDE 编辑开发部署一条龙在浏览器中就可以

2. 搭建运行环境

网站写好之后还需要一个地方来部署运行。A表示apache，是一个网络服务器软件， M表示mysql，是一个数据库软件， P表示php，是一种用于网站开发的后端语言。通过下面这些软件包，你可以在各种系统上快速搭建好网站的运行环境。

• WAMP Windows下最好用的网站运行环境软件包
  • Windows下安装配置wampserver
• LAMP Linux下，当然也可以使用LNMP
• MAMP Mac下的一个软件，提供类似的运行环境
  • 配置安装教程

除了php，还有很多其他网站后端开发语言可以使用。

• Nodejs 在服务器端运行JS
  • 安装教程
  • npm国内配置
• Python 最好学全能的开发语言
  • pip安装教程

你又受不了繁杂的配置安装了？这些云平台可以让你把网站部署到云端。

• 新浪云 国内良心云平台，提供很多现成的运行环境，虚拟空间等
• 阿里云 你马云爸爸的云服务，对学生很多优惠
• Daocloud 最新流行的Docker容器云服务，很多可以一键部署的镜像

3. 学习基础知识

• HTML 网页的内容
• CSS 网页的样式
• JavaScript 网页的交互
• PHP 全世界最好的语言，后端逻辑数据交互
• Mysql 最流行开源免费的数据库，数据存储

虽然PHP是最好的语言，但是你也可以选择学习其他后端语言。

• Nodejs
• Python

4. 选用建站系统

现在你已经掌握了一些基础知识，可是你发现除了写一个hello,world的小页面以外，你几乎什么都不会。没有关系，下面这些建站系统让你摇身变大神！

• Wordpress 据说互联网上至少一半的内容管理网站都在使用它
  • 入门教程
• DedeCMS 国内站长最爱之一
  • Windows下整合安装包使用说明
• Discuz 你看到的BBS论坛基本都是它搭建的
  • 安装教程
• Opencart 自己搭建一个电商网站
• 所有建站系统 其实有特别多的开源系统

5. 学习开发框架

现在你对你的网站有了更高的要求，现有的开源系统已经无法满足你，那么你就需要手动开发一个，从无到有开发一个网站当然很困难，好在我们已经有了许多成熟的开发框架，就好像你写作文帮你列好提纲一样，帮助你快速开发。

• Laravel PHP语言的Web开发框架
• Express Nodejs语言的Web开发框架
• Django Python语言的Web开发框架

6. 其他建站教程

• 搭建一个免费的，无限流量的Blog—-github Pages和Jekyll入门
• 在SAE上搭建Wordpress博客
• Wordpress官方免费创建博客
• 阿里云：建站需要什么