这是最低要求！网站负责人应了解的技术知识

我不是技术人员，也不需要了解网页制作技术。您是不是这么想的？实际上如何呢？既然我写了这篇文章，就可以断言“至少应该了解一些”。因为最终确认网站的是负责人，如果连“网站质量”都无法掌握，即使项目方提供了最差的网站，也无法辨别。

而且，困难之处在于，创作者和制作合作伙伴公司对“质量”的价值定位完全不同。有重视设计的类型，也有重视编程代码质量的类型。有重视信息设计的类型，也有重视营销的人。最终决定重视什么，只能是发包方。

当然，您也会收到创作者或制作公司提出的建议，比如“这样做更好”。不提出最佳方案的制作合作伙伴根本不值得考虑，但为了判断什么是好的，如果具备最低限度的知识，就能产生高质量的讨论。

此外，在制作过程中确认制作物时，如果缺乏最低限度的知识，有时会产生思维上的分歧。例如，可能会误解制作合作伙伴的意图，或者自己说的话与制作方原本使用的含义不同，从而产生沟通上的障碍。

例如，当需要使用IT术语时，如果误解并记错了其含义，双方的对话就会变得不协调。因此，为了规避沟通风险，并能够用自己的眼睛准确判断好坏，对技术有最低限度的理解是必要的。

您不是在购买几百日元的熟食，而是在进行一项价值数十万、数百万、数千万日元的高额网站购买，因此，如果您能自己达到一定程度的理解，就能更好地通过网站取得成果。

制作网站的步骤

在谈论技术之前，让我们先了解一下网站制作的基本步骤。如果知道要以怎样的步骤和价值观推进，就能在掌握整体情况的基础上，更具建设性地推进项目。

倾听

首先，需要确定想制作什么样的网站，以及本次制作网站的目标是什么。是为了销售商品或服务，还是为了获取咨询，亦或是为了提升品牌影响力？如果目标设定模糊，那么制作出的网站自然也会缺乏一致性。首先要明确目标。

此外，这次最低限度需要哪些页面，是否有企业色，如果没有，对颜色有什么想象，是否有想参考的网站。制作合作伙伴会就各种信息进行访谈，因此如果事先对想制作的网站有清晰的想象，沟通会更顺畅。

网站地图、企划、报价

访谈完成后，制作合作伙伴会暂时带走信息。之后，他们会制作整体的大致企划、表示网站结构的网站地图以及报价。如果下一次会议批准了基于这些信息制作的报价，制作就会开始。

顺便说一下关于报价，仅仅根据价格便宜来决定是不好的。关于如何找到合适的制作合作伙伴，请参考这里的文章中进行了总结，请务必参考。

此外，在大多数情况下，制作公司会询问是否有可用的照片或素材。如果被要求提供素材，请提供所有可以提供的数据，例如过去的宣传册数据、希望使用的图片、视频、徽标等。他们应该会很好地将其用于设计。

线框图

如果报价获得批准，接下来将制作线框图。线框图就像设计图一样，通常只用灰色的方框、线条和文字来指定“哪里放置什么内容”。它就像房地产的户型图或家具的组装设计图。

线框图完成后，我们将相互确认文字内容和布局，检查是否有遗漏的内容，以及设计对用户来说是否易于理解。我们也会请客户确认，当然，客户不是专业人士，所以只需说出他们的简单感受即可。

例如，一眼看去不清楚，或者某个内容想更突出。或者文字想这样修改。直接表达您的想法。制作伙伴会将其视为用户视角的关键信息。

制作设计

从这里开始进入具体的制作阶段。首先，制作伙伴为了确定设计方向，通常会先提供首页的设计。确认首页设计，如果方向正确并获得批准，则开始制作其他页面。顺便说一下，除了首页之外的页面被称为“下层页面”。一旦确定了设计方向并全部制作完成，之后再进行修改就会变得困难。这是因为需要花费大量的精力和时间。

例如，如果之后想更改颜色，您可能会觉得“改个颜色应该很快就能完成吧”，但设计中颜色、布局等所有元素都以微妙的平衡排列，仅仅更改一种颜色可能会打破平衡，导致整体变得很土气。

更改颜色意味着所有其他设计元素也需要更改，有时甚至需要接近重新制作的精力。因此，在这里要仔细听取意见并确定设计方向。首页设计确定后，将设计所有下层页面，如果获得批准，则进入“编码”阶段。

