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

ホームページの作り方で大事なことと言えば見やすいサイトを作ること。

その見やすいサイトにする為には、色を２～３色で使い分けてみたり、
画像をつけてイメージしやすくしたり、文章を書いて説明を入れる時も長々と横に広がらないようにしたりと、工夫するところは沢山あります！

そのうちのひとつを今回紹介したいと思いますが、例えばメニューを作る。メニューを作ることでかなり見やすくなりますよね。ホームページに自分の簡単なプロフィールを載せたいと思っている人もいるでしょうし、日記をつけている人は日記という項目もホームページ内にあるでしょう。他にも、顔も知らない色々な人と交流する為のBBSなどという掲示板を設けたいと考えている人もいるかと思います。

とにかくコンテンツの内容は色々ですよね。

そんな時に大事なタグと言えば、テーブルタグ。

＜table border=”0″ width=”100″＞
＜tr＞＜td align=”center” bgcolor=”#ff00ccF”＞プロフ＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff66ff”＞日記＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff00cc”＞BBS＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff66ff”＞リンク＜/td＞＜/tr＞
＜tr＞＜td align=”center” bgcolor=”#ff00cc”＞TOP＜/td＞＜/tr＞
＜/table＞

※【＜】と【＞】は実際にはすべて半角で指定しないといけませんよ。

という風に表示すると色が一行ごとに交互に配色されるので、上下分けられていて見やすくなるはずです。この時に使う色は自分のホームページのテーマカラーに合わせて色を好きなものに変えるといいと思います。ここでは濃いめのピンクと薄めのピンクを交互に使っています。

ここにリンクタグをつける作り方も当然大事です。あなたの日記を読みたい！と思った人がここにカーソルを置き、クリックしたときに「ここからは飛ばないのか・・・じゃどこから見れるの？」と思うと探すのが面倒になって「もういいや、次のサイトに行こう」と思うようになるかと思います。そうならない為にも、せっかく来た人が「もっと見たい！」と思うようなホームページの作り方をしていきたいですね。

ホームページの作り方について、色々と紹介してきましたがホームページの作り方の基本として大事なものは、やはりタグです。どんなホームページを作るにしても、タグを知らないことには何もさわれません。

ホームぺージの作り方としてこのタグを知っているだけで、かなり応用がききます。そして分からないことがあればどこかの掲示板で教えてもらうことができるわけですが、その時に基本的なタグについて全く知らなかったら何のことか理解もできないでしょうしね。

今回は背景の設定の仕方というか作り方について紹介します。

背景をただの無色じゃなくて画像を貼りたいという人がいると思いますが、よく個人のホームページやブログなんかで画像が全体に広がっている背景を見かけるかと思います。

このタグは＜BODY BACKGROUND=”ファイル名”＞＜/BODY＞とこのようになっているのですが、この＜BODY＞タグにてこのように記述することで、背景の画像を指定できるのですね。”ファイル名”の部分には、背景の画像のファイルを保存してある場所を指定すればいいのです。この時は必ず拡張子まできちんと記述してくださいね。（そしてこのタグというのは前にも言ったかもしれませんがすべて半角にしないとうまく表示されません。表にタグの文字が出てきてしまいます。）

JPEG画像もGIF画像も指定はできますが、動画GIFはIE4.0・NN4.0以外では、たとえ指定しても表示されないのです。ちなみにこのタグを使うと、背景色を指定していたとしても、＜BODY＞タグで指定した方の画像が優先されて表示されるのです。また、画像ファイルのファイル名の大文字や小文字、また、拡張子には気をつけてくださいね。

ここを見ている人は、皆さんおそらくホームページを作ったことがある人、もしくは作っている途中の人、今から作ろうとしている人だと思います。

最近SEOという言葉をよく聞くと思うのですが、人気の出そうなホームページの作り方についてちょっとだけ紹介します。本当にちょっとだけですよ！私自身も詳しいわけではないですから・・・。

まず、ホームページの“テーマ”を決めなくてはいけません。アクセスアップしてほしいな！と思っているのなら必ずサイトのテーマというものを決めなくてはいけません。ここが結構大事なところ。

例えばどんなものかというと、趣味をメインにしたホームページの作り方が知りたいのなら、その趣味についてのテーマを決めればいいのです。芸能人が好きなのならその人のことをテーマにすればいいですし、食べ物が好きなら特に好きなジャンル別でテーマを作って書いていくのがいいかと思います。私だったらスイーツが好きなので、テーマはスイーツとして、内容はレシピや好きなお店、有名なお店、食べてみたいお店のメニューなど色々にするかと思います。

自分のことがメインであるホームページを作るというのなら、アクセスアップが見込めるのは芸能人や有名なモデルさんくらいだと思います。最近なら読者モデルなんてのもアクセス数がすごいようですけどね。よっぽど可愛い・カッコいい素人が写真を載せまくってる記事を更新しまくっているようなホームページなら、アクセス数が出るかもしれませんけどね。

ですがユーザーというのは必ず検索する目的があるものです。先ほど言いました好きな芸能人がテーマなら、トコトンその人について調べて、ファンの中では私が１番！くらいの気持ちでホームページを作ったらいいかと思います。

その人の名前をキーワードとして多めに（適度にですが）入れてみるとか、同じファンの人のホームページに遊びに行ってコメントを残してみるとか情報交換するとか。そのテーマのジャンルでは上位表示されるくらいになれば素晴らしいですよね！上表示について気になる人はSEOのホームページの作り方について調べてみたらいいかと思います。作り方として沢山のっていると思いますよ！

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

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

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

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

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

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

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

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

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

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

そして作り方として、サーバーに関してのことやブラウザでの確認、そして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対策のホームページ制作方法だとか、作り方にも色々とあるのですが、そういったことをしっかりと理解して作り方を理解できるようになればいいですよね。