自助建站产品经理的技术常识.docxVIP

自助建站应具具备的技术知识

编者介绍:产品经理在日常工作中涉及到很多业务，除了对整个项目的控制之外，对一些技术的理解和掌握还需要进一步深入，以便工作更加熟练;本文作者介绍了产品经理用来产生常识的一些技巧，让我们一起来看看。

近期因为业务需要在做类似自助建站的工具，在做这一工具的过程中加深了前后端开发知识的了解；本文将从做这个工具的全过程出发讲对自助建站的一些理解，涉及到一些前后端开发知识，适合初级阅读。

我们对自助建站典型的应用进行场景设计应该发展并不陌生，电商大促的时候，在各大电商app能看到自己很多H5活动管理页面，这么多H5活动信息页面，每天都在变，都是科学技术研究人员可以开发系统实现的吗？有些朋友想创建个人学习网站无奈不懂代码，通过wix、凡科、起飞页等工具，不需要写一行代码就可以创建作为一个非常漂亮的网站，这是他们怎么能够做到的呢？

Q1：电子商务H5活动页面是否由技术人员开发和实施？【自助建站适用场景】电商推广需要很多活动，都是技术人员开发的。很多页面都是由产品、运营等技术小白用自助建站工具搭建的。

自助网页建立工具可用于以下情况:

项目管理时间关系紧张，上线时间短；

页面进行相似度高，功能结构相近；

研发性价比低；

不懂专业开发技术；

适用人群是产品/运营等技术小白，核心需求是快速搭建承载业务功能的页面，适用场景是工作中遇到项目时间紧迫需要快速上线的情况，如电商大促活动时间紧凑；或者无网站制作经验，希望简单套用模板；不懂代码的人员也可以通过简单的操作配置页面，实现页面快速上线。

Q2：不写一行代码创建一个漂亮的网站是怎么做到的呢？【自助建站的实现原理】在此之前，我们先来了解web的基础技术知识。

一、技术进行知识点1：建设一个网站的流程和必需品

传统文化建设网站的流程进行如下：

网站建设至少需要三样东西：域名、服务器和程序。

1）域名：在数据传输时对计算机的定位标识，不用去记住能够被机器直接读取的IP地址数串。域名具有唯一性，让别人找到网站；就像名字是我们身份识别的一种方式，帮助区分不同的人，域名就是网站的名字。

不同之处在于，世间同名同姓的人很多，但域名与IP地址是一一对应的，具有唯一性。

二级企业域名：除了通过域名，我们国家还会导致经常可以听到一个二级网络域名，它们发展之间有什么方式区别？最大区别是中国一级进行域名要花钱，二级公司域名是免费的；二级管理域名是属于我国一级域名下的域名；如是一级域名，而百度下的各个方面应用如百度网盘，百度已经知道，百科等都是采用二级域名。

域名备案：比如我们需要到公安机关申请身份证，网站域名也需要备案，方便网络安全管理。

2）服务器/虚拟主机：用户需要在网页上请求数据（get），或者向网页传输数据（post），需要一个数据存储的地方，服务器能处理复杂的业务逻辑并对数据进行存储管理。

3）网站程序:用户可以使用云风蝶、wix等第三方模板工具搭建网站程序。

自助选择建站技术工具把域名和服务器的步骤都节省了，用户可以不用我们自己买服务器，在网站进行程序通过这一步中提供了各种设计好的模板。

2、技术知识点2：网页是如何形成的

让用户感到自助的最佳地方是在web应用程序中，在这里你可以拖放网页而无需编写代码。所见即所得。那是怎么回事？让我们从传统网页的构建开始。

HTML，CSS，JavaScript共同构成了一个我们可以看到的所有企业网页进行展示和交互；HTML是超文本信息标记技术语言，CSS是级联样式表，JavaScript是脚本设计语言，用于通过前端管理页面的DOM处理。

我们用chrome开发者开发工具（F12或ctrl+shift+i）可以通过看到这三者是如何影响作用的。

HTML：定义页面内容和结构。HTML格式文件存储在服务器上。当客户端从服务器请求页面资源时，它将解析并呈现用户看到的页面。

点击元素就会弹出html文件，然后查看和修改元素的编辑为html，这会让你对html如何定义页面的内容和结构有一个直观的感觉;例如，通过在左图中定位flush的logo元素，logo的图像文件（＆amp;lt;img＆gt;）就会从元素代码中移除，从而得到右边的图像。

定义页面的样式和表示，如何显示html元素，包括大小，颜色等。一旦你找到了元素，你可以使用样式来修改元素的css属性，比如把导航栏文本从白色变成蓝色，你可以改变字体大小，样式等等。

JavaScript：为页面可以增加企业行为和功能，即交互。

自助式网站构建模板帮助用户通过各种模板和布局跳过HTML和CSS，并通过锚跳转实现简单交互。

在模板中每个版面的长度和宽度、图片和文字布局都已经设置好了，用户只需要更换图片