前几天，小义看到一位国外网友使用Game 3制作个人网站。

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

这个非常独特的个人网站的其余部分是使用 CSS 和 JS 创建的。 可以用鼠标控制小人物参观代表作者不同经历的建筑和信息介绍网站开发，游戏体验满分！

原帖下方还“爆出”了很多隐藏的Web开发高手。

有些软件工程师将他们的个人网站设计成超级马里奥游戏。

有技术顾问将他们的个人网站设计成身临其境的网络拉面店。

有些 Web 开发人员将他们的个人讲座网站设计为 3D 汽车游戏。

看到这些有趣的个人网站后，小义很是羡慕，也想好好学习web开发。

于是，小义去请教了一位有多年web开发经验的程序员朋友。 他总结了几个要点让我在web开发中快速理解。 用他的原话来说，“抓住几个关键问题，你就学会了网络编程！”

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

— 01 —

了解什么是 Web 开发？

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

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

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

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

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

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

也可以简单理解为前端开发用于构建用户界面，而后端开发用于构建系统架构，使网页正常运行。

— 02 —

了解 Web 服务器的工作原理

一般来说，Web服务器也称为WWW（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 标准，增加了许多新特性。结构、语法、标记方法、元素等

,, meta元素..... 这些常用的标签，常用的特殊字符，常用的表格写法，如果你能信手拈来，那写网页肯定没问题。

— 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、.NET等免费开源扩展。 它提供对不同数据库的访问，例如 SQL、.等等。

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

● Java

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开发（&CSS3）》。

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

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

因为，这是源自B站的同名视频教程，而拥有百万点击量的《零基础学习Web开发（&CSS3）入门》的主要特点就是实用性。

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

还将指导您实现数百个Web开发案例，数十种布局方式，源码即开即用。 自带源代码，可运行于 、 、 、 等操作系统平台；

书中还配有86集在线教学视频，让你学习更有效！

干货满满，福利满满，是不是心动了呢？

总而言之，无论你是

想要从头开始Web开发的专业人士和非专业人士；

或者想使用Web开发编程开发的程序员；

或者想通过网络开发课程的大学生；

也是一位教授网络开发的大学老师。

只要你想自学快速入门Web开发，本书都是你的不二之选！

并且，你还有机会细读本书，开始Web开发——

3月17日晚7点30分，小艺特地请来了《零基础入门学习Web开发（&CSS3）》作者小龟。 他将解答大家关于Web开发的难点和困惑，如何成为一名优秀的Web开发人员，并分享他的新书《零基础学习Web开发（&CSS3）》。

欢迎收看今日头条明晚直播，你将了解到：

什么是网页开发？

如何学习Web开发？

学习Web开发有困难吗？

Web开发中常见的陷阱？