前几天，小艺看到一位外国网友使用Game 3创建了自己的个人网站。

好家伙，太满了，这是一个普通的个人网站，是一个神奇宝贝风格的游戏网站！

这个功能强大的个人网站的其余部分是简单地使用 CSS 和 JS 制作的。可以用鼠标控制小人参观代表作者不同经历和信息的建筑，游戏体验满满！

原帖下方，不少隐藏的Web开发高手也被“炸”了。

有些软件工程师将自己的个人网站设计为超级马里奥游戏。

有技术顾问将他们的个人网站设计为沉浸式网络拉面店。

有些网络开发人员将他们的个人教学网站设计成 3D 汽车游戏。

看完这些有趣的个人网站，小艺很是羡慕，想要好好学习web开发。

所以小艺特意请教了一位有多年web开发经验的程序员朋友。他总结了几个关键点，让我可以快速开始 Web 开发。你学习网络编程”！

今天小艺也不隐瞒，分享给大家。

— 01 —

了解真正的 Web 开发是什么？

首先，概念性的东西需要清楚。

比如我们常说的web开发seo优化，通常是指前端开发和后端开发的结合。

前端开发是指开发用户直接看到的网站部分，例如布局、设计和交互性。

网站的每一个面向客户的东西都属于前端开发，主要通过HTML、CSS、AJAX、DOM等技术实现网站在客户端的展示和交互功能。

后端开发处理后端逻辑，这与处理网站客户端开发的前端开发不同。

后端开发主要是通过Java、PHP、Node.js等技术对前端页面传过来的数据进行处理，根据需要将数据存入数据库，或者通过模板引擎对数据进行处理，然后展示出来以变​​量的形式到页面模板中，最后将页面输出到浏览器并渲染。

这个你也可以简单理解，前端开发是用来搭建用户界面的php运行原理，后端开发是用来搭建系统架构的，让网页正常工作。

— 02 —

了解 Web 服务器的工作原理

一般来说，Web服务器也称为万维网（WIDE WEB）服务器，是指主要功能是提供在线信息浏览服务的网站服务器。

仅当 上另一台计算机上运行的浏览器发出请求时，服务器才会响应。目前最主流的服务器是 , 和 IIS。

Web服务器的工作原理可以概括为：

(1）客户端通过TCP/IP协议与Web服务器建立TCP连接。

(2）连接建立后，向Web服务器发送HTTP协议请求包。

(3） Web 服务器根据 HTTP 协议对请求进行解码。

(4）如果没有错误发生，Web服务器将执行请求所需的动作，并向客户端发送一个HTTP协议响应包。

(5）客户端断开与 Web 服务器的连接，关闭文件和网络连接，并结束会话。

— 03 —

语法、标记方法、元素

编写 Web 应用程序无法逃脱 HTML，无论是在线还是离线，因此 Web 开发人员应该了解它。

它是具有许多新特性的新一代 HTML 标准。结构、语法、标记方法、元素等

, , 元元素……这些常用的标签，常用的特殊字符，常用的形式都写好了。

— 04 —

CSS 语法

都说颜值要到位，你开发的web项目也要颜值高。Web 开发中的 face 项目依赖于 CSS。

你需要熟悉 CSS 中经典属性的使用，以及选择器、背景、边框、盒子模型、布局、动画、过滤器，以及如何在 CSS3 中为各种浏览器设置代码中的各种属性。

— 05 —

熟悉各种Web开发编程语言，精通一种

如果您是 Web 开发的初学者，在这种情况下，您在选择最佳 Web 编程语言时可能会面临很多困难。因为不同的编程语言支持不同的编程技术，而且每种都有自己的复杂度。

一个好的前端开发人员应该对 HTML、CSS 有深刻的理解，一个好的后端开发人员应该熟悉服务器端语言，即 PHP、. 和 Java。

为此，小易列出了一些最适合Web开发的编程语言。您不需要学习所有的编程语言网站开发，但请根据您的实际需要选择最合适的一种。

●

是唯一允许您构建 Web 应用程序、前端和后端以及移动应用程序的编程语言 ( )。

毫无疑问，其中一种更容易上手的语言不仅需求量很大，而且还是 Web 开发人员最流行的语言之一。如果您正在努力选择要选择的编程语言，那就去吧！

●

是另一种用于 Web 开发的编程语言。大约 44% 的软件工程师使用它，仅次于 . 主要优点是：语法简单、易学、支持不同的库或工具、可读性好、框架优秀、类型强大等。

● PHP

PHP 是一种脚本语言，主要用于 Web 应用程序、服务器端等。PHP Web 开发支持免费的开源扩展，如 .NET、等。它提供对不同数据库的访问，如 SQL、等。

此外，PHP 从第一个版本开始就一直在使用类似 Perl 的变量，可以有效地将其合并到 HTML 中。

● 爪哇

Java 被广泛用于制作企业级 Web 应用程序，许多大公司都在使用它。

选择Java作为Web编程语言的主要原因是它拥有丰富的开源库，支持面向对象的编程范式，借助Java虚拟机功能实现最佳的平台独立性，安全性高，支持多线程，是分布式计算的理想选择。

● 红宝石

与 PHP 一样，Ruby 也特别容易学习，非常适合初学者。

而且，由于 Ruby on 框架可用于开发网站，Ruby 也是 Web 开发的绝佳选择。

— 06 —

了解哪些 Web 开发框架可用，并将使用其中之一

前端开发人员应该了解各种 Web 开发框架和库，如 、 、 等。后端开发人员应该了解 .js、 、 Ruby 等框架。

— 07 —

路径问题

web开发中经常会遇到路径问题，如果对web中的路径概念了解不多，总会遇到头疼的问题。为了避免错误，提高开发效率，你需要对它有足够的了解。

路径通常分为绝对路径和相对路径。

绝对路径是指文件的完整 URL，例如：

相对路径是指根据当前网页的位置建立的目录路径，例如：

— 08 —

数据库访问

目前有四种简单通用的数据库访问技术，分别是JDBC、ODBC、ADO.NET和PDO。更复杂的技术可以在Web开发级别之后学习。

如果您想轻松开始 Web 开发，掌握 JDBC 就足够了。JDBC 是 Java 程序链接到数据库的标准方式。它由用java编写的类和接口实现，是一个可以执行SQL的java API。

如果您正在开发一个简单的 Web 应用程序，那么 JDBC 就足够了。学习使用的时候特别注意接口、接口和接口的学习，可以写一些简单的代码。

如果你能处理好这些基本的事情，你应该能够找到一份支持自己的 Web 开发工作。

当然，如果你的目标不仅仅是学习，更是要精通，小艺建议你找个更详细的教程，按照大牛给的路线学习。

在这里，小艺为你推荐一个新手自学Web开发秘籍《零基础入门学习Web开发（&CSS3）》）。

▲跟着小乌龟，Web开发不会迷路！

如果你理解了以上几点，你就学会了Web编程开发，那么，如果你理解了本书的内容，你就可以成为一个实用的Web开发高手。

因为这是B站的同名视频教程，所以《零基础学习Web开发（&CSS3）》百万浏览量的主要特点就是实用性）。

书中精炼了233个HTML 5和CSS3的语法知识点和各种网页设计技巧；

还带你手把手的实现了上百个web开发案例，几十种布局方式php运行原理，源代码即装即用。自带源码，可运行于、、、等操作系统平台；