编码

到目前为止制作的设计，仅仅是作为图片存在，既不能点击链接跳转，也没有幻灯片之类的功能。它不会出现在Google搜索结果中，也没有任何网站的功能。因此，为这些图片赋予网站功能的工作就是编码。

编码是将迄今为止制作的图片，重新构建成具有网站功能的形态。因此，优秀的工程师即使不频繁检查，也能准确地再现外观。客户需要做的是，最终检查成品是否按照设计组装，布局是否没有错乱，链接等是否正确。

但是，如果添加了动画等动态效果，则需要在编码完成后才能首次确认动态效果的最终形态。必须仔细确认是否存在与预期不符的地方。无论如何，在编码阶段，如果只有一些微调的修改，没有问题就可以交付。但是，交付通常是指没有会员注册等系统开发，主要用于信息传递的普通网站。

这种用于传递信息的网站被称为“静态网站”。到目前为止的编码工作有时也称为“前端”。

但是，如果是包含会员注册等功能的网络服务或网络应用程序，在编码之后必须进行系统开发。对于需要系统开发的网站，我们称之为“动态网站”。系统开发方的工作称为“后端”。

系统开发

如前所述，如果网站具有用户作为工具使用的功能，例如会员注册或商品购买功能，则需要进行系统开发。系统开发主要使用php和Ruby等语言，需要比HTML和CSS编码更深入的编程知识和思维方式。关于系统开发，客户需要做的是实际使用并检查所需功能是否正常运行。

当然，大多数操作都已由制作伙伴检查过，但他们是作为专业人士进行检查的，如果完全没有知识的用户操作，可能会发生意想不到的错误，对于这些错误，也可能存在遗漏。

因此，当客户进行确认时，最好从完全是外行的用户角度自由使用并检查，然后确认是否正常运行。对客户的要求始终是站在用户角度进行确认。

交付与发布

静态网站或动态网站开发完成后，就到了交付阶段。交付，我们稍后会详细说明，需要将数据转移到称为服务器的数据存储库中。服务器可能由制作伙伴提供，也可能由客户提供。如果已经拥有网站，或者在一定规模的组织中发布网站，通常会拥有自己的服务器。

服务器上存在不向公众发布的测试（暂存）环境，以及向普通用户发布的生产环境。但是，根据重视速度或在发布过程中进行修改的情况，有时也只准备生产环境，并在生产环境中完成所有检查后直接发布，但通常情况下，会存在测试环境和生产环境。然后，在测试环境中确认，如果没问题，则发布到生产环境，完成交付和发布（上线）。

HTML、CSS、JavaScript、php、Ruby、Python

在制作网站时使用HTML和CSS这两种语言进行编写，这可能在一定程度上是广为人知的事情。但是，制作网站的语言有很多种，即使只收集常用的语言也有6种。这次我们将介绍6种市场份额较大的语言。

HTML

这是构建网站骨架的语言。网站由按钮、图片、文本和标题等细小部件组成，如果这些部件不被转换为“机器语言”，Google搜索引擎和计算机将无法理解哪个是按钮，哪个是图片。

因此，为了让机器能够理解网站，需要对部件进行适当的语义标记。如果您感兴趣，可以查阅具体方法。HTML只是进行语义标记，无法再现颜色或布局等设计元素。

CSS

对使用HTML进行语义标记的网站，添加颜色和位置等设计元素。CSS的功能范围逐年扩大，动画也可以通过CSS实现。只有有了CSS，网站才能获得设计感。如果只有HTML，就只会是一堆文字。

JavaScript

这是一种让用户能够像操作应用程序一样操作网站的语言。例如，点击后图片放大显示、对数据列表进行排序或添加复杂动画等情况，大多由JavaScript控制。

简单的动画也可以用CSS来实现，但例如何时以及在哪个时间点启用简单的动画，则需要通过JavaScript来控制。然而，JavaScript充其量只能进行“操作”，而不能“保存、记录”数据。能够做到这些的是接下来将介绍的语言。此外，HTML、CSS和JavaScript统称为前端。

PHP

能够保存数据的是从这里开始介绍的被称为“后端”的语言。其中，PHP常用于网站服务和网络应用程序开发。作为一种较老的语言，它并非基于最新的理念和逻辑，但信息丰富，使用者众多，因此不愁资源和人员。WordPress也是用PHP开发的，因此与WordPress兼容，是系统开发中最常用的语言之一。

