教程

学会这个小教程,5分钟可以让你赚8000

苏笙君
2019-12-06
{{ view }}
关注 私信

昨天下午在群里聊天,聊到一个有意思的话题,当然,是关于赚钱的。 一个设计单在图片上加个字收费500元,诺,就这B样:

学会这个小教程,5分钟可以让你赚8000

一个HTML的单页收费8000,而且真的丑,速度还慢的要死,由于考虑隐私我就不截图了。 我就在想,这钱啥时候变得这么好赚了?

学会这个小教程,5分钟可以让你赚8000

所以,在众多群友强烈的要求下,我决定写下这篇简单的小教程,学会后,你也阔以去赚8000了。

友情提示,教程非常简单, 大佬可以绕道了,但希望能帮到一些小白吧,最起码可以让你省8000啊。

01、什么是HTML?

HTML称为超文本标记语言,是一种标识性的语言。我就不去说什么专业的解释了,就用大家能理解的方式来讲一讲。

一个简单的企业展示型网站你只需要懂两个语言即可,HTML+CSS,HTML是来写页面的内容的,而CSS是来控制页面的样式的。 比如知乎:

学会这个小教程,5分钟可以让你赚8000

这是加了CSS样式的,如果去掉CSS是这样的:

学会这个小教程,5分钟可以让你赚8000

所以,只要你掌握了这两个语言你就可以写一个各种各样的的展示网站,当然,还有一个,叫JS,全称是JavaScript ,它的作用简单的说就是可以为网站添加一些功能。 比如弹窗,分享等……

不过,JS是可加可不加的,看需求。

那这两个语言简单吗?这是入门语言,你说简单吗?

但是,你如果没有学代码的需求,而只是需要给企业或者给个人做一个展示页面的话,你完全没必要花时间去学习,因为网上太多这种模板了,直接下载下来改一改即可。

简单的,几分钟就能搞定,复杂一点的也用不了多久就能改好。 比如我开头说的那个案例,他花8000做了一个企业展示官网,除了自己改一改,还有一个方式。

这里就要给大家推荐一个网站了:上线了

学会这个小教程,5分钟可以让你赚8000

这里有非常多的模板,直接在线DIY即可,比做PPT还简单:

学会这个小教程,5分钟可以让你赚8000

除了做网站,你还可以用它做小程序,而且如果你不在乎域名,还可以使用它们的免费套餐,做个展示用足够。

再来看看成本,如果你只是展示用,用上线了的免费套餐就不用花钱,如果想高大上一点,可以买他们的500块的套餐,可以自定义域名,还会有一些功能。 又或者你想自己来搞一个,那你只需要花几百块买一个服务器和域名即可,但这种展示型的,服务器无需太好,腾讯云/阿里云/各种云经常有活动,99一年的大把。

所以最终你的费用也就100多块。还有一种方式,那就是直接把他挂在github、coding、码云等,那你就只需要花几十块买个域名即可。新用户域名只要1块钱。

具体的方式我之前写过: 0代码基础教你“免费”搭建自己的个人博客网站0代码基础教你搭建一个0成本的网址导航网站

02、如何操作?

既然要教,那我肯定希望你看完这篇文章就能立马搞定一个网站出来,所以我不如再来讲一讲步骤。

我这里只演示修改模板,因为HTML/CSS这些学习也是需要时间的,建议直接去B站搜索教程学习。用不了两天你就能掌握~ 首先去百度找一个你喜欢的模板,这里给大家推荐一个模板网站,没有套路,可以直接挑选自己喜欢的后下载即可。

这里有超多炫酷的模板,企业官网的/产品介绍的/个人主页的等等全都有,大家可自己去挑选:

学会这个小教程,5分钟可以让你赚8000

地址:http://www.cssmoban.com/tags.asp?page=1&n=html

我这里就随便下载一个了。解压后,我得到了这几个文件:

学会这个小教程,5分钟可以让你赚8000

index.html就是我们的首页文件,这里建议大家下载一个Sublime,敲代码用的,地址在这: https://www.sublimetext.com/ 然后打开这个index.html,先来预览一下:

学会这个小教程,5分钟可以让你赚8000

我下的是一个非常简单的,然后我们右键单击index.html在Sublime里打开,当然,你也阔以下载其他的,比如DW。 打开后是这样的:

学会这个小教程,5分钟可以让你赚8000

很简单,你要改的位置就是那些白色字体以及图片。 首先我来改一下标题和页面里的一些文字:

