有些人觉得自助建站只能做简单的展示网站。但是请点击这个网址：http://aliyun.wezhan.cn/，在打开一刹那，你肯定会说：“这个网站看起来和阿里云一样嘛。”从架构到展现，全部“一模一样”，不同仅仅是域名而已。

如何用自助建站做到？

要知道，做到这一切的不是定制化建站，而是云·速成美站（注：云·速成美站是由云梦网络自主研发的国内首款云计算自助建站产品）。本次我们的任务，就是教大家如何使用云·速成美站搭建阿里云级的（https://www.aliyun.com/）官网首页，看看它的易用性和能否实现代码建站的展示效果。

第一步|登录后台

云·速成美站支持通过绑定的手机号登录，这一点比起复杂账号，更容易记忆，是不错的体验。

点击“管理站点”按钮，正式进入网站后台。

云·速成美站支持自助创建PC网站和手机网站。点击“进入设计”按钮，此时选择进入PC端设计器。

对于云·速成美站的“页头页尾”来说，可以套用到需要的每个页面，因此用PPT母版形容更恰当一些。

在这里，使用“高度”按钮，可以将“页头页尾”调整到合适的位置，并通过属性栏快速自定义设置网站宽度及背景图片，无需任何代码。（注：为确保整体效果，相关参数的取值和设置，均与阿里云官网首页保持一致。）

   

添加LOGO这一步操作，直接使用 “图片控件”即可轻松完成。云·速成美站可以*拖拽图片到所需位置，自定义编辑图片属性，更支持使用键盘“方向键”进行图片微调，绝对“傻瓜”，绝对“智能”。

在云·速成美站中，更换图片时除了能选择自有素材，还能通过后台的“图片库”挑选。在实际建站时，会派上大用场。

接下来，搞定的是导航栏。

云·速成美站中的“导航控件”包括横向导航与竖向导航，而且有不少样式可以直接选用。这次挑战中，参考阿里云官网首页，我使用的是竖向导航。在导航添加过程中，云·速成美站支持批量添加，可以让用户省了不少功夫。

阿里云首页的搜索框效果，通过云·速成美站中的“搜索控件”可以实现。说到“搜索控件”，其中的搜索类别包括文章和产品，同时支持自定义设置“提示文字”，实用性很强。

阿里云官网首页的banner图片切换效果，需要通过云·速成美站的“幻灯秀控件”制作。云·速成美站可以针对每张banner图片叠加使用“文字”、“图片”和“按钮”等控件，无需借助PS软件的帮助，直接把创意实现，同时在浏览器中访问网站的二级域名，即可实时浏览真实效果。

这样的设计，的确值得称赞，使得客户后期网站管理维护（例如：banner更新）更加简便，而且文字与banner图片分离，便于百度等搜索引擎抓取，利于公司进行互联网推广。

 

在banner图片中添加文字时，云·速成美站和行业中其他建站产品最大的不同：鼠标双击“文字控件”，即可输入内容，并设置样式效果。

首页中部分展示效果，如下图：

此时，需要通过云·速成美站中的“列表控件”实现，其中包括“文章列表控件”以及“产品列表控件”。同时，系统预置了丰富样式，在大家建站时，根据具体样式选择即可。

终于来到挑战的最后环节，比想象中简单很多，制作完成后，点击保存，完成发布，大功告成！!

最终展示效果（http://aliyun.wezhan.cn/）如下：

云·速成美站同样可以创建手机网站。手机端的操作与PC端一致，同样是所见即所得的方式，所以实际搭建手机网站的过程比较顺利，很快就完成了。

由于是自适应的方式，并且做到了不同语言，不同终端访问都是一个相同的URL，非常有利于访客的体验和SEO。所以用手机访问（http://aliyun.wezhan.cn/）这个网址时，直接呈现手机网站。同时，手机网站支持扫描二维码直接访问，这一点对于实际中的宣传、推广也很有利。

最终展示效果（手机端浏览器访问）如下：

云·速成美站的不断进步，是自助建站行业的进步，更是云时代的大势所趋。云梦网络CEO姜孝鹏说：“美图秀秀的出现，改变了人们美化图片的习惯；滴滴打车的出现，颠覆了人们的出行方式。而云梦网络在做的事情就是通过移动互联网和云计算的方式，改变企业建站难的问题，让更多中小企业都能轻松拥有自己的官网，让建站更简单。”