在宅バイト情報〜自宅で出来るお小遣い稼ぎ・SOHOなど

MENU ホームページ作成のススメ｜HTMLを書いてみよう｜スタイルシートを使ってデザイン

アフィリエイトで稼ぐにはホームページが必要です。 アフィリエイトだけでなく、チャットレディーの方にも宣伝用にホームページがあると、より稼げることは間違いありません。
ここではホームページの作り方の手順を簡単ですが紹介していきたいと思います。
管理人も始めはまったく未知だったWEBの世界。
作ってみると案外簡単！そして楽しいものでした。
始めは分からない事だらけですが、作っていくうちにきっと色んな仕組みが分かってくるでしょう。
ホームページ初心者の方達の少しでもお役に立てれば幸いです。

ホームページ作りってどうやるの？？という初心者の方の為に色々な便利ソフトがあります。代表的なものだと

• IBM「ホームページ・ビルダー」
• Adobe 「GoLive」
• macromedia 「DreamWeaver」

があります。
この中では「ホームページ・ビルダー」が一番値段もお手頃で初心者向けに出来ていると思います。 管理人も初めてのホームページはホームページ・ビルダーを使って作成しました。

しかしそれでもソフトを購入するにはお金がかかります。
ここでは、Windowsに初めから搭載されている「メモ帳」で作る例を紹介してみたいと思います。
始めはHTMLの知識も何もわからないと思いますので、まずはなにかページを作ってみることをお勧めします。 色々試しているうちにホームページのしくみやコツなどをつかんでいくでしょう。

そのうち色々と欲が出てくると思います。画像を動かしたい！背景にかわいい絵を入れたい、など夢は広がりますね。そうなったらその時に改めて自分に合ったソフトを購入すると良いでしょう。

�@ホームページの材料を入れるフォルダ（ディレクトリ）を作成します。

まずは自分のホームページのファイルや使う画像などを入れておくフォルダを、パソコンのわかりやすい場所に作成します。（マイドキュメントやデスクトップなど）

例えば次の様な構成で作るとします。

●使用するHTMLファイルや画像は、全て始めに作成したメインフォルダに入れておきましょう。 あちこちに入れてしまうとアップロードした時に画像が表示されないなどのトラブルがおきます。これはあなたのパソコンの中にある画像とファイルの位置関係（パスといいます）と、サーバーにある画像とファイルの位置関係が違うからです。

●この失敗は管理人も「なんで画像でないのー！」と、何度もやりました。。
ホームページ作りに欠かせないのはきちんとした土台作りなのです。
HTMLのタグを覚えるのも大事ですが、こういう些細なことも覚えておきましょう。

●画像は「image」もしくは「img」というフォルダを作ってその中に入れておきます。
これは画像が沢山になってきてフォルダの中がごちゃごちゃにならないようにする為です。
私はその他に「sozai」というフォルダを別に作り、加工する前の写真などはこちらに入れています。そうすると実際に使う画像と区別が出来てアップロードする時に混乱しません。

＞HTMLファイルの書き方については次のページで！