ホームページの作り方|トップページ

ホームページの作り方(ホームページを作ろう!)

色々なホームページを見ていると、だんだん自分でもホームページを作ってみたくなりますよね。
でも、ホームページの作り方ってよくわからないし、一体どうやってホームページを作るんだろう?
ホームページの作り方って簡単なのかな?

心配ご無用です!
ホームページの作り方は意外と簡単なんです。
楽しくホームページを作ってみましょう!
もちろん、お金をかけずにね!

私にも出来た!HTMLとCSSを使った超簡単なホームページの作り方

私もかつては、ホームページを自分で作るなどとは、思っても見ませんでした。
ホームページの作り方なんて全然知らなかったし・・・
でも「必要は、発明の母」ですね!
ある時、自分の仕事の宣伝をインターネットでやってみようと思い立って、
「よしっホームページを作ろう!」と、軽〜くやってみたのが始まりでした・・・

1.ホームページを作ろう!

パソコンのスウィッチを入れてインターネットを見てみると実にさまざまなホームページがありますね!
こんなにたくさんのホームページがあるんだから、自分でもホームページを作ってみたいなぁ・・・なんて思っている人も多いんじゃないかなと思います。
私もかつて、ホームページを作りたいなと思っていた一人でした。
勿論、その頃の私はホームページの作り方なんて全然知りませんでした。

そして、自分の仕事の宣伝の為にホームページを作ってみることにしたのですが、ホームページを作るにあたってまず決めたのが、「とにかく簡単にホームページを作ろう!」この一点だけ!
ホームページの作り方を勉強するのも面倒だったので、エクセルで画面を作ってそのまま、アップロードして・・・
それでも何とかホームページを作ることは、作れたので、「へっへっへっー」と悦に入っていました。

ちなみに当然、その頃の私は、HTML やら CSS なんて言葉も全く知らずにいました。
(今でも完全に理解しているわけではないんですけど・・・)
それでもとりあえずホームページが作れちゃったって事はすごいなぁと思いますが、なんせ何も分からない状態だったので、自分で作ったホームページの改造すら出来ない私でした。

これじゃいくらなんでもなぁと思い、インターネットで色々ホームページの作り方を調べて少しずつ覚えてきました。
「へぇこんなこともできるのか、ここは、こうやってホームページを作るんだ!」と感動の毎日でした。
でもその時に思ったのが、用語のとっつきにくさです。読んでるうちに眠たくなっちゃう・・・
ホームページの作り方ってそんなに難しいことじゃないのにね。

なので、「ホームページの作り方」では、出来るだけ簡単な言葉を使った、簡単なホームページの作り方を書いていこうと思います。
更に、ホームページを作る時「本文を書いていくHTMLというファイル」とその「本文をどんな配置で、画面に映し出すかを指定するCSSというファイル」があるのですが、両者を同時に分かりやすく覚えて行けるようにホームページを作って行きたいと考えています。

それと私は、体系的にホームページの作り方を勉強したわけではありません。
例えば、「字を大きくしたい」「赤い字にしたい」という事態に遭遇して対症療法的にホームページの作り方を勉強してきたので、間違っていることも結構あるかもしれません。そこんとこは、ご了承下さい。又、私は難しいことは分かりませんので「ホームページの作り方」には、難しい話は出てきません。

それともう一つ、私は、Windowsを使っているので、Windowsでのやり方でしか分かりません。
大体同じようなものだとは思いますが、「ホームページの作り方」で書かれていることは、Windows向けってことになるのでよろしくお願いします。

それでは、ホームページを作るにあたって何を考えて、どうやってホームページを作っていったかを見ていきましょう!

2.目標のサンプルホームページ

・・・でも人間、具体的な目標が無いとなかなか動き出せませんよね!
下の画像をクリックしてみてください。

サンプルのホームページです

このホームページを作成することを目標にしようと思います。
私にも出来たホームページの作り方なので、そんなに難しくはありません!
のんびりとご覧下さい・・・

ここで、「ホームページの作り方」を参考にしていただいたサイト様をご紹介させていただきたいと思います。
ティンクルのお家 」 は楽しい脱出ゲームを作成公開しているホームページで、「ホームページの作り方」もご紹介していただいております。上のサンプルのホームページを改造してオリジナルのホームページを作ったそうです。管理人様には大変感謝しております。
あなたもあなただけのホームページを作成していきましょうね!

まずは、ホームページを作る為の「紙」「鉛筆」の話です・・・

又、本来ホームページというとそのサイトのトップページのことをさすそうです。
そのサイト全体のことはウェブサイト、又はウェブページというそうです。
ただ、現在はあまり区別されていないようなので、このサイトでもウェブサイトという意味でホームページという言葉を使っています・・・

基本的にホームページは、HTMLとCSSで出来ています。
HTMLの本名は「HyperText Markup Language」といいホームページを作成する時に使う言語です。勿論このホームページもHTMLで書かれています。
CSSはCascading Style Sheetといいます。HTMLが主にホームページの内容を記述する為の言語なのに対して、CSSはページのレイアウトや字の色や大きさといった、ホームページの見た目の部分を担当します。HTMLだけでもある程度、レイアウトを組んでいくことも可能ですが、HTMLとCSSを使ったほうが、かえって分かりやすいし色々な面で都合が良いのです。


 
<< 前ページ | 次ページ >>