ホームページ制作に必要

動的と静的

動的なウェブサイトとは、ブラウザでウェブサイトを表示する際に、
ある処理やプラグラムが動き、表示されるもののことで、
静的ウェブサイトとは、すでに処理済みのウェブサイトのことを言う。

動的なウェブサイトは、ＰＨＰやＰＥＲＬと言ったプログラム関係を活用しているサイトが多く、
主にショッピングサイト、掲示板などに使われている。

静的なウェブサイトは、単にＨＴＭＬやＣＳＳのみで構築されたサイトに多い。

動的なページは、表示されるたびにパラメーターが変わり、ＵＲＬが変化する可能性があるため、検索エンジンが同じページが複数あると見なしたりするので、ＳＥＯに不利である。

静的なページのほうがＳＥＯに有利である。しかし、問い合わせフォームなど検索エンジンで上位表示する必要のないページであれば、動的なページにしていても問題はないとも言える。

ＨＴＭＬタグ

ウェブサイトなどの記述に使われるＨＴＭLでは、元になる文章に「<」と「>」で囲まれた標識を埋め込むことによって、文書構造や書式、文字飾りなどを指示したり、他の文書へのリンクの埋め込みをおこなったりするようになっている。

このように、付加情報を埋め込むのに使う文字列のことをタグと呼ぶ。

開始タグと終了タグがセットになっているタイプ、<title>題名をいれます。</title>があったり、
<br/>などのように１つで完結していたりするタグもある。

ＳＥＯによる集客

インターネットを利用した集客方法の中で、もっとも基本的なものがＳＥＯによる集客方法です。

ＳＥＯとは、ホームページを最適化することを言います。これは、検索エンジンにサイトの価値を正しく伝えることを意味しますが、最近では、ヤフーやグーグルななどの検索エンジンに対して、
特定のキーワードで上位表示させることを意味するようになってきました。

したがって、ＳＥＯと言っても２通りの内容が考えられます。

ここでは、ホームページ作成時の集客におけるＳＥＯとして、ホームページを作る時に知っておいたほうが良い基本的なテクニックをあげたいと思います。

１　titleタグに、もっとも上位表示したいキーワードを書く。

２　aタグに、上位表示させたいキーワードをまぜておく。

３　h1タグには、関連語句をまぜておく。ペナルティに気をつける。

４　pタグは、関連語句を入れながら、ロングテールを意識して修正する。

ドリームウェーバーじゃない？！

ドリームウィーバーの読み方には、くれぐれも注意です。

このソフト、読み方の間違いが非常に多いです！　正しくは、ドリームウィーバーですから、気をつけましょう。ドリームウィーバーではなく、ドリームウィーバーです。

ドリームウィーバーDreamweaver

ドリームウィーバーは、ホームページ（ＷＥＢサイト）作成の支援ツールです。

ＷＥＢサイトの作成、管理に特化したソフトで、プロのＷＥＢデザイナーによって愛用されています。

同じようなソフトに、ホームページビルダーやマイクロソフト・フロントページなどがありますが、おそらく制作者のニーズに真っ先にこたえてくれるのが、ドリームウィーバーでしょう。

現在のＷＥＢ業界では、ホームページビルダーやフロントページより、ドリームウィーバーを使用するのが常識となっています。かなり大多数のシェアを占めていますので、それだけ使い勝手のよいソフトということです。

これからＷＥＢ制作を目指す人は、まずドリームウィーバーから学んでいくのも一つだと思います。

ＰＥＲＬ

ＰＥＲＬとは、ＷＥＢアプリケーション開発に適したプログラミング言語。

テキストの検索や抽出、レポート作成に向いた言語で、
表記や文法はＣ言語に似ている。

ＣＧＩの開発によくつかわれる。とにかく機能が豊富。
特に、文字列を扱う機能が優れている。
オープンソースのため、導入コストがかからない。

パールもＰＨＰと同じくバージョンがたくさんある。

ＰＨＰ

ＰＨＰとは、サーバ内で動作するスクリプト言語。

ＨＴＭＬ文書内に記述されたスクリプトをＰＨＰが実行して、結果を
ＨＴＭＬデータとしてＷＥＢブラウザに出力する仕組みです。

お問合せフォームなどは、このＰＨＰやPerlなどによって、
プログラムされていることが多い。

ＰＨＰは、ＨＴＭＬファイルに埋め込む言語であり、
加えてＣＧＩのようなサーバにかける負担も少なく、
実行が早いという利点もある。

このような特徴を持つＰＨＰは、あらゆるサイトで使用されている。
ヤフーや楽天、ぐるなびなど。

ワードプレス

ワードプレスとは、ＰＨＰで書かれたブログソフト。

オープンソースという無料のプログラム言語ＰＨＰで書かれた、
無料のソフトであるため、ムーバブルタイプに比べて、導入コストが安く済む。

ワードプレスのテンプレートは、すべてＰＨＰであるため、
ＰＨＰとＨＴＭＬをある程度知っていれば、用意にテンプレートをカスタマイズする
ことができる。

さまざまな機能をプラグインとして追加することができるため、
サードパーティからも多くのプラグインが開発・公開されている。

ムーバルタイプと同じく、ブログ機能をホームページに追加する際に、
利用されることが多い。

ムーバブルタイプ

ムーバブルタイプとは、シックスアパート社が開発したブログ・システム。

ブログサイトを生成・管理するサーバソフトで、標準的なＷＥＢサーバに
インストロールとして利用する。

ＣＭＳとも呼ばれている。
メリットとしては、初心者でもブログ感覚で、ホームページを更新できるので、
最近の更新不要のホームページによく利用されている。

ユーザーがＷＥＢブラウザから投稿した記事をデータベースに保存し、
あらかじめ用意されたテンプレートファイルを元に
ページを生成する。

月ごとやカテゴリごとの管理などが自動的にできる。
ブログに必要とされる一連の機能も提供される。

また、ユーザーが機能を追加できる「プラグイン」という機能が用意されており、
世界中のプログラマーがさまざまなプラグインを開発・公開している。

バージョンは、５まで出ている。

ＣＳＳ

CSSとは、ホームページのレイアウトを作るための言語。
ＨＴＭＬで文書の論理構造を組んでから、ＣＳＳでホームページのデザイン・レイアウトを作る。

これまで、ホームページのレイアウトは、ＨＴＭＬを用いて記述されていたが、
これでは、文書の論理構造を組むという本来のＨＴＭＬの目的に反するため、
文書の視覚的構造、文書のデザイン・レイアウトを規定する枠組みとして、
ＣＳＳが新たに作られたというわけである。

最近のホームページでは、ほとんどこのＣＳＳによって、レイアウトを規定する。

２～３年前までは、ＨＴＭＬだけでホームページを作る業者も数多くいたが、
２０１０年現在では、ＣＳＳが分からないとホームページ制作はできない。

ＨＴＭＬ

HTMLとは、Webページを記述するためのマークアップ言語。
W3Cが作成している規格。

ホームページは、HTMLというプログラム言語で作られている。
この言語は、初心者でも分かるように簡単な法則で作られているので、
他のプログラム言語と違って、勉強すればホームページの修正などは、
できるようになる人もいる。

HTMLは文書の論理構造や見栄えなどを記述するために使用される。また、文書の中に画像や音声、動画、他の文書へのリンクなどを埋め込むこともできる。

HTMLで記述された文書を閲覧するには通常Webブラウザを使用する。
しかし、HTML文書はテキスト文書の一種であるため、テキストエディタでHTML文書を開き、
タグごとテキスト文書として読み書きすることも可能である。