如何开发一个网站

互联网思维已经深入人心，特别是对于企业，越来越觉得网络的重要性。那么，企业该怎么利用互联网，怎么重视互联网呢？最起码，你得有个网站。

网站对于一个企业的重要性是不言而喻的，但就目前来说，中国企业拥有网站的数量还是偏少，据不完全统计，10个中国企业中只有3到4个网站，网站的普及率还很低。那么，我们该怎么去做简单的网站呢？

首先，注册域名，购买空间。域名注册最好选择大的平台，目前比较大的有万网、新网、西部数码等。空间也是一样，最好能选择大的平台，这里要注意的是国内空间和海外空间。如果你的网站需要备案，那就要买国内空间，价格一般在200-300左右，国内空间的好处是访问速度快，空间稳定，但备案需要十几天的时间。海外空间相对来说访问速度慢一点，稳定性差一点，但是随买随用，不需要备案就可以打开网站。

其次，在百度或者淘宝上购买网站源码。网站源码就是所谓的模板，一般在网上可以买到的模板都是被无数人用过的，虽然相似度都很高，但毕竟每个企业都不同，无非就是样式差不多，对要求不高的企业来说也就没多大影响。源码的价格便宜的几块钱都有，贵的也就一两百，基本都是几十块，所以性价比还是比较高的。源码买好后，就可以通过FTP软件上传到空间，网站就可以打开。

最后，修改网站模板，更新网站内容。一般我们买的网站源码都会有安装和使用说明，卖家都会告诉你怎么使用源码。等源码安装完成后，就是通过网站后台修改、替换内容。包括一些文字的修改和图片的修改，把本身模板上的信息全部改成自己的信息就行了。

北京开发一个网站要多少钱呢？这是金方时代网站开发公司很多客户都会问到的问题！然而很多时候，我们的客服人员和客户经理其实对于客户的这种问法是比较感觉头疼的，因为任何事情、任何问题其实都应该是有一个标准作为参考的。

就算统一设计标准的普通展示站，跟一个功能站是完全没有办法比较的！相反的，或许设计要求标准比较高，可能普通展示站比一个功能站价格更高！更不要说网站还要分响应式自适应网站和营销型网站、微网站等各种细分类型了。

因此总归来说，北京开发网站、网站开发还是要具体网站具体分析，针对不同的网站定制化需求来定价。那么一般情况下北京网站建设公司如何开发网站呢？

1、用户跟网站建设公司金方时代沟通需求，合同确认，首付款缴纳，工期确认等；

2、网站整体策划出原型，然后同时设计出图；

3、前端和后端程序开发，当然每一步都尽可能的建站公司和用户要保持对接，尽量避免需求和实际做的东西有太大差别和出入；

4、网站域名、空间服务器购买或者转入，并进行域名备案和解析等；

5、网站上传服务器并进行整站bug问题测试

6、网站问题修改，并跟客户沟通后进行网站迭代

7、交付，客户结尾款

当然，相对于客户和建站公司的网站开发来说肯定是相对简单的，那也是因为像金方时代这样的网站建设开发公司已经拥有了十多年的网站开发经验，能够给予用户标准化、流程化的简单步骤便可以开发出很好的网站！

同样的，如果客户自己或者没有找到专业的网站开发公司，可能结果会很不好！其中繁琐的流程和最终效果可能都达不到预想的标准。

原文链接：http://bjjfsd/index_show_id_547.html 转载请注明出处！

开发一个网站，我们的目标决不仅仅满足于功能的实现，而且要包括性能、安全、易用性等等各方面的考量。那么是否有一些可以公开评测的标准，使我们能够准确地知道目前我们网站的质量水平在全行业中处于什么样的水平呢？随着技术水平的不断进步，网站评测方面的各种工具也在不断演进。

工具

想要知道自己网站的质量水平，凭想象和猜测是不行的，必须要有可以客观衡量的工具。

YSlow

