当サイトは、「ホームページをつくるのが初心者でも、できるだけ自分の力だけで商用ホームページが制作できる」ように、企業サイトや店舗サイトなどのホームページの作り方を紹介します。CSSで作るホームページなので、編集も簡単で、SEOにも優れています。

0日目 ホームページを作る前に用意するもの

1. 紙とペン
2. HTMLエディタ
3. HTML/CSS辞典
4. レンタルサーバーの契約
5. ドメイン取得
6. FTPクライアント
7. テスト環境

1日目 ホームページを作る目的を明確にする

1. ホームページを作る目的
2. 何を発信したいか？
3. ターゲットを絞る

2日目 ホームページの構成を考える

1. ページを作る
2. 画面遷移を考える

3日目 内容を詳細に書き出す

1. 思いつくままに書く
2. 文章にする
3. 校正する

4日目 マークアップしてワイヤーフレームを作る

1. 雛形を作る
2. コンテンツを記述する
3. マークアップする
4. ワイヤーフレームを作る
5. idとclassの使い分け

5日目 スタイルシートの書き方を学ぶ

1. デフォルトスタイルシートをリセットする
2. HTMLファイルに出てくる順序でCSSを記述する
3. CSSプロパティの記述順序を決める
4. ワイヤーフレームと個別の指定は別にする
5. CSSの指定は細かくする

6日目 サイトをデザインする

1. 画像を使わない
2. サイトの｢色｣を決める

7日目 サイトを更新しよう

1. 更新情報は｢ブログ｣を利用する
2. SEO（サーチエンジン最適化）を行ってサイトを改善する

ホームページ制作に役立つコラム

1. Googleマップに店舗情報を登録しよう
2. お問い合わせフォームの設置の注意点
3. ホームページのアクセシビリティチェックをしよう
4. デザインからワイヤーフレームを作る
5. サイトが検索エンジンに登録されているか確認する方法
6. ホームページ制作に行き詰ったら他のサイトを参考にしよう
7. お勧めのレンタルサーバ
8. ホームページに地図を載せる簡単な方法

ホームページ制作関連リンク

1. 1時間で作るホームページ
2. CSSフリーライブラリー
3. 無料HTML+CSSホームページテンプレート
4. CSSデザインノート

サイト管理人について

ホームページ制作が趣味の主婦です。Webデザイナーを実務で2.5年やってました。現在は化学系の研究開発に携わっています。個人的にホームページ制作も行っています。