首页 关于我们 项目案例 网站建设 网站优化 微信公众号 技术课堂 联系方式
QQ联系点击这里给我发消息
电话联系
手机联系
QQ联系点击这里给我发消息
电话联系
手机联系
【当前位置】

建立个人网站的终极指南

发布时间:2019-05-09 16:47
发布者:康康
浏览次数:
 
一个网站与简历完全相反。只需拥有一个网站即可修复关于简历的所有不良内容。我甚至可以说没有一个网站就像在脚下射击自己 - 这很有用。

 

您需要建立个人网站的4个理由

1) 网站不是静态的; 它是动态的。
 

它在不断变化。您完成某项工作的那一刻,您可以将其添加到您的网站。完成项目后,您可以将其放入您的投资组合中供所有人查看。您无需打印新副本并一遍又一遍地发送给您的联系人; 你只是更新它。人们可以不断回来看看你在做什么。

 

2)拥有一个网站让你更容易找到。


如果你所拥有的只是一份简历,你必须出去把它交给别人来取消你的名字。如果有人想在互联网上找你并且你没有网站,他们可能得到的只是Facebook或Twitter个人资料。
 
但是,如果您有一个网站,您可以找到更广泛的受众,并控制他们首先看到的内容。这对于建立您的个人品牌和突出您的成就至关重要。
 
我得到了工作,遇到了我的网页设计工作的客户,并因为我有一个网站而得到了面试。如果我没有花时间创造一个,我相信我不会被发现。
 
确保找到你!
 

3)没有多少人拥有一个。

个人网站在2018年可能比十年前更常见,但绝大多数学生和求职者仍然依赖简历和求职网站。
 
今天成功需要你让自己脱颖而出,拥有一个网站可以帮助你做到这一点。它表明你花时间学习如何做一些相当技术性的事情,并且它表明你拥有其他人没有的技能。
 

4)你获得了一些在将来非常有用的新技能。


学习如何建立一个网站涉及许多不同的技能,特别是如果你进入定制和优化的东西。即使你不是在寻找技术领域的工作,拥有这些技能也可以帮助你。
 
假设您正在申请广告工作。如果你能告诉面试官你不仅是一个伟大的营销人员,而且你也了解网络,你就会成为一个更有吸引力的候选人。
 
不敢相信?
我当然希望如此,因为本指南将教你如何建立这个很棒的网站!
 
我花了超过15个小时编写本指南(以及截图和编辑它们),目的是使其成为让自己上网的终极资源。当你完成后,你将建立一个伟大的在线存在。
 
如果你想在开始之前看到一些个人网站的例子,这就是我今天的样子:
 
我的个人网站
这是我的个人网站。
(顺便说一句 - 如果您喜欢我的网站设计,稍后在指南中您将找到一个深入的视频教程,它将向您展示我是如何使用免费主题创建它的。请在第3步中注意这一点。)
 
我还确保您可以访问我的网站的所有以前版本,以便您查看。这是我用于大部分大学的版本,它可以更多地突出我作为学生的成就和目标:
 
在本教程中,您将学习如何:
 
  • 获取您网站的域名和虚拟主机
  • 轻松安装WordPress(我选择的网站构建器),无需编码知识即可在网上获取所有内容
  • 拥有漂亮的主题,让您的网站看起来很好看
  • 使用插件和小部件优化您网站的速度,安全性等
  • 改善您网站的搜索引擎优化并找到可以教您如何进一步获取网站的资源
您可以将此列表视为目录; 如果您想跳转到特定部分,只需单击它即可。否则,请随意按顺序通过整个指南。
 
您需要事先知道的事情:
 
如何使用互联网
如何遵循指示
你什么也不需要知道/事先有:
 
HTML,PHP,CSS,Javascript,JQuery,XML,XSLT,Ruby,Zend,Python,Flash,MySQL,Nginx,Apache或任何其他语言
Photoshop,Dreamweaver或任何其他程序 - 这些对于稍后定制事物非常有用,但是为了启动和运行,您只需要一个Web浏览器。
功夫,火影忍者,或火箭手术
严重的是,建立一个网站并不难,你也不需要知道任何代码。知道代码对于稍后调整和定制事物非常有用,但是你可以在不了解HTML的情况下获得基础知识!
 
预计完成本教程的时间:1-2小时(您将花费大量时间在非技术性内容上,例如编写内容)。
 
注意#1: 如果您在本教程的任何时候遇到困难并需要帮助,我将非常乐意为您提供帮助。您可以通过Twitter或通过电子邮件与我联系。我很认真 -  如果你遇到困难,请问我问题。 我讨厌看到有人经历过一堆工作,而不是最终得到一个漂亮的网站。
 
注意#2:我在本教程中推荐了一些特定的产品和服务。请注意,这些不是您唯一的选择; 它们只是我个人使用和推荐的内容。
 
完整免责声明: 如果您选择使用我在本教程中推荐的域名和托管选项并点击我的链接来获取它,我将获得佣金(虽然您没有额外费用 - 它实际上会相当多更便宜,因为我能够提供优惠券代码)。我想非常清楚,你的域名肯定有其他好的选择,并在那里托管。这是我从一开始就一直使用的那个,我非常满意。如果您确实选择使用我的链接,  谢谢! 
 
好吧,足够初步的东西。让我们开始构建您的网站。
 

第1步:获取域名和托管

构建个人网站的第一步是选择如何托管它。建立网站的方法有很多种。例如,您可以在Weebly或WordPress.com甚至Tumblr上创建免费博客。
 
但是,我相信拥有一个具有实际域名(不是子域名)的自托管站点会更令人印象深刻。这看起来更合法,并且会显示您花时间学习如何实际构建网站,这可以使您与众不同。
 
我不是唯一这么认为的人。我最喜欢的企业家之一Srinivas Rao为有抱负的博主提供了这个提示:
 
“如果你想被认真对待,那么请确保你有一个自我托管的WordPress博客。”
 
因此,虽然最终取决于您,但我建议您自行托管您的网站。尽管如此,如果你的预算紧张,在WordPress.com或其他地方拥有一个免费网站比没有网站要好得多!
 
现在,在我们深入了解所有细节之前,有一件事我想让你先考虑一下:你的域名。选择域名的第一条规则是......
 
不要注册SailorMoonFreak94435.biz,dummy。
 
我不能强调这一点:你需要一个好的域名。 是什么让一个好的域名?对于个人网站或投资组合,我建议坚持以下标准。
 
如何选择一个伟大的域名
首先,如果可能,请将您的域名命名为您的名字+您的姓氏。这是备忘录和搜索引擎优化的最佳选择(也就是说你在谷歌中显示的高度)。
 
