HTMLやCSSはプログラミング言語と比較すると非常に易しい言語と言えます。
普通のプログラミング言語であれば、1文字でもおかしいところが有れば容赦なくエラーを返して動作しませんが、HTMLの場合はInternetExplorer・FireFox・safari・chrome等の各種ブラウザが、ある程度のエラーは許容・補完してくれる場合が多いという点が大きく異なります。
良い事のように聞こえますが、ここで気を付けなければいけないのは、「許容・補完してくれるレベルやその内容はブラウザ毎に異なる」という点で、InternetExplorerでは問題なく表示されているのにFireFoxでは画面が崩れてしまうようなケースが有ります。
これは補完されてしまうが為に、画面チェックだけでは重大な問題を見落としてしまう危険があるということです。「HTML　チェック」等で検索するとネット上でチェックできるツールも複数見つかりますので画面だけではなく、HTMLのソースチェックをこまめに行うようにしましょう。

上でも触れましたが、サイトを見られる環境はPCやスマートフォンといった媒体の違い以外にも「ブラウザ」による違いも有る為、閲覧環境のパターンは無数にあります。
この全てに対して完全に同じように表示・動作させることは難しいでしょう。
完全ではないにしろ、より良い状態に近づける為には以下のような事が挙げられます。

• （１）ソースチェックによる精度の向上
• （２）複数環境でのチェック
  全環境を見る事は現実的でないのでメジャーなものをピックアップして複数でチェックします。

• Windows：InternetExplorer・FireFox・safari・chrome
• Mac：FireFox・safari・chrome

大変ではありますがサイトのクオリティを保つために上記のようなことは必ず実践するようにしましょう。

Webサイトのコードは比較的シンプルですが、その反面データ量は膨大になります。
ページ数が膨大になったり、複数サイトを運用するようなことになった場合に、どれがどれだか分からないような状況に陥ってしまいます。
少しでもそれが軽減されるように以下のようなことに気をつけてみましょう。

• （１）外部ソースにまとめられるものは全てまとめる
  CSS設定やJavaScriptなどをHTMLに大量に直接書いてしまっていると、内容を把握しづらくなるだけでなく、共通部分を一括で変更できる作りでもない為、作業負担も大きくなります。
• （２）不要な機能はつけない
  特にJavaScript類はコードを複雑にします。要らない機能は極力入れずにメンテナンス負荷が上がらないようにしましょう。
• （３）データの整理
  サイトのデータ数は完成する頃には数百個くらいに及びます。これをすべて1フォルダ内に無造作に入れていては、改訂の時に目的のデータを探すだけで一苦労です。
  CSSは「CSS」フォルダ、画像は「images」フォルダを作ってさらにページ毎にフォルダ分け、JavaScriptは「js」フォルダといった具合にわかりやすく整理して、他の方の作業や、時間が経過した後の自分の作業でも混乱しないように日頃からデータ整理を心がけましょう。

HTMLにはコンテンツ（内容）はもちろん、画面に表示されない要素についても書かれています。

• （１）フォーマット情報

• HTMLのバージョンや言語情報などを記述します。
• どのバージョンで作っているか、扱うコンテンツが何語なのか等を宣言しています。
• 宣言と内容が一致しないと正しく処理されない場合もありますので、気をつけましょう。

• （２）メタ情報

• SEOに関連する要素を含む下記のような項目を記述します
• ・エンコード（どの文字コード方式で作るか）
• ・ページタイトル（ブラウザ上部に表示されるページのタイトル）
• ・キーワード（ページ内で重要視しているワード）
• ・ディスクリプション（検索結果で表示される、ページの紹介文）
• エンコード指定が間違っていると文字化けが起きたり機能障害が出る場合があります。
• また、検索エンジン・閲覧者に対しての影響が大きい項目が多いので、正確に記述するようにしましょう。

• （３）外部ソースのインクルード

• CSSやJavaScript等、HTMLの外にあるデータの読み込みを行わせます。
• 記述された順に読込が行われます。CSSやJavaScriptが機能しない時はその記述の順番も疑ってみると良いでしょう。

• （４）コンテンツ

• 画面に表示される内容の部分を、「HTMLタグ」と呼ばれる独自のルールで記述していきます。
• リンクは「aタグ」、改行は「brタグ」といったふうに、機能毎に異なるタグを少しずつ覚えてきましょう。

具体的には下記例のような、見た目に関する全ての指定がCSSで制御されます。

• （１）文字の装飾

• ・color（色）
• ・font-weight（太さ）
• ・font-family（フォントの種類）
• ・line-height（行間）
• ・text-align（寄せ）

• （２）各種配置・サイズの指定

• ・float（左右に寄せて、他要素を回り込ませる）
• ・width、height（幅、高さのサイズ）
• ・margin（外側への間隔の指定）
• ・padding（内側への間隔の指定）
• ・background（色や画像、その表示の仕方など）
• ・border（要素の上下左右へのボーダの形状、太さ、色など）

ここに書いたものは、ほんの一例です。
他の設定や値の指定方法は必要に応じて、調べて覚えていきましょう。

サーバを選んでいると「専用サーバ」・「共用サーバ」・「VPS」といった種類が見られます。
1台のサーバ機を単独で「専用」で使うか、複数で「共用」で使うかという所から区別されています。ただこの「専用サーバ」を仮に皆が希望してしまったら、サーバ機が大量になってしまい利用料も高額になってしまう為、仮想的に専用サーバの使用感を提供できる形が考えられました。それがVPS（ヴァーチャル・プライベート・サーバ）という形式です。

これはマンションと戸建てがイメージしやすい為、よく例えられます。
【専用サーバ】戸建てのイメージ
すべてを占有している為、高額な使用料になります。

【共用サーバ】シェアハウスのイメージ
共用部分が多い為、比較的安価で使用出来ます。

【VPS】マンションのイメージ
資源は占有できますが領域は共用に近い為、専用サーバよりは安価で済みます。