問い合わせ
電話
LINE@

ホームページってどうできてる?HTMLとかJavaScriptって何?


先日、墨家大和さん【目立ちたがり屋なので名前出します(笑)】に質問された内容を記事にしたいと思います。

  • 13879474_897881280358020_8037641027960532960_n
  • 「ホームページってさ・・・HTMLとかJavaScriptとかあるんじゃん?
    あれがどーなってホームページになるの?」
  • ggi_icon
  • 「うん、ではホームページを家に例えてみますねー。家ページだけに・・・」

hp001

  • 13879474_897881280358020_8037641027960532960_n
  • 「山だけしかないよ・・・。家はどこ??」
  • ggi_icon
  • 「家を建てる前に土地が必要だよね?
    家(ホームページ)を建てる前に土地=サーバーを用意しないといけないんだ。」
  • 13879474_897881280358020_8037641027960532960_n
  • 「土地・・・お高いんじゃない?」
  • ggi_icon
  • 「現実世界と違って、ネットの世界ではレンタルできるんだ。
    【レンタルサーバー】って言っているんだけど、料金はピンキリ。無料から高額まで」
    「目的によって変わるんだけど、私が勧めているサーバーは 月額515円だよ。」
    「ただね、表札もレンタルになっちゃうから自分の名前だけってできないんだ。例えば さくらのGGI とか 」
  • 13879474_897881280358020_8037641027960532960_n
  • 「何それ?表札は自分の名前だけにしたーーーいい!!!!!」
  • ggi_icon
  • 表札=ドメインっていうんだけど、お金はかかるけど
    自分の名前にすることはできるよ。だけど、同じ名前はダメなんだ」
  • 13879474_897881280358020_8037641027960532960_n
  • 「意味わからなくなってきた・・・。その辺やっといて!!!」
  • ggi_icon
  • 「はい!GGIは 無料で手続き代行するので大丈夫!
    表札に書く名前だけ後で教えてくださいね」

hp002

  • ggi_icon
  • 「土地の準備が出来ました!土地の準備はサーバー会社によって
    かかる時間が変わってくるので早めに取得してね」
  • 13879474_897881280358020_8037641027960532960_n
  • 「ということは次は家!!」
  • ggi_icon
  • 「家を作っていく過程を1つずつ説明してきますね」

hp003

  • 13879474_897881280358020_8037641027960532960_n
  • 「お!基礎と柱だ!」
  • ggi_icon
  • 「そう、家でいう 基礎・柱などが ホームページでは 【HTML】 というマークアップコードになるんです」
  • 13879474_897881280358020_8037641027960532960_n
  • 「これがHTMLなんだ・・・次はどうなるんだ?」

hp004

  • ggi_icon
  • 「壁と屋根ができました!この壁・屋根など家のデザインになるものが CSS (スタイルシート)というコードです」
  • 13879474_897881280358020_8037641027960532960_n
  • 「なるほど・・・・しかし、木の壁がミスマッチでダサいんだが・・・。」

hp005

  • ggi_icon
  • 「こちらならどうでしょう?壁を変える=CSSを変える。ということです。デザイン変更も自由自在!」
  • 13879474_897881280358020_8037641027960532960_n
  • 「こっちのほうがしっくりくるね。しかし・・・ドアがないと家に入れないのでは・・・?」

hp006

  • ggi_icon
  • 「ドアを設置!これで中にも入れます=違う部屋に移動できる。
    ドア= 【HTML】 でいうところの 【リンク】 なのです。」
  • 13879474_897881280358020_8037641027960532960_n
  • 「ホームページで クリックすると 別のページに移動する 【リンク】 のことね。それは知ってる~。」
    「まだ物足りない・・・窓もほしいな~」

hp007

  • ggi_icon
  • 「窓設置完了!窓の中にYoutubeが見れるように! 無理やりかもしれませんが、
    家の窓は 【HTML】でいう【 iframe(インラインフレーム) 】というもので、
    Youtubeなどのブログ挿入などによく使われてます。」
  • 13879474_897881280358020_8037641027960532960_n
  • 「そうえいば、ブログやホームページにYoutubeがあるのを見ることよくある!」
    「ピンポーンしたくない?インターホンはつくの?」

hp008

  • ggi_icon
  • 「用意してますよ!インターホンは 押すと家の中に音を鳴らすことができます。
    これは Aをすると、Bとなる。 といった動きです。動的って言いますね。
    インターホン=JavaScript 、PHPなどのプログラムです。」
  • 13879474_897881280358020_8037641027960532960_n
  • 「なるほど!こうやってホームページってできてたんだ!」

hp009

  • ggi_icon
  • 「お店も看板を出したり、商品の陳列を変えたり、新商品を入れたりなど日々変えていくと思いますが、
    ホームページも同じで日々修正・改善する必要があります。これが【ホームページの更新】です。」
  • 13879474_897881280358020_8037641027960532960_n
  • 「うん、なんとなくわかった!じゃ!」
    (ガチャッ!!)
  • ggi_icon
  • 「あ~あ~、今日も台風のようだった・・・。」

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

GGI Facebook Page

アーカイブ

最近のコメント