开发者社区> 云市场转载> 正文

教你使用云·速成美站搭建媲美阿里云的顶级官网

简介: 本次我们的任务,就是教大家如何使用云·速成美站搭建阿里云级的(https://www.aliyun.com/)官网首页,看看它的易用性和能否实现代码建站的展示效果。
+关注继续查看
有些人觉得自助建站只能做简单的展示网站。但是请点击这个网址:http://aliyun.wezhan.cn/在打开一刹那,你肯定会说:“这个网站看起来和阿里云一样嘛。”从架构到展现,全部“一模一样”,不同仅仅是域名而已。
如何使用云·速成美站搭建媲美阿里云的顶级官网
如何用自助建站做到?
要知道,做到这一切的不是定制化建站,而是云·速成美站(注:云·速成美站是由云梦网络自主研发的国内首款云计算自助建站产品)。本次我们的任务,就是教大家如何使用云·速成美站搭建阿里云级的(https://www.aliyun.com/)官网首页,看看它的易用性和能否实现代码建站的展示效果。
云·速成美站2018【PC+手机站】【精美模板】【新购2年起,优惠多】
云·速成美站(推广型)【凌云逐梦四周年回馈4折购】【百度不收录退全款】
第一步|登录后台
云·速成美站支持通过绑定的手机号登录,这一点比起复杂账号,更容易记忆,是不错的体验。
如何使用云·速成美站搭建媲美阿里云的顶级官网
点击“管理站点”按钮,正式进入网站后台。
如何使用云·速成美站搭建媲美阿里云的顶级官网
云·速成美站支持自助创建PC网站和手机网站。点击“进入设计”按钮,此时选择进入PC端设计器。
如何使用云·速成美站搭建媲美阿里云的顶级官网
第二步|编辑页头页尾
对于云·速成美站的“页头页尾”来说,可以套用到需要的每个页面,因此用PPT母版形容更恰当一些。
此图仅作为云·速成美站展示使用
在这里,使用“高度”按钮,可以将“页头页尾”调整到合适的位置,并通过属性栏快速自定义设置网站宽度及背景图片,无需任何代码。(注:为确保整体效果,相关参数的取值和设置,均与阿里云官网首页保持一致。)
   
第三步|添加LOGO
添加LOGO这一步操作,直接使用 “图片控件”即可轻松完成。云·速成美站可以自由拖拽图片到所需位置,自定义编辑图片属性,更支持使用键盘“方向键”进行图片微调,绝对“傻瓜”,绝对“智能”。
如何使用云·速成美站搭建媲美阿里云的顶级官网
如何使用云·速成美站搭建媲美阿里云的顶级官网
在云·速成美站中,更换图片时除了能选择自有素材,还能通过后台的“图片库”挑选。在实际建站时,会派上大用场。
如何使用云·速成美站搭建媲美阿里云的顶级官网
第四步|添加导航
接下来,搞定的是导航栏。
云·速成美站中的“导航控件”包括横向导航与竖向导航,而且有不少样式可以直接选用。这次挑战中,参考阿里云官网首页,我使用的是竖向导航。在导航添加过程中,云·速成美站支持批量添加,可以让用户省了不少功夫。
如何使用云·速成美站搭建媲美阿里云的顶级官网
如何使用云·速成美站搭建媲美阿里云的顶级官网
第五步|添加搜索框
阿里云首页的搜索框效果,通过云·速成美站中的“搜索控件”可以实现。说到“搜索控件”,其中的搜索类别包括文章和产品,同时支持自定义设置“提示文字”,实用性很强。
如何使用云·速成美站搭建媲美阿里云的顶级官网
如何使用云·速成美站搭建媲美阿里云的顶级官网
第六步|添加banner图片与文字
阿里云官网首页的banner图片切换效果,需要通过云·速成美站的“幻灯秀控件”制作。云·速成美站可以针对每张banner图片叠加使用“文字”、“图片”和“按钮”等控件,无需借助PS软件的帮助,直接把创意实现,同时在浏览器中访问网站的二级域名,即可实时浏览真实效果。
这样的设计,的确值得称赞,使得客户后期网站管理维护(例如:banner更新)更加简便,而且文字与banner图片分离,便于百度等搜索引擎抓取,利于公司进行互联网推广。
如何使用云·速成美站搭建媲美阿里云的顶级官网
 如何使用云·速成美站搭建媲美阿里云的顶级官网
在banner图片中添加文字时,云·速成美站和行业中其他建站产品最大的不同:鼠标双击“文字控件”,即可输入内容,并设置样式效果。
如何使用云·速成美站搭建媲美阿里云的顶级官网
如何使用云·速成美站搭建媲美阿里云的顶级官网
第七步|添加文章/产品列表
首页中部分展示效果,如下图:
如何使用云·速成美站搭建媲美阿里云的顶级官网
如何使用云·速成美站搭建媲美阿里云的顶级官网
此时,需要通过云·速成美站中的“列表控件”实现,其中包括“文章列表控件”以及“产品列表控件”。同时,系统预置了丰富样式,在大家建站时,根据具体样式选择即可。
如何使用云·速成美站搭建媲美阿里云的顶级官网
第八步| 保存/发布/大功告成
终于来到挑战的最后环节,比想象中简单很多,制作完成后,点击保存,完成发布,大功告成!!
最终展示效果(http://aliyun.wezhan.cn/)如下:
http://aliyun.wezhan.cn/
第九步| 手机网站
云·速成美站同样可以创建手机网站。手机端的操作与PC端一致,同样是所见即所得的方式,所以实际搭建手机网站的过程比较顺利,很快就完成了。
由于是自适应的方式,并且做到了不同语言,不同终端访问都是一个相同的URL,非常有利于访客的体验和SEO。所以用手机访问(http://aliyun.wezhan.cn/)这个网址时,直接呈现手机网站。同时,手机网站支持扫描二维码直接访问,这一点对于实际中的宣传、推广也很有利。
最终展示效果(手机端浏览器访问)如下:
教你使用云·速成美站搭建媲美阿里云的顶级官网
【总结】
云·速成美站的不断进步,是自助建站行业的进步,更是云时代的大势所趋。云梦网络CEO姜孝鹏说:“美图秀秀的出现,改变了人们美化图片的习惯;滴滴打车的出现,颠覆了人们的出行方式。而云梦网络在做的事情就是通过移动互联网和云计算的方式,改变企业建站难的问题,让更多中小企业都能轻松拥有自己的官网,让建站更简单。”

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用阿里云云服务器ECS搭建 B-S 系统
使用阿里云ECS搭建项目需要的BS系统。Linux 系统使用的是 CentOS7.6 发行版,安装了 JDK1.8、Nginx 代理服务器、相关 Python 依赖包。
329 0
《ExtJS 3详解与实践》阅读补充资料:Ext.extend()中使用super关键字
  既然一门语言被精简了,无论idea还是直观的语法,都务求精简的话,那么这便无形就是一个趋势,趋势往往不为人们的意志转移地转为自己的习惯,思维定性的习惯,连function这个关键字也有某仁兄觉得太长了,有缩减的必要。
747 0
急速搭建 Serverless AI 应用:为你写诗
AI model serving 是函数计算一个比较典型的应用场景。数据科学家训练好模型以后往往需要找软件工程师把模型变成系统或者服务,通常把这个过程称之为 model serving。函数计算无需运维和弹性伸缩的特性,正好符合数据科学家对高可用分布式系统的诉求。本文将介绍把一个 TensorFlow CharRNN 训练的自动写五言绝句古诗的模型部署到函数计算的例子。
1636 0
企业如何用阿里云上云搭建公司网站
企业上云是比较热门的话题也是趋势,越来越多的企业放弃传统IDC选择上云,告诉你企业为什么要上云?企业上云的好处和优势有哪些
153 0
如何使用阿里云云存储网关搭建IIS网站
本文将为大家介绍,如果基于阿里云存储网关提供的samba共享,在windows server中基于IIS服务和OSS对象存储搭建自己的web服务。
2110 0
阿里云学生服务器搭建网站---阿里云学生服务器购买
阿里云学生服务器搭建网站-购买阿里云服务器
554 0
如何用阿里云ECS服务器建站之网站运行环境配置搭建
本节介绍了用阿里云ECS服务器建站之前需要进行网站运行环境配置搭建步骤。
1222 0
使用squid在阿里云服务器(centos7)上搭建自己的代理服务器
大部分公司的内网往往有各种网络限制,无法访问部分网站。所以弄个服务器来代理一下,翻个公司的内网还是很舒服的。在此,我记录的是用squid来完成的代理服务器。   安装 检测是否安装: # which squid /usr/bin/which: no squid in (/usr/local/sbin:/usr/local... 出现以上提示说明没有安装。
7418 0
78
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载