トップページ > Web サイトの作成方法と作成にまつわる TIPS
Web サイトの作成方法と作成にまつわる TIPS
[初回公開] 2013年05月10日
Web サイトを作成するための基本的な情報から検索結果に上位表示するための SEO などを紹介する。
このページの目次
1. Web サイト作成に必要なもの
Web サイトの制作で必要なものとして、文字だけのサイトであれば Windows に標準インストールされているメモ帳などテキストエディタで作成することができる。
主に Web サイト作成に必要なものは次の通りである。
- テキストエディタ（メモ帳など）もしくは Web サイト作成ソフト（GoLive、Dreamweaverなど）
- 画像作成ソフト（Illustrator、Fireworksなど）
- FTP ソフト
2. スタイルシート（CSS）の利用
スタイルシート（CSS）とは HTML タグだけでは表現できない細かな見た目のデザインやサイトのレイアウトの指定が可能になるプログラムの一種である。
3. サイト作成ソフトを使う
サイト作成ソフトを利用すれば、HTMLの知識を有することもなくサーバに転送することも可能になります。
4. CMSの利用
サイト作成は CMS（Content Management System） と呼ばれるコンテンツ管理システムを利用することで HTML など記述的なことがわからなくてもインターネット接続できるブラウザがあれば画面上から Web サイトを作成することができます。
- Movable Type 7 をインストールする事前準備
- Movable Type 7 のシステムチェックで問題がある場合の対応
- Movable Type 7 のデータベースを作成
- Movable Type 7 をインストールする
- Movable Type 7 にウェブサイトを構築する
- Movable Type 7 のブログ記事を投稿する手順
- Movable Type 7 のフォルダを作成する手順
- Movable Type 7 のウェブページを作成する手順
- Movable Type 7 のコンテンツにdescriptionとkeywordsを設定
- Movable Type 7 のウェブページにタグを付けて一覧表示する
- Movable Type 7 でタグの確認と @ 付きタグの使い方
- Movable Type 7 で検索結果などのパスを変更する
- Movable Type 7 を最新版にアップグレードする
- Movable Type 7 でブログ記事一覧の表示数を変更する
- Movable Type 7 でブログ記事の総数を表示する
- Movable Type で複数ページ存在する場合にページ送りのリンクを表示する方法
- Movable Type で最新記事を数量指定で表示する方法
- Movable Type で画像のサムネイルが作られないときの対応法
- Movable Type でサイト内検索で利用されたキーワードを確認する方法
- Movable Type で記事（ブログ）のデフォルトのパスを変更する方法
- Movable Type の管理画面でアセット一覧にファイルパスを表示する方法
- Movable Type でウェブページの総数を表示する方法
- Movable Type でウェブページの一覧をページ番号で切り替える方法
- Movable Type で SNS への表示に効果がある OGP タグの挿入方法
- RedHat/CentOS に Wordpress をインストールする方法
- Wordpress で外観の変更とテーマの追加方法
- Wordpress でスマホとパソコンのユーザエージェントでテーマを切り替える方法
- Wordpress のアップロードの方法とアップデートできなかった場合の対応方法
- Wordpress の記事作成で直接 HTML タグを入力する方法
- Wordpress で他のブログの記事を引っ越す（インポート）方法
- Wordpress で記事を投稿するとコメントが入るのを止める方法
- Wordpress で XML や CSV で記事をエクスポートする方法
- Wordpress で固定ページを作る方法と使い分け
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 やトラブルの対応方法について紹介。
関連記事
スタイルシート（CSS）で多用しないが知っていると便利なプロパティ
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から多用されないが知っておくと利用する場面があるかもしれないプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトに利用されるプログラムの一種で、CSS の基本的な使い方と実際に指定するプロパティの一覧を紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から余白や回り込みなどレイアウト設定する使い方と実際に指定するプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中からリストタグの形式や配置を設定する使い方と実際に指定するプロパティを紹介する。
ウェブサイト作成
スタイルシート（CSS）はウェブサイトの装飾やレイアウトの位置付けに利用されるプログラムの一種で、その CSS でデザイン可能な中から枠線の色や太さを設定する使い方と実際に指定するプロパティを紹介する。
