HOME | フォントフリー | ホームページ無料素材 | 無料壁紙 | ホームページ無料テンプレート | 無料ホームページ作成 | Javascriptサンプル | 検索エンジン上位表示 | 
無料Wordpressテーマ     無料レンタルサーバー
広告掲載のお問い合わせ

ホームページ作成の手順

ホームページ作成前の下準備
1、作成に必要なソフトについて
2、ホームページを作成する目的
3、データを用意しましょう
4、本サイトで使用する素材の紹介
ホームページのタイトルを決める
1、適切なタイトルの決め方
2、ドメインについて
レイアウトを決めよう
1、イメージを形にしてみましょう
2、サイトマップの作成方法
3、一般的なレイアウトパターン
4、モニターの表示サイズに注意しよう
5、ブラウザの表示に注意しよう
6、作成するページのレイアウトの解説
スタイルシート(CSS)の作成方法
1、全体の枠組みの作成
2、メインメニュー、サイドメニューの設定
3、見出しとリンクの設定
XHTMLの作成方法
1、初期設定を行う
2、ヘッダー、メインメニューの作成
3、メイン、サイドメニュー、フッターの作成
4、メニューページの作成
自分のデザインに変えてみよう
1、画像素材の変更方法
2、無料でロゴやヘッダーを作成する方法
Javascriptを設置してみよう
1、画像を半透明にする方法
2、イメージ写真をフェードで切り替える方法
最後にチェックすべきこと
1、動作確認をしましょう
2、表示の確認を行いましょう
ホームページを公開しよう
1、ホームページを公開する方法
2、検索エンジン対策を行いましょう
ホームページをパワーアップしよう
1、ダウンロードサイトの作成方法
2、便利なタグの紹介
HOME > レイアウトを決めよう > イメージを形にしてみましょう

レイアウトを決めよう

イメージを形にしてみましょう

このエントリーをはてなブックマークに追加
どのような目的のホームページを作成するかはホームページ作成前の下準備の項で決まっていると
思います。
次は具体的に作成するホームページのデザインやレイアウトを決めなければ実際の
ホームページの作成に進めません。
本サイトで作成するホームページは こちらになりますので、レイアウトは決まっているのですが
通常ホームページ作成を行うときの流れに沿って解説していきます。

レイアウトを決める手順

  1、ホームページ全体のカラーを決める。
    使う写真素材や広告などとのバランスを決める。
  2、ホームページに掲載するデータを用意する
     写真素材やテキストデータ・広告素材などを用意します。
本サイトで使っている素材の解説を見る>>
     テキストデータは、後で追加や更新することがあっても、それほどデザインに影響しないので
     それほどきっちりとしたものはここでは必要ではありません。
     テストとして適当な文字を配置するだけでもいいでしょう。
     テキストの場合は、重要なのは背景や画像データとの色のバランス文字のサイズ
     などです。
  3、イラストレーターで写真やテキストデータを並べてだいたいのレイアウトを決める。
     イラストレーターやPhotoShopがない場合、パワーポイントでもOKです。
     ソフトがない場合は、プリントアウトしたものを並べてみるとかノートに絵で描く方法
     でも大丈夫です。
  4、壁紙やメニューボタンなどを用意する。
     1、で決めた全体のカラーに仕上げるための壁紙やメニューボタンを用意します。
     スタイルシートでカラーの指定だけ行う場合は、スタイルシートでカラーを何パターンも
     指定して実際のカラーを決めていきます。
  5、全体のバランスを調整する。
    レイアウトの調整
      写真素材やボタンのサイズの調整
      コンテンツ部分の横幅や高さの調整
      写真素材やテキストデータ、広告の掲載位置の調整
    カラーの調整
      用意したメニューボタンや壁紙と写真素材や広告素材との色のバランス
      全体として見た目の色のバランスが取れているか
      自分のイメージしたカラーイメージになっているか
  6、作成するホームページの細かなサイズを決める
     コンテンツやメニュー部分のサイズを決めます。
               ↓
     ここで決めたサイズを元にスタイルシート(CSS)の作成を行います。
     メニューボタンや写真素材を実際に掲載するサイズに修正しておく。
       サイズが違うとレイアウトが崩れる原因になります。
  7、スタイルシート(CSS)の作成を行う
     ここまで準備できましたら、
     決めたレイアウトや素材の指定をスタイルシートで実際に行っていきます。
本サイトではホームページ無料素材配布サイト素材工房TAKEの素材を使用しています>>

Next Page
 レイアウトを決めよう
2、サイトマップの作成方法 >>
          月額105円~/30GB/レンタルサーバー

 【PR】
月額1,050円で本格的なお店のホームページ!
簡単!無料!自分のサイトでダウンロード販売!
無料検索エンジン上位表示補助ツール!LINKopty
ページランク3~5SEOに大変役立つオールドドメイン
無料SEOツール ZERO TOOLSでアクセスアップ!
月額無料のネットショップ機能付きレンタルサーバー
営業・委託販売・SOHO専門!お仕事探し完全無料!

Web作成に便利なサイト

SEO無料ツールの紹介
CGI無料配布サイトの紹介
無料でショッピングサイトを開設
素材が無料で作成できるソフト
無料で使える写真を配布しているサイト
テンプレート無料配布
Flash素材を無料配布しているサイト

PRサイト

SEO対策 アクセスアップ100の技
実践で覚えるスタイルシート作成方法
格安レンタルサーバー比較ランキング
Wordpressテーマ無料ダウンロード
ホームページ作成無料ツールのまとめ
ホームページ作成費用無料!
美少女発見!毎日写真更新dear Girls
美少女写真のdear Girls
Copy Right(C)2011 プロ並みのホームページを作る方法 All rights reserved.