ホームページの作り方に関すること

作り方は知ってるけどれは時間がかかるから面倒だな～・・・と思っている人はいませんか？ホームページの作り方がちょっとした工夫で簡単で楽になる方法もあるんですよ！作成はもちろんのこと、運営をも楽にする為にテクニックは必要なんですが、それと便利なツールについて紹介していきたいと思います。

「作り方はわかってるけど時間がかかることもわかってる。」なので「これは時間がかかるな」と感じたのなら、それはフリーソフトを使って効率よく作業してみてはいかがでしょうか？そのモノによりますが、すべて手作業でやっていたら３時間ほどかかってしまうことでも、フリーソフトを使えば３分くらいであっさりとで終わってしまう・・・なんて便利なものもあるんですって。この作業は面倒だなと感じることがあれば、まずそのフリーソフトを探してみるといいでしょう。

そしてｓのフリーソフトで分からないことがあれば、とにかく掲示板などでだれか同じ内容を書き込んでいないかチェックしてみると意外と沢山出てくるものです。探してみても誰も書き込んでいないようであれば、自分から質問してみてもいいでしょうね。その時は質問しっぱなしじゃなくてちゃんとお礼を言いましょう。

分からないところを調べる為に、本を開いて１人で黙々と調べながら作業するよりも、こういった掲示板で調べる方が作業効率がアップすると思います。おそらく自分と同じ疑問を今までに抱いた人はいない、なんてことはほとんどないでしょうからね。必ず掲示板で答えが見つかると思いますよ。

ホームページを作り方で気をつけなくてはいけないのが見やすいサイトかどうかということ。

例えば内容を濃くしたい！と思って、デザインだけが凝った作り方にならないように、文章の方を充実させたいって思う人もいると思います。もちろんそれはいい作り方だそうですが、ただ長い文章を打ち込むだけだと、どんなにいい内容が書いてあったとしても、読んでいる人を疲れさせてしまって、せっかくホームページを訪ねてきてくれた人が、読んでる途中で帰っちゃうかもしれません。

なのでどうすればいいかというと、長い文章にならないように短く的確に伝えるのも作り方の１つですが、「区切ること」も大事な作り方なんだそうです。タグを使って見やすくするのも方法の１つ。例えば長い文章でも話の内容別にちょっとずつ区切るとか、その区切ったそれぞれの最初に簡単な見出しをつけるとか。

そして画面の端から端までだだっ広い文章が広がっているホームページは、せっかくの文章も見にくく疲れてしまうので、テーブルタグを使ってどちらかの横の方（文章は端）、または両サイドを余白（文章は画面中央）になるようにして、文章を読みやすくするといいと思います。他にも文字の大事なところにちょっとだけ色を使ってみるとか。（色の使い過ぎには注意ですよ。ページのテーマカラーみたいなものを決めておくといいかもしれません。）

ただ、作り方としてはよくても、タグを使いすぎるとページが表示されるのが遅くなるというデメリットもあるそうなので、気をつけて多用しすぎないようにするといいと思います。どうしても沢山のタグを使わなくちゃいけない場合には、１画面くらいでテーブルごとに分けて、その中で使っていく作り方だとタグが分散される（？）そうなので、その問題は解決できそうです。

作り方の手順として大まかに説明してきたつもりですが、分かりにくかったらすいません。私も私で素人なので、こうやって人に教えれるほどの知識もないのですが・・・でも自分も改めて学びながら作り方を説明していこうと思い、ここで紹介していくことに決めました。

そして作り方として、サーバーに関してのことやブラウザでの確認、そしてHTMLやタグについて簡単に大まかに説明してきましたね。今回はホームページの配色についても紹介したいと思います。実はこれが簡単なようで以外に難しいんですね。カラーコーディネートの資格を持っている人やWebデザイナーの人、素人でもセンスがいい人ならここは問題ないでしょうね。

作り方としておすすめできることは、見やすくセンスのいいものにすることが集客のポイントの１つだと私は思ってます。例えば背景や背景色、文字の色なんかを全て自分の好きな色だけにまとめてしまった場合どうなるでしょう？

