HTMLとは?

まず超重要。HTMLは「積み木」です。

ホームページ制作を始めると、 最初に出てくるのが「HTML」という言葉です。

でも、 最初はこう思う方も多いです。

「なんか難しそう…」
「プログラミングっぽい…」
「記号が多くて意味不明…」

実際、私自身も最初は、
“暗号”のように見えていました。

ですが、 HTMLはそこまで難しく考えなくて大丈夫です。

HTMLは「積み木」に近い

HTMLを一言でいうと、 ホームページの“骨組み”を作るものです。

もっとイメージしやすく言うと、
「積み木」にかなり近いです。

例えばこんな感じです

  • タイトルを置く
  • 文章を置く
  • 画像を置く
  • ボタンを置く
  • お問い合わせを置く

これらを、上から順番に積み上げていくイメージです。

つまり、HTMLは、「ここに何を置くか」
を決めているんです。

最初は“カード型の箱”を並べる感覚

最近のホームページは、
実はかなりシンプルな構造が多いです。

イメージとしては、
「カード型の箱」
を並べている感覚に近いです。

例えばトップページなら…

  • メイン画像の箱
  • サービス紹介の箱
  • 料金案内の箱
  • お知らせの箱
  • お問い合わせの箱

これらを積み木のように並べて、
ホームページを作っています。

CSSは“見た目担当”

HTMLだけだと、実はかなりシンプルです。

そこで登場するのが、
CSSです。

CSSは、色やデザインを調整する役割があります。

HTML → 骨組み
CSS → 見た目

この2つが合わさって、ホームページが完成しています。

初心者が混乱しやすい理由

最初に難しく感じる理由は、
「全部を一気に理解しようとする」
からです。

ですが実際には、
最初はこんな理解で十分です。

  • HTMLは配置
  • CSSはデザイン
  • 積み木のように組み立てる

これだけでも、かなり理解しやすくなります。

ホームページ制作は“少しずつ慣れる”もの

最初は、画像が崩れたり、
レイアウトがズレたり、
思った通りにならない事も多いです。

ですが、それが普通です。

実際には、少しずつ試しながら覚えていくものです。
私も試行錯誤しながら、少しずつ慣れていきました。

最初から完璧な人は、ほとんどいません。

小規模事業者向けのサイト構築もサポートしています

「ホームページを作りたいけど、何から始めれば良いか分からない」
そんな方向けに、初期構築や改善サポートも行っています。

お問い合わせはこちら

コメント

タイトルとURLをコピーしました