美文网首页前端与设计老罗的互联网小学
基础设施 | 不懂技术免费做炫酷网页

基础设施 | 不懂技术免费做炫酷网页

作者: d2060fc93384 | 来源:发表于2016-03-21 16:03 被阅读32次

你一定在朋友圈见过很多炫酷的带有各种动画效果的网页。这些网页也许是求职简历、招聘启示、婚庆请帖、团队宣传。看到这些美轮美奂的网页后,你有没有想过自己也能做一个呢?

我曾经说过,很多互联网的基本服务都是免费的。今天,给大家介绍一个网站:Maka。教你怎么快速用Maka做一个充满设计感的网页。

不需要懂一点技术!而且还是完全免费的!

1、首先,进入Maka网站:http://www.maka.im,注册登录。

2、点击导航“模板商城”,这里有很多收费不高但设计得很漂亮的模板。如果不想付费,可以点击“新建空白”,如下图:

3、进入创作界面,这是一个空白的画布。如果不知道怎么开始,可以点击左下角的“+”号,选择添加一个模板。右边画布里可以预览模板:

4、编辑基本操作流程:左边选择页面,中间选择要编辑的图片或文字,右边编辑图片或者文字的具体内容和样式。

5、点击右边的动作标签,可以选择这个图片或文字的动画效果。

6、如果需要增加模板的内容,可以点击顶部的几个按钮,可以增加文本、图片、形状和按钮链接,还可以添加音乐;也可以选中模板的图片或文字,然后按“Delete”键删除。

7、按照自己的喜好新建多几个页面。新建多个页面后,点击页面左边的箭头可以删除、右边的箭头可以调整顺序。

8、设计得差不多了,就可以点击页面右上角“预览”预览下效果。如下图:点击标题和图标可以改,扫描二维码可以在手机打开查看了~

9、工作时,为防止劳动成果丢失,记得定时点击右上角的“保存”。创作完成后,可以在“我的作品”里就找到你的作品,“预览”就可获得二维码和网址链接了!分享这个二维码和链接,都可以打开刚才你的作品。

例子

最后,大家通过下面的二维码或者点击“查看原文”可以看到我做的例子。如果觉得本教程不错,请分享给更多朋友~谢谢支持~

PS:本文只是一个很简单的小教程,大家可以自己摸索下本文没提到的功能,丰富自己的设计!

转载请署名并注明出处!

老罗的互联网小学

以前我们学用电脑让工作效率更高,以后我们要学用互联网来让生活更美好!

我们希望用简单易懂的方式介绍互联网的知识和工具,让你跟上时代,填平代沟。

如果你是个互联网小白,那还等什么!关注我们!

相关文章

  • 基础设施 | 不懂技术免费做炫酷网页

    你一定在朋友圈见过很多炫酷的带有各种动画效果的网页。这些网页也许是求职简历、招聘启示、婚庆请帖、团队宣传。看到这些...

  • 119公益服手游盒子.变态西游:婚恋版SF+梦幻仙语-送仙兽SF

    【变态西游:婚恋版SF】【GM免费首款酷炫绝世赤鲲坐骑、满V、无限资源.神品渣小辉时装】 网页总站:http://...

  • 鼠标悬停酷炫效果插件

    偶然间浏览网页发现一款非常酷炫的鼠标悬停酷炫效果插件,如果做项目有这方面需要是一个不错的选择。。。。原文链接:ht...

  • 【一】初识JavaScript

    初识JavaScript JavaScript介绍 作用 用来实现网页的各种交互,功能,以及制作炫酷的网页特效。 ...

  • 前端小白一定要看的五个学习资源网站

    一、ECharts ECharts是小U目前接触过最优秀的可视化工具网站,一打开网页首屏就非常炫酷,该网站开源免费...

  • HTML使用教程

    先来大概了解一下创造自己的炫酷的网页都需要掌握哪几项基础技能吧~学习web前端开发基础技术需要掌握:HTML、CS...

  • JavaScript相关知识介绍

    作用: 主要作用就是用来实现网页中的各种功能,以及制作酷炫的网页特效 JavaScript和ECMA的关系Java...

  • ife day-0 初入百度前端技术学院

    就记得那些炫酷的网页了,立个flag:我一定要自己实现出来。

  • 快开学啦

    最近又多了好多事情要做,补暑假作业,剪视频加字幕,做图解,看了炫酷的网页又好想自己做一个很酷的网页。时间管理真的很...

  • 免费炫酷海报PSD

    |18916| 受情绪影响严重,一天心里七上八下不安宁,索性什么也不做,日子一混就没了,刚好看到一篇新闻,网络小说...

网友评论

    本文标题:基础设施 | 不懂技术免费做炫酷网页

    本文链接:https://www.haomeiwen.com/subject/ifvklttx.html