ホームページっていうのは内容がどんなにいいものであっても、それが読みづらく見にくい（醜い）サイトだったら読んでもらえる確立って低いんですよね。私も携帯のホームページを作っていた時に学んだのですが、いろんな絵が沢山書いてある可愛い背景見つけた！と思ってせっかくかわいい背景を設定しても、そこに無理矢理文字をのっけってしまってはただ読みにくいだけのサイトになってしまったんですよね。

背景がかわいいだけで『可愛いサイトができた！』と、自分的には自己満足でしたが、ホームページで絡んでいた人に『見にくくなった』と指摘されてようやく気付いたんですよね。あと、フラッシュ（というかタダのチカチカした画像）も、携帯の小さな画面ではすごく見るのにストレスに感じるものなので、画像を小さくするなどの工夫がいりました。

ということで内容が読みにくい、全体が目が疲れるようなデザインの場合（配色）だといい作り方とは言えないでしょうね。

ホームページの作り方の手順とか少しずつ紹介してみましたが、何のことかわからない・・・って人もまだまだいると思います。私が右も左もわからないような時に、こんな説明されても、きっとよくわからないでしょうからね・・・。

サーバーって何？サーバー販売って何を売ってるの？くらいにしか思わないでしょう。サーバについて詳しく知りたい人は、検索して調べるなり、サーバー販売しているところをのぞいてみたりしてもいいと思います。ちなみに私の知っているサーバー販売しているところでは、DVDへのダビングサービスも行っているようです。よくCMでもやっています。個人的にはそこでお世話になっています。

あと、基礎中の基礎と言うか、前にタグの説明をしたかと思いますが、『HTMLタグ』とは、<>で閉じられたものをタグというんですね。そのタグを使って書くホームページ用の言語を“HTML”と呼ぶのです。とか、って感じの奴です。

基本的にホームページを作り方としては、『メモ帳』でも作れるのですが、ここまでメモ帳に色々なHTMLを打ち込んでいるのはかなり大変です・・・。これがもし、前に紹介したようなホームページの作り方の手順としては、便利になるソフトウェアを使えば、もっと手軽にできるようになると思います。ただ、前に言ったように、無料でホームページを作れるサイトのように、ボタンひとつで簡単に張り付けされる・・というようなものではないので、『簡単になる』と勘違いはしないでくださいね・・・。

HTMLとCSSの基礎知識があれば、簡単に作れるようになります。このHTMLとCSSについてはまた次の機会にでも紹介します。このHTMLとCSSの基礎知識を叩き込めば、基本的なホームページの作り方はわかるようになると思います。

ホームページを作り方として、いくつかソフトウェアがあるのですが、基本的には特別なソフトウェアは必要ないとも言えます。ただ、効率良く作業したいという人には、ホームページ作り方に特化したようなソフトウェアを持っている方が便利だと思います。どこかのサイトでたいていのソフトウェアを無料で手に入れることができるところがあるはずです。ぜひ利用してみましょう。

作り方の手順としては、ホームページに使う素材を用意しなければいけません。ホームページというのは、HTMLファイルがあれば、いろんな人に見てもらえます。ですが、HTMLだけでは文字からの情報しか表現することができないので、中に写真とかイラストからの情報があった方がわかりやすいし見やすくて、いいホームページになると思います。

そしてHTMLで編集するのですが、内容、構成、データを置く場所確保、ソフトウェアを用意すれば、次はHTMLを使って実際にホームページを作っていきます。ブラウザで表示の確認をして、問題無く表示されていれば、データの作成は完了。 そして最後にそのデータを転送しなければいけないのですが、あとはそのデータをWWWサーバーに転送するだけです。ちなみにサーバには１Uサーバーというものがあり、それをレンタルするなどして専用サーバとして使っている人も多いそうです。そしてまたブラウザーで表示されているか、表示が崩れていないかなどを確認してホームページの完成です！

ホームページの作り方の手順としては、まずホームページの内容を決めることから始めないといけないですよね。ホームページの作り方の前に、まず１番大事なのは、何よりも『内容』ですからね。見た目がどんなにきれいなデザインをしているホームページでも、その内容が全く面白くないようなサイト次からは誰も来てくれませんよね。なので、誰に対してどんなことを伝えたいのかをしっかり決めておくのがまずホームページの作り方の前に理解しておくことですね。どんなに素晴らしいseo対策のホームページ制作をしていて上位にあっても、その内容がつまらなければもう２度と見にこないでしょうからね。

