你是不是聽過(guò)太多人告訴你：「人人都應(yīng)該要會(huì) coding！」都快要不耐煩了對(duì)吧？

到底為什么身為一個(gè)行銷專業(yè)者、作家、金融巨擘……，整個(gè)世界還要你學(xué)會(huì) coding？

其實(shí)只要對(duì) HTML、CSS 有基本的認(rèn)識(shí)，就可以對(duì)你的事業(yè)造成很大的影響了！學(xué)習(xí)電腦語(yǔ)言可不只是產(chǎn)品助理與設(shè)計(jì)師的責(zé)任，就算你是個(gè)業(yè)務(wù)主管、活動(dòng)企畫、甚至是魔術(shù)師，你都能借由學(xué)習(xí) coding 來(lái)為你自己獲得好處。

聽起來(lái)是不是說(shuō)的比唱的好聽？讓我來(lái)給你九個(gè)應(yīng)該要學(xué)會(huì) coding 的理由！

首先我們還是得要了解什么是 HTML 跟 CSS。簡(jiǎn)單的說(shuō)，他們是網(wǎng)頁(yè)構(gòu)成的基本要素。

• HTML（ HyperText Markup Language ）超文本標(biāo)記語(yǔ)言，是一種告訴瀏覽器每個(gè)網(wǎng)頁(yè)組成是什么的程式語(yǔ)言。你可以利用它來(lái)定義網(wǎng)站中的文章內(nèi)容、標(biāo)題、連結(jié)、圖片等，讓瀏覽器知道網(wǎng)站整個(gè)架構(gòu)的呈現(xiàn)。
• CSS （Cascading Style Sheets）層疊樣式表，是一種能為網(wǎng)頁(yè)增添樣式的電腦語(yǔ)言。換句話說(shuō)，它就是能為你的網(wǎng)站修改字體樣式、顏色、網(wǎng)頁(yè)背景、甚至是華麗的動(dòng)畫與 3D 效果、讓你增添設(shè)計(jì)感的工具。

很簡(jiǎn)單，對(duì)吧？但你可能還在懷疑，這到底能為你的工作帶來(lái)什么？底下就告訴你幾行簡(jiǎn)單的程式語(yǔ)言能讓你有什么收獲。相信我，你學(xué)會(huì)了之后，你的上司或未來(lái)的上司會(huì)對(duì)你感到欽佩、你的同事會(huì)很開心、你則是有更多的機(jī)會(huì)能得到心目中那有成就感又有大錢賺的工作。

接下來(lái)是九個(gè)你能借由 HTML、CSS 編譯能力做到的事：

1. 能寄出自己設(shè)計(jì)過(guò)的 E-mail 給客戶

E-MAIL 近年來(lái)一直是網(wǎng)路行銷的重點(diǎn)之一，如果你能藉由程式語(yǔ)言來(lái)美化電子郵件，讓你的顧客期待收到你的信，那你就成功了！

2. 能為公司設(shè)計(jì)精美的電子報(bào)

現(xiàn)在大家已經(jīng)被你寄的電子郵件驚艷到了，你能把層次拉高到設(shè)計(jì)公司行銷的電子報(bào)了。把公司 LOGO 跟風(fēng)格與電子報(bào)做結(jié)合來(lái)設(shè)計(jì)電子報(bào)的模板，你仍然會(huì)需要用到 HTML 跟 CSS！

3. 能幫公司在 WordPress 的網(wǎng)站美化

目前有許多的公司都利用 WordPress 來(lái)架設(shè)網(wǎng)站。如果你會(huì) HTML 跟 CSS 的話，那可是天大的好事阿，你可以用它們來(lái)新增公司網(wǎng)站的內(nèi)容或做修改。如此一來(lái)也不用再等待過(guò)度工作的網(wǎng)頁(yè)組同事更新行事歷了！

4. 能教你的同事（或老板）coding

講到過(guò)度工作的同事，那你何不和他們（甚至上司）分享學(xué)習(xí) HTML 跟 CSS 的喜悅呢？如此一來(lái)每個(gè)人都能更新、改善公司的網(wǎng)站、E-MAIL、電子報(bào)了！

5. 能讓技術(shù)小組的同事愛死你

如果你能懂一點(diǎn) HTML 跟 CSS，那開發(fā)的同事一定會(huì)很感謝你。因?yàn)槟隳苤苯痈麄冋f(shuō)網(wǎng)站需要改進(jìn)的地方，而不用雞同鴨講個(gè)老半天。而且你也更能知道網(wǎng)站發(fā)展的限制與可能性在哪。

6. 能用你設(shè)計(jì)的 Tumblr 部落格炫耀你的 coding 技能

希望轉(zhuǎn)換跑道，把你的興趣變成你得職業(yè)，那就用 Tumblr 好好展現(xiàn)你的熱情所在吧！如果今天你要在網(wǎng)頁(yè)上展示你的攝影作品或畫作給雇主看，那只要一點(diǎn)點(diǎn)的 HTML 跟 CSS 的基礎(chǔ)，就能讓你的 Tumblr 模板大大加分！

7. 能從頭開始自己打造個(gè)人履歷網(wǎng)頁(yè)

要展現(xiàn)你的創(chuàng)業(yè)精神那就不要再用 Tumblr，并且從頭開始打造你自己的網(wǎng)頁(yè)吧！聽起來(lái)貌似很困難，但其實(shí)只要有一點(diǎn) HTML 跟 CSS 的基礎(chǔ)，要?jiǎng)?chuàng)造一個(gè)簡(jiǎn)單但好看的網(wǎng)站，是很簡(jiǎn)單的！而且未來(lái)的求職面試，你還能大聲的說(shuō)這是你做的網(wǎng)頁(yè)，他們嚇都嚇?biāo)懒耍?/p>

8. 能讓你的設(shè)計(jì)能力提升至更高層次

如果你相當(dāng)熟練 photoshop、腦子又有個(gè)完美的網(wǎng)站架構(gòu)了，那就快去學(xué) HTML 跟 CSS，把構(gòu)想實(shí)現(xiàn)吧！會(huì) coding 的設(shè)計(jì)師現(xiàn)在可是大公司的搶手人才??！

9. 能讓你學(xué)更多、賺更多

就像前面所提到的 HTML 跟 CSS 是網(wǎng)站的基礎(chǔ)，同時(shí)，他們也是你提升 coding 能力的基礎(chǔ)，對(duì)這兩個(gè)程式語(yǔ)言有一定的認(rèn)知，那學(xué)習(xí)更進(jìn)階的程式語(yǔ)言像是 JavaScript、Ruby、PHP 的時(shí)候就會(huì)更容易上手。而你會(huì)越多程式語(yǔ)言，就代表越多的工作機(jī)會(huì)在等著你！