最早做这方面尝试的是2012年诞生于Yahoo的YSlow（http://yslow.org/），但是现在已经逐渐淡出历史舞台。它的名称实际上是英文Why Slow(为什么这么慢？)的缩写，从它的名字你应该能知道它是帮助站长解决网页加载速度的工具。YSlow是一款浏览器插件，可以支持包括Chrome, Firefox, Safari等等主流浏览器。在浏览器上安装相应插件后，就可以对任意网站进行评测，最后给出一个总体评分。评测内容包括网页是否包含了过多的HTTP请求，JS和CSS是否经过压缩，是否采用CDN等等，主要是提供给站长一个优化的方向和参考建议。

PageSpeed

在YSlow之后，Google推出了自己的网页优化建议工具PageSpeed Insights（https://developers.google/speed/pagespeed/insights），这是一个网页工具，你不需要像YSlow一样下载插件和安装，你只需要打开它的网页，输入任何你想测评的网址，就可以得到优化建议了。

GTmetrix

我最常使用的工具不是以上两款，而是一个名叫GTmetrix（https://gtmetrix/）的网站，这个网站结合了以上两个工具，给出了更加完整的建议。

Lighthouse

更强大而严格的工具还是Google推出的Lighthouse。这也是一款浏览器插件，不过目前只能用于Google自家的Chrome浏览器。它从4个方面对任何网站进行评测，包括性能、易用性、最佳实践。我们下面将重点介绍如何能在这4个方面都完全满足Google的要求。

优化

GTMetrix

优化的第一步，我们还是先从GTMetrix开始。一般网站常见的问题和建议如下：

CDN

通常情况下，你需要为你的网站开通CDN服务，以确保在地理位置上离用户最近的服务器可以优先为用户提供服务。提供CDN服务的厂商很多，而且价格并不昂贵，很多云服务商比如阿里云、百度云都有提供这方面的服务。

Enable gzip compression

这一项主要是检查你的nginx服务器是否设置了gzip压缩传输的方式。打开你的Chrome开发者工具，检查Network标签里每一个请求的Response header，看一下是否有content-encoding: gzip，如果没有，说明你的网站没有设置gzip传输。

解决方法：可以参考日新亭的博客中的《我的nginx锅炉片》文章去设置（https://fengerzh/my-nginx-boilerplate/）

Add Expires headers

这一项也是很多网站缺失的配置，由于没有给jpg图片以及css和js设置合适的过期时间，导致每次访问网站都需要重新从网站读取内容，这是很多网站访问速度慢的原因。设置方式：同样，参照上一节所提到的文章。

图片大小

很多情况下，或者是出于无知，或者是出于偷懒，工程师们倾向于把一张大图用css方式缩小，例如这样：width: 100px; height: 50px;。导致的结果是这张图片在网页上看起来似乎图片缩小了，但实际上文件尺寸并没有变小。这也是很多网站变慢的主因。

解决方法：参照我的这篇文章《用imgproxy自动缩放图片》设置。（https://fengerzh/imgproxy/）

雪碧图

如果你的页面中有很多小图标的时候，最糟糕的做法莫过于把它们全部切成小碎的jpg或者png，这样会使你的页面在加载时向服务器端发送很多次http请求，而每一次请求都有独立的建立连接、传输数据、断开连接的过程，非常浪费资源。

解决方案：如果可能的话，把这些图标做成独立的图标字体文件。如果不行，则把它们压缩成雪碧图。（https://segmentfault/a/1190000006992567）

压缩js和css

通常情况下，你刚刚写完的js是下图中左边这种样子的，而通常大公司网站的代码是图中右边这样的。

左边的代码人类阅读没有什么问题，但是你不应该把它们就这样在网络中传输。第一，浪费流量；第二，你能读得懂，你的友商也能读得懂，不利于安全。

解决方法：你应该把你的js/css/html进行丑化(uglify)和压缩(minify)。（https://skalman.github.io/UglifyJS-online/）

终极大法

以上所有这些修改建议听上去都不错，但是我要一个一个做下来太繁琐怎么办？也许你应该考虑用一个现代的框架帮你自动完成这些事情，比如Angular/React/Vue，或者你自己使用Grunt/Gulp/Webpack完成所有这些事情。你知道这就是为什么前端工程师要学习框架的原因了吧？

　　有许多因素可以确定网站的可用性，可访问性和可搜索性。

　　速度是决定或破坏网站用户体验的最关键因素之一。显然，如果加载页面需要更长的时间，访问者不想停留在您的站点上。访问者喜欢快速加载并提供更好用户体验的站点。