そして内容決まったら、次は構成を決めなくてはいけませんよね。ホームページの作り方としてはその内容をどういう風に分類わけするのか。そして、それぞれのページの位置関係をどうすればいいのか、などを決めなくてはいけませんよね。

内容や構成が決まれば、いよいよホームページのデータを置く場所の確保しなくてはいけません。作るホームページをいろんな人の目に触れさせる為には、ホームページのデータを置く場所を確保することが必要ですからね。このホームページを置く場所のWWWサーバーは、色々な業者や、普通に使っているインターネット接続プロバイダとかで、無料か、もしくは安価で提供されている事が多いですよ。

ホームページを簡単に作成することはコツをつかめば可能ですが、コツをつかむまではなかなか大変ですよね。私も作り方も知らない時に初めて作ったものは、非常に難しく感じて大変で投げだしそうになってました。

作り方を説明できるほどプロではないのですが、作り方の前に、ホームページの構造を紹介したいと思います。

Internet Explorer などのブラウザを使い、ホームページを見ると、ブラウザのウィンドウの中に文章や画像なんかがきれいにレイアウトされてるものを見れますよね。でも、そのそれぞれのページに文章や画像が紙で作られたもののように、直接はりつけられているわけではないですよね。HTMLと呼ばれているHyper Text Mark-up Languageの記述言語を用いて（タグ）、そのホームページがタグ通りに表に表示されるように、ブラウザに命令を出しているんですよね。

ブラウザというのは、そのような記述言語の命令を解釈して、その命令にしたがって、文字を黒にしたり、画像をその場所に表示したりする作り方でやっていくんですよね。

また、ホームページというのは、そのデータをインターネットで公開する為に、特別なコンピューターに保管されるのです。そしてこのデータのある場所を特定する為にいわばネット上の“住所”のようなものとして、URLが使われるのです。（http://～というの見たことありますよね？それです）

作り方にも色々な方法があるのですが、基本的にはこのHTMLを覚えないことには、ホームページの作り方はわからないというわけですね。他にもseo対策のホームページ制作方法だとか、作り方にも色々とあるのですが、そういったことをしっかりと理解して作り方を理解できるようになればいいですよね。

ホームページの作り方にまず基本となる大事なことはタグですね。タグとはご存知ですか？見慣れていない人にとっては何かの暗号かのような文字が沢山並んでいるものです。ホームページはタグが基本。作り方がどうとかの前に、私も最初にこのタグを覚えるのが大変でした。覚える・・といってもだいたい使っていくタグは似たり寄ったりなので、少し凝ったものじゃなければ、良く使うタグはすぐに覚えられます。（文字を点滅させたり線を引いたりするとか。）

高校の時に初めて授業で作ったのは『ホームページビルダー』というもの。どういったものかもう覚えていないのですが、今でこそそれでホームページを作っている人はもうほとんどいないでしょうね。でもはじめてリンクをつけたりできたときは感動でした。今でこそ無料でホームページが作れるサイトを提供しているところが沢山ありますけどね。しかもボタンひとつでポンとタグが出てきたりして、リンクをつけるにも何するにも楽で、何にも知らない素人でもあっという間に出来上がってしまいます。

私が最初に授業以外で個人的なホームページの作り方を経験したのは携帯。『魔法のiらんど』というもので、PCからでも作れるのですが、携帯の方がいつでも手軽に直せるので便利です。画像をいろいろとのせてみるとか、どこかから借りてきた素材を使って貼ってみるとか背景を選んでみるとか色々できます。これも作り方は大体サイト上で教えてくれるので、タグを少しわかるようになるまでは大変でしたが、比較的簡単に作成できました。自己満ホームページなので、日記やアルバムをのせたり、訪問者と絡む為のBBSを作ったりしていただけなので、何の目的もないサイトでしたけどね。

その後にもホームページの無料作成できる会社を乗り換えたりしながら色々と作ってみたりしましたが、今となってはそれらのパスを忘れたりしててもう削除も編集もできません（笑）