学会这个小教程,5分钟可以让你赚8000

这里我给大家说一下HTML代码的结构,你会改的更轻松:

然后再来一个小技巧: 按键盘的F12,调出开发者模式,默认是在右边,点击右上角3个点,把它设置到下面会方便点,看个人习惯:

学会这个小教程,5分钟可以让你赚8000

然后你就能看到:

学会这个小教程,5分钟可以让你赚8000

比如这个时候你要修改有范青年这4个字,或者你要修改这个背景图片,你在代码里找不到在哪里,那么点击这个小箭头:

学会这个小教程,5分钟可以让你赚8000

点击一下它会变颜色,然后你就可以去选择页面的内容,比如我选中这个有范青年,它就会快速帮你定位这个有范青年代码的位置:

学会这个小教程,5分钟可以让你赚8000

又或者我选中这个顶部这个小LOGO:

学会这个小教程,5分钟可以让你赚8000

然后你会发现,它定位到了代码位置,并通过这个图片地址,你也知道了它存放在 dist/imagcs文件夹里面,命名是logo.svg 。

这个时候,如果你要更换LOGO,你只需要把你的LOGO放到这个文件里,如果你的logo是png的就把代码里的svg后缀改成png即可。 比如我把它换成了一张图片:

学会这个小教程,5分钟可以让你赚8000
学会这个小教程,5分钟可以让你赚8000

其他的位置也是一样的方式去修改,我就不一一演示了。 至于如果你对这个模板有一些不满意的位置想要修改,可以去简单的学一学HTML+CSS,学完后你不但能改,还能自己原创一个。 因为真的不难~

接下来就是上传到服务器,如果你用免费的coding或者github的仓库来储存,那么就去看看我之前写的教程。

如果你有自己的服务器,直接打包上传即可访问。 好了,现在你已经学会了一个可以帮你赚8000的技能了。哈哈,当然,这是开玩笑的,这样的一个HTML页面其实赚不了多少钱。

但也要提一句:具体收费是看需求的,比如美工,功能,页面的数量等等。

它可以做什么?

可以接一些小项目,比如企业官网,个人主页,个人作品展示,个人简历等等……任何页面都可以~

比如我的导航就是这样一个HTML+CSS+JS构成的一个网站: https://www.moyu.link

但也会碰到一个问题,如果你需要一个后台咋办?需要可以发布文章发布商品咋办? 这个也很好解决,有现成的,WordPress,这个我之前也写了教程,安装这个程序到你的服务器,然后安装一个企业主题即可解决。

有很多免费的主题,当然,也有很多付费的主题,并不贵,几百块就能搞定,自行百度就可以解决,我就不推荐了。

嗯,不过因为有些企业其实就是展示几篇文章而已,没有特别大的需求其实都可以直接用一个HTML搞定,比如有一些模板是带有文章或者产品展示的:

学会这个小教程,5分钟可以让你赚8000

但是你是点不开的,因为这个模板没有写文章页面,这个时候你可以自己学会来写一个文章页,然后去学一下a标签怎么用,把它链接到你的文章页即可,然后你点击上图的文章就可以跳转到你的另一个文章页面的html了。

比如你去我的那个摸鱼导航,你打开首页是一个html,点击摸鱼搜索,又是一个新的html页面。懂了吧~ 商品也是一样的道理,可以跳转到淘宝等其他平台去支付。

当然,如果你有一个其他网站,也可以直接用a标签设置跳转。当然,学会了你也可以写一个新的支付html页面。 a标签的意思就是给它加一个超链接,使用方法很简单,我就不比比了,百度一下你就会了。

有些模板也是自带的,自己去找一找即可,比如有些它是一个单页面,但有些它写了关于页面和一些文章页面等。 比如这个就带了文章页:

学会这个小教程,5分钟可以让你赚8000

自己多去挑选一下预览一下即可。 比如这个模板,你甚至还可以做一个电影视频站:

学会这个小教程,5分钟可以让你赚8000

好了,教程就到这,不懂的可以底下留言提问,看到都会回复你~

相关文章:

0代码基础教你“免费”搭建自己的个人博客网站

0代码基础教你搭建一个0成本的网址导航网站

新手零基础建站教程(个人博客/企业/电商等)01

新手零基础建站教程-主题插件推荐02

原文始发于微信公众号(有范青年):学会这个小教程,5分钟可以让你赚8000