Tutorialspoint 网站开发教程

来源：易百教程

网站开发教程™

一个网站可以被定义为几个网页的集合，这些网页都是相互关联的，可以通过访问主页，使用诸如Internet Explorer，Mozilla，Google Chrome或Opera等浏览器来访问。 在本教程中，我们将解释网站开发的概念，从最简单到最高级的。 这将有助于新手用户了解所有关于网站建设的知识技术，以及如何设计和维护。 同时，本教程还有足够的材料可以帮助系统管理员扩大对网站的了解。

面向读者

本教程面向所有希望了解建立网站整个过程的读者。 我们坚信，本教程将帮助几乎所有想要建立网站的人，而不需要从技术人员的专业指导。

前提条件

我们设计了这个教程，牢记初学者的要求，尤其是那些没有技术背景的读者。 因此，我们不需要读者对网站开发的任何相关知识。

开始学习 >> ：如何建设一个自己的网站(博客）？

如何建设一个自己的网站(博客）？ - 网站开发教程™

如果你有创建一个自己的网站这个冲动，要搭建一个属于自己的网络空间平台，但是苦于不知道从何下手，或者因为不知道水有多深，又或者觉得那是做IT，搞程序的人的专利，望而却步，本文绝对适合你。在开始之前我想说的是：搭建一个自己的网站没有你想的那么复杂，只要想搞(做)，不懂问我。

本文不适合以下读者：

• 不喜欢甚至讨厌互联网
• 没有恒心，三分钟热度
• 差钱，对学习不肯投入
• 差时间，不愿意为自己所做的事情投入时间
• 懒人或不善于学习
• 
  

如果有上面情况之一，强烈建议不要再往下阅读。。。否则后果自负 ~！

参考以下目录：

[TOC]

1. 为什么要创建一个自己的网站

创建一个网站对于每个人都有自己的原因，假设你是互联网积极分子热衷于关注和研究互联网，创建一个自己的网站让你对互联网的理解更加深刻。对于热爱写文章和日志的朋友，那是一个与分享自己知识见识和生活点点滴滴的地方。对于玩自媒体的朋友，个人网站不仅能实现自我营销，还可以降低自我营销成本，下面分别列出创建一个自己的网站的好处和坏处。

1.1. 好处

• 创建个人的一个网上名片。可以将自己的个人网站定义为自己的个人简历，传统简历不能非常完整地展示一个人的个人经历和工作案例，但是个人网站可以做到。
• 自我营销。对于文学创作者、营销策划人员、新媒体自媒体工作者而言，个人网站十分必要。自媒体、新媒体平台是一旦账号被封或者被盗，之前的努力可能就白费了。个人网站就不会陷入这样的困境了。
• 降低自我营销成本。在新媒体自媒体等平台的广告投放价格是十分昂贵的，即便是需要使用自己的域名，一整年的花销加起来也几百元。
• 记录人生。除了前面那些比较功利的意义和作用，个人网站也是非常好的记录人生的工具。入住其它共公博客平台，也要承担平台关闭后数据遗失的风险。个人网站则很好地规避了这一点，并且能更好地保护好自己的数据和文章。
• 挑战自我。尝试着自己去做个网站，其实也是对自己的一个挑战。很多人，包括文章开头那个小伙伴都觉得做网站是件非常困难的事情，我们可能不会写代码，可能不会做UI设计，甚至于我们都不知道什么是切图什么是HTML。但是只要你会使用网络搜索，做个网站早就没有那么难了。

1.2. 坏处

• 费钱，至少要购买域名和服务器。
• 费神，还需要懂一点网络或IT技术基础，有时服务被攻击或宕机时需要处理。
• 费时，自己的网站或博客是要花时间不断地学文章内容的，并不是拿来摆设的。

相比于创建个人网站的好处以及创建个人网站的决心，这些不算什么事，并且也值得我们去折腾。

2. 定位

有关如何定位自己的个人网站，这得从创建个人网站的目的(初衷)。常见的一些个人网站的目的：

• 记录日志，比如：小孩生长记录日志，宠物日志，花卉日志等等。
• 网络文章写作，比如：连载小说，自媒体等
• 专用于各种优惠码，打折返现等
• 其他因人而异
• ……

3. 创建网站的步骤

前面讲了一堆创建个人网站的原因，优缺点等，现在来讲一点真正的干货。如何搭建一个属于自己网站，估计很多人(无论技术或非技术)都有这个冲动想去搭建一个属于自己的网络小天地，但是苦于不知道从何下手，或者因为不知道水有多深，而望而却步，其实搭建网站没有想象的那么复杂，这里只要按照下面操作就没有问题。一共就五个环节：

1.注册域名
2.购买空间
3.服务器环境安装(网站代码部署)
4.提交备案
5.域名解析

查询你想要注册的域名，比如：yiibai123.com，只需要输入yiibai123搜索即可，为什么还要搜索？这是因为有的域名可能已经被别人注册了，只要别人还没有注册你都可以注册。搜索结果如下所示 -

点击加入清单 即可，如果没有登录，它会要求你登录(如果没有账号，可以先注册一个账号，登录即可)，假设这里你已经登录账号了，在左侧如下所示 -

点击去结算，付款就可以了。

3.2 购买服务器

想要稳定地运行网站(博客)，需要购买一个自己的服务器，服务器不需要太好，但要求是独立主机。如果不知道怎么买没有关系，其实阿里云有专门针对这种应用级的服务器。可以通过参考以下链接购买：

轻量应用服务器 ：http://common-buy.aliyun.com/?spm=5176.8064714.850240.pricedetail1111.7da62946Mv8XAQ&commodityCode=swas#/buy ，如下图所示 -

3.3 网站备案

根据工信部《互联网信息服务管理办法》(国务院 292 号令)，网站在未完成备案之前，不能指向大陆境内服务器开通访问。如果您的网站托管在中国大陆节点服务器，或者开通 CDN 服务，就必须申请 ICP(互联网内容提供商)备案。若网站服务器为非中国大陆节点，则不用申请备案。

ICP 包含两种类型：

1. ICP 备案： 对于单纯的资讯性并且不涉及直销的网站，需要申请 ICP 备案。ICP 备案可通过网站托管服务器提供商或网络空间服务商(如电信、移动、联通等)进行申请。阿里云 ICP 备案操作可分为：首次备案、接入备案、新增网站备案(原备案不在阿里云) 和 新增网站备案(原备案在阿里云)。注意：个人网站属于这一类型。

2. 经营性 ICP 许可证： 对于商品或服务的在线平台或第三方卖方，需获得商用许可证。要申请经营性 ICP 许可证，您必须先有一个有效的 ICP 备案号。经营性备案需用户自己到当地管理局相关部门进行办理，服务商可协助提供资质以及接入协议。

有关网站备案要，可通过：http://beian.aliyun.com/ 了解，需要注意的是：不同服务器提供商都有自己的备案接入。不可以跨服务商备案，也就是说：买了阿里的服务器不能在阿里云之外的服务商备案。

4.4 服务器环境安装

服务器的安装比较简单，这里主要介绍：Window系统和Linux系统服务器，对于那些不太熟悉IT技术的朋友，建议在购买服务器时选择Window系统，这样可以避开不必要的麻烦。而如果有些IT技术基础，又想了解和学习Linux系统的话，建议安装CentOS或Ubuntu。

Window安装PHP环境：WampServer等集成环境安装，搜索下载WampServer软件，安装到一个目录，比如：C:/wamp。
Linux安装PHP环境：http://www.yiibai.com/nginx/lnmp.html

4.5 安装博客系统

用来做网站或个人博客的免费系统的系统实在太多了，这些系统经过多年的发展，都十分健壮和强大。下面介绍几种主流的免费博客系统。

1. Wordpress ：当之无愧的王者，国内国外都有众多用户，插件，模板数量众多，seo方面做得也非常好。
2. bo-blog：国内php技术的知名博客系统，有很多漂亮的中国化的模板。
3. Z-BlogPHP：好一阵子没有更新系统代码，不影响使用。
4. emlog : emlog是一款基于PHP和MySQL的功能强大的博客及CMS建站系统。致力于为您提供快速、稳定，且在使用上又极其简单、舒适的内容创作及站点搭建服务。

推荐： Wordpress，有很多用户，有什么问题都能比较容易找到解决办法。

安装很简单，下载系统的源代码，并解压代码文件到安装WampServer的安装目录(如前面所述的：C:/Wamp 目录)之下，通过在服务器上的浏览器访问：http://localhost 进行安装。

4.6 域名解析

假设您已经注册了域名，并且成功安装了博客系统，对外公开的博客网站的必须工作就是要解析域名，首先登录您的阿里云账号，进入到控制台，在侧菜单项中找到域名和网站(万网) -> 域名 ，如下所示 -

选择你要解析的域名，然后点击解析链接，转到如下的界面 -

刚进入，应该是一个空的解析列表，通过点击添加解析，在弹出的输入框中，填写相关数据值，如下所示 -

通过添加上面一条记录后，就可以在浏览器中通过域名来访问你的网站了。

注意： 上面添加的解析，并不能马上生效，TTL值 指定生效的时间，在这个选项选中的是 10分钟，表示需要添加提交10分钟后才能生效。

如果你现在对互联网感兴趣，我建议你趁早建立一个个人的独立博客，我就特后悔自己的独立博客建立的太晚了。如果能早建五年，那么现在我的博客一定会发展的很不错了！所以，趁年轻，趁有想法，趁有时间，早点建立一个自己的独立博客，打造个人品牌吧！

网站开发简介 - 网站开发教程™

一个网站可以被定义为多个相互关联的网页的集合，并且可以通过使用诸如Internet Explorer，Mozilla，Google Chrome或Opera的浏览器访问主页来访问。 例如，易百教程的网站地址是 - www.yiibai.com ，打开后显示如下图 -

每个网站都有自己的URL，这是一个唯一的全球地址，称为域名。 一个URL包含(例如:http://www.yiibai.com/siteinfo/about_us.html) -

• 第1段 - 用于访问网站的协议，在这种情况下是http，默认使用端口为:80。它也可以是http; 使用端口为:443。
• 第2段 - 默认是www的子域，常见的还有:m.yiibai.com，user.yiibai.com等。
• 第3段 - 域名; 域名通常具有一定的含义。 就像我们的“yiibai”一样，我们可以理解这个网站提供的教程:易百教程。
• 第4段- 可以是.com，.info，.net，.biz或国家地区特定的后缀名称(如:中国为.cn，中国台湾为:.tw，日本为:.jp)。
• 第5段- 这些目录或者简单的话来说就是包含这个网站的服务器上的一个文件夹，这里是:siteinfo 在服务器上就是一个文件夹。
• 第5段- 我们正在看的网页，在这个示例中对应网页文件是:about_us.html。

为什么需要创建网站？

网站主要是想要分享信息的人和想要分享信息的人之间的桥梁。 如果您正在经营一家企业，那么有一个网站来发布您的产品信息，让全世界的潜在客户知道了解，这是很有必要的。

以下几点解释了为什么有一个网站是重要的 -

• 一个网站是一个在线的小册子，可以发布产品报价。
• 它为您提供了一个接触广泛的全球客户群的平台。
• 如果你是一个博主，可以影响你的读者。
• 可以显示您的所有想法并将其发布到网站上。
• 如果你有一个商业想法，那么不必等待。可以直接打开网上商店并在线销售您的产品或服务。 另外一个好处是，在线商店将全年全天候为客户开放。
• 可以与您的客户沟通，给他们一个表达自己的机会。
• 可以通过设置故障单系统来提供有价值的客户支持。
• 如果你有一个域名的官方网站，那么可以有个性化的电子邮件。 例如，info@yiibai.com(它比maxsu.hk@yahoo.com要好得多)。

如何安装设置网站？

一个网站是由几个元素组成的，同时建立一个网站，需要处理每个页面细节。

• 要建立一个网站，应该首先购买一个托管主机(服务器)。
• 为这个网站选择(注册)一个域名。
• 将DNS记录指向服务器或托管提供商。
• 开发或编写想在网站上发布的内容。
• 可根据需要购买公共证书并安装它。
• 在互联网上发布网页。

在本教程的后续章节中，我们将详细讨论上面讲到每个步骤。

网站开发必要技能 - 网站开发教程™

建立网站所需的技能可以从非常基本到最高级的。 如果您打算为全球用户建立一个专业的网站，那么应该拥有以下一套技能，否则需要雇佣一些人来为你做这项工作。

内容编辑

内容编辑提供将在网站上发布的内容。 他们根据目标受众的需求来设计内容，然后在内容发布之前进行编辑和打磨。

内容专家通常依靠网站设计师和网站管理员的专业知识。 请注意，内容可以是文字，数据，图片，音频或链接。

网站设计师

网页设计师是设计和维护网站的图形用户界面(GUI)的技术人员。 例如，应该放置哪些按钮，如何显示图像等等。

图形设计师

平面设计师开发要包含在网站中的图像文件。 这些专业人员对于为Web环境开发合适的图形有着深刻的理解。

网页开发人员

Web开发人员根据网站设计者建立的网站设计，创建程序代码来操作提供的内容。 网络程序员应该使用一组编程语言来编译网页应该在后台执行的特定功能。 这是一个网络程序员必须擅长的一套重要的编程语言 -

• HTML/XHTML - 这些是您将用于建立网站的标记语言。 网络程序员必须对HTML和XML有很好的理解。
• PHP - 这是一种流行的开发网页的编程语言。可以在 - http://www.yiibai.com/php/ 上学习PHP的更多技术知识。
• PERL脚本 - PERL是用于开发交互式Web应用程序的另一种语言。 如果打算使用PERL开发您的网站，请浏览我们的教程 - http://www.yiibai.com/perl/ 以了解更多关于PERL的信息。
• Java或VB脚本 - 需要这些脚本来执行用户级验证，并为您的网站添加更多的交互性。 所以，Web开发人员需要对这些客户端脚本有足够的了解。
• AJAX技术 - AJAX是Web上的最新技术。 谷歌和雅虎正在使用这项技术为其网站访问者提供更好的浏览体验。
• ASP或JSP - Web开发人员需要精通ASP或JSP来开发交互式网站。 要获得更多的信息，可以通过我们的ASP和JSP教程 - http://www.yiibai.com/asp.net/ 和 http://www.yiibai.com/jsp/ 。

网络研究员

应该研究影响网络技术的新工具，趋势和问题。 网络研究人员向网站管理员报告可以整合到网站中的新技术。 他们优化适当的网站流量并评估网站开发工具，可以是硬件或软件。

硬件和软件支持资源

支持资源根据需要升级硬件和软件。 它们在保持系统无缝运行方面发挥着至关重要的作用。

营销和推广

营销专业人士大多使用流行的社交媒体平台(如Facebook和Twitter)来推广网站上的内容和资源。 他们接触到目标受众并在其中产生意识。

系统管理员

系统管理员知道如何设置协议并将其指向HTTP，FTP，SMTP和DNS记录。 系统管理员是那些负责网站开发及其维护的各个方面的专家。

域名是什么？ - 网站开发教程™

每台服务或网站都有一个IP地址，域名可以理解为IP地址的一个别名，它是一种容易记住的别名。域名是在线地址的一部分，访问者将使用它来轻松找到您的网站。 例如，易百教程域名是:yiibai.com，它的IP地址是：220.198.22.185，显然我们更容易记住yiibai.com，而不是IP地址：220.198.22.185 。域名是独一无二的。 一旦您注册了，如果继续更新续费使用，其他人是不可以注册。

注册一个域名很容易，因为可以选择任何你想要的名字，但是一般选择对你的商业未来或你的博客网站相关很重要。 因此，在本节中，将重点关注在购买域名之前必须考虑的一些规则。

规则1 - 如果需要，选择一个可以成为您的品牌名称的域名。例如:域名 - yiibai.com 是用于表示易百教程这个品牌，因为没有类似 yii-bai.com 的通用关键字字符串。
如果您的品牌没有号码或数字，则不要购买带有数字的域名，因为从用户的角度来看没有品牌匹配。 例如，yiibai123.com 。

规则2 - 如果在财务上允许，那么可以购买各种扩展名的域名，如.com，.net，.info，.biz等。在这个例子中，它将像:yiibai.net，yiibai.info，yiibai.cn 都可以注册。有些拼写错误的域名，例如类似的情况就是:google.com。 例如输入gogle.com，少输入一个o，但仍然会将您重定向到google.com的官方网站。

规则3 - 必须确保该域名不是商标或受版权保护。

规则4 - 找到一个简短的域名。 域名中的字符越少，就越容易键入，分享并在社交媒体平台和搜索结果中获得入围名单。

规则5 - 在Web地址的末尾，扩展名是后缀，例如.com或.net。 这些可以具有特定的用途，所以确保选择适用于您的业务的扩展。 .com域名是迄今为止最受欢迎的域名，但是要获得一个简短而令人难忘的.com域名是非常困难的，因为这个域名已经存在很长时间了，好的域名几乎被别人注册完了。 如果您的网页在本地投放，则可以使用您所在国家/地区的后缀购买，如在中国国内运营可使用.cn域名。

规则6 - 如果您的域名不是以品牌名称发布，那么至少应该使用描述您的业务的特定关键字，例如:yiibai.com。 它有助于提高您在搜索引擎上的排名(这会增加流量)，这对您的客户也更有意义。

域名扩展

第一个域类型是顶级域名(TLD)。 这些顶级域名包括任何只包含一个后缀的扩展名，例如.net，.info，.biz等。

二级域名(2LD)是在.com或.co后缀之后包含一个更多级别的域名。 例如，.com.cn是一种二级域名风格，因为它在.com之后包含一个额外的后缀，表明该网站源于中国。

通用顶级域名(gTLD)是通用顶级域名(Generic Top-Level Domain)，包含地址如.marketing，.estate，.fashion和.photography。 这是一个蓬勃发展的细分市场，近来很受欢迎，无论您的行业有多大，都可选择！

CTCT是通常仅限于某些国家/地区的国家/地区代码顶级域名。 这些域名如:.cn，.au，.uk，.ae，.us等

扩展也有一个含义。 一些顶级域名的含义如下:

• .com - 商业应用 - 这是一个开放的TLD; 任何人或实体都可以注册，并且始终是主要的TLD。
• .org - 组织应用 - 这是一个开放的TLD; 任何人或实体都可以注册。 但是，它原本是供任何非营利组织使用的。 但截至目前，没有这样的限制，许多组织正在使用.org域名。
• .net - 网络应用 - 这是一个开放的TLD; 任何人或实体都可以注册。 最初打算用于指向分布式计算机网络的域，或“伞”(Umbrella)站点，作为一组小型网站的入口。
• .edu - 教育机构应用 - 此TLD仅限于特定的高等教育机构，例如但不限于贸易学校和大学。
• .mil - 军事机构应用 - .mil TLD仅限美国军方使用。
• .arpa - 地址和路由 - 这是早期在互联网上的高级研究计划局，.arpa现在专门用作互联网基础设施TLD。

在下一章中，我们将了解如何注册一个域名。

如何注册域名 - 网站开发教程™

要注册域名，需要通过域名注册商向名为ICANN的组织注册所需的域名。 例如，如果您选择“mydomain.com”这样的名称，则应该到注册服务商那里注册，注册费用每年约为50元人民币。 这将使您有权使用域名一年(可一次注册几年使用)。 如果超过一年需要续用，那么应该续费，支付差不多与第一年相同的费用。

一些网络主机允许您在那里购买了一个托管主机，然后免费注册域名，而一些注册商要求必须支付注册域名的费用。

下面给出了一些可以注册域名的最大注册商 -

现在，让我们一步一步看看如何在阿里云注册一个域名。假设要注册一个名称为:yiibaidemo.com 的域名，那么可以参考以下步骤 -

首先，应该查询并选择域名，看看是否可以购买。如下图所示 -

就这个示例而言，填写域名为:yiibaidomo，然后点击查域名。如下图所示 -

正如您在以下屏幕截图中看到的结果所示，此域可以使用，首年需要支付￥55元。如下图所示 -

点击右侧的按钮：加入清单 ，然后跳去登录 -

然后登录您的账号(没有账号的话可以先注册)，如下图所示 -

可以看到域名清单中有上面步骤中添加的域名:yiibaidemo.com ，如下图所示 -

点击立即结算 ，然后拉到最底部，点击立即购买-

然后支付完成就可以了。

子域名 - 网站开发教程™

子域是域名的扩展名，可以转发到URL或指向主机帐户或不同服务器中的IP地址和目录。 子域功能与主域名分开。 我们可以使用子域创建网站的区域。

示例

可以在网站上创建一个名为“移动端”的博客子域，例如:除了已经存在的 www.yiibai.com/m 之外，还可以通过URL - http://m.yiibai.com 访问该移动端网站。

理论上，我们可以为每个域名添加无限的子域名。 也可以添加多个子域的级别。 例如，可以添加info.blog.yiibai.com以深入了解网站上更具体的感兴趣区域。 每个子域最多可以有25个字符。参考下图所示 -

域名隐私 - 网站开发教程™

互联网名称与数字地址分配机构(ICANN)普遍要求拥有和管理域名的人的邮件地址，电话号码和电子邮件地址应通过“WHOIS”目录公开提供。 但是这个规则使得垃圾邮件发送者，直接销售商，身份盗窃或其他攻击者能够使用该目录来获取个人信息。 虽然ICANN一直在探索改变WHOIS以实现更大的隐私。 主要利益相关者之间缺乏共识，应该做出什么样的改变。 但是，随着许多注册商的私人注册，一些风险已经减轻。

在域名WHOIS记录中有四个联系人和职位，

• 所有者
• 管理人员
• 付费人员
• 技术人员

一些注册商不会屏蔽所有者组织的名称来保护域名的所有权。

打开URL: http://whois.aliyun.com/ ，然后输入想要查看公共数据的域名。

下一步，输入要查询的域名，以www.yiibai.com为例，点击查询，如下图所示。

查询结果如下所示 -

有关所有者已经被设置为隐私了，所以看不到了。但是还有一些其它的信息是可以看到的，如下图所示 -

配置DNS和解析域名 - 网站开发教程™

DNS记录主要用于将域名转换为托管本网站的服务器IP。 记录是在域名注册商处输入的，这一点很重要。 他们通常为您提供一个DNS管理器面板。 主要目的是人员和应用程序不必记住大数字来导航到一个域。 例如，www.yiibai.com 的IP为 202.184.220.142，所以记住一个友好的名字更容易。

指向一个域的IP是通过一个记录完成的。 例如:www.yiibai.com A记录为 202.184.220.142

还有其他类型的DNS记录用于网页，具体取决于我们需要发布的功能。

现在我们看看它的实际情况:早些时候，域名:yiibai.cn 在阿里云购买的，假设现在要启用这个域名，那么需要指向一个IP。 那么可以按照下面的步骤进行。以阿里云为例 -

首先，应该先输入用户名和密码登录。然后点击“控制台”—>“域名” —> “域名列表”。如下图所示 -

在列出中选择对应域名:yiibai.cn，然后点击“解析”。如下图所示 -

在上图中，点击添加解析，然后填写相关记录的信息，如下图所示 -

最后，点击确认 保存信息，完成~！

等过10分钟以后，Ping www.yiibai.cn 看看返回的是不是填写的记录IP值:112.124.103.85 ，这个IP是你的网站的服务器的IP地址。

内容管理系统平台 - 网站开发教程™

在本章中，我们将首先讨论如何为您的网站做出正确的选择，以及为网站选择哪个内容管理系统(CMS)平台。

选择合适的网站

让我们通过问自己几个问题来理解这一点，然后详细讨论这个概念。

问题1 - 你要花多少钱？

回答 - 这是与预算直接相关的主要问题之一。 如果你的预算很低，那么应该考虑一些非商业性的，而不是太复杂。

问题2 - 需要多少时间来计划维护？

回答 - 如果要发布很多优惠报价，最好有一个博客，肯定需要一个动态的网站。 必须有额外的工作人员处理所有这些问题，因此这个问题与问题1相关。否则，应该有一个平坦的网站，我们将在下面的章节解释。

问题3 - 网站是否会用来作在线销售产品的电子商务网站？

回答 - 如果是这种情况，应该寻找一个叫做电子商务的平台。 有很多这样的开源和商业的，如Magento，Opencard，Shopify等。

问题4 - 视图是否适用于手机等不同的屏幕？

回答 - 如果这是主要标准之一，并且网站上的信息没有太多其他变化， 那么应该去找一个有Bootstrap功能的平面网站。

问题5 - 网站会与社交媒体或其他第三方平台进行互动吗？

回答 - 您需要记录网站上发生的所有事件，并将其保存在数据库中。 为了保存所有这些数据和记录，则需要一个动态网站。

问题6 - 哪种类型的网络编程语言或平台更容易找到？

回答 - 根据国家的不同，有几种编程语言或平台比其他编程语言更受欢迎。 所以，应该首先找到一个符合你所在地区趋势的平台。

CMS平台

内容管理系统(CMS)平台是允许创建和运行您的网站的应用程序。 您将看到一个管理面板，您可以在其中创建和更新页面，文章和其他类型的内容(图像，视频等)，并根据需要安排内容。

您还可以通过安装主题(设计模板)并更改它们来通过管理面板更改网站的设计。 所有的操作都是通过点击各种按钮来完成的。 在大多数情况下，不必编写代码或脚本，就可以轻松管理您的内容。

最流行的CMS平台是:WordPress，Joomla和Drupal。 他们是免费的和开源的CMS引擎。 这意味着这些管理系统的源代码向公众开放。 可以在您的网站上使用，编辑和自定义引擎的核心文件，如果您发现改进平台的好方法，则可以将其发布给开发人员，并帮助他们在下次更新时更好地引擎。

WordPress是一个开源CMS。 超过50%的网页是由该平台。 每个新的更新版本都变得更加全面，直观和流行。 WordPress有一个承诺的社区，它有大量的免费扩展和最简单的使用界面。

使用WordPress管理您的内容非常简单:可以创建一个页面，将其添加到菜单中，在其上张贴内容并在网站的前端看到您的内容。 所有这一切都归功于卓越的CMS平台。 官方网页是: http://wordpress.com/ 。

以下屏幕截图显示了仪表板背景。

Joomla在定制可能性和用户友好性之间取得平衡，但它比WordPress复杂得多。 如果你以前从未使用过这个引擎，那么需要一些时间来习惯修改它。 为初学者开发者分配插件到模块，在不同的页面上定位模块，配置布局和其他必要的操作可能有点困难。

另一方面，Joomla扩展开发人员和社区已经提出了很多启发式的解决方案，以解决在WordPress中很难解决的常见网页设计问题。 如果我们以任何Joomla滑块扩展为例，可以在页面上设置它的位置，显示每张幻灯片的持续时间，滑动效果和分页类型。

其官方网页是 - http://www.joomla.org/ 。

Drupal适用于能够负担全职管理员的大型网站和组织。 几乎可以用Drupal做任何事情。 用户经常着迷于引擎包含多少选项。 在WordPress或Joomla需要自定义编码的许多事情在Drupal中默认已经有了现成的解决方案。 它可以通过第三方扩展进一步增强。

它的官方网站是 - http://www.drupal.org/ 。 其仪表板背景视图显示在下面的屏幕截图中。

静态和动态网页优缺点 - 网站开发教程™

静态或平面的网页是指一个网页，其中所有的信息和材料都存储在网页文件中。 静态网页向所有用户显示不太经常改变的信息和数据。 在互联网技术中，超文本标记语言(HTML)是人们开始创建静态网页的第一语言或渠道。 HTML提供了文本，段落创建和换行符的风格。 但HTML的最重要的功能和特点是链接创建选项。 静态网页对于他们的材料和内容很有用，而这些内容很少需要修改或更新。

静态网站的优势

• 快速开发
• 低价开发
• 不需要有大的托管主机

静态网站的缺点

• 需要Web开发者来更新网站
• 网站对用户不是很有用
• 内容可能会停滞不前

一个静态网站的页面文件结构如下所示。

动态网页

动态网页是目前最新的趋势，因为它们可以从同一个源代码文件为不同的访问者产生不同的内容。 网站页面可以根据参数显示不同的内容，如 -

• 访客正在使用什么操作系统或浏览器？
• 无论用户使用电脑还是移动设备。
• 引用访问者的源位置。
• 如果访问者之前从网上商店购物等

动态网页可以有多种用途。 例如，由内容管理系统运行的网站允许单个源代码文件以多种不同的可能页面加载内容。 我们应该提到，所有这些动态网页都使用数据库。 内容创建者使用网关页面将新页面的素材提交到CMS的数据库。 动态页面会根据URL中的参数加载数据库中任何页面的素材。 这是访问者请求网页时完成的。 动态页面让用户登录网站查看个性化内容。

我们之前提到的所有内容管理系统(WordPress，Joomla和Drupal)都是动态网站。

下图显示了动态网页的示意图。

网站发布和开发工具 - 网站开发教程™

作为一个初学者，需要了解一个网站开发者开发网站必需的一些工具，了解这些工具的主要用途。

首先，应该有一个基本的互联网包，具有良好的上传速度，最低1Mbps。 其次，应该有一台电脑与任何操作系统(可以是Linux，iOS X或Windows)。 那么硬件规格应该是最小的 - 1-2 GB的RAM，处理器至少应该是一个双核心和硬盘必须在80 GB左右。

下一步是 - 应该有一个文本编辑器，可以编写代码。 一些网站开发最好的文本编辑器如下所述。

Text Sublime

Text Sublime可以从 - http://www.sublimetext.com/ 下载。 这个编辑器中的文本根据其功能改变了参数的颜色。

Notepad++

另一个流行的文本编辑器是Notepad++，可以从 - http://notepad-plus-plus.org/ 下载。

EditPad

在最受欢迎的文本编辑列表中的下一个是 - EditPad，这是另一个免费的工具。 它可以从 - http://www.editpadlite.com/ 下载。

注意 - 应该总是使用一个你感觉更舒适(习惯)的文本编辑器。

XAMPP＆LAMPP

如果您专门开发动态网页时，需要在计算机中安装另一个工具 - 用于Windows的XAMPP，或用于Linux系统的LAMPP。 它有各种产品，如

• Web Apache
• MariaDB与phpMyAdmin数据库管理
• PHP程序支持
• Perl程序支持。

如果需要，还可以使用Mercury创建FTP服务器和邮件服务器。如下图所示 -

另一个类似XAMPP的工具是WAMPSERVER，它可以从以下链接下载 - http://www.wampserver.com/en/ 。如下图所示 -

对于想要编写ASP的开发人员，应该有Microsoft提供的Visual Studio。 它可以从 - http://www.microsoft.com/web/ 下载。

如果你是一个初学者，并且你打算开发一个平面(静态)网站，那么应该使用一个名为WYSIWYG的Visual HTML文本编辑器。 最常用的编辑器之一是:Macromedia Dreamweaver。 它可以很容易地从以下链接下载 - http://www.adobe.com/products/dreamweaver.html 。

因为开发好的网站程序还需要发布到服务器上，所以还需要的另一个工具是FTP客户端，用于将文件传输到服务器上。 一般来说，这些FTP客户端是免费的，可以很容易地从互联网上下载。

WinSCP 可以从 http://winscp.net/eng/docs/guide_install 下载。
FileZilla 可以从 http://filezilla-project.org/download.php 下载。

商业及免费主题 - 网站开发教程™

主题是网站的个性化设计，通常包括其布局。 改变了主题，也就是改变了网站前端看起来的样子。 通常CMS平台有免费和商业版本。 这些主题按照其功能分类。

这些主题按照其功能分类 -

• 商业
• IT行业
• 托管等

免费主题在主题提供商中找到，它们是免费的，但是有时功能比商业功能更有限。 以免费 WordPress 主题为例。 这些主题可在以下链接找到 - http://wordpress.org/themes/ ，可以根据您的业务概况或需求找到并安装它们。

而对于商业主题，必须付钱。 WordPress的商业主题可在以下链接找到 - http://wordpress.org/themes/commercial/ 。

免费电子商务平台系统 - 网站开发教程™

在本章中，我们将讨论电子商务。 哪些是最受欢迎和最安全的电子商务平台？ 需要什么来保护他们？

电子商务是通过互联网销售和购买商品和服务，并通过这种媒介进行支付。 这个交易发生在客户到企业，B2B，客户端到客户之间。 所有这一切，都有钱交易，在使用或者建立电子商务网站时要慎重。

下面列出了一些安全的顶级电子商务平台，并详细说明了这些平台。

Magento

网站链接是 - http://magento.com 。 这个平台是最好的之一，由eBay开发。 Magento可以很容易地与PayPal网关集成。 它有两个版本 - 免费版本和付费版本。 付费版本漏洞补丁速度很快，它有各种各样的插件和定制。 它具有SaaS解决方案，这意味着可以弹性可扩展性，高弹性和可用性，PCI合规性，全球可用性和自动修补，同时仍然保持我们商家所需的软件定制灵活性。

Shopify

该网站的链接是 - http://www.shopify.com ，所以如果想设计结账页面，Shopify可能不适合。 事实上，所有托管的解决方案都不会提供可自定义的结帐过程，因此可以立即跳转自托管部分。 Shopify有许多应用程序，可以下载并安装在服务器上，扩展默认功能或引入新的功能。

Woocommerce

网站链接是 - http://wordpress.org/plugins/woocommerce/ 。 WooCommerce是一个免费的电子商务插件，允许非常实际地出售任何东西。 WooCommerce建立与WordPress无缝集成，是世界上最多人喜欢的电子商务解决方案。 它可以让商店所有者和开发者完全控制使用WordPress模板。

WooCommerce拥有无数的免费和优质的WordPress扩展，拥有无限的灵活性和访问权限，现在为所有在线商店的30%功能，比任何其他平台更多。

Bigcommerce

该网站的链接是 - http://www.bigcommerce.com 。 它拥有超过115个电子商务模板，无限的产品上传，移动视图，与亚马逊和eBay完美整合。 它也可以与大多数支付网关集成。 从安全角度来看，它是PCI兼容的。

电子商务支付网关 - 网站开发教程™

支付网关是一种在线支付处理技术，帮助企业接受信用卡和电子支票。 换句话说，支付网关是位于电子商务平台和客户之间的“中间人”(Manin-the-middle)。

支付网关允许 -

• 快速轻松地付款。
• 保持客户的数据(信息)和金钱的安全。
• 获得客户的信任，所以他们愿意交出钱。

要选择正确的支付网关，应遵循以下准则 -

• 应该确定您所在国家支持的支付网关，而不是全部在全球运营。
• 应该检查您的电子商务平台支持哪些支付网关。 例如，PayPal网关完全由Magento支持，因为同一个组已经创建了它们。
• 支付网关应该是3.0 PCI数据安全标准。
• 是否需要支付网关和商户帐户，或者是一体化支付服务提供商？
• 必须看到每次交易将扣除的费用和费用。
• 他们支持哪些支付方式？ 例如，VISA是付款方式，Master Card是另一种。
• 
  

最受欢迎的支付网关提供商

以下是最广泛使用和流行的付费提供商名单以及他们的简短历史。

• 微信支付
• 
  

小企业网站 - 网站开发教程™

创建一个小型企业网站并不是一件复杂的工作。 主要担心的是弄清楚网站的内容，这是企业主拖延的主要原因之一。 小型企业网站是最好的，当他们很简单，最小的文本，并在每个页面上只有一个选项 - 例如，提交表单，或联系我们按钮。

企业网站也倾向于采用标准格式，使用一些必要的网页。 当您浏览列表时，请不要担心格式化每个页面，只需考虑文本，图像和您将包含的内容即可。 一个小企业网站最关键的页面是 -

• 主页
• 关于我们
• 产品展示
• 服务
• 联系我们

可以在小型企业网站的以下屏幕截图中看到所有这些页面。

现在来详细地了解这些页面中的一些项目 -

首页 - 在主页上，应该包括您所在企业的名称，所在的位置以及关于客户为什么选择您的业务的简短说明。

关于我们 - 提供您的公司背景和列出组织成员资格。 此外，还包括客户推荐，除非您想在微博等社交媒体的单独页面上链接。

案例 - 在案例页面，应该把你的公司产品和服务客户或项目等的专业照片。让客户可以“感觉”公司的实力。

服务 - 提供您销售产品或提供服务的详细信息页面。 在您详细介绍产品或服务的页面上，描述您提供的每个类别并给出价格。

联系 - 在这个页面上，应该把公司的地址，电子邮件，电话号码，以及正在营业的时间。 任何社交媒体帐户(例如微博)的链接都应显示在此页面上。 嵌入公司的位置地图。

备份网站 - 网站开发教程™

创建网站的备份是重要的，因为它提供保险抵御所有类型的问题，如安全妥协，无意中删除您的网站文件和数据库损坏。

建议在每次更改之前备份您的网站。 如果出现问题，你有一个工作的新副本。 这看起来似乎很麻烦，但是在没有备份可以使用时，你就知道什么叫做绝望了。

有两种方法来备份网站 -

• 手动备份
• 系统自动

下面详细讨论这两种方法来备份您的网站。

手动备份

要手动备份您的网站，可以使用文件传输协议(FTP)客户端来完成，就像我们前面所讨论的那样 - FileZilla或WinSCP。从本地计算机连接到您的托管服务器并下载网站文件。 要备份您的网站，应该将所有文件从您的主机帐户复制到本地计算机。

如果有使用到数据库，请为您的帐户创建一个转储文件(导出/备份)。 应该访问phpMyAdmin工具，并从其中备份。

自动备份

要自动备份一个网站，有一些虚拟主机提供商有在控制台中提供这些功能，可以通过点击备份向导来完成。

网站迁移 - 网站开发教程™

网页迁移是将网页从一个主机移动到另一个主机的过程。 这个过程是由于各种原因完成的，其中的一些原因是 -

• 您不再支持托管公司的支持
• 另一个托管的价格更便宜
• 实际托管计划不能满足您的需求了
• 所提供的技术已经不再有竞争力了等等

由于迁移是一个过程，因此需要采取以下步骤以最短的停机时间完成网页。

我们必须像前几章所讨论的那样完全备份网站代码网页和数据库。

• 上传新的托管备份文件。
• 解压公用文件夹中的文件。
• 导入数据库文件。
• 使用新数据库的凭据配置文件。
• 将新域名服务器指向当前新的服务器IP，并等待新的记录被解析传播完成。