私にも出来た!HTMLとCSSを使った超簡単なホームページの作り方
私もかつては、ホームページを自分で作るなどとは、思っても見ませんでした。
作成方法なんて全然知らなかったし・・・
でも「必要は、発明の母」ですね!
ある時、自分の仕事の宣伝をインターネットでやってみようと思い立って、
「よしっホームページを作ろう!」と、軽〜くやってみたのが始まりでした・・・
1.ホームページを作ろう!
パソコンのスウィッチを入れてインターネットを見てみると実にさまざまなホームページがありますね!
こんなにたくさんのホームページがあるんだから、自分でも作ってみたいなぁ・・・なんて思っている人も多いんじゃないかなと思います。
私もかつて、ホームページを作りたいなと思っていた一人でした。
勿論、その頃の私は作成方法なんて全然知りませんでした。
そんな私が、自分の仕事の宣伝の為にホームページを作ってみることにしたのですが、まず決めたのが、「とにかく簡単にホームページを作ろう!」この一点だけ!
ホームページの作り方を勉強するのも面倒だったので、エクセルで画面を作ってそのまま、アップロードして・・・
それでも何とか形にはなったので、「へっへっへっー」と悦に入っていました。
ちなみに当然、その頃の私は、HTML やら CSS なんて言葉も全く知らずにいました。
(今でも完全に理解しているわけではないんですけど・・・)
それでもとりあえずホームページが作れちゃったって事はすごいなぁと思いますが、なんせ何も分からない状態だったので、自分で作ったホームページの改造すら出来ない私でした。
これじゃいくらなんでもなぁと思い、インターネットで色々ホームページの作り方を調べて少しずつ覚えてきました。
「へぇこんなこともできるのか、こういうときはこうやって作っていくんだぁ!」と感動の毎日でした。
でもその時に思ったのが、用語のとっつきにくさです。読んでるうちに眠たくなっちゃう・・・
ホームページの作り方ってそんなに難しいことじゃないのにね。
なので、この「ホームページの作り方」では、出来るだけ簡単な言葉を使った、簡単なホームページの作り方を書いていこうと思います。
更に、ホームページを作る時「本文を書いていくHTMLというファイル」とその「本文をどんな配置で、画面に映し出すかを指定するCSSというファイル」があるのですが、両者を同時に分かりやすく覚えて行けるように内容を書いて行きたいと考えています。
ただ私は、体系的にホームページの作り方を勉強したわけではありません。
例えば、「字を大きくしたい」「赤い字にしたい」という事態に遭遇して対症療法的にホームページの作り方を勉強してきたので、間違っていることもあるかもしれません。そこんとこは、ご了承下さい。又、私は難しいことは分かりませんので「ホームページの作り方」には、難しい話は出てきません。
それともう一つ、私は、Windowsを使っているので、Windowsでのやり方でしか分かりません。
大体同じようなものだとは思いますが、「ホームページの作り方」で書かれていることは、Windows向けってことになるのでよろしくお願いします。
それでは、ホームページを作るにあたって何を考えて、どうやってホームページを作っていったかを見ていきましょう!
2.目標のサンプルページ
・・・でも人間、具体的な目標が無いとなかなか動き出せませんよね!
下の画像をクリックしてみてください。
このサンプルページを作成することを目標にしようと思います。
何も分からなかった私にも出来ましたので、そんなに難しくはありませんよ!
どうぞ、のんびりとご覧下さい・・・
さてここで、「ホームページの作り方」を参考にしていただいたサイト様をご紹介させていただきたいと思います。
「 ティンクルのお家 」 様は、楽しい脱出ゲームを作成公開しているサイト様で、「ホームページの作り方」もご紹介していただいております。上のサンプルのホームページを改造してオリジナルのホームページを作ったそうです。管理人様には大変感謝しております。
「喫茶&木工雑貨 木巧木好(もこもこ)」様は、東村山市の久米川駅前にある工務店が営む喫茶店のホームページです。
本物の木の良さを伝えたいという店内は、天竜出身の木材をふんだんに使用しているそうで、私も拝見していたら行ってみたくなりました!
他にも リンクのページ に「ホームページの作り方」を参考にしていただいたサイト様をご紹介させていただいてます。
ぜひ、ご覧になってみてください。
さあ、あなたもあなただけのホームページを作成していきましょうね!
そして、もしよかったら、あなたのホームページが見事完成したら リンクのページ のメールフォームからご連絡下さいね!
当サイトからもリンクを貼ってご紹介させていただきます!
さて、それではがんばってホームページを作っていきましょう!
まずは、ホームページを作る為の「紙」と「鉛筆」の話です・・・
※本来ホームページというとそのサイトのトップページのことをさすそうです。
そのサイト全体のことはウェブサイト、又はウェブページというそうです。
ただ、現在はあまり区別されていないようなので、このサイトでもウェブサイトという意味でホームページという言葉を使っています・・・