Ruby

这是一种由日本人开发并在全球使用的稀有语言。最近，它开始在以初创公司为中心的网络服务中广泛使用。然而，实际使用时，通常是利用一个名为Ruby on Rails的框架来编写的，这个框架让Ruby的开发更加便捷。在日本，它与PHP一样，是一种广泛使用的后端语言。

Python

这是一种在引入机器学习和人工智能进行开发时常用的语言。之所以在该领域使用，是因为它拥有支持人工智能和机器学习开发的完善机制。近年来，Python也被用于统计和数据分析领域，例如学习Python来替代电子表格，它与其他两种语言有着稍许不同的特点。

特别是后端语言，如果不是用于机器学习或人工智能，那么对客户来说，使用哪种语言并没有太大区别。如果非要说的话，PHP或Ruby on Rails拥有大量可编写人才，因此即使开发者更换，也更容易找到其他开发者，记住这一点就足够了。

服务器、域名、SSL、数据库、FTP

接下来，我们将解释服务器相关内容。由于客户自行准备的情况很多，因此了解这些术语和功能将有助于沟通更顺畅。那么，我们将逐一进行解释。

服务器

为了让所有人都能访问网站，首先需要一个服务器。服务器就像一个数据存放地，可以理解为线下的租赁仓库。拥有服务器的公司拥有大量特殊的硬盘，并将其一部分出租出去。

当然，您也可以自己搭建服务器，但这会产生大量的运营和设置成本。只有将网站数据放置在服务器上，才能首次实现公开访问。然而，仅有服务器，没有人能访问该网站，因为它没有被赋予URL。这时就需要接下来要解释的域名。

域名

域名就像网站的地址，对于本网站来说，quon.ink就是域名。域名可以从域名管理公司获取。

作为域名管理公司，「お名前.com」等是比较有名的。获取域名后，通过与存放网站数据的服务器连接，人们才能首次访问到网站。然后，它也会被Google等搜索引擎收录，这样搜索时就能找到它了。

顺便说一下，它有时也被称为URL，但URL指的是包含域名的整个地址，例如“https://quon.ink/blog/tsukuba/”。如果将域名理解为仅指“quon.ink”，可能会更容易理解。

数据库

通常，网站数据像电脑内部一样以“文件”的形式保存。然而，对于某些数据，如果以文件形式保存，反而会变得难以处理。

例如用户数据等。用户的姓名、年龄、电子邮件地址等数据，经常需要进行搜索或编辑。这样一来，如果不是以文件形式，而是以“纯文本”形式处理，程序处理起来会更容易。

对于这种以文本形式处理更方便的数据，我们会利用数据库。数据库通常安装在大多数服务器上，可以自由使用。像博客文章和社交媒体帖子这样不断增长的海量数据，也基本上存储在数据库中。

SSL

这是为了防止网站被恶意攻击者入侵的安全措施。您在查看URL时可能会看到“http”和“https”两种，如果显示为“https”，则表示SSL正在运行，安全功能已启用。

当您在电脑上浏览网站时，会使用名为浏览器的应用程序来查看网页。当浏览网页时，浏览器和服务器之间会进行数据通信，如果网站没有进行SSL加密，那么原始数据就会在服务器和浏览器之间传输。这样一来，如果恶意黑客（破解者）试图窃取数据，他们就可以通过截取通信，轻易地窃取信息。

然而，如果进行了SSL加密，所有传输的数据都会被加密，即使被窃取也无法解密。因此，安全性会提高。过去SSL加密的成本相对较高，但最近提供免费SSL的服务器也增多了。

FTP信息、FTP软件

FTP软件是用于从自己的电脑访问服务器内容的工具。我们之前说过，只有将数据放在服务器上才能公开发布网站，而通过FTP软件访问服务器，就可以将数据上传到服务器。

而FTP信息，就像是从电脑访问服务器所需的钥匙。只有在FTP软件中输入FTP信息，才能首次访问服务器。FTP信息在您租用服务器时会提供，如果需要，请将其提供给您的制作合作伙伴。

但是，根据公司政策，有时只允许从公司内部访问生产服务器。在这种情况下，您可能需要只提供测试服务器的FTP信息，或者让制作合作伙伴准备测试服务器。

CMS和WordPress

