- 2019-12-06 學(xué)會(huì)這個(gè)小教程5分鐘可以讓你賺8000

1、提供的爬取軟件來源于：52夜泉 免費(fèi)下載使用 學(xué)會(huì)這個(gè)小教程，5分鐘可以讓你賺8000原創(chuàng) 一只想暴富的咸魚 有范青年 有范青年 微信號(hào) youfanup功能介紹 一群有夢(mèng)想不服輸?shù)纳线M(jìn)青年聚集地2019-12-06昨天下午在群里聊天，聊到一個(gè)有意思的話題，當(dāng)然，是關(guān)于賺錢的。一個(gè)設(shè)計(jì)單在圖片上加個(gè)字收費(fèi)500元，諾，就這B樣：一個(gè)HTML的單頁(yè)收費(fèi)8000，而且真的丑，速度還慢的要死，由于考慮隱私我就不截圖了。我就在想，這錢啥時(shí)候變得這么好賺了？所以，在眾多群友強(qiáng)烈的要求下，我決定寫下這篇簡(jiǎn)單的小教程，學(xué)會(huì)后，你也闊以去賺8000了友情提示，教程非常簡(jiǎn)單， 大佬可以繞道了，但

2、希望能幫到一些小白吧，最起碼可以讓你省8000啊01什么是HTML？HTML稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。我就不去說什么專業(yè)的解釋了，就用大家能理解的方式來講一講。一個(gè)簡(jiǎn)單的企業(yè)展示型網(wǎng)站你只需要懂兩個(gè)語(yǔ)言即可，HTML+CSS，HTML是來寫頁(yè)面的內(nèi)容的，而CSS是來控制頁(yè)面的樣式的。比如知乎：這是加了CSS樣式的，如果去掉CSS是這樣的：所以，只要你掌握了這兩個(gè)語(yǔ)言你就可以寫一個(gè)各種各樣的的展示網(wǎng)站，當(dāng)然，還有一個(gè)，叫JS，全稱是JavaScript ，它的作用簡(jiǎn)單的說就是可以為網(wǎng)站添加一些功能。比如彈窗，分享等不過，JS是可加可不加的，看需求。那這兩個(gè)語(yǔ)言簡(jiǎn)單嗎？這是入門語(yǔ)言，

3、你說簡(jiǎn)單嗎？但是，你如果沒有學(xué)代碼的需求，而只是需要給企業(yè)或者給個(gè)人做一個(gè)展示頁(yè)面的話，你完全沒必要花時(shí)間去學(xué)習(xí)，因?yàn)榫W(wǎng)上太多這種模板了，直接下載下來改一改即可。簡(jiǎn)單的，幾分鐘就能搞定，復(fù)雜一點(diǎn)的也用不了多久就能改好。比如我開頭說的那個(gè)案例，他花8000做了一個(gè)企業(yè)展示官網(wǎng)，除了自己改一改，還有一個(gè)方式。這里就要給大家推薦一個(gè)網(wǎng)站了：上線了這里有非常多的模板，直接在線DIY即可，比做PPT還簡(jiǎn)單：除了做網(wǎng)站，你還可以用它做小程序，而且如果你不在乎域名，還可以使用它們的免費(fèi)套餐，做個(gè)展示用足夠。再來看看成本，如果你只是展示用，用上線了的免費(fèi)套餐就不用花錢，如果想高大上一點(diǎn)，可以買他們的500塊的

4、套餐，可以自定義域名，還會(huì)有一些功能。又或者你想自己來搞一個(gè)，那你只需要花幾百塊買一個(gè)服務(wù)器和域名即可，但這種展示型的，服務(wù)器無需太好，騰訊云/阿里云/各種云經(jīng)常有活動(dòng)，99一年的大把。所以最終你的費(fèi)用也就100多塊。還有一種方式，那就是直接把他掛在github、coding、碼云等，那你就只需要花幾十塊買個(gè)域名即可。新用戶域名只要1塊錢。具體的方式我之前寫過：0代碼基礎(chǔ)教你“免費(fèi)”搭建自己的個(gè)人博客網(wǎng)站0代碼基礎(chǔ)教你搭建一個(gè)0成本的網(wǎng)址導(dǎo)航網(wǎng)站02如何操作？既然要教，那我肯定希望你看完這篇文章就能立馬搞定一個(gè)網(wǎng)站出來，所以我不如再來講一講步驟。我這里只演示修改模板，因?yàn)镠TML/CSS這些學(xué)