如果你有一个共同的名字(就像我一样),这可能已经采取了。我当然无法得到thomasfrank.com,所以我不得不选择thomasjfrank.com 。如果你的名字被采用,如果它没有使域太长,你可以抛出一个中间的初始或甚至你的完整中间名。
 
如果上述方法都不奏效,您还可以在姓名上使用巧妙的游戏。例如,我的Instagram用户名是TomFrankly - 所以我也注册了tomfrankly.com。
 
不要在您的域名中使用数字,只有绝对必须使用破折号。
 
在域名扩展方面:
 
使用:  .com(可选),。me,.org,.co
避免:  .info,.biz,以及任何听起来不专业的事情
如今,还有许多奇怪的新域名扩展,例如.limo和.pizza - 但我的观点是,使用更成熟和可识别的扩展将帮助您避免让人混淆。
 
最重要的是,确保你的域名的拼写很容易被正确的人听到。通过这种方式,您可以在随意对话中轻松提及您的域名,而您正在与之交谈的人将能够在不担心拼写的情况下找到它。
 
所以,一旦你想到一个好的域名,让我们通过获取你的域名和托管来启动整个网站建设过程。
 
是时候获取域名和虚拟主机了。
过去,您必须从您的网络托管中单独购买您的域名。但是,现在,您可以在同一时间从同一个地方获取它们。单独购买它们仍然是一种选择,但将它们组合起来要容易得多。
 
我将在本教程中使用组合方法来保持简单; 但是,如果您需要单独设置帮助(或其他任何内容),您可以随时与我联系。
 
请注意您的钱包:  这是该过程的唯一部分,将花费您的任何钱。托管不是免费的。然而,它也不一定非常昂贵 - 而且我相信,如果网站为您的个人品牌和可信度提供小额成本,那么这笔费用是值得的。
 
在那里,网络托管实际上有很多选择。您可以使用共享帐户,VPS或疯狂购买专用服务器。
 
