(WEB制作入門1)静的サイトと動的サイトの違い
静的サイトの作り方
2000年くらいのこと。わたしがWEB制作をお仕事としてやり始めたころのことですが、当時はほとんどが、Dreamweaverやホームページビルダーを使って、サイトを制作する方法でした。
これは、自分のパソコンで、ウェブサイトをつくり、サーバーにアップロードして公開する方法、これを静的サイトと呼びます。
静的サイトの作り方は、基本的には、HTMLコードというのをテキストファイルで記述して、PCに保存。
そして、FTPという方法で、サーバーに接続してアップロードする。
そしてアップロードしたサーバーのアドレスを、ブラウザに打ち込むと表示されるという方法です。
HTMLコードはこのようなものです。
静的サイトはだんだん下火になってきた
ところがここ数年、静的な方法でサイトをつくることがほとんどなくなってきました。その理由は
- 無料ブログサービスがたくさん出て、ホームページつくる苦労しなくても、自分の発信ができることがわかってきた
>アメブロ >gooブログ - 無料ブログだけじゃなく、無料でホームページを作るサービスもたくさん出てきて、苦労する必要がなくなった。
>Jimdo >wix - スマホで見る人が多くなったことから、手づくりの静的サイトで、スマホサイトをつくるのが難しくなった
PCサイトだけ、スマホサイトだけを別々に作って、ユーザーによって振り分けすればできないこともありませんが、メンテナンスが大変になります。 - その点、ブログやCMSツールは、スマホ対応しているところが多く、1つ記事をかけば、PCとスマホ両方に最適化されて表示されます。
動的サイトとは何?
静的サイトに対して動的サイトというのは、上記で出ているブログサービスや、無料でHPを作るサービス、そして、CMSツールというプログラムをサーバーにインストールして作るサイトです。
どれも、サーバーにプログラムがインストールしてあるので、サーバーにユーザーIDとパスワードを入れてログインすると、管理画面が出てきて、そこへ記事を入力するとページが生成されます。
どうして動的サイトっていうかというと、あなたのHPやブログは、パソコンの中には存在しません。
記事を入力するとそのデータが、サーバーの中のデータベースという箱のなかにたまっていきます。
データベースというのは、Excelの表のようになっていて、日時、投稿者、タイトル、本文という条件をつけながら表の中に保存されていきます。
その表の中に保存されたデータが、ある命令で呼びだされ、ブラウザに表示されます。それがホームページです。
ブラウザに表示されるときに、ページ全体のデザインは別途、テンプレートというもので作っておいて、その型に流し込んで表示するというような方法です。
常にデータが動いていて、流しこむテンプレートを切り替えすれば、一発でHPのデザインも切り替わる、
そういうシステムで制作されているの、プログラムが生成しているのが動的サイトです。
- 前の記事
- 木の香る家 松本コンストラクションサービス様
- 次の記事
- (WEB制作入門2)HTMLの目的
関連記事
-
-
【Q】携帯サイトを初めて作ることになりました。まず何からやれば?どこで勉強したらいいですか?
携帯(ガラケー)サイトの作り方なんてもう不要な技術なのかもしれませんが、自分でも、この記事の中身をも ≫続きを読む
-
-
【Q】Dreamweaverでホームページを作っています。サイトを一部修正してサーバーにアップしているのに反映されません!
Dreamweaverでホームページを修正してサーバーにアップしてるのに、ブラウザで見ると変化がない ≫続きを読む
-
-
【ホームページの作り方】病院・歯科医院のホームページ作成
歯科医院のホームページは、院長・スタッフ紹介、治療内容、医院の紹介と受付時間・交通アクセスなど、だい ≫続きを読む
-
-
WordPressにPDFやWord、Excelを添付する方法
当たり前のことかもしれませんが、質問がありましたのでこちらで紹介します。 WordPressのメディ ≫続きを読む
-
-
【ホームページの作り方】観光農園・直販通販サイトの制作
農業とインターネット。一見、あまり関係ないと思われがちですが、田舎で営業する農家さんにとって、インタ ≫続きを読む
-
-
フィッシング詐欺の事例です
こんにちは、モモンガです。 お客様から「こんな見たことがないメールが来たんですが・・・」 とスクショ ≫続きを読む
-
-
[リクルートID]定期ニュースの停止
[リクルートID]定期ニュースの停止ができずイライラマックス! ポンパレで一度買い物しただけなの ≫続きを読む
-
-
【Q】最近はdivというのを使ってホームページを作ると聞きました。何故以前のようなテーブルデザインではいけないんですか?
web標準でつくるホームページ テーブルデザインではなく、スタイルシートを使って制作する方法は、時に ≫続きを読む
-
-
ブログを作る場合はサブドメインより、独自ドメインの下にが◎
わたしは信州EC実践会というネットマーケティングの勉強会の事務局をしていますが、 ネットショップ運営 ≫続きを読む