CMS是“内容管理系统”的缩写，它指的是一个系统，通过管理界面可以轻松更改网站的布局、文本、图片等内容。

如前所述，网站是通过各种语言和流程构建的。CMS也可以说是一个系统，即使没有编程知识，也能修改和构建网站。

在众多CMS中，最著名的就是WordPress。WordPress是一个免费提供的CMS，据说全球超过40%的网站都是用WordPress构建的。这里有一个常见的误解，那就是认为使用WordPress可以轻松便宜地构建网站。这是一个很大的误解。

确实，如果直接使用模板，可以在瞬间构建网站。但是，如果是原创设计，则需要在按照常规方式制作网站后，再进行将数据模板化以便在WordPress中使用的额外工作，因此工时和价格都会比普通网站更高。

不过，用WordPress制作的网站有一个优点，那就是客户可以管理和修改所需部分，例如更新博客或新闻，或者更新网站的某些部分。

但这并不意味着您可以更改网站的所有内容。您需要编写特殊的程序来编辑和更改您想要自由更新的部分。这意味着从一开始就决定要更新哪些部分并将其WordPress化，才能更改指定的部分。如果您不与制作伙伴讨论并决定哪些部分可以更新，那么WordPress化就没有意义。请务必充分讨论您想要更改的部分，然后推进制作。

缓存与缓存清除

为了显示网站，必须将数据从服务器发送到浏览器。但是，如果每次打开页面都进行通信，显示速度就会变慢。因此，为了实现快速、无压力的显示，会将一次加载的数据保存在电脑中。这样一来，就不必每次都从服务器调用数据，从而加快了显示速度。

然而，缓存也有缺点。即使服务器端更新了文件，由于缓存仍保留在电脑中，因此不会更新为新文件。缓存会在一定时间后消失，但如果需要与制作伙伴实时确认，就不能等待。在这种情况下，您可以手动清除浏览器缓存。不同浏览器的清除缓存方法不同，因此请查阅您当前使用的浏览器如何清除缓存。在Google搜索中输入浏览器名称和“如何清除缓存”，应该很快就能找到。

Google Analytics、Search Console

正如我多次强调的，仅仅制作一个网站是没有意义的。您需要详细收集访问数据，以了解用户访问网站后如何移动、哪些页面受欢迎、哪些页面不吸引人。

这时，Google Analytics就派上用场了。安装Google Analytics后，您可以获取大量的访问数据。分析这些数据，您自然会知道如何改进页面。

此外，还有一个名为Search Console的工具。这也是Google提供的，您可以获取各种与搜索相关的信息，例如用户通过哪些关键词访问您的网站，以及哪些页面在搜索结果中排名第几。这是一个面向SEO的工具。

通过Search Console进行搜索引擎优化，并通过Google Analytics对网站进行修改，使其清晰易懂，吸引用户兴趣，避免用户在网站中迷失。这两个工具最好都添加到您的网站中。

响应式设计

最初，智能手机网站和电脑网站是分开制作的。然而，随着HTML和CSS的发展，现在可以通过一个文件根据屏幕宽度显示不同的布局。这就是响应式设计。响应式设计虽然不能像单独制作文件那样复杂，但大多数网站现在都可以通过响应式设计来满足需求。这可以压缩制作成本和时间。

目前，除非有特殊情况，否则不会单独制作智能手机网站和电脑网站。通常采用响应式设计，即在同一个文件中根据屏幕宽度进行可变制作。这个词在与创作者沟通时也经常使用，记住它将有助于顺利进行交流。

总结

网站制作并非“只要完全委托制作伙伴就能做出最好的网站”。客户需要以自己行业的专业视角来审视网站。特别是要从用户视角思考网站，创作者则要以网站专业的视角追求最好的网站，这样才能最终完成最佳网站。

例如，在建造房屋时，并非完全委托就能建造出最适合自己生活的房子。我们有自己的生活方式，如果不向建筑师传达并讨论我们的生活方式，真正想要的房子就不会建成。网站也是如此。

当然，如果有时间和预算，网站制作伙伴也可能会彻底研究行业，并在确信什么是最佳方案后进行制作。但如果深入调查到那种程度，制作一个网站可能就需要巨额费用。

因此，即使作为客户进行委托，也不要完全撒手不管，而是要从自己的角度积极参与讨论并提供信息。这正是网站制作项目成功的秘诀。