【マーケ×プログラミング】マーケティング担当者は「HTML / CSS」学ぶべき！？ |

こんにちは！　Nocky(のっきー)です！

今回はマーケティング担当者は「HTML / CSS」学ぶべき！？と題して、以下の２点をご紹介します！

マーケティング担当者が「HTML/CSS」を学ぶメリット

自身の経験談に基づいた学習方法

マーケティング担当者が『HTML/CSS』を学ぶメリット
プログラミングアレルギーを克服した『HTML』と『CSS』の学習方法
おまけ

マーケティング担当者が『HTML/CSS』を学ぶメリット

WEBサイトの修正や編集に必要な言語は『HTML』と『CSS』です！

サイトはWordpressを使っているので、投稿内容の編集やビジュアルエディターを使ってデザインを変更しているという方！　

私もそうでした！

しかし、細かい部分やWordPressのダッシュボードでは変更できない部分の変更をしたいと思うようになります。。

そんな時に協力会社さんに見積もりを取るとちょっとの変更でも2万〜５万かかる。。

ちょっと勿体無いからそのままにしておくかぁ〜　なんてあきらめないでください！　

『HTML』と『CSS』は学びやすい言語なので、自分でできるようになってしまいましょう！

ただ、深堀していくと奥が深すぎるので、大枠を勉強して、変更したい部分について都度学んでいき、修正していくと良いです！！　

自分でWEBサイトを修正できるとプログラミングを学ぶことが楽しくなっていきます！オススメです！

私は最初、勉強しようと思い、参考書を手に取ったのですが、？？？？でした。ヤバイ無理かもってなりました。

プログラミングアレルギーを克服した『HTML』と『CSS』の学習方法

プログラミングを学ぶ方法として、スクール、動画、書籍などがあると思います。

学習方法をご紹介する前に『HTML』と『CSS』について少し見てみましょう！

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
    <title>Norari Marketer</title>
</head>
<body>
    <div class="top">
        <h2>タイトル１</h2>
        <p>bbbb</p>
    </div>
    <div class="main">
        <h2>タイトル２</h2>
        <p>bbbb</p>
    </div>
</body>
</html>

私たちが普段見ているWEBサイトは上記のようなフォーマットを元にテキスト情報を表示しています。

この文字列の説明をさらに書籍で理解しようとすると頭が痛くなったのを思い出します。w

CSS

.top {
    font-size: 10px;
    background-color: blue;
    color: #fff;
}
.main {
    font-size: 10px;
    background-color: orange;
    color: black;
}

「CSS」ではHTMLの文字情報を装飾する役割があります。　

上記のCSSではHTMLの<div>タグにclassという目印を付けて、その目印のある<div>の要素に装飾を行います。

『HTML』と『CSS』のご紹介でした！　

Udemy

プログラミングにアレルギーがあった私のおすすめの学習方法はUdemyです！

Udemyは世界最大級のオンライン学習プラットフォームで、世界中の学びたい人と教えたい人をオンラインでつなぐサービスです。 Udemyは米国Udemy,Inc.が運営するプラットフォームで日本ではベネッセが事業パートナーとして協業をしています。 C2C（consumer to consumer）により生まれる豊富で多彩な講座により個人の学習ニーズに応じた学びをみつけることができます
引用元：https://www.udemy.com/

動画学習の良い点は、

隙間時間で学習ができる点、スクール程のスピード感ではないにせよチャットでQ&Aができる点

だと思います！

私は下記の講座でHTMLとCSSの基本を学びました！何個か講座を購入したのですが、この講座が一番わかりやすかったです！　