トップページ > Web サイトの作成方法と作成にまつわる TIPS

Web サイトの作成方法と作成にまつわる TIPS


[初回公開] 2013年05月10日

Web サイトを作成するための基本的な情報から検索結果に上位表示するための SEO などを紹介する。

Web サイトの作成方法と作成にまつわる TIPS

1. Web サイト作成に必要なもの

Web サイトの制作で必要なものとして、文字だけのサイトであれば Windows に標準インストールされているメモ帳などテキストエディタで作成することができる。

そこから画像による装飾やマウスやキーボードで動的な演出を行うコンテンツにするには画像作成ソフトや Javascript などプログラムを書く支援ソフトウェアが別途必要になる。
主に Web サイト作成に必要なものは次の通りである。

  • テキストエディタ(メモ帳など)もしくは Web サイト作成ソフト(GoLive、Dreamweaverなど)
  • 画像作成ソフト(Illustrator、Fireworksなど)
  • FTP ソフト

2. スタイルシート(CSS)の利用

スタイルシート(CSS)とは HTML タグだけでは表現できない細かな見た目のデザインやサイトのレイアウトの指定が可能になるプログラムの一種である。

3. サイト作成ソフトを使う

サイト作成ソフトを利用すれば、HTMLの知識を有することもなくサーバに転送することも可能になります。

4. CMSの利用

サイト作成は CMS(Content Management System) と呼ばれるコンテンツ管理システムを利用することで HTML など記述的なことがわからなくてもインターネット接続できるブラウザがあれば画面上から Web サイトを作成することができます。

  • Movable Type でページや記事に SNS の投稿ボタンを設置する方法
  • Movable Type でウェブページの最新 3 件を表示する方法
  • 5. テストサーバの構築

    PerlやPHPなど、プログラムを行う場合は実際に公開するサーバで使用するサーバとは別に同じような環境のテストサーバで確認するのが好ましいです。

    6. デシマルコード変換

    デシマルコードは、通常の"abcd"といった文字列を"abcd"という形に変換し、これをHTML内に明記するものです。
    ブラウザ上では正確に"abcd"と表示されます。

    一見使い道が無いデシマルコードですが、サイトから自動的にメールアドレスを抽出してスパムメールを送りつけるプログラム等には有効です。

    7. サイト内検索

    サイト内検索を設けることで膨大なコンテンツ内から閲覧者は見たい情報だけを探すことができ、サイト管理者も点在するコンテンツの在りかを閲覧者に伝える手段として活用されます。
    サイト内検索の設置には無料で簡単に利用できるものから、費用が必要なもの、サーバの知識が必要なものなどさまざまな種類があります。

    8. ドキュメントタイプ

    ドキュメントタイプとは、HTMLファイル内の冒頭<HTML>タグの前に記述される<!DOCTYPE>のことです。
    ここにHTMLのバージョンを記載することでそのバージョンに適したタグを記載することを定義します。

    9. ライブラリの利用

    Webサイトで利用するJavaScriptやCSSは製作者自身がプログラム・コーディングしたり、作成ソフトから自動生成されるものの他に、無料・有料で配布されているライブラリを利用することもあります。
    ライブラリの利用で制作効率を上げるだけでなく、高度な技術をWebサイトに施すことができます。

    10. JavaScriptの利用

    JavaScriptを利用すると動きのあるものやサイト操作を制限することができます。

    11. Web サイト作成の TIPS

    Web サイト作成に関する TIPS やトラブルの対応方法について紹介。

    12. PHP の TIPS

    PHP のプログラムに関する TIPS やトラブルの対応方法について紹介。

    関連記事

    @webolve をフォローしてください