您甚至可能会从您自己的计算机上获得令人讨厌的东西并托管您的网站 - 尽管我不建议这样做,因为您可能不想处理运行Web服务器的安全风险,以及任何时候您的计算机被关闭(例如在电源故障期间以及当您不得不离开宿舍时,您的网站将会停机。不过,这是一个选择。
 
既然你可能是一名大学生,并且和我一样,不是在一个装满金钱的金库中游泳,我会假设你只想要一些便宜的东西。
 
考虑到这一点,我建议您从HostGator获取基本的共享主机方案。那里有很多好东道主,所以HostGator当然不是唯一可以使用的东西; 但是,我已经通过它们托管我的所有网站超过三年了,我一直非常满意,因为:
 
他们的计划相当便宜(而且,特别是比Squarespace和Wix等公司的高端计划便宜)
几乎没有任何停机时间
我喜欢快速安装选项来安装WordPress等网站构建器(我们将在本指南中使用)
他们的支持只是简单的坏蛋
有一次,我需要为学校项目改变一个模糊的PHP服务器设置,这是他们的一级技术人员无法为我做的事情。
 
因此,在我询问的20分钟内,他们的一位高级系统管理员不仅更改了设置,还向我发送了他用来执行此操作的目录和命令的屏幕截图,以防万一我需要在另一台服务器上执行此操作未来。
 
HostGator,我的首选网络主机。HostGator,我的首选网络主机。
您还可以获得相当不错的折扣。
 
由于我和他们在一起已经有好几年了,我正在向有预算意识的学生指导本教程,我问我是否可以与他们合作提供折扣。他们说是的,这就是为什么当你点击时你会在页面上看到我的胡须杯。
 
因此,使用优惠券代码COLLEGEINFOGEEK 可以获得  初始主机购买的5 0%折扣(如果您选择3年计划,甚至可以享受62%的优惠)。
 
这实际上 比他们给你的默认优惠券代码节省了30-40%,所以如果你选择使用HostGator,一定要使用它。(如果您点击上面的链接,则应在注册时填写。)
 
是的。本教程假设您正在使用HostGator的; 但是,如果您选择其他主机,这些说明应该与您需要做的非常相似。
 
前往HostGator 并点击“立即开始”的大按钮。
 
通过选择域名开始您的订单向导之旅。假设您还没有自己的域名,请坚持使用默认选项卡  注册新域名,然后键入您想要查看的域名 是否可用。如果是,您将看到如下屏幕!如果没有,请稍微调整一下,直到找到一个未拍摄的。
 
注册新域名。注册新域名。
在所有域扩展选项下,您将看到添加域隐私保护的选项  。 
 
这项服务可防止您的姓名,地址和电话号码出现在WHOIS搜索中。大多数人不了解WHOIS,而过去的情况是,你可以逃脱没有它。
 
然而,今天,垃圾邮件发送者喜欢编写机器人,在WHOIS数据库中搜索新域,然后向注册者发送垃圾邮件。
 
域隐私保护选项。域隐私保护选项。
因此,我建议添加域隐私保护。但是,它也是您可以在以后添加到您的帐户的一个选项,所以如果您现在不这样做(或者您已经注册并忘记包含它),那么您并不是运气不好。
 
接下来,向下滚动并完成接下来的几个部分:
 
确认  已选择Hatchling 包,并选择您想要预先托管的托管天数。我建议至少  一年。
选择  用户名 和  安全别针。
输入您的个人和账单垃圾。
选择托管计划应选择幼雏计划。我建议至少一年。
接下来,您将看到Hosting Add-ons的一个部分  。 老实说,除了SSL证书之外,我认为您不需要任何这些证书 - 这是免费自动包含的。这将使您的网站拥有那个小“安全”锁定图标,您可以在此网站的地址栏中看到该图标。这样可以使您的网站对访问者更加值得信赖。
 
除此之外,你可以不加控制地保留所有其他盒子以节省一些钱。在插件部分,我将向您展示一些方法,您可以保持您的网站安全,定期备份,并更有可能在谷歌搜索结果中显示(或“优化搜索引擎优化”,因为我们网络极客喜欢说) - 全部免费。
 
托管附加组件。 我不认为你真的需要这些,除了SSL  - 这是预先检查,并免费!托管附加组件。我不认为你真的需要这些,除了SSL - 这是预先检查,并免费!
最后,检查您的订单以确保所有内容都是copacetic,并检查以确保代码为COLLEGEINFOGEEK  可以获得高达62%的折扣 - 比默认代码提供的多42%??
 
最后,点击黄色大按钮创建您的帐户。
 
查看您的订单,然后创建您的帐户。查看您的订单,然后创建您的帐户。
付款后,您会收到一封电子邮件,其中包含主题链接中的“ 您的帐户信息” - 这将包含您需要继续的所有信息。
 

第2步:安装WordPress并设置您的站点

是时候开始实际构建您的网站了。
 
正如我在开始时提到的,您将使用名为  WordPress  (自托管,而不是WordPress.com)的工具来设置您的站点。你可能听说过WordPress主要是一个博客平台,这是完全正确的。
 
然而,近年来,WordPress已经变得如此受欢迎并得到很好的支持,它也是构建非博客网站的完美平台。
 
WordPress 以安装5分钟而闻名; 我说这太长了。让我们在2做,我们呢?
 
HostGator 的最佳  功能之一是几乎所有流行的CMS(内容管理系统)的快速安装选项。当然,他们有一个WordPress。让我们设置它。
 
首先,在浏览器中输入此URL(但将“yourcoolnewdomain”替换为您网站的域名):yourcoolnewdomain.com/cpanel。
 
如果由于某种原因您尚未到达您的域名(有时可能需要一段时间才能设置),请使用您在HostGator电子邮件中列出的您的控制面板中的链接。
 
使用您在电子邮件中提供的用户名和密码登录。
 
您现在将看到您的控制面板。要安装WordPress,请查看“Essentials”部分,找到WordPress Installer的链接。
 
单击HostGator的cPanel中的WordPress安装程序。WordPress安装程序 - 一个可以帮助您在几秒钟内自动安装WordPress的工具。
在出现的页面上,从下拉菜单中选择您的域名。它应该是列出的唯一选项。
 
确保将目录字段留空 - 这样,您的主页将设置为您的域(即yourcoolnewdomain.com)而不是子文件夹。
 
安装WordPress  - 域选择从下拉列表中选择您的域。
然后在下一页填写表格,如下:
 
选择  博客标题。 如果您要创建个人网站,请使用您的姓名。这可以在以后更改。
选择管理员用户名。不要使用“admin”,因为它不安全(因为它是常用的)。还有别的没事??
输入您的名字和姓氏 - 如果需要,也可以稍后更改。
输入  管理员电子邮件。 确保它是你使用的。
检查文本字段下方的两个框。
单击  立即安装。
安装WordPress  - 用户名和站点详细信息完成安装过程。
完成后,您应该看到一个绿色的大号复选标记和“安装完成”字样。 
 
您还应该看到标题为“ 安装详细信息”的部分  。 在这里,您将找到您的WordPress用户名和生成的密码。请确保存储这些以供将来参考。
 
WordPress安装完成在这里找到您的WordPress用户名和密码。
在您的安装详细信息下方,您将看到可以使用的高级主题的一些优惠。我建议跳过这些 - 我会在本指南后面指出一些  很棒的 免费主题。事实上,我自己的个人网站建立在免费主题上。
 
你现在应该有一个功能齐全的WordPress安装!如果您现在访问您的网站,您将看到“即将推出的网站”页面 - 一旦您登录WordPress仪表板并启动它,它将会消失并被您的新网站所取代。
 
要进入仪表板, 请在浏览器中键入  yourcoolnewdomain.com/wp-admin  - 您可以在此处执行与构建/自定义站点相关的所有其他操作。将该链接加入书签可能是个好主意!
 
WordPress管理员URL将“/ wp-admin”添加到您的域以访问WordPress信息中心。
注意:网络托管服务商有时可能需要一个小时来设置您的帐户。虽然您可以立即访问您的cPanel,但您的域可能无法在该时间内访问。你可以在这里阅读更多相关信息。
 
设置您的网站
通常情况下,WordPress不做任何手持; 一旦您登录仪表板,您就可以访问所有工具,由您决定他们所做的一切。
 
但是,HostGator的cPanel脚本安装的WordPress版本附带了一个简短的向导,可以指导您完成设置一些操作的过程。 但我们不打算使用它。
 
该向导可能对某些人有用,但它包含一些步骤,这些步骤可以设置我认为不需要的东西 - 比如商家地址。另外,了解WordPress仪表板的工作原理是很好的,因此我们将手动设置所有内容。别担心,这不是太多的工作??
 
要开始使用,请点击“ 商家”和“  个人”按钮下方的“我不需要帮助”链接  。
 
WordPress仪表板 - 点击“我不需要帮助”。点击“我不需要帮助” - 我们将手动执行此操作,以便您了解每一步。
接下来,我们将花一点时间来打扫房子。随着向导,HostGator的WordPress版本预先安装了一些您不需要的插件,或者不如我稍后在本指南中推荐的那些插件。让我们摆脱它们,以保持简单和干净。
 
在仪表板的左侧,单击“  插件”。
选中WordPress.com,MOJO Marketplace 和  OptinMonster API旁边的Jetpack 框  。
单击标记为“批量操作” 的下拉菜单,  然后选择  停用。 点击申请。
现在,选中所有插件旁边的框 -  Akismet除外。
再次单击批量操作下拉列表,然后选择  删除。 点击申请。
删除默认插件删除默认插件
你问什么是Akismet?Akismet是一个插件,可以帮助保持博客评论部分免受垃圾邮件。如果您决定在您的网站上添加博客(使用WordPress非常简单),并且您希望在帖子上启用评论,那么Akismet将会派上用场。如果没有,您可以随时返回并删除它。
 
在您的站点上激活SSL
在向您的网站添加任何内容之前,您将需要完成激活网站免费SSL证书的快速过程。
 
这样做可以确保访问者自动最终获得安全的  “ https:// yourcoolnewdomain.com”, 而不是不安全的  “ http:// yourcoolnewdomain.com”。  
 
如果这种差异对您没有任何意义,那么......您需要知道的是,这样做会使您的网站看起来更加值得信赖和安全。例如,如果您在该网站的地址栏中查找,您可能会看到一个  锁定图标, 或者我网站的URL旁边的“ 安全 ” 字样。
 
SSL示例
那是因为我的网站有一个有效的SSL证书。没有它,地址栏会说  “不安全”。 如果您想了解更多相关信息,请查看Google关于HTTPS重要性的文章。
 
幸运的是,HostGator在您的帐户中包含免费的SSL证书,因此您需要做的就是在WordPress网站上激活它。
 
并且 - 更幸运的是 - 只要您在向网站添加任何内容之前执行此操作,这真的很容易  。
 
(如果您已经出于某种原因向您的网站添加了内容,那么希望不会丢失。但是,这个过程可能会更复杂一些。请查看本文,了解可能出现的并发症的分步过程。 。)
 
所以 - 在你开始构建你的网站之前 - 让我们快点做一件事。如果您还没有,请前往仪表板的  插件 区域:
 
单击“  添加新”。
搜索  真正简单的SSL。 这是一个可以在您的网站上自动启用SSL的插件。
安装插件,激活它,然后单击之后出现的按钮以完全激活SSL。
而已!
 
(注意:购买托管后,免费的SSL证书有时可能需要24小时才能在您的帐户上激活。如果真正简单的SSL一开始不起作用,请尝试等待24小时然后再次激活它。在这种情况下,您仍然可以安全地创建新页面并同时添加文本 - 我建议您等到上传任何图像,直到Really Simple SSL处于活动状态。)
 
真的很简单的SSL真正简单的SSL插件。
现在,在我们弄清楚创建页面和所有这些的业务之前,让我们花几分钟时间来了解WordPress仪表板。
 
了解WordPress
WordPress是一个非常易于使用和导航的系统。但是,我仍然想让您快速了解一下您可以使用的内容。
 
以下是您登录时应该看到的内容:
 
WordPress仪表板概述WordPress仪表板 - 完成所有工作
中间的重要欢迎信息是在您第一次入门时为您提供帮助,因此最好将其检查出来。在这条消息下面是一堆小部件,但你现在不需要对它们做很多事情。
 
我想要了解的是侧边栏中的链接 - 这些都是WordPress的核心功能。请注意,将鼠标悬停在每个链接上会导致显示其他选项。此外,活动的那个默认情况下会在其下方显示其附加选项。
 
仪表板 - WordPress的“基地”。这是您在登录时看到的内容,它包含您选择在其上显示的任何小部件。
帖子 - WordPress的核心和灵魂。当您想要撰写博客文章或编辑现有博文时,您就可以去了。
媒体 -您上传到站点的任何图片,声音文件,视频和其他媒体的中央存储库。在这里,您可以浏览和编辑已上传到帖子的媒体,并上传更多内容。
页面 -您可以在这里创建页面,这是您将用于网站主要内容的内容。页面与帖子不同,因为它们会显示在您网站的主导航中,而不会显示在您的博客帖子列表中。这使得Pages非常适合“永恒”的内容,例如您的传记,工作历史和联系信息。
评论 - 在这里您可以看到您博客上的评论(如果您决定拥有评论)。
外观 -您可以在此处自定义网站的外观。您可以选择网站的主题,菜单和要显示的小部件。还有一个基本的代码编辑器,但它不是很好。如果您想要手动编辑网站的主题,我推荐CodeAnywhere。
插件 -您可以在这里添加和管理插件,就像可以为您的网站提供新功能的小应用程序。你应该使用一些很棒的插件,但我们稍后会介绍它们。
用户 - 您可以在此处管理站点上的用户配置文件。由于这是一个个人网站,唯一应该在这里的是你自己的网站。
工具 - 默认情况下,这里唯一的东西是导入/导出选项,按此书签和类别/标签转换器。现在,你不需要任何这些。
设置 -此部分包含您网站的所有常规设置。这里有很多东西。
现在您知道了什么,您应该更轻松地浏览WordPress并创建您的网站。
 
但是,在开始制作页面之前,让我们来处理一些重要的事情!
 
更改固定链接结构
创建  页面时, WordPress会使URL反映页面标题。例如,标题为“联系人”的页面会获得类似yourcoolnewdomain.com/contact的网址。这就是你想要的。
 
但是,默认情况下,WordPress不会为博客帖子执行此操作。相反,它会创建像yourcoolnewdomain.com/?p=123这些丑陋的数字网址。这些网址没有任何意义 - 将博客文章标题设为网址要好得多。
 
为此,您需要更改固定链接结构。这非常简单:
 
将鼠标悬停在“设置”上,然后点击永久链接。
选择帖子名称选项。
保存更改。
设置永久链接选择帖子名称永久链接设置。
现在,您的博客帖子网址将更加难忘。
 
现在你已经完成了这个小细节,现在是时候创建你的页面并在网上获取你的内容了!
 
设置页面结构
如果您回忆一下详细介绍WordPress每个部分的部分,则Pages用于永久内容,例如您的传记和联系信息。如果您决定创建子页面,这些页面将显示在您网站的顶级导航或第二级导航中。
 
再次查看我的网站导航,以了解您的目标:
 
我当前网站的导航结构。我当前网站的主菜单。
由于我目前的个人网站主要使用单页设计(点击链接只会将您移动到页面的相应部分),您还可以查看我之前使用多页方法的网站设计之一:
 
我在大学里使用的网站的导航结构。我以前网站上的主菜单。
当你看到这两种不同的方法时,你可能会问自己:
 
“我应该选择单页还是多页设计?”
 
这取决于您,但在决定时您应该记住的是,您的网站排名第一的工作是展示您的工作和专业知识。这样做越好,人们就越有可能想雇用你或与你合作。
 
如果您学习我当前的网站,您会看到我的大多数主要部分都链接到网络上的其他位置 - 我的YouTube频道,我的播客,学院信息极客的演讲页面等等。这是一个战略决策 -作为一个专业的YouTuber /作家,这些是我指导人的  最佳 场所,因为我受益于订阅我的内容而不是评估它的人。
 
然而,当我还是学生时,我的首要任务是  获得录用。 因此,采用多页设计让我有机会为潜在的雇主提供  一站式服务, 以查看我的简历,简历以及详细了解我的最佳作品。
 
所以问问自己 -  我的网站的目的是什么?谁是目标受众? 使用该信息来指导您的决定。
 
如果您是学生,您的主要优先事项可能是获得奖学金/研究机会/等等。我认为多页设计最适合这些目的。不过,最后,这是你的选择!
 
话虽如此,如果您想要雇用,我认为这些页面/部分应该绝对包含在您网站的某个位置。这些包括:
 
关于我的简要 页面,您将其设置为主页
更详细的传记页面
一个简历页面,你可以列出你的教育,工作等(记得我说我讨厌简历?你的网站上的简历修复了我讨厌的所有事情)
一个联系页面,告诉人们如何与您取得联系。它也可能有联系表格。 注意:我不建议在您的网站上公开列出您的电子邮件地址,电话号码或实际地址 - 垃圾邮件发送者可以轻松获取该信息。联系表单以及指向社交个人资料的链接是一个更好的选择。
您可能会考虑添加的其他页面,如果它们适用于您的生活:
 
一个投资组合,展示你已经完成的任何工作 - 平面设计,编程项目,写作 - 无论如何。在我之前的网站上,我使用普通页面模板创建了我的Web工作组合。您可以通过这种方式制作自己的作品,也可以使用特定的作品集模板获得主题。看看我女朋友安娜的网站就是一个例子。
一个聘用我页。我强烈建议您创建此页面,即使您目前没有寻找全职工作或自由职业演出。这个页面告诉人们你想做什么,并可以帮助他们想象你更适合的地方。
一个博客。默认情况下,WordPress设置为博客,但您要将主页设置为静态关于我页面。因此,您需要手动设置博客,这仍然非常简单。如果你愿意,你也可以选择离开博客,但我认为拥有一个是展示你的知识和想法的好方法。以下是我在个人网站上实施博客的方式。
一个新闻页面,您可以在其中列出您在媒体中获得的任何访谈或提及。查看我的新闻/媒体页面以获取示例。
一个不可能的列表。我认为创建这样的页面非常有趣,可以帮助您巩固生活目标。
如果您想要更详细地解释您应该包含的页面,请查看我在基本网站组件上的帖子- 其中还包括其他个人网站的一些很好的例子。(想要更多例子吗?查看我们最近发布的50个真棒个人网站和投资组合的集合。)
 
您可以自行决定要在您的网站上拥有哪些网页。我将向您展示如何创建“ 关于我”页面,您可以使用相同的步骤创建其余页面。
 
但是,在您这样做之前,您应该删除示例页面并发布WordPress自动在您的网站上发布的内容。
 
首先,通过转到WordPress仪表板上的帖子来删除示例帖子。找到标题为“Hello World!”的帖子,然后点击垃圾箱。 
 
然后转到Pages并为标题为Sample Page的页面执行相同的操作。
 
创建“关于我”页面
您的“ 关于我”页面将成为您网站的目标网页 - 访问者将首先看到的位置。在这里,您需要简要概述您的身份,您正在学习的内容以及您的工作。拥有自己的照片,甚至可能有一些关于你的工作的报价来自其他人也很好。
 
让我们创造吧!
 
您应该已经在WordPress仪表板的页面部分。找到顶部附近显示添加新的按钮。当你这样做时,你会看到这个屏幕:
 
关于我添加您的第一页。
如您所见,在WordPress中创建页面非常简单。要启动“ 关于我”页面,请先在标题栏中输入标题。将此页面标题为“ 关于我”或“关于<您的名字>”可能是有意义的。 
 
接下来,你会找到身体区域。在大多数情况下,您可以使用此空间输入内容。但是,根据您选择的  主题 (在下一步中更多内容),您可能会在其他地方输入您的内容 - 所以现在,只需输入一两句话。
 
看看可用于格式化内容的不同工具; 正如您所知,使用WordPress与使用Microsoft Word并没有什么不同。
 
WordPress内容编辑工具WordPress的内容编辑工具。
大多数这些工具将允许您格式化文本,添加链接等。您还可以使用“ 添加媒体” 按钮上传照片并将其添加到帖子中。
 
为此,请将光标放在内容中要显示照片的位置。单击“ 添加媒体” 按钮上传照片。上传后,您会看到:
 
在WordPress中插入媒体其中之一就是我。
热潮 - 你的页面上有一张照片。
 
所以,一旦你有你的照片和一些文字,请继续点击发布。这将使您的页面上线。
 
将“关于我”页面设置为您的主页
此时,您的“关于我”页面应如下所示:
 
关于默认主题的页面WordPress当前默认主题的页面外观。
但是,WordPress默认情况下会将博客部分显示为主页,而不是此页面。
 
由于这是个人网站而非博客,因此您希望此页面成为访问者访问您网站时看到的第一页。我们将其设置为主页:
 
在侧边栏中,将鼠标悬停在“设置”上 ,然后点击“ 阅读”
在“ 首页显示”部分中,单击“ 静态页面 ”单选按钮
选择“ 关于我”页面作为主页。
如果您想拥有博客,请创建并发布名为“ 博客”的空白页面,并将其设置为“ 帖子”页面。
保存更改。
将静态页面设置为主页。设置主页。
现在,返回WordPress 的Pages部分并创建其余页面。这个过程应该相对简单; 唯一可能更复杂的是您的联系页面。
 
如果您要做的只是链接到您的社交媒体配置文件,则可以非常轻松地创建此页面。但是,您可能还想链接您的电子邮件地址或添加联系表单。
 
使您的电子邮件地址可点击非常简单 - 只需突出显示任何文本(我在这个示例中实际输入了[假]电子邮件,但您可以使用任何文本),单击  链接 图标(或按CTRL / CMD + K)并输入“mailto:whatevertheemailis@domain.com ”,不加引号。
 
但是,请注意,将您的电子邮件地址设为公开,可以让任何人向其发送电子邮件 - 甚至是垃圾邮件制造者和机器人。这就是为什么我更喜欢使用联系表格。
 
将电子邮件地址插入WordPress页面。插入可点击的电子邮件
如果您决定要添加联系表单,则有两种选择。您可以找到具有内置联系人页面模板的主题,也可以使用您想要的任何主题,并使用插件添加联系表单。无论哪种方式,它都非常简单。我将介绍第3步中的第一个选项和第4步中的第二个选项。
 
可选:添加博客页面
如果您想在自己的网站上添加博客 页面,那就太容易了。
 
只需在网站上创建一个名为“博客”的新页面(或任何你想要的,无所谓)。然后在您的仪表板上返回设置 - >阅读并将您的帖子页面设置为您刚刚创建的页面。
 
从那里,你所要做的就是去帖子并开始写作。您发布的所有博客文章都应显示在该博客页面上。
 
如果您想了解有关创建成功 博客的更多信息  ,请务必查看我的综合博客建设指南。
 
现在一切都在一起。
此时,您应该设置所有页面,假设您正在进行多页设置。
 
现在是时候确保访问者在访问您的网站时留下深刻印象。让我们来看看自定义您网站的外观和感觉。

第3步:使用主题自定义您的网站设计

关于WordPress的最好的事情之一是可供您使用的愚蠢的大量主题。使用主题,您可以更改网站的外观,而无需了解任何CSS或具有任何图形设计技能。
 
主题基本上是您网站的模板或皮肤。它会在保留您创建的所有内容的同时更改外观。
 
自定义网站外观的第一步是找到您喜欢的主题。由于那里有大量的主题,这说起来容易做起来难。我打算试着帮你挑一个。

4个伟大的主题建议

我出去找了四个WordPress主题,我认为这些主题适用于个人网站。请记住,那里有成千上万的主题,所以这只是一个起点。
 
简单
 
简单的主题简单的主题
这是我在个人网站上使用的主题。它  非常 通用,因为它是一个建筑师风格的主题,可以让你在很大程度上自定义每个页面。此外,它是  免费的。 
 
如果您没有强烈的主题偏好,或者不知道从哪里开始,Simple是我的最佳推荐。我甚至创建了一个深入的视频教程,向您展示我如何使用它来创建我的网站:
 
除了本教程之外,您还可以查看官方文档,以获得您可能遇到的问题的更多答案。
 
Verbosa
 
动词主题动词主题
Verbosa是另一个伟大的  免费 主题,为您提供了很多自定义外观的空间。它不是构建器样式的主题,因此您无法使用Simple 编辑  结构 ,但是您确实有很多其他选项。
 
在我看来,Verbosa比Simple更容易学习,因为它的灵活性较低,这是一个公平的权衡。
 
查看主题的主页以获取更新和文档。
 
 
Themify的超主题超主题
与我在此列出的前三个主题不同,Ultra是一个  优质 主题。这意味着它需要花钱 - 我写这篇文章时大约需要50美元。那么为什么在那里有那么多免费的主题时付费?简而言之,它具有  灵活性。 
 
Ultra是由Themify制作的主题 - 与制作Simple的人相同,这是我上面提到的免费主题。虽然Simple确实非常灵活 - 特别是对于一个免费的主题 - Ultra将事情提升了一个档次。
 
例如,Ultra包含15种不同的标题样式,这意味着您可以将徽标和菜单项放在任何位置。在颜色,字体和预建页面布局方面,您还有更多选择。此外,还有一个投资组合功能,可让您轻松展示您的工作。
 
就个人而言,我发现免费的简单主题足以满足我的需求。如果你需要更多的功能和更大的灵活性,Ultra是我的最佳推荐。 注意:由于Simple和Ultra由同一个人制作并使用相同的基础,因此您可以从Simple开始,并将您创建的所有内容传输到Ultra,如果您最终需要它。
 
想要更多主题?这里有一些很棒的地方:
 
官方WordPress主题存储库  - 免费主题的最大来源
Themify  - 我目前最喜欢的地方找到WordPress主题
优雅的主题 - 我的女朋友安娜在她的网站上使用了他们的Divi主题
就像我说的,你拥有的主题选项实际上是无穷无尽的。探索并找到你喜欢的东西!另外,查看您选择的主题是否包含联系人页面的模板。如果是这样,您将能够在不使用插件的情况下建立联系表单。
 
一旦你找到了你喜欢的东西,让我们安装它。
 
安装你的主题
无论您在何处找到主题,请将其下载到您的计算机上。主题可能会出现在.zip文件中。查看此zip文件。
 
如果您在第一个文件夹中看到index.php,header.php和footer.php等文件,那就很好了。如果您发现这些文件隐藏在子文件夹中,您将需要提取所有内容并创建包含这些文件的任何文件夹的zip文件夹。
 
大多数主题都会附带文档,告诉您如何或甚至是否需要执行此操作,因此如果需要,请咨询该帮助。
 
获得最终的.zip文件后,就可以安装它了。
 
在WordPress仪表板上,将鼠标悬停在“ 外观”上,然后单击“ 主题”。
单击顶部显示“ 安装主题”的选项卡。
找到并点击“ 上传 ”链接。
选择.zip文件,然后单击立即安装。
确保已成功安装主题,然后单击“ 激活”。
正在上传主题。正在上传主题。
从现在开始,我无法真正涵盖本教程中的主题设置。主题是如此多样化,以至于我不可能涵盖所有内容。幸运的是,大多数好主题都带有文档,可以引导您完成设置。
 
检查自定义工具
几乎每个WordPress主题都会为您提供一些自定义网站徽标,颜色和其他功能的选项。对于某些设置,某些主题可能会与仪表板中的特殊菜单区域捆绑在一起,但大多数自定义将在内置的  WordPress自定义工具中完成。
 
要访问它,请将鼠标悬停在“  外观”上, 然后单击“  自定义”。
 
打开该工具后,您将看到您网站的实时预览,以及左侧的多个选项。每个主题都会包含不同的选项,所以你必须自己玩,看看你选择的主题有什么可能。
 
以下是它的外观:
 
WordPress定制器在这里,我使用自定义工具更改了网站的徽标。
完成所有更改后,点击  菜单顶部的保存并发布 即可进行更改。
 
请记住:根据您的主题,自定义工具可能不是您可以进行更改的唯一区域!例如,我在我的个人网站上使用的主题  Simple (上面链接)具有可在每个 页面上访问的整个页面构建器工具  。
 
务必查看主题文档,以便了解所有选项。
 
设置您的菜单
在我们进入下一部分之前,我将讨论一件事:WordPress的自定义  菜单功能。
 
自从我发布本教程以来,很多人都问我如何在他们的网站上创建自定义菜单。具体来说,他们想做的事情如下:
 
更改菜单中页面的顺序
创建将下拉以显示与主页相关的更多页面的菜单项
问,你会收到的。我创建了一个简短视频,指导您完成为网站创建自定义菜单的整个过程。
 
现在您已经掌握了主题,现在是时候通过添加插件和小部件来进一步调整。
 
第4步:使用插件和小部件改进您的站点
单独,WordPress是一个具有很多功能的伟大系统。然而,WordPress的真正之处在于它能够使用插件 -小型(或大型)打包代码,为您的网站添加功能。
 
我认为有一些插件对于任何WordPress网站都是绝对必要的,而且您可能还需要安装更多插件。
 
安装插件非常简单。与主题不同,几乎每个你需要的插件都保存在官方的WordPress插件库中。因此,您无需上传.zip文件 - 您实际上只需从仪表板中搜索插件并安装它们即可!去做这个:
 
在WordPress仪表板上,将鼠标悬停在插件上,然后单击“ 添加”。
搜索您想要的插件。搜索功能并不令人惊讶,因此您通常可以通过输入要搜索的插件的确切名称来获得最佳结果。
单击详细信息以阅读有关插件的信息,或单击立即安装以进行安装。
安装后,单击“ 激活”。
如果插件需要任何设置,请注意它。
重要说明:插件可直接与WordPress安装的内容配合使用。重要的是要辨别您选择在博客上安装哪些插件; 确保您信任您正在安装的内容。
 
安装插件这是您搜索和安装插件的地方
我建议在安装之前在WordPress插件目录中查找插件。如果一个插件的星级评分较低,它可能会被破坏 - 甚至更糟糕的是,它可能会有安全漏洞,可以打开你的博客进行攻击。警惕那里,士兵。
 
基本插件
有一些插件,如果不在互联网的这些公海上我就不会被抓住。我建议你也使用它们。我将链接到每个存储库页面,但请记住,只需通过搜索即可直接从仪表板安装它们。
 
Ninja Forms  - 一个简单易用的联系表单插件。查看文档以获取有关如何设置所有内容的说明。
WP超级缓存 - 简单地说,这个插件将使您的网站加载对访问者来说更快。默认情况下,每次访问者加载页面时,WordPress都会从其数据库中提取信息。这个插件将“缓存”大量信息,让它可以非常快速地加载而无需数据库调用。
UpdraftPlus - 可能是我见过的最好的免费网站备份插件。允许您手动备份数据库或整个站点。您还可以设置常规的预定备份(我推荐),并将它们发送到远程目的地,如Dropbox,Amazon S3,电子邮件等。
这些插件只是冰山一角。如果你想对你的网站做些什么,那么可能有一个插件可以帮助你做到这一点。
 
好了,既然你已经安装了你的插件,那就让我们进入最后一点 - 小部件。
 
让我们好奇!
窗口小部件是您可以放置??在主题的任何“小部件”的部分上的元素 - 也就是说,设置为要显示的窗口小部件。默认情况下,您的网站上已经显示了一些小部件,例如  Category,Recent Posts 和  Meta (尽管某些主题可能无法随处显示)。
 
要编辑站点上显示的小组件,请按照下列步骤操作:
 
在WordPress仪表板上,将鼠标悬停在“ 外观”上,然后单击“ 窗口小部件”。
在屏幕的右侧,您将看到为主题创建的所有窗口小部件区域。
将所需的小部件从中间区域拖到正确的框中。
更改您需要更改的任何特定小部件设置。
将小部件拖入或拖出框时会自动保存小部件。顺便说一下,如果要指定窗口小部件将显示或不显示的某些页面,则可以使用窗口小部件上下文插件。这可以防止事情变得多余。
 
WordPress仪表板的Widgets区域。自定义小部件。
由于这是一个个人网站,因此您可能希望显示一些特定的小部件:
 
链接 - 如果您有朋友也有个人网站,链接到他们可能很酷。我在我以前的个人网站的侧边栏上做了这个; 这是建立学生企业家视觉网络的一种很酷的方式。
文本 - 正如它所说,这是“任意文本或HTML”的小部件。您可以在此列表中放置任何内容,并授予您熟悉的代码。例如,您可以添加自己的照片和超短的生物照片,就像我在这个网站上所做的那样。或者您可以使用Twitter的Profile Widget嵌入您的推文。这里有很多可能性。
你完成了!
你现在应该有一个功能齐全的网站!您已经创建了所有页面,设置了菜单,一个很棒的主题,一些很棒的插件,以及侧边栏中的一些小部件。
 
恭喜!你刚刚提高了你的互联网信誉+1000,同时让你自己成为一个更有吸引力的候选人,你可能想要的任何工作。
 
巨大的成功!非常好!(图片来自Flickr上的rhodes)
这是一个快速的待办事项列表,以确保您充分利用您的网站:
 
最重要的是: 将您的网址添加到简历的顶部 - 如果您在自己的网站上显示任何作品,请考虑将其标记为“投资组合”,以便招聘人员知道将其核对。
为自己制作一些自定义名片,并确保在其上包含您的网址
将您的URL放入Twitter生物
将您的URL添加到您的其他社交网络 - Facebook,Pinterest,LinkedIn,Google +等。
开始将您的网站视为您的在线“运营基地”
此时,您可以认为您的网站“已完成”。在下一步中,我将概述一些可以使您的网站更上一层楼的方法。无论你是否决定这样做,我都想请你做一件事......
 
在Twitter上发送您的新网站的URL!我很想看看它,看看你能想出什么。
 
好吧,对于那些想要超越的人,让我们迈出最后一步。
 
第5步(可选):让您的网站更好
本教程的目的是让您从零到拥有一个尽可能容易的工作网站。但是,您可以做更多来优化您的网站的设计,速度,搜索引擎优化,安全性,导航,排版...您的选择是无止境的。
 
这就是为什么我想向您展示一些可以使您的网站更上一层楼的事情。我还会指出一些可以用来开始的资源!
 
个人网站搜索引擎优化:确保您在Google搜索中出现
我与创建网站相关的最常见问题之一是:
 
“如何让我的网站显示在Google搜索中?”
 
这将我们带到搜索引擎优化或SEO 的主题。现在,我要说实话 - 搜索引擎优化可能是一项复杂的业务。毕竟,我们正在谈论尝试使我们的网站看起来很好,以一个令人难以置信的复杂算法,其中详细说明谷歌一直保持严密保护。哦,当然,数以百万计的其他网站正在尝试做同样的事情。
 
好消息是,谷歌的算法(以及其他搜索引擎的算法),已经得到了很多,  很多 随着时间的推移更好。它的使命始终是为一个人搜索的内容提供最  相关的 结果,而且这样做非常好。
 
索引 弹出的新网站也快得多  ; 当我开始构建网站时,我记得不得不手动将它们提交给搜索引擎,然后有时候会等待  几个月 才能看到它们出现。现在,Google会自动为您的网站编制索引 - 通常只需几天时间。
 
尽管如此,我想分享一些你可以做的事情,以改善你的网站的SEO。为了简单起见,我们将采用80/20方法 - 因为80%的结果来自20%的努力。是的,你可以做很多微小的调整来略微提高搜索引擎优化 - 如果你对它们感到好奇,你可能想看一下这套教程。
 
我要推荐的是一组三个简单的步骤,每个步骤都会产生  很大的 影响:
 
在您的网站上拥有正确的内容
从其他权威和高流量的网站获取链接
确保您的网站适合移动设备
让我们从您网站的  内容开始。 Google确定您网站上的内容的主要方式 - 以及与一个人的搜索字词的相关程度 - 非常简单:  它会读取您的网站! 谷歌使用称为蜘蛛的 小块代码  来“抓取”互联网内容并为其编制索引。
 
因此,在创建网站的页面,标题和传记时,您需要问自己的首要问题是:
 
“我想与什么联系?”
 
显然,你想要与之相关的主要是你的  名字。但是,很多人都有相同的名字 - 事实上,我就是一个很好的例子。
 
我是托马斯·弗兰克,但托马斯·弗兰克也是一位着名的政治作家,出版过多本着作,在高知名度的网站和报纸上发表了专题文章,还有一本维基百科条目。
 
直到最近,他的名气确保我没有露面  的任何地方 ,当你搜索“托马斯·弗兰克”谷歌的第一页!
 
但是...... 如果你要搜索“托马斯弗兰克YouTube”或“托马斯弗兰克学院”,我  确实 上来了。通常先。
 
那是因为我努力将自己与描述我的职业,行业和兴趣的术语联系在一起 -  我确保我的网站提到了它们。 
 
这是我网站上的第一段:
 
“我是一名作家,YouTuber和演讲者,他热衷于帮助学生取得成功。我今天的大部分工作都是在College Info Geek完成的 - 这是我在2010年创建的一个网站,旨在分享我的实验,成为一名更有效的学生。“
 
请注意,它列出了  作者,YouTuber以及  “学生”和  “大学”等字样。谷歌会接受这些条款并将其提供给算法。他们不保证我会为他们排名很高,但他们帮助。
 
所以,假设你是像我女朋友安娜那样的平面设计师。如果是这种情况,那么您自然希望在您的网站上提及 - 最好是在主页上。但是,不要只停留在“平面设计师” - 您可以提及的专长是什么?也许:
 
插图
UI设计
婚礼请柬
你的位置怎么样?如果你住在波特兰,而且你希望在当地找到工作或自由职业演出,那么你最好把自己列为“波特兰的平面设计师和插画家”。
 
其次,您需要了解  其他网站链接 在您自己网站排名中的作用。简而言之,当您的网站具有以下优势时,您的网站排名会更高:
 
来自很多  网站的链接  (如果它们合法地获得 - 不是付费或垃圾邮件方式)
来自权威 网站的链接  (通常是拥有大量流量的网站,或者由政府或大学等机构运营的网站)
搜索字词越具竞争力,您的网站需要为其排名的权威链接越多。“棒球”的排名  真的 很难,而“大猩猩吞下18个棒球”的排名会更容易(是的,我会注意到)。
 
这就是为什么如果可以的话,从其他网站链接到您的个人网站很重要。这包括:
 
您所属团队的网站(学校组织等)
社交个人资料 - LinkedIn,Twitter,Goodreads等
我会注意到,许多社交媒体网站的设置方式都不会让您个人资料中的链接  直接 提升您的排名; 然而,确保有它有可能导致其他人给它(因为Twitter和LinkedIn有  很多 比你的网站更多的流量),并且他们可能会从其他网站链接到它。
 
如果您想更进一步,可以考虑为您所在行业的网站或学校报纸撰写客座文章。这些网站的链接可以提供帮助,特别是如果您的名字像我的一样有很多竞争对手!
 
最后,我想提一下  Google将移动友好性放在首位。 
 
超过50%的互联网流量现在来自手机和移动设备,谷歌已经注意到了。幸运的是,今天大多数优秀的WordPress主题都是针对移动响应性而开发的 - 这意味着您可能不需要做太多工作来确保您的网站对移动设备友好。
 
尽管如此,在您构建它之后检查手机上的网站并不会有什么坏处,以确保它易于浏览和阅读。
 
升级你的大脑
我12岁时开始建立网站。起初,我只是使用超级老派的Geocities网站构建工具来拖放元素。这很有趣,但还不够。最终我发现我需要学习一些代码,然后我开始自学HTML。
 
幸运的是,近年来网络已经走得很远。有了像WordPress这样的内容管理系统,任何人都可以在不知道任何代码的情况下创建一个漂亮的网站(就像你刚才那样)。
 
不过,点击WordPress只能让你到目前为止。有一点你想让你的网站更上一层楼,你需要一些网络开发知识才能做到这一点。考虑到这一点,您可以使用以下资源来启动Web开发教育。
 
要保持自由,请坚持使用以下在线资源:
  • DevDocs - 一个  惊人的  wiki chock-充满了教程和参考。如果您是一名阅读型学习者,这是一个很好的起点。
  • Mozilla Doc Center - 另一个学习基础知识的好地方。我更喜欢DevDocs,但这是一个很好的选择。
  • Codecademy - 提供HTML,CSS,编程等互动课程的网站。绝对是那些从实践中学习的人的好选择。
  • Code Combat - 一个超级有趣,视频游戏风格的网站,可以教你Javascript或Python。
  • Design Tuts - 如果你想要提升你的平面设计技巧,那就去吧。他们有很多很棒的教程。
  • Codecourse  - 一个令人惊叹的频道,可以观看各种编码语言的免费视频教程,包括PHP,这是驱动WordPress的原因。
  • Web Design Tuts - Envato运行的非常大的Tuts +网络的一部分。我和他们的一个伟大的初学者系列有关。
  • WordPress Codex - WordPress的官方文档。这里有很多很棒的教程,以及当你开始变得非常讨厌时的完整功能参考。
  • Smashing Magazine - 一本惊人的在线杂志,刊载有关Web开发各个方面的文章。
Lynda.com 是我推荐的另一种资源,但这不是免费的。如果你正在寻找任何网络开发主题的视频课程,这是一个惊人的网站。事实上,许多大学都为学生提供免费订阅这个网站。请询问您学校的IT部门,了解您的IT部门是否属于其中之一。 
 
另一个很棒的视频学习库是Treehouse。他们的图书馆并不像Lynda那样广泛,但他们仍然可以提供很多 - 特别是在网络开发领域。 我实际上更喜欢Treehouse而 不是Lynda,因为它们包括代码挑战和基于视频项目的测验。事实上,我学会了在两天内 使用Treehouse 构建iPhone应用程序  。不幸的是,我还没有看到任何学校为他们的学生提供免费订阅 - 但这并不能阻止你的要求!
 
当然,学习Web开发的另一个好方法是简单地查看代码。如果您使用的是谷歌浏览器,则可以按CTRL + U(或者如果您使用的是Mac,只需转到“ 查看” - >“开发者” - >“来源”),即可查看您所在页面的HTML。您还可以使用Web Developer扩展来深入挖掘。此方法不适用于查看像PHP这样的服务器端代码,但它非常适合挖掘HTML,CSS和Javascript。
 
如果您是图书学习者,我会为您的图书馆提供一些建议:
 
HTML和CSS: Jon Duckett 设计和构建网站 - 这本精美的书籍提供了对Web开发基础知识的精彩介绍。这是任何Web开发教育的一个很好的起点。
乔普·普拉姆利的WordPress 24小时训练师 - 如果你正在寻找一本开始使用WordPress的书。老实说,我认为你可以通过使用Codex和玩弄东西来学好。但是,如果你真的想要一本书,就是这样。
专业WordPress:  Hal Stern的设计与开发 - 仅限严肃的极客。本书深入研究 WordPress。如果您有兴趣了解Core和Loop如何工作或如何开始构建主题和插件,请购买此产品。
不要让我思考 Steve Krug-- 网络可用性的 kickstart指南。学习如何使网站可用和可访问的好方法。
网络开发教育是一个巨大的领域,我不会假装我可以在一个帖子中覆盖它。这些资源将帮助您入门,但知道还有很多其他很棒的资源。学习的最佳方式之一就是与其他开发人员交谈!
 
升级您的网站
既然我已经了解了你可以学习网络开发的方法,我将在这篇文章中详细介绍一些链接,这些链接将教你如何使你的网站变得更好。
 
 
结论:从这里开始
你可能感觉不到那个词的重要性,特别是如果你在开始之前首先浏览了这篇文章。不过,对我来说,在花了超过15个小时编写本教程之后再看一下真是太棒了。
 
希望您现在拥有一个功能齐全的网站,以及对Web开发的崭露头角的知识和兴趣。如果你已经获得了这些东西,我已经完成了我的工作!
 
请记住,如果您需要任何帮助,可以与我联系。我会直接帮助您,或者指向可以提供帮助的人员或资源。你也可以在Twitter上与我联系而无需帮助 - 我很想见到你!
 
如果您正在寻找有关如何进一步改进自己网站的想法,您还可以查看我们的50个真棒个人网站示例列表。
 
祝好运!