top

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

7日間でできるCSSベースのホームページの作り方

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（サーチエンジン最適化）を行ってサイトを改善する

｢7日間でできるCSSベースのホームページの作り方｣は、こんな方にお勧めです。

  • 初心者だけど、自分のお店のホームページを作りたい
  • CSS（スタイルシート）を利用して簡単にホームページを作りたい
  • SEO（サーチエンジン最適化）にも対応したホームページを作りたい
  • 本業があるので、さくっと簡単にホームページを作りたい
  • 簡単に更新できるホームページを作りたい

ホームページ制作を楽にするテンプレート一式

新規でホームページを作るのに、便利なテンプレート一式を公開中です。よろしければご利用ください。
配布先はこちらから（別サイトに移ります。）

お勧めレンタルサーバー

特にホームページ制作初心者にお勧めしたいレンタルサーバーです。1GBの容量で月105円！サポートも万全で安心！

サイト管理人について

ホームページ制作が趣味の主婦です。Webデザイナーを実務で2.5年やってました。現在は、CoolWebWindowというサイトで無料のCSSテンプレートを配布したり、個人的にホームページ制作も行っています。

ホームページ制作代行承ります

特に初めてホームページを作ろうと思ってもどのように作ったらよいかわかりませんよね？主に小規模の店舗のホームページ制作を得意をしています。当サイトで無料で配布しているCSSデザインテンプレートを利用してのホームページ制作であれば1万円からの格安でお引き受けしています。詳細はこちらからから。

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

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

ホームページの作り方講座・リファレンスサイト

無料CSSテンプレート配布サイト

商用利用可能な無料写真サイト

商用利用可能な無料画像素材サイト

商用利用可能で漢字も使える無料フォント

ゴシック体

明朝体

手書き風

ホームページ作成に役立つ便利ツール・サービス

ホームページ作成後に導入して欲しいサービス

格安なお勧めレンタルサーバー

お勧め高品質デザインテンプレート

主に企業向けのホームページテンプレートですが、汎用性のあるデザインなので、飲食店、病院、フラワーショップ、整骨院（マッサージ）、美容院など様々なホームページテンプレートとしてご利用いただけます。こちらのテンプレートは有料になりますが、1テンプレート1,980円という低価格です。また、ゴールドプランでは360点以上あるホームページテンプレート全てを19,800円でご利用になれます。一部無料のテンプレートもありますので是非サイトにも訪問してみてください。

450種類以上のCSSデザインテンプレートが
ダウンロードし放題で
29,800円！
クラウドテンプレート・ゴールドプランはこちらから。

300点以上あるテンプレートの中から一部をご紹介します。

クラウドテンプレートはホームページ制作会社も使える高品質なホームページテンプレートを提供するサイトです。デザインも汎用性が高く初心者の方にもカスタマイズしやすいのでお勧めです。

お勧めHTML+CSS教本

必ず一冊は持っておきたい「HTML+CSS辞典」

CSSだけでグラフィカルなデザインが出来る「CSS3教本」

デザインできなくてもおしゃれなホームページが作れる「テンプレートデザイン」

ひとつ上のホームページを目指す「Web制作教本」

一歩先行く「HTML5教本」

Webサイトをダイナミックに！「jQuery教本」

※当サイトではWebサイトのことを、一般的な通称の｢サイト｣、｢ホームページ｣、｢HP｣などと表記しておりますが全て同一のことです。

↑ ページのトップへ戻る