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 > 自分のデザインに変えてみよう > 画像素材の変更方法

自分のデザインに変えてみよう

画像素材の変更方法

このエントリーをはてなブックマークに追加
本サイトのサンプルと同じホームページが完成したと思いますが、
この項では自分のオリジナルデザインへの変更方法を解説します。
まずは当サイトで作成するサンプルのホームページとまったく同じ素材を使ってページを完成
させてから中身の素材を変更して頂く方が、はじめは理解しやすいと思います。
すでに自分の用意した素材で作成を行っている方はこの項を飛ばして次へお進みください。
無料でロゴやヘッダーを作成する方法>>
では具体的にメニューボタン壁紙写真素材を自分の用意したものに変更する方法
解説していきます。これが終われば、完全に自分オリジナルのホームページに変貌します。
ここまでで、とりあえずは自分オリジナルのホームページが作れるようになりました。

画像素材の変更方法

今は素材工房TAKEよりダウンロードした素材が imgフォルダ内にあるという前提で説明をしていきます。
写真素材はご自身でご用意ください。
使用する写真素材のサイズはこちらで確認できます>>
こちらで写真を無料で配布しているサイトを紹介しています>>
素材の変更
まずimgフォルダ内に保存している素材のサイズを確かめます。
   imgフォルダ内と同じサイズの素材を用意します。
   素材は 素材工房TAKEなどの素材を無料配布しているサイトでダウンロードするか
   こちらで無料で素材を作成できるソフトをご紹介していますのでそれらのソフトを使って
   ご用意ください。
素材が無料で作成できるソフトの紹介を見る>>
写真素材の変更
  用意した写真を、指定のサイズに加工して下さい。
  イーファンビューを使えば簡単にできます。
イーファンビューのインストールはこちらから出来ます。>>
  準備したメニューボタンや写真素材を imgフォルダ内にある変更する素材の名前と
  同じ名前に変更して下さい。
  名前の変更が終われば、素材を「すべて選択」→「コピー」でコピーして
   imgフォルダに「上書き保存」で貼りつけて下さい。
   これで、写真やメニューボタンがあなたの用意したものに変わっています。
壁紙の変更
  <<壁紙を変更するときの注意点>>
   壁紙はサイズ変更の必要はありません。
   スタイルシートで指定しますので、壁紙のサイズによって指定の仕方が変わります。
   スタイルシートの記入例
     全体に繰り返しで使う場合  repeat
     横だけにに繰り返す場合   repeat-x
     縦だけに繰り返す場合     repeat-y
     繰り返しをしない場合      no-repeat

Next Page
 ホームページ作成前の下準備
2、無料でロゴやヘッダーを作成する方法 >>
            月額125円のレンタルサーバ

 【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.