昨天下午在群里聊天，聊到一个有意思的话题，当然，是关于赚钱的。
一个设计单在图片上加个字收费500元，诺，就这B样：
一个HTML的单页收费8000，而且真的丑，速度还慢的要死，由于考虑隐私我就不截图了。
所以，在众多群友强烈的要求下，我决定写下这篇简单的小教程，学会后，你也阔以去赚8000了![]()
友情提示，教程非常简单， 大佬可以绕道了，但希望能帮到一些小白吧，最起码可以让你省8000啊![]()
HTML称为超文本标记语言，是一种标识性的语言。我就不去说什么专业的解释了，就用大家能理解的方式来讲一讲。
一个简单的企业展示型网站你只需要懂两个语言即可，HTML+CSS，HTML是来写页面的内容的，而CSS是来控制页面的样式的。
所以，只要你掌握了这两个语言你就可以写一个各种各样的的展示网站，当然，还有一个，叫JS，全称是JavaScript ，它的作用简单的说就是可以为网站添加一些功能。
但是，你如果没有学代码的需求，而只是需要给企业或者给个人做一个展示页面的话，你完全没必要花时间去学习，因为网上太多这种模板了，直接下载下来改一改即可。
简单的，几分钟就能搞定，复杂一点的也用不了多久就能改好。
比如我开头说的那个案例，他花8000做了一个企业展示官网，除了自己改一改，还有一个方式。
这里有非常多的模板，直接在线DIY即可，比做PPT还简单：
除了做网站，你还可以用它做小程序，而且如果你不在乎域名，还可以使用它们的免费套餐，做个展示用足够。
再来看看成本，如果你只是展示用，用上线了的免费套餐就不用花钱，如果想高大上一点，可以买他们的500块的套餐，可以自定义域名，还会有一些功能。
又或者你想自己来搞一个，那你只需要花几百块买一个服务器和域名即可，但这种展示型的，服务器无需太好，腾讯云/阿里云/各种云经常有活动，99一年的大把。所以最终你的费用也就100多块。
还有一种方式，那就是直接把他挂在github、coding、码云等，那你就只需要花几十块买个域名即可。新用户域名只要1块钱。
既然要教，那我肯定希望你看完这篇文章就能立马搞定一个网站出来，所以我不如再来讲一讲步骤。
我这里只演示修改模板，因为HTML/CSS这些学习也是需要时间的，建议直接去B站搜索教程学习。用不了两天你就能掌握~
首先去百度找一个你喜欢的模板，这里给大家推荐一个模板网站，没有套路，可以直接挑选自己喜欢的后下载即可。这里有超多炫酷的模板，企业官网的/产品介绍的/个人主页的等等全都有，大家可自己去挑选：地址：http://www.cssmoban.com/tags.asp?page=1&n=html
我这里就随便下载一个了。解压后，我得到了这几个文件：
index.html就是我们的首页文件，这里建议大家下载一个Sublime，敲代码用的，地址在这：
https://www.sublimetext.com/
我下的是一个非常简单的，然后我们右键单击index.html在Sublime里打开，当然，你也阔以下载其他的，比如DW。
这里我给大家说一下HTML代码的结构，你会改的更轻松：
<html><head> <title>浏览器标题</title><meta charset="utf-8"> 这是网页编码，无需搭理<meta name="keywords" content="关键字" /> <meta name="description" content="描述" /> <link rel="stylesheet" href="dist/css/style.css">这是引用CSS文件<body> 这里就是正文内容 </body></head> </html>
按键盘的F12，调出开发者模式，默认是在右边，点击右上角3个点，把它设置到下面会方便点，看个人习惯：
比如这个时候你要修改有范青年这4个字，或者你要修改这个背景图片，你在代码里找不到在哪里，那么点击这个小箭头：
点击一下它会变颜色，然后你就可以去选择页面的内容，比如我选中这个有范青年，它就会快速帮你定位这个有范青年代码的位置：
然后你会发现，它定位到了代码位置，并通过这个图片地址，你也知道了它存放在 dist/imagcs文件夹里面，命名是logo.svg 。
这个时候，如果你要更换LOGO，你只需要把你的LOGO放到这个文件里，如果你的logo是png的就把代码里的svg后缀改成png即可。
其他的位置也是一样的方式去修改，我就不一一演示了。
至于如果你对这个模板有一些不满意的位置想要修改，可以去简单的学一学HTML+CSS，学完后你不但能改，还能自己原创一个。
接下来就是上传到服务器，如果你用免费的coding或者github的仓库来储存，那么就去看看我之前写的教程。如果你有自己的服务器，直接打包上传即可访问。
好了，现在你已经学会了一个可以帮你赚8000的技能了。哈哈，当然，这是开玩笑的，这样的一个HTML页面其实赚不了多少钱。但也要提一句：具体收费是看需求的，比如美工，功能，页面的数量等等。
可以接一些小项目，比如企业官网，个人主页，个人作品展示，个人简历等等……任何页面都可以~
比如我的导航就是这样一个HTML+CSS+JS构成的一个网站：
但也会碰到一个问题，如果你需要一个后台咋办？需要可以发布文章发布商品咋办？
这个也很好解决，有现成的，WordPress，这个我之前也写了教程，安装这个程序到你的服务器，然后安装一个企业主题即可解决。
有很多免费的主题，当然，也有很多付费的主题，并不贵，几百块就能搞定，自行百度就可以解决，我就不推荐了。嗯，不过因为有些企业其实就是展示几篇文章而已，没有特别大的需求其实都可以直接用一个HTML搞定，比如有一些模板是带有文章或者产品展示的：
但是你是点不开的，因为这个模板没有写文章页面，这个时候你可以自己学会来写一个文章页，然后去学一下a标签怎么用，把它链接到你的文章页即可，然后你点击上图的文章就可以跳转到你的另一个文章页面的html了。比如你去我的那个摸鱼导航，你打开首页是一个html，点击摸鱼搜索，又是一个新的html页面。懂了吧~商品也是一样的道理，可以跳转到淘宝等其他平台去支付。当然，如果你有一个其他网站，也可以直接用a标签设置跳转。当然，学会了你也可以写一个新的支付html页面。a标签的意思就是给它加一个超链接，使用方法很简单，我就不比比了，百度一下你就会了。有些模板也是自带的，自己去找一找即可，比如有些它是一个单页面，但有些它写了关于页面和一些文章页面等。好了，教程就到这，不懂的可以底下留言提问，或者到番薯圈或我的博客去提问都行。看到都会回复你~还想继续看我分享更多这种小教程和我的生财之道，别忘了给我点个“在看”鸭，在看越多，我拖更时间就越短，写篇文章不容易啊，需要你们的支持![]()
0代码基础教你“免费”搭建自己的个人博客网站
0代码基础教你搭建一个0成本的网址导航网站
新手零基础建站教程（个人博客/企业/电商等）01
新手零基础建站教程-主题插件推荐02
顶尖高手，都是长期主义者
赚钱的事人家凭什么免费带你？