产品演示操作(一)|学习笔记

简介: 快速学习产品演示操作

开发者学堂课程·速成美产品演示操作笔记与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/566/detail/7734


产品演示操作(一)


内容介绍:

一、云速成美站的介绍

二、企业网站搭建的过程(举例)

三、简单介绍模板

四、修改关于我们的页面

五、修改联系我们的页面

六、添加互动

七、手机端

八、如何使网站上线


一.云速成美站的介绍

1.云速成美站是一款快速并且高效的简单的一个界面系统软件,他完全应用与阿里云的云计算机语言,是通过后台上千套的模板快速的去替换内容,从而实现网站的展示效果,也会有很多的功能以供选择。

2.要与传统建站做区分,相对来说传统建站1小时搭建是不可能的,今天来讲什么是脚本语言、什么是数据库等等。

3.云速成美站主打会打字会使用PPT,就可以轻松的去实践网站的搭建,只需要把素材和图片准备好。


二.企业网站搭建的过程(举例)

1、演示一个企业站的搭建过程,首先分为4个部分(1业务开通/进入;

2、模板选择

3、修改页面及资料上传

4、域名相关与上线)。分开来讲是首先是如何进入后台,去选择模板,进行模板的调整与修改,然后是如何把域名绑定、解析与上线。把整个网站的业务开通与后期的上线串起来,简单的展示一下。进入阿里云的后台,如果已经购买了,那么在已购买的服务中找云速成美站。

image.png

点击免登,就会进入后台,会弹出一个界面,写着“欢迎开启您的建站之旅”的弹窗。填写“公司组织名称”和“站点所属行业”,会同步到网站后台的企业信息里,后面选择模板,这些信息会自动带入模板中。

3.举一个与美食相关的例子,公司组织名称是LEFOOD;站点所属行业是选择餐饮/酒店/旅游服务;然后选择下一步,会出现弹窗里面有公司logo,图片用事先准备好

的放入其中,然后依次填好地址、电话、邮箱与公司介绍,点击进入管理后台,这样信息便填完,便进入模板。


三、简单介绍模板

1.简单介绍模板

1.首先是后台的控制台首页。

image.png

左侧是网站的功能栏,中间是设计页面的快速入口,中间下面是产品内容管理的输入口,右侧是更新的内容,后续需要做的待办事项。需要点击功能栏的网站管理中的站点信息

2.进入网站管理界面,在这里可以看见站点信息,里面会有站点名称,站点类型等等,需要加或者更改的信息都在企业信息里面,在后期可以继续完善。

image.png

3.在站点信息里面,会看见一个更换模板的选项,直接点击,会到更换模板的页面,目前已知的模板有1044条模板,这些模板可以根据行业与色系来选择,目前与36个大的行业和8个大的色系。

image.png

4. 如此在本次建站的网站就可以选择对应的模板和色系,选择好的模板,可以点击预览就可以看具体的内容,包括每一个页面都是可以点开,选择好的模板直接点击选用,便可以直接应用了。

5.最后模板中就会自动出现之前填写的信息,每一个页面都可以运行,里面还会包括手机站,手机站中的内容也是可以点击的。

2.首页的模板的调整与修改(以PC为主)

在选择的模板中点击首页,在里面点开页面管理,会看见页面管理和页头和页尾。

1.页头和页尾与页面的关系:页面就是导航栏,每个导航的具体内容,页头和页尾就是把涉及到的网站的头部和底部中共有的内容,放入页头和页尾里,这样页面去调用页头和页尾,这样就不需要每个页面去修改了,只需要修改中间区域的内容就可以了。在页头和页尾中也有内页和首页,先在页头和页尾中改。

image.png

2.页头和页尾中更改,里面的 logo 可以随意更改,把 logo 调整好(等比缩放的状态,与PSP很像);另外就是网站的底部,有版权信息,内容就是显示公司信息里面的内容 LEFOOD ;

网页中的图片也可以更改,图片更换或者更改位置等等都可以;上传图片有2中方法,一种是直接点击图片位置,会出现幻灯秀(会有许多特效),在幻灯秀里面点击数据,点击添加栏目或者点击图片直接替换图片就可以添加图片;另一种是以文件夹的方式上传添加图片,还有一个设置,如果需要加水印,就直接点击添加水印就可以了,还可以更改水印的位置和添加水印图片。