5、習(xí)也是需要時(shí)間的，建議直接去B站搜索教程學(xué)習(xí)。用不了兩天你就能掌握首先去百度找一個(gè)你喜歡的模板，這里給大家推薦一個(gè)模板網(wǎng)站，沒有套路，可以直接挑選自己喜歡的后下載即可。這里有超多炫酷的模板，企業(yè)官網(wǎng)的/產(chǎn)品介紹的/個(gè)人主頁(yè)的等等全都有，大家可自己去挑選：地址：/tags.asp?page=1&n=html我這里就隨便下載一個(gè)了。解壓后，我得到了這幾個(gè)文件：index.html就是我們的首頁(yè)文件，這里建議大家下載一個(gè)Sublime，敲代碼用的，地址在這：/然后打開這個(gè)index.html，先來預(yù)覽一下

6、：我下的是一個(gè)非常簡(jiǎn)單的，然后我們右鍵單擊index.html在Sublime里打開，當(dāng)然，你也闊以下載其他的，比如DW。打開后是這樣的：很簡(jiǎn)單，你要改的位置就是那些白色字體以及圖片。首先我來改一下標(biāo)題和頁(yè)面里的一些文字：這里我給大家說一下HTML代碼的結(jié)構(gòu)，你會(huì)改的更輕松： 這是網(wǎng)頁(yè)編碼，無需搭理 這是引用CSS文件 這里就是正文內(nèi)容 然后再來一個(gè)小技巧：按鍵盤的F12，調(diào)出開發(fā)者模式，默認(rèn)是在右邊，點(diǎn)擊右上角3個(gè)點(diǎn)，把它設(shè)置到下面會(huì)方便點(diǎn)，看個(gè)人習(xí)慣：然后你就能看到：比如這個(gè)時(shí)候你要修改有范青年這4個(gè)字，或者你要修改這個(gè)背景圖片，你在代碼里找不到在哪里，那么點(diǎn)擊這個(gè)小箭頭：點(diǎn)擊一下它會(huì)變顏

7、色，然后你就可以去選擇頁(yè)面的內(nèi)容，比如我選中這個(gè)有范青年，它就會(huì)快速幫你定位這個(gè)有范青年代碼的位置：又或者我選中這個(gè)頂部這個(gè)小LOGO：然后你會(huì)發(fā)現(xiàn)，它定位到了代碼位置，并通過這個(gè)圖片地址，你也知道了它存放在 dist/imagcs文件夾里面，命名是logo.svg 。這個(gè)時(shí)候，如果你要更換LOGO，你只需要把你的LOGO放到這個(gè)文件里，如果你的logo是png的就把代碼里的svg后綴改成png即可。比如我把它換成了一張圖片：其他的位置也是一樣的方式去修改，我就不一一演示了。至于如果你對(duì)這個(gè)模板有一些不滿意的位置想要修改，可以去簡(jiǎn)單的學(xué)一學(xué)HTML+CSS，學(xué)完后你不但能改，還能自己原創(chuàng)一個(gè)。

8、因?yàn)檎娴牟浑y接下來就是上傳到服務(wù)器，如果你用免費(fèi)的coding或者github的倉(cāng)庫(kù)來儲(chǔ)存，那么就去看看我之前寫的教程。如果你有自己的服務(wù)器，直接打包上傳即可訪問。好了，現(xiàn)在你已經(jīng)學(xué)會(huì)了一個(gè)可以幫你賺8000的技能了。哈哈，當(dāng)然，這是開玩笑的，這樣的一個(gè)HTML頁(yè)面其實(shí)賺不了多少錢。但也要提一句：具體收費(fèi)是看需求的，比如美工，功能，頁(yè)面的數(shù)量等等。它可以做什么？可以接一些小項(xiàng)目，比如企業(yè)官網(wǎng)，個(gè)人主頁(yè)，個(gè)人作品展示，個(gè)人簡(jiǎn)歷等等任何頁(yè)面都可以比如我的導(dǎo)航就是這樣一個(gè)HTML+CSS+JS構(gòu)成的一個(gè)網(wǎng)站：https:/www.moyu.link但也會(huì)碰到一個(gè)問題，如果你需要一個(gè)后臺(tái)咋辦？需要可以

9、發(fā)布文章發(fā)布商品咋辦？這個(gè)也很好解決，有現(xiàn)成的，WordPress，這個(gè)我之前也寫了教程，安裝這個(gè)程序到你的服務(wù)器，然后安裝一個(gè)企業(yè)主題即可解決。有很多免費(fèi)的主題，當(dāng)然，也有很多付費(fèi)的主題，并不貴，幾百塊就能搞定，自行百度就可以解決，我就不推薦了。嗯，不過因?yàn)橛行┢髽I(yè)其實(shí)就是展示幾篇文章而已，沒有特別大的需求其實(shí)都可以直接用一個(gè)HTML搞定，比如有一些模板是帶有文章或者產(chǎn)品展示的：但是你是點(diǎn)不開的，因?yàn)檫@個(gè)模板沒有寫文章頁(yè)面，這個(gè)時(shí)候你可以自己學(xué)會(huì)來寫一個(gè)文章頁(yè)，然后去學(xué)一下a標(biāo)簽怎么用，把它鏈接到你的文章頁(yè)即可，然后你點(diǎn)擊上圖的文章就可以跳轉(zhuǎn)到你的另一個(gè)文章頁(yè)面的html了。比如你去我的那個(gè)

10、摸魚導(dǎo)航，你打開首頁(yè)是一個(gè)html，點(diǎn)擊摸魚搜索，又是一個(gè)新的html頁(yè)面。懂了吧商品也是一樣的道理，可以跳轉(zhuǎn)到淘寶等其他平臺(tái)去支付。當(dāng)然，如果你有一個(gè)其他網(wǎng)站，也可以直接用a標(biāo)簽設(shè)置跳轉(zhuǎn)。當(dāng)然，學(xué)會(huì)了你也可以寫一個(gè)新的支付html頁(yè)面。a標(biāo)簽的意思就是給它加一個(gè)超鏈接，使用方法很簡(jiǎn)單，我就不比比了，百度一下你就會(huì)了。有些模板也是自帶的，自己去找一找即可，比如有些它是一個(gè)單頁(yè)面，但有些它寫了關(guān)于頁(yè)面和一些文章頁(yè)面等。比如這個(gè)就帶了文章頁(yè)：自己多去挑選一下預(yù)覽一下即可。比如這個(gè)模板，你甚至還可以做一個(gè)電影視頻站：好了，教程就到這，不懂的可以底下留言提問，或者到番薯圈或我的博客去提問都行。看到都會(huì)回復(fù)你最后，還想繼續(xù)看我分享更多這種小教程和我的生財(cái)之道，別忘了給我點(diǎn)個(gè)“在看”鴨，在看越多，我拖更時(shí)間就越短，寫篇文章不容易啊，需要你們的支持相關(guān)文章：0代碼基礎(chǔ)教你“免費(fèi)”搭建自己的個(gè)人博客網(wǎng)站0代碼基礎(chǔ)教你搭建一個(gè)0成本的網(wǎng)址導(dǎo)航網(wǎng)站新手零基礎(chǔ)建站教程（個(gè)人博客/企業(yè)/電商等）01新手零基礎(chǔ)建站教程-主