HTMLとは?CSSとは?取り敢えず把握だけもしておきましょ☆

京香です☆

今回も知っておいてほしいワード、『HTML』と『CSS』について。

 

では、楽しんでいきましょーー☆

 

アフィリエイターは、プログラミングをする仕事ではないので、
このHTMLCSSの専門知識については、そんなに必要なものではないと思います。

(好きな人は、めっちゃ嵌ったりする人もおられるみたいです^^。)

minnapc

 

 

 

 

 

 

アフィリエイト初心者であれば、なおさらです。

 

でも、実践していく上では、専門家にはならずとも、
必ず、HTMLCSSがどういうものかぐらいは分かっていないと、
自分らしいサイトを作ったりする時には多少でも必要になってくると思うので、

 

ここでは、HTMLCSSとはこういうもので、
私たちアフィリエイターは、こう利用しているんだということを見ていきたいと思います☆

 

 

HTMLって?

 

私たちは、PCで日々、たくさんのWebページを見ていますけど、
そのWebページは、いろんなプログラミング言語で作成されています。

 

このプログラミング言語を使って、コンピューターに、
Webページの中にどんな意味があるかを定義したり、動作指示したりしています。

 

そして、インターネット上で公開されているWebサイトのほとんどが、
HTML」という言語で作成されています。

 

アフィリエイト初心者の場合、自分の媒体を持ちたいと考えた時、
まずは無料ブログから始める人も多いと思います^^。

 

自分にあった無料ブログサービス(アメブロ、FC2、はてな・・・etc.)に登録して、
テンプレートが用意されていて、管理画面で記事を更新していく。

 

これで、あなたのWebページが作られて行っているので、
HTMLを使うことも見ることもなく、
進んでいる人も多いかもしれないですけど、
実は、あなたが記事を書いている裏で、瞬時にHTML言語でプログラミングしてくれているんです。

 

私が、この文章を書き込むと瞬時に、HTML用語に変換されていて、
このHTML用語でプログラミングしたが故に、
インターネット上で、WEBサイトとして見ることが出来ている。

 

ということですね。

 

このHTML用語は、様々な「タグ」というもので構成されています。

 

HTMLタグと言われるものです。

耳にしたことがあるかもしれませんね^^。

<title>,  <meta>,  <font>,  <span> ・・・・etc
こういったタグを使って、サイト作成の定義づけをしていきます。

 

このタグの説明までするとなると、
きっと、頭がごちゃごちゃになると思うのでここではしません。

 

というか、私もそんなに詳しくないです(笑)。

 

ですが、1つ覚えておいてほしいのは、
あなたが自分のサイトを作成していくときに、
SEO対策を考えるようになってくると思います。

 

その時には、このHTMLタグの知識が少し必要になってきます。

 

でも、それはそんなに難しいことではないので、構えなくても大丈夫☆

 

みんなやっているんだし、やれているんだし、私も出来てるんで・・(笑)。

 

ということで、次はCSSです^^。

 

 

CSSについて

CSSとは“Cascarding Style Sheets”の略で、
HTMLと組み合わせてWebページを作成するための言語です。

 

イメージでいうと、

 

HTMLは、文章の構造を定義してくものに対して、
CSSは、 そのサイト上でのレイアウトや、文字のスタイル、色や大きさなどを制御するための言語。

 

という感じですね。

 

このHTMLCSSは独立して別々のものとして捉えてください。

 

たとえば、 と  というCSSファイル と、
というHTML言語で作成されたもの があるとして、

cssa

 

 

cssb

 

 

 

html1

 

 

 

 

 

 

 

 

に、というCSSファイルを適用させると定義づけると、
のCSSファイルの内容がに反映されたサイト構成になります。

konbi1

 

 

 

 

 

 

 

 

 

というCSSファイルを適用させると定義づけると、
のCSSファイルの内容がに反映されたサイト構成になります。

combi2

 

 

 

 

 

 

 

 

 

こんな感じで、HTMLのサイトの初めに、「このCSSファイルを適用させる」
という指示をすることによって、定義づけられたCSSのデザインが、
そのHTMLに反映されるようになるということです^^。

 

CSSは、どちらかというと、デザインのイメージです。

 

サイトを運営していくと、おそらく、自分の好みのサイトを作りたい!と思うようになってくる思います。

 

無料ブログサービスを使っているときは、
出来上がっているテンプレートを使っているので、
デザインを触る必要もないかと思いますけど、

 

サーバーを借りてワードプレスでサイトを立ち上げようと思ったとき、
他のツールを購入して、メインサイトを創ると考えるようになった時は、
HTMLCSSをちょっと触って、
私好みのサイトを作りたいな、と思うときが来ると思います。

 

今から、いろんな人のサイトを見に行って、

 

「こんなデザインのHPがいいな」とか、
「この文字スタイル見やすいなあ・・・何のフォントだろう?」
「これ、どう作ってあるんだろう?」

 

なんて言うのも見ておくと楽しいですよ☆

 

応援しています☆

 

一緒に頑張りましょーーー☆

 

 

4 Responses to “HTMLとは?CSSとは?取り敢えず把握だけもしておきましょ☆”

  1. だぶらす より:

    京香さんこんにちわ
    だぶらすと申します

    HTMLとCSSについて興味はあるのですが
    ツールやテンプレートなど便利なものが転がっているのでついついそちらに甘え、興味があるのによくわからないもののまま放置していました

    これを機に少しずつ自分のサイトにも取り込んでいこうと思います

    勉強になりました

    また、伺いますね

    • kyouka より:

      だぶらすさん、こんにちは。
      ご訪問ありがとうございました!
      そうなんですよね。今はツールが優秀なので、
      全く分からなくても進める人も多いかもしれません。

      私も詳しくはないですけど、
      問題もないですし。。でも、女子だとどうしても
      デザインに目がいっちゃうので、
      ついつい・・・(笑)。

      私もまた訪問させてもらいます!

  2. saorich より:

    京香さん、こんにちは。saorichです。

    また訪問させていただきました。
    HTMLはなんとなくわかっていたのですが、CSSについて
    それとHTMLとCSSの関係性については初めて知りました。

    自分のHP持ちたいです~(^^)
    まずは知識のインストールから。どうもありがとうございました。
    応援して帰ります!

    • kyouka より:

      saorichさん、おはようございます。

      saorichさんがHP持つときは、無料ブログからではなくて、
      WPを最初からやれば良いと思います^^。
      お手伝いしますので^^。

      今は、WPもとても簡単だしね!

      いつもありがとうございます!

コメントを残す

サブコンテンツ

このページの先頭へ