ウェブページを閲覧する時、自分が見ているページが動的ページか静的ページかわからない人が多いらしいです。ウェブページが動いていれば、それは動的ページだという間違った考えも時々あります。例えば、フラッシュアニメーションやGIFなどの皆さんがご存知のものを使ったウェブページは大体静的ページです。ウェブデザインをする前に、動的ページの概念を大まかに把握する必要があります。そうすれば、多少ミスを避けることができます。そこで今日は、動的ページのことについて説明いたします。
記事の目次：
１．動的ページとは？
２．動的ページと静的ページとの違い
３．動的ページと静的ページを区別する方法
１．動的ページとは？
動的ページとは、その名の通り、静的ページに相対するウェブデザイン技術の一つです。 専門用語で言うと、生成されたウェブページのhtmlコードが変わらなくても表示されるコンテンツが時間や環境、データベースによって変化することを意味します。ここで注意してもらいたいのは、動的ページは、動画やスクロールテキストなど、動けるエフェクトを指しているわけではないことです。ウェブページに動けるエフェクトがあるかどうかにかかわらず、動的ページのデザイン方法で作られていれば、それは動的ページと呼べるのです。
Strikinglyのユーザーのサイトから受けた画像
動的ページは、一般的にJava、VB、VCなどの高度なプログラミング言語と、いくつかのデータベース技術を用いて設計・制作されます。ウェブ技術の視点によって、html以外の上記のプログラミング言語やデータベースを組み込んだウェブページも、動的ページと呼ぶことができます。
２．動的ページと静的ページとの違い
静的ページとは、ウェブページのHTMLコードが生成された後、そのコンテンツが変更されないページのことを意味します。一般的に、静的ページにある各リンクは、それぞれに対応する固定のURLとつながっています。構築された静的ページはウェブホスティングに保存されます。動的ページとは異なり、静的ページはお客様に訪問されてもされなくても、そのインターフェースは常に存在しています。つまり、公開されたページはサーバーにあるファイルになるのです。 動的ページと静的ページとの違いは、大きく分けて2つあります：
- ウェブデザインのコストの違い
動的ページのデザインの料金は、一般的に静的ページの料金より高いです。なぜなら、動的ページのデザインでは、デザイナーは、顧客のニーズに応じてさまざまな機能を追加する必要があるからです。
動的ページを構築するための予算が限られている方に、こちらは無料のウェブサイトビルダーであるStrikinglyをお勧めします。わずかの数十分でサイトを構築できます。また、Strikinglyには無料のテンプレートがたくさん用意されているので、どんなタイプのウェブサイトもStrikinglyで作られます。
Strikinglyの商品から受けた画像
さらに、StrikinglyのPro版を利用すれば、ウェブページにさまざまなアニメーションを追加することができます。今すぐStrikinglyに登録すれば、14日間Pro版を無料で体験できます。
Strikinglyの商品から受けた画像
- メンテナンスの違い
静的ページには、頻繁にメンテナンスする必要がありません。もしウェブページに新しいコンテンツを追加したり更新したりする必要がない場合、そのウェブページは静的ページとしてデザインしても構いません。
それに対し、Eコマースサイトの最新の割引情報、個人のポートフォリオサイトのコンテンツ更新や会社のコンテンツメンテナンスなどのウェブページの情報を頻繁に変更する必要がある場合、動的ページとしてデザインする必要があります。
Strikinglyの商品から受けた画像
３．動的ページと静的ページを区別する方法
まず、ウェブページを開くスピードによって動的ページと静的ページを区別できます。動的ページは静的ページより遅く開くので、スピードを比較することで、そのウェブページが動的なページかどうかを判断できます。
動的ページと静的ページは、検索エンジン最適化において本質的な違いがないため、検索エンジンを通じて区別することは基本的に不可能です。しかし、CPU使用率をチェックして区別する方法もあります。もしウェブページを開いた後、CPUの使用率が大きく変動しなければ、そのページが動的ページである可能性が高いです。
最後には、ウェブページのURLによって判断できます。URLとは、ウェブページにアクセスためにブラウザのアドレスバーに入力するリンクのことです。もしリンクのエンドコードが「.htm」「.html」「.shtml」「.xml」であれば、そのウェブページは静的ページです。一方、動的ページはASPやPHP、JSPをエンドコードとして使用することが多いです。
Strikinglyの商品から受けた画像
フリーランスサイトを構築したいなら、ここをクリックしてください。
動的ページについての内容は以上でした。いかがでしたか？ウェブデザインの初心者にとって、これらの知識があれば、ウェブデザインをする時に小さなミスを避けることができます。もちろん、レイアウトデザインやコピーライティングなどのスキルを忘れてはいけません。詳しく知りたい方は、Strikinglyの公式ブログを見たらいかがでしょうか。
ここをクリックして、ウェブサイトを構築することについて調べよう！
webスペースをご存知でしょうか？ここをクリックして、詳細を見てみましょう。
ご質問などございましたら、support@strikingly.comの方までお問い合わせください。