上传完成后点击保存,然后刷新就完成了。但是这只是在首页的页头和页尾,所以还要在内页的页头和页尾里继续更改。再保存,然后刷新。

image.png

3.回到首页:修改首页中间区域的内容,继续编辑内容和更改图片;里面的图片还是可以跳转到其他页面,里面有拖拽的方式控制所以框的大小。

4.产品列表中进行编辑,来展示具体的内容和具体的展示,点击数据,选择需要的数据,如果没有数据,可以点击新增产品,然后新建立分类

 image.png

image.png

5.建分类和不建分类的区别:如果数据比较多,在没有分类的情况下,寻找会比较麻烦,需要去前端勾选分类;如果建立分类的话,那么只需要在前端选择分类就可以了,后期在分类里面传输内容,最后直接点击分类就可以了。

6.产品管理(文章管理与产品管理是一样的操作):可以一个一个的新增产品,依次添加产品信息。在详情中也可以插入图片与排版布局都是可以的,最后保存;右侧也有详细页的模板,以供选择。这个是单个产品的编辑与保存;再往下可以设置对应的每个产品的关键词,便于搜索。

如果产品已经准备好了,就可以直接导入产品。添加文件,导入的产品是需要Word的文件,用Word文件制作,标题就是产品的名字,内容就是产品的信息。

image.png

7.如果没有分类,就选择分类,移动到所分的类中,然后选择确定。

8.文章的内容也有模板和样式的选择与改变,之后保存。

在数据分类中,就需要一个一个的添加,可以按照不同的需求进行选择,会直接替换掉。

9.更改导航栏中的导航文字,只需要点击页面里面的对应需要更改文字的设置,设置里面直接更改页面标题,之后保存,因为地址是变化的,所以需要在页头和页尾进行替换;在网页设计中的文章内容也是可以更改,其中图片也可以隐藏起来。

继续在页面里面选择需要链接到的页面,这样就是真正的改变过来,同样在内页页头页尾也需要更改,最后保存并且预览。

相关文章
|
Java 关系型数据库 MySQL
入门案例(使用的资源介绍)|学习笔记
快速学习入门案例(使用的资源介绍)
入门案例(使用的资源介绍)|学习笔记
|
存储 人工智能 算法
数字音频基础(下)| 学习笔记
快速学习数字音频基础(下),介绍了数字音频基础(下)系统机制, 以及在实际应用过程中如何使用。
414 0
数字音频基础(下)| 学习笔记
|
存储 开发者
数字音频基础(中)| 学习笔记
快速学习数字音频基础(中),介绍了数字音频基础(中)系统机制, 以及在实际应用过程中如何使用。
142 0
数字音频基础(中)| 学习笔记
|
编解码 开发者
数字音频基础(上)| 学习笔记
快速学习数字音频基础(上),介绍了数字音频基础(上)系统机制, 以及在实际应用过程中如何使用。
289 0
数字音频基础(上)| 学习笔记
|
SQL 运维 分布式计算
阿里云相关产品操作演示 | 学习笔记
快速学习阿里云相关产品操作演示。
380 0
阿里云相关产品操作演示  |  学习笔记
|
机器学习/深度学习 SQL 数据采集
阿里云相关产品基本操作演示|学习笔记
快速学习阿里云相关产品基本操作演示
186 0
阿里云相关产品基本操作演示|学习笔记
|
SQL Kubernetes 关系型数据库
阿里云 K8s 环境创建(上)|学习笔记
快速学习阿里云 K8s 环境创建(上)
824 0
阿里云 K8s 环境创建(上)|学习笔记
|
Kubernetes 监控 固态存储
阿里云 K8s 环境创建(下)|学习笔记
快速学习阿里云 K8s 环境创建(下)
317 0
阿里云 K8s 环境创建(下)|学习笔记
|
前端开发 数据库 数据安全/隐私保护
总结项目功能特点(后台系统1)| 学习笔记
快速学习 总结项目功能特点(后台系统1)
162 0
总结项目功能特点(后台系统1)| 学习笔记
|
Go vr&ar 开发者
数组注意事项和细节(2)|学习笔记
快速学习数组注意事项和细节(2)。
128 0
数组注意事项和细节(2)|学习笔记