　　因此，Web开发人员必须考虑相关的因素和元素来优化站点的速度。

　　视觉上吸引人的设计可以吸引访问者，但是为了更好的转换，你需要将它们转换成潜在的客户。为此，你需要遵循一些真实的，以及现代的技术，可以帮助你提高网站的速度。

　　在这个文章中，我们将介绍一些Web开发人员的基本技巧，这些技巧可以帮助他们提高站点的性能和用户体验。

　　让我们开始吧！

　　1、减少HTTP请求和依赖

　　依赖性请求是可以降低站点速度的最关键的方面之一。每个额外的请求总结了膨胀，并在解析和下载网页时增加了复杂性的机会。

　　因此，你限制或减少依赖的请求，并尝试使用另一种优化技术如SVG或精灵是必不可少的（如果可能的话）。

　　如果你举办一个大型的网站，你需要几十个请求，那么你应该使用CDN（内容交付网络）服务。通过使用CDN服务，您可以更快更有效地向Web访问者分发网站内容。

　　然而,它不会减少文件大小,但它可以消除任何缓慢的服务器连接,可以帮助你提高你的网站的速度。

　　2、编写清晰、可读的代码

　　大多数Web开发人员在开发站点时生成复杂的代码，从而犯了一个错误。由于低效的CSS或JavaScript代码会影响加载时间，它可能会降低站点的速度。

　　您可以使用最小的可单独标识的选择器，而不是在选择器链上编写确切的路径。这两种方法都适合于对同一元素进行样式化，但第二种方法更加方便，快捷，高效。

　　但是臃肿的JavaScript可能比编写不充分的CSS更糟糕。大多数开发人员忽视了这个错误，但实际上这是网站缓慢的最大原因之一。将外部JS库复制并粘贴到网站中也是加载站点减慢的另一个原因。

　　幸运的是，这种情况很少发生，但如果可能的话，最好还是采用一些方法来调用JS，尤其是在Google Analytics（分析）方面。

　　因此，您可以让浏览器通过头文件（HTML请求、CSS等）进行解析，并显示标记来解决这些问题。

　　另请参阅：

　　全栈WEB前端开发视频教程

　　软件开发需要掌握的HTML和CSS知识视频教程

　　超级大优惠的:p+CSS综合页面排版视频教程

　　3、生产和开发环境代码库

　　在比较您的开发和生产级代码库时，您会发现一个很大的差异。这一步可以减少你所有的文件大小。

　　但是，对于规模较小的项目同样重要。这两个环境之间最大的差异可以通过图像压缩和代码压缩来观察。

　　最终，Web开发人员希望加快生产环境，而开发环境应该保持不变，只需减少图像或代码压缩优化。

　　借助Photoshop工具，您可以轻松地压缩图像。它是一个非常受欢迎的照片编辑和优化软件，可以快速优化您的图像，没有任何麻烦。

　　当涉及到代码时，压缩的最佳利用率取决于您所使用的语言。您可以通过使用最相关的工具来压缩HTML和CSS代码。你可以使用谷歌的htmlcompressor和CSS YUI压缩器。

　　4、编写简单的HTML代码

　　编写适当的HTML也可以帮助您提高网站的速度。CSS复位通常定位所有常见组件，并对其进行“重置”样式。

　　因此，如果您没有针对额外的p，它可能会减慢其填充和边距重置的速度。

　　一个额外的p，不会影响任何东西，但是当你开始结束几十个时，事情会变得凌乱。与更多的元素HTML5规范的帮助下,你会得到更大的灵活性在这个特定的区域。

　　5、Google喜欢简洁的代码

　　搜索引擎优化是其中一个最有效的方式促进或影响网站的在线业务。但是在网络上有很多竞争，要在搜索引擎平台中占据更高的位置，你需要编写清晰易读的代码。

　　谷歌和其他搜索引擎可以快速读取并索引具有简洁和干净代码的站点。这提高了你在搜索引擎平台上的排名，并提高了它的性能。

　　结论：

　　作为一名Web开发人员，您必须随时更新最新的技术和技术。在这些技巧的帮助下，你将能够更有效更有效地优化网站的速度。