




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、提供的爬取軟件來源于:52夜泉 免費下載使用 學(xué)會這個小教程,5分鐘可以讓你賺8000原創(chuàng) 一只想暴富的咸魚 有范青年 有范青年 微信號 youfanup功能介紹 一群有夢想不服輸?shù)纳线M(jìn)青年聚集地2019-12-06昨天下午在群里聊天,聊到一個有意思的話題,當(dāng)然,是關(guān)于賺錢的。一個設(shè)計單在圖片上加個字收費500元,諾,就這B樣:一個HTML的單頁收費8000,而且真的丑,速度還慢的要死,由于考慮隱私我就不截圖了。我就在想,這錢啥時候變得這么好賺了?所以,在眾多群友強烈的要求下,我決定寫下這篇簡單的小教程,學(xué)會后,你也闊以去賺8000了友情提示,教程非常簡單, 大佬可以繞道了,但
2、希望能幫到一些小白吧,最起碼可以讓你省8000啊01什么是HTML?HTML稱為超文本標(biāo)記語言,是一種標(biāo)識性的語言。我就不去說什么專業(yè)的解釋了,就用大家能理解的方式來講一講。一個簡單的企業(yè)展示型網(wǎng)站你只需要懂兩個語言即可,HTML+CSS,HTML是來寫頁面的內(nèi)容的,而CSS是來控制頁面的樣式的。比如知乎:這是加了CSS樣式的,如果去掉CSS是這樣的:所以,只要你掌握了這兩個語言你就可以寫一個各種各樣的的展示網(wǎng)站,當(dāng)然,還有一個,叫JS,全稱是JavaScript ,它的作用簡單的說就是可以為網(wǎng)站添加一些功能。比如彈窗,分享等不過,JS是可加可不加的,看需求。那這兩個語言簡單嗎?這是入門語言,
3、你說簡單嗎?但是,你如果沒有學(xué)代碼的需求,而只是需要給企業(yè)或者給個人做一個展示頁面的話,你完全沒必要花時間去學(xué)習(xí),因為網(wǎng)上太多這種模板了,直接下載下來改一改即可。簡單的,幾分鐘就能搞定,復(fù)雜一點的也用不了多久就能改好。比如我開頭說的那個案例,他花8000做了一個企業(yè)展示官網(wǎng),除了自己改一改,還有一個方式。這里就要給大家推薦一個網(wǎng)站了:上線了這里有非常多的模板,直接在線DIY即可,比做PPT還簡單:除了做網(wǎng)站,你還可以用它做小程序,而且如果你不在乎域名,還可以使用它們的免費套餐,做個展示用足夠。再來看看成本,如果你只是展示用,用上線了的免費套餐就不用花錢,如果想高大上一點,可以買他們的500塊的
4、套餐,可以自定義域名,還會有一些功能。又或者你想自己來搞一個,那你只需要花幾百塊買一個服務(wù)器和域名即可,但這種展示型的,服務(wù)器無需太好,騰訊云/阿里云/各種云經(jīng)常有活動,99一年的大把。所以最終你的費用也就100多塊。還有一種方式,那就是直接把他掛在github、coding、碼云等,那你就只需要花幾十塊買個域名即可。新用戶域名只要1塊錢。具體的方式我之前寫過:0代碼基礎(chǔ)教你“免費”搭建自己的個人博客網(wǎng)站0代碼基礎(chǔ)教你搭建一個0成本的網(wǎng)址導(dǎo)航網(wǎng)站02如何操作?既然要教,那我肯定希望你看完這篇文章就能立馬搞定一個網(wǎng)站出來,所以我不如再來講一講步驟。我這里只演示修改模板,因為HTML/CSS這些學(xué)
5、習(xí)也是需要時間的,建議直接去B站搜索教程學(xué)習(xí)。用不了兩天你就能掌握首先去百度找一個你喜歡的模板,這里給大家推薦一個模板網(wǎng)站,沒有套路,可以直接挑選自己喜歡的后下載即可。這里有超多炫酷的模板,企業(yè)官網(wǎng)的/產(chǎn)品介紹的/個人主頁的等等全都有,大家可自己去挑選:地址:/tags.asp?page=1&n=html我這里就隨便下載一個了。解壓后,我得到了這幾個文件:index.html就是我們的首頁文件,這里建議大家下載一個Sublime,敲代碼用的,地址在這:/然后打開這個index.html,先來預(yù)覽一下
6、:我下的是一個非常簡單的,然后我們右鍵單擊index.html在Sublime里打開,當(dāng)然,你也闊以下載其他的,比如DW。打開后是這樣的:很簡單,你要改的位置就是那些白色字體以及圖片。首先我來改一下標(biāo)題和頁面里的一些文字:這里我給大家說一下HTML代碼的結(jié)構(gòu),你會改的更輕松: 這是網(wǎng)頁編碼,無需搭理 這是引用CSS文件 這里就是正文內(nèi)容 然后再來一個小技巧:按鍵盤的F12,調(diào)出開發(fā)者模式,默認(rèn)是在右邊,點擊右上角3個點,把它設(shè)置到下面會方便點,看個人習(xí)慣:然后你就能看到:比如這個時候你要修改有范青年這4個字,或者你要修改這個背景圖片,你在代碼里找不到在哪里,那么點擊這個小箭頭:點擊一下它會變顏
7、色,然后你就可以去選擇頁面的內(nèi)容,比如我選中這個有范青年,它就會快速幫你定位這個有范青年代碼的位置:又或者我選中這個頂部這個小LOGO:然后你會發(fā)現(xiàn),它定位到了代碼位置,并通過這個圖片地址,你也知道了它存放在 dist/imagcs文件夾里面,命名是logo.svg 。這個時候,如果你要更換LOGO,你只需要把你的LOGO放到這個文件里,如果你的logo是png的就把代碼里的svg后綴改成png即可。比如我把它換成了一張圖片:其他的位置也是一樣的方式去修改,我就不一一演示了。至于如果你對這個模板有一些不滿意的位置想要修改,可以去簡單的學(xué)一學(xué)HTML+CSS,學(xué)完后你不但能改,還能自己原創(chuàng)一個。
8、因為真的不難接下來就是上傳到服務(wù)器,如果你用免費的coding或者github的倉庫來儲存,那么就去看看我之前寫的教程。如果你有自己的服務(wù)器,直接打包上傳即可訪問。好了,現(xiàn)在你已經(jīng)學(xué)會了一個可以幫你賺8000的技能了。哈哈,當(dāng)然,這是開玩笑的,這樣的一個HTML頁面其實賺不了多少錢。但也要提一句:具體收費是看需求的,比如美工,功能,頁面的數(shù)量等等。它可以做什么?可以接一些小項目,比如企業(yè)官網(wǎng),個人主頁,個人作品展示,個人簡歷等等任何頁面都可以比如我的導(dǎo)航就是這樣一個HTML+CSS+JS構(gòu)成的一個網(wǎng)站:https:/www.moyu.link但也會碰到一個問題,如果你需要一個后臺咋辦?需要可以
9、發(fā)布文章發(fā)布商品咋辦?這個也很好解決,有現(xiàn)成的,WordPress,這個我之前也寫了教程,安裝這個程序到你的服務(wù)器,然后安裝一個企業(yè)主題即可解決。有很多免費的主題,當(dāng)然,也有很多付費的主題,并不貴,幾百塊就能搞定,自行百度就可以解決,我就不推薦了。嗯,不過因為有些企業(yè)其實就是展示幾篇文章而已,沒有特別大的需求其實都可以直接用一個HTML搞定,比如有一些模板是帶有文章或者產(chǎn)品展示的:但是你是點不開的,因為這個模板沒有寫文章頁面,這個時候你可以自己學(xué)會來寫一個文章頁,然后去學(xué)一下a標(biāo)簽怎么用,把它鏈接到你的文章頁即可,然后你點擊上圖的文章就可以跳轉(zhuǎn)到你的另一個文章頁面的html了。比如你去我的那個
10、摸魚導(dǎo)航,你打開首頁是一個html,點擊摸魚搜索,又是一個新的html頁面。懂了吧商品也是一樣的道理,可以跳轉(zhuǎn)到淘寶等其他平臺去支付。當(dāng)然,如果你有一個其他網(wǎng)站,也可以直接用a標(biāo)簽設(shè)置跳轉(zhuǎn)。當(dāng)然,學(xué)會了你也可以寫一個新的支付html頁面。a標(biāo)簽的意思就是給它加一個超鏈接,使用方法很簡單,我就不比比了,百度一下你就會了。有些模板也是自帶的,自己去找一找即可,比如有些它是一個單頁面,但有些它寫了關(guān)于頁面和一些文章頁面等。比如這個就帶了文章頁:自己多去挑選一下預(yù)覽一下即可。比如這個模板,你甚至還可以做一個電影視頻站:好了,教程就到這,不懂的可以底下留言提問,或者到番薯圈或我的博客去提問都行。看到都會回復(fù)你最后,還想繼續(xù)看我分享更多這種小教程和我的生財之道,別忘了給我點個“在看”鴨,在看越多,我拖更時間就越短,寫篇文章不容易啊,需要你們的支持相關(guān)文章:0代碼基礎(chǔ)教你“免費”搭建自己的個人博客網(wǎng)站0代碼基礎(chǔ)教你搭建一個0成本的網(wǎng)址導(dǎo)航網(wǎng)站新手零基礎(chǔ)建站教程(個人博客/企業(yè)/電商等)01新手零基礎(chǔ)建站教程-主
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025小班元旦節(jié)總結(jié)
- 2025年教案:傳染病認(rèn)知與預(yù)防教育的融合
- 臨床技術(shù)操作規(guī)范(影像技術(shù)分冊)
- 2025年大學(xué)有機化學(xué)實驗資料包
- 設(shè)備維修保養(yǎng)記錄表-設(shè)備狀況與維護(hù)措施
- 生物學(xué)細(xì)胞分裂與遺傳學(xué)概念題集
- 2025年尼爾森數(shù)據(jù)分析培訓(xùn):掌握市場動向的關(guān)鍵
- 公司內(nèi)部管理咨詢服務(wù)合同
- 2025年江西貨運資格證考試中心
- 2025年海東貨運從業(yè)資格模擬考試題
- 手機歸屬地表格
- Web滲透測試與防護(hù)(慕課版) 課件 單元2 Web安全的技術(shù)基礎(chǔ)
- (完整版)施工現(xiàn)場質(zhì)量、安全生產(chǎn)管理體系
- 項目團隊管理課件
- 幼兒文學(xué)PPT(學(xué)前教育高職)完整全套教學(xué)課件
- QGDW10571-2018大截面導(dǎo)線壓接工藝導(dǎo)則
- 《國家中藥飲片炮制規(guī)范》全文
- 心肌炎病人的護(hù)理
- 部編版四年級語文下冊第3單元大單元整體教學(xué)設(shè)計課件(教案配套)
- 合成纖維第五章干法紡絲
- GBZ/T(衛(wèi)生) 277-2016職業(yè)病危害評價通則
評論
0/150
提交評論