你想建立一个网站，但不知道从哪里开始？

似乎典型的web开发培训场地也是最昂贵的：购买域、主机服务器、WordPress帐户、主题等。但是如果你不是一个小企业主或试图建立一个品牌呢？如果你只是想学习网络开发呢？

请继续阅读，了解如何在您的计算机上免费创建您自己的网站，您可以从头开始创建网站，也可以使用预先**的模板创建网站。哦，这包括托管你自己的WordPress帐户以及！

xampp：简介

Bitnami的XAMPP是“一个包含PHP和Perl的Apache发行版”，出于我们的目的，我们只需要了解XAMPP是一个免费的、简单的程序，允许用户在他们的pc上托管网站。

虽然使用XAMPP设置本地服务器有些技术性，但这个过程也相当简单和直接。一旦一切都设置好了，你会发现管理和编辑网站是轻而易举的事。

然后是快速和完全控制的问题。使用XAMPP创建和编辑网站，您可以随意更改网站的大小。也就是说，权力越大，责任越大。您也更容易丢失站点，尤其是在不创建备份的情况下。

但是，如果您想在web开发中获得一个真正的入门课程项目，XAMPP是为您准备的。包括任何与HTML、CSS、Javascript等相关的项目！

安装xampp

前往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。

localhost和phpmyadmin

要确保一切正常，请打开web浏览器，输入http://localhost/进入你的地址栏，按回车键。你应该被重定向到http://localhost/dashboard/，这是默认的XAMPP页。

接下来，单击顶部导航菜单上的phpMyAdmin按钮。您将被定向到默认的phpMyAdmin页面。

暂时别管这些，但如果两者都起作用，你就可以开始创建网站了！

使用xampp创建网站

现在是有趣的部分。转到根驱动器目录中的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页面中嵌入更复杂的特性。不过，不管技能水平如何，编辑页面的基本格式都是一样的。

在xampp中使用wordpress

如果您不想编辑原始代码，或者更愿意使用更熟悉的内容管理系统（CMS），WordPress也会在一个易于使用的ZIP文件中提供其出色的web设计资源！要在XAMPP上安装WordPress，请访问WordPress网站并下载官方应用程序。

使用与以前相同的格式创建网站，将提取的WordPress文件夹放在WordPress文件夹的htdoc目录中。为了清晰起见，请保留文件夹名称。

使用phpmyadmin

因为WordPress要求您创建登录信息，所以您需要在PHP目录中为web页面创建一个条目。转到你的phpMyAdmin页面--http://localhost/phpmyadmin/默认情况下——开始。

在此页面中，单击数据库。在Create database参数下，输入wordpress，然后点击Create。您应该会看到一个弹出窗口，告诉您数据库是创建的。接下来，关闭这个浏览器窗口并在XAMPP htdocs目录中输入您的WordPress文件夹。这个文件夹应该包含你解压缩的WordPress文件的内容。

配置登录

我们需要配置实际的WordPress网站，以便您可以登录并使用该网站。这是通过WordPress的主PHP配置文件完成的。在WordPress文件夹中，找到标记为wp config的文件-示例.php，在文件上单击鼠标右键，选择“编辑”（对于单独的文本编辑器，选择“打开方式”）。记事本应该很好用。

下面是我们将重点关注的代码：

您必须在引号内对上述代码进行三次更改。

这里是数据库名称--将此参数更改为wordpress。然后，网站将使用先前在phpMyAdmin中创建的数据库，并将其标记为这样。

在这里输入用户名\—将其更改为root。默认情况下，根用户名拥有适当的管理员权限，因此可以通过phpMyAdmin进行访问。除非授予适当的权限，否则其他用户名将不起作用。

此处输入密码\—将其更改为易于识别的密码。如果不想使用密码，请删除参数。

将此文件另存为wp-配置.php--与之前的wp配置不同-示例.php--然后离开。然后，转到以下本地主机地址：http://localhost/wordpress。

继续安装，包括创建WordPress用户名和密码。您可以输入任何您喜欢的值。输入完值后，单击installwordpress按钮完成该过程。完成后，使用上一页提供的用户名和密码登录到您的本地WordPress。

你完了！现在，你可以花你的心的内容编辑，修改和创建网页都从头开始，通过WordPress，离线，免费！

web开发从单个页面开始

以前，您刚刚开始web开发之旅。现在，您已经在PC上创建了一个本地服务器，通过它您可以随心所欲地创建、修改和调整网页。最棒的是，你完全掌控了一切。唯一剩下的就是开始你的实验，所以开始吧！

决定不做这些工作了？试试最好的免费网站托管服务。

图片来源：Dmitry Tishchenko/Shutterstock