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

简介: 本次我们的任务,就是教大家如何使用云·速成美站搭建阿里云级的(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姜孝鹏说:“美图秀秀的出现,改变了人们美化图片的习惯;滴滴打车的出现,颠覆了人们的出行方式。而云梦网络在做的事情就是通过移动互联网和云计算的方式,改变企业建站难的问题,让更多中小企业都能轻松拥有自己的官网,让建站更简单。”
相关文章
|
6月前
|
存储 弹性计算 安全
阿里云服务器官网:打造稳定可靠的云端平台
随着数字化时代的到来,云计算成为了企业转型升级的必然选择。作为中国云计算服务提供商,阿里巴巴旗下的阿里云服务器官网以其强大的技术实力和卓越的产品品质,成为众多企业和个人用户的首选。
|
5月前
|
存储 缓存 弹性计算
阿里云官网活动中的云服务器如何购买价格能更低一些,5个方法及细节选择介绍
大部分阿里云用户以为购买阿里云活动中的云服务器价格就是最低的了,毕竟活动价格都是很低的,其实不是的,在实际选择过中,如果我们想价格更加低一点,选择价格更低的云服务器实例规格,选择价格相对更便宜的地域,注意不同活动之间的价格区别以及选择按量带宽模式都可以帮助我们以更低的价格购买到想要的云服务器,下面小编就根据自己的选购经验为大家介绍几个价格更便宜的选购方式和选购细节。
220 0
阿里云官网活动中的云服务器如何购买价格能更低一些,5个方法及细节选择介绍
|
8月前
|
存储 Cloud Native 关系型数据库
阿里云瑶池PolarDB开源官网焕新升级:开放、共享和交流
近日,阿里云开源云原生数据库PolarDB官方网站全新升级上线。作为 PolarDB 开源项目与开发者、生态伙伴、用户沟通的平台,将以开放、共享、促进交流为宗旨,打造开放多元的环境,以实现共享共赢的目标。立即体验全新官网:https://openpolardb.com
|
11月前
|
弹性计算 容灾 安全
阿里云服务器在哪购买?肯定是官网呀
阿里云服务器在哪购买?肯定是官网呀!2023阿里云服务器购买流程更新,选购云服务器有两个入口,一个是选择活动机,只需要选择云服务器地域、系统、带宽即可;另一个是在云服务器页面,自定义选择云服务器配置,这种方式购买云服务器较为复杂,需要选付费方式、地域及可用区、ECS实例规格、镜像、网络、公网IP、安全组等配置,阿里云百科来阿里云服务器购买流程指南2023新版教程
121 0
阿里云服务器在哪购买?肯定是官网呀
|
12月前
|
存储 负载均衡 数据可视化
阿里云建站产品云速成美站与云·企业官网区别及选择参考
阿里云官方的建站产品目前主要分为云·速成美站和云·企业官网两个产品,这是两种完全不同的建站模式,下面我们一起看下这两个建站产品怎么样?有什么区别?应当如何选择?
355 0
阿里云建站产品云速成美站与云·企业官网区别及选择参考
阿里云商标注册查询入口官网_商标申请流程新手步骤
阿里云商标注册图文教程快速上手笔记,本文以阿里云商标智能注册申请为例,商标智能注册申请需要用户手动填写商标类型、商标名称、商标图样、商标说明及商标分类表选择等操作,流程较为复杂,TM83商标网来详细说下阿里云商标注册快速上手笔记。阿里云商标注册分为智能注册申请、顾问注册和安心注册:顾问注册和安心注册会有阿里云商标顾问提供一对一服务,所以价格相对智能注册要贵一些,智能注册价格275元、商标顾问注册申请680元、商标安心注册申请1580元,安心注册比顾问注册多了一个不成功全额退款服务,所以安心注册费用相对更高一些。
548 2
阿里云商标注册查询入口官网_商标申请流程新手步骤
|
存储 运维 监控
阿里云APP有什么用?在哪里可以下载纯净版,官网下载通道分享
手机阿里云App是阿里云官方出品的移动应用,为用户提供随时随地触达阿里云的能力。目前网上有很多第三方平台都可以下载,但是有的用户担心第三方平台的APP不是纯净版,可能带有其他插件。其实我们可以通过阿里云官方就能下载到纯净版的APP,纯净版APP具有安全、便捷、快速、实时的特点,帮助用户在手机上快速购买续费、进行云产品的管控。
阿里云APP有什么用?在哪里可以下载纯净版,官网下载通道分享
|
机器学习/深度学习 存储 弹性计算
基于阿里云搭建全量push系统
push又称消息推送、消息触达。叫法有很多但目的只有一个,就是通过各种渠道或方式将指定内容告知到指定用户。所以我们也可以称之为通知。
207 0
基于阿里云搭建全量push系统
|
弹性计算 网络协议 小程序
阿里云建站云企业官网标准版、高级版和尊贵版功能、对比区别及如何选择?
阿里云建站云·企业官网定制分为标准版、高级版和尊贵版三个版本,各个版本之间的区别
|
域名解析 XML 弹性计算
基于阿里云ecs的个人博客搭建实战
本文所涉及的代码出自以下博客文章,十分感谢下面各位大佬的分享 基于开源的wordpress Argon 主题制作人博客:solstice23 – Blog
285 0
基于阿里云ecs的个人博客搭建实战

热门文章

最新文章