ホームページを作るぞ！！

ホームページを作る目的は何なのか。
それによってホームページの構成も変わってきます。

ホームページを作る目的としてあるのが

◆会社の知名度を少しでも高くしたい
◆商品の売り上げを伸ばしたい

また、個人の場合は

◆趣味の輪を広げたい
◆友達を増やしたい

などだと思います。

また、自分も昔はBBSなどといった掲示板を設けて、見ず知らずの他人と絡み
情報や近況報告などやりとりしてコミュニケーションを図るホームページを持っていました。

当時持っていたのは携帯ホームページなのですが、
最初は何となく作ってみたという程度で、友達を作ろうという意識は全くなかったのですが
だんだんアクセス数が増えていったりして次第に楽しくなってきました。

そこで知り合った人達とオフ会のように待ち合わせしてご飯食べに行ったり
お互いのホームページにパス付きで載せてある写メ等を見ていたので
偶然街で見かけた時に「〇〇さんですよね？」と聞いて
「本当に会ってこうやって実際に遊ぶようになるなんてね～」なんて
話が盛り上がったり、更にそこから共通の友達なんかとも一緒に遊ぶようになったりして
ネットを通じて多くの人とコミュニケーションをとっていました。

最近はそういったコミュニケーションなんかを
SNSだったりブログだったりを通じて行うようになってきましたよね。

ネットで出会うと言えば出会い系サイトなどが流行りましたが、
またそういったものとは違う、普段会えない友達なんかとも
気軽にたわいもないことでコミュニケーションとれるというのがいいですよね。

そういった目的で作るというのも、ひとつの楽しみになるのではないかと思います。

ホームページを作るコツ・・・という程でもないですが、
いきなりホームページをいじりたいという気持ちはよくわかりますが、
まずはコンテンツを綿密に作ることから始めましょう。

コンテンツはデザイン以上に大事なところ。
コンテンツが明らかに手抜きだと、一度は見に来てくれたとしても、
コンテンツに魅力がなければもう2度と来ることはなくなるでしょう。
ブックマークしたい、また訪問したいと思ってもらえるようなコンテンツを作るように心がけましょう。

そして次はデザイン構成。
ここの文字に影をつけたい、ここは角を丸くしたいなどそういった細かい部分のデザインは
作りながらでいいのですが、全体的な配置や配色、
そして見やすさ（背景と文字の色合いなども含めて）を簡単にでいいので
絵に描いてみることで作りやすくなると思います。

ページ全体の配色に関しては、ざっと絵に描いて色で表してみることで
ここは色を使わない方がいいなとか、何色と何色は意外に合うなと新しい発見ができます。
また、最初に作ったコンテンツのそれぞれをどのページにあてたいのか、
トップページには絶対に必要なのはここ、この下層ページからこの下層ページに
リンクを飛ばせるようにしたいなど、気がついたことを忘れないうちに図にメモしておくと
完成後にチェックする際にも約に立ちます。

また、人によってはコンテンツを作る作業の後、
最初にいきなり画像作るところから始め、全体的なイメージをまず作ってしまう方もいます。
そこを後でバラバラにし、配置していくという方法もあるんですね。

自分のやりやすい方法を見つけるといいかもしれません。

ホームページはあくまでも「ユーザーに見てもらうこと」を重視しなければいけません。

seoにおいてもクラスC分散サーバーにするなど、

不特定多数の人に見てもらっているように見せることに力を入れているくらいですからね。

“ホームページを作る”というと、かなり大変そうなイメージはあるかと思いますが、

この基本を押さえておくと、特別な技術はいらないのではないかと思えてくるでしょう。

ホームページを作る為に最新技術を取り入れることは大事ですが、

実は今現在においてはそれほど重要なことではありません。

例えばフラッシュですが、かつては最新技術だったかもしれませんが

今やスマホでも見れるほど当たり前の要素になってきていますよね。

ＳＥＯ対策においてもフラッシュ要素はそこまで意味がない

・・と言われていたようですが、最近ではそうでもなくなりました。

ですがそれでも今の段階ではまだＳＥＯ的には

フラッシュを重視している時代ではないようなので、

なくしてしまったらなくしてしまったで、特に問題もありません。

フラッシュに関しては、いくら普及してきているからと言って

全ての方が見れている環境なわけではなく、

おそらく7、8割程度の人が見れるようになっているというだけのことでしょう。

となると残りの2、3割の方には見れないホームページだということになります。

ターゲット層がＩＴ関係などで最新技術を取り入れるのは基本中の基本

とでもいうような企業などであるのなら最新技術を用いたホームページに対する評価は

高くなるかもしれませんが、そういったことに対応できない人達も含めた

全ての人がターゲットだというのなら、これは問題です。

そういった面からも最新技術を必ず取り入れるべきではないという事が言えますね。

ホームページを作るにあたり、基礎から学ばなければいけない事がたくさんあります。

ホームページを作ると言うことはHTMLをある程度理解していなければできないので、あらかじめよく使うタグや重要なタグ、そして意味などを理解しておく必要があります。

かといって始める前に知識だけでも・・・と思い、一生懸命知識だけを詰め込もうとしても、実際に作ってみない事には理解しにくい部分もあるでしょうし、覚えようにも覚えきれないかと思うので、やりながら少しずつ学んでいけばいいと思います。

最近はブログでもただテンプレートを選ぶだけじゃなく、自分で作った画像をのせたり、トップ画面の最初から指定されているサイズや文字のサイズや色を変更できたりして、オリジナルのものが作れるようになっています。

少し前までなら携帯サイトなどで全て自分で書き込み式のHTMLを使い、自分で簡単なカスタムすることはできましたが、最近はもっと細かく指定することができるスタイルシートでの指定も可能なところが多くなってきました。

ソフトさえ入れてしまえば、画像を作って編集して・・・と言うやり方でどんどん自分好みのブログにしていくことが可能です。

無料のブログなんかでは、スタイルシートのタグ一つ一つに意味なども書かれている場合が多いですから、そこから少しずつ勉強し、カスタムしていくと新たな発見もできるでしょうし、何よりも自分の好みに仕上げることができるので楽しめると思いますよ。

ホームページを作る時、文章を入れるのは普通にあることですよね。

フォントを変えたり、色を変えたり、大きさを変えたり。

でも、それだけではありません。

例えば、文章の行間を調節するということもスタイルシートでは可能です。
文章というのは、上下がくっつきすぎていると読みにくいものですよね。

また、字と字の感覚が狭すぎてもまた読みにくいものです。

ホームページの作り方・・・というほどでもないですが、
長い文章が多いページの場合、もしくは文章がメインであるサイトの場合などでは
この行間が詰まっていると読みにくくなってしまうので、スタイルシートで行間の調節をする必要があります。

行間を調節するプロパティは「line-height:～」です。

ページ全体の行間を変えたい場合は
「body { line-height: 文字サイズの値 }」で変えられますし

一部の段落部分だけ行間を変えたいという場合は
段落要素（＜p＞＜/p＞）の行間の指定を変えればいいのです。
この場合は「p { line-height: 行間の値 }」でOKです。

ただ、この段落要素というのはほとんどのページでよくつかわれるタグなので、
指定方法を間違えてしまうと一部だけの段落に適用させたかったのに、
すべてのページの段落要素に全く同じ指定が適用されてしまう場合もありますから気を付けてくださいね。
（全てのページを共通させたいのであればそのままでもOKですが。）

こういったことの一つ一つのことに気を付けていけば
かなり見やすいレイアウトになると思いますよ。

ホームページを作るために、色々な配色の組み合わせを意識しなければいけませんが、
ついついあれもこれも・・・と色々組み合わせて行くうちにごちゃごちゃした雰囲気になってしまうこともありますよね。

ホームページの目的が「育児日記」だったり「子供服」だったりするのであれば
派手でごちゃごちゃした雰囲気の方が子供の元気さが伝わってきてむしろいい気もしますけど。

ある部分はキレイなグラデーション、ある部分はベタ塗りの１枚、
あるところは写真で、あるところはイラストといった極端なモノを多数組み合わせ過ぎるのは
センスが問われてかなり難しいと言えます。

絶対的な自信がある人じゃない限りは、できるだけ配色や置くイラストなんかでも統一感のあるようなデザインにするのがいいと思います。

また、画像などを作る時はヘッダーだけではありません。
文章が書いてあるコンテンツ内にイメージ画像として
ワンポイントのイラストや写真などを載せる場合もあります。

また、コンテンツタイトルのバーだったり、サイドコンテンツの項目など
いろいろ作らなければいけないところが沢山出てくるでしょうね。

基本的には文字が読みやすいシンプルイズベストなサイトが１番理想ですが、
やっぱり個々で好きな色・嫌いな色なんかもあるでしょうし、
好きな色じゃなくてもそのサイトの内容によってイメージする色などもあると思うので
自分が思った通りに、試行錯誤してみることをおすすめします。

ホームページを作ると言えばまず画像ではないでしょうか。

ある程度ホームページの形を作ってしまった後は、画像作りが楽しみのひとつです。

その画像の出来栄えによってサイトの出来栄えも随分と違ってきますから、画像をいかにキレイに作れるかというのは案外すごく重要なことだと思います。

とはいってもいきなり画像を作れと言われても難しいですから、画像作りのソフトをある程度使いこなせるようになることが大事だと思います。

積み重ねた経験によって自分の思った通りの画像をキレイに作ることができるようになれば、画像を作るだけでもかなり楽しくなってきますからね。

とはいっても最初はすべて作っていくのが難しいので、どこかのフリー素材を組み合わせてみたり、自分の思った通りの背景と合わせてみたりして、一つの絵になる楽しみを知ることが、画像作りの一歩だと思います。

世の中には素敵な素材が沢山ありますから、（有料のものもあるので勝手に使ったりしないように注意してくださいね。）自分の好きなものを組み合わせてみるのもいいかもしれませんね。

あと、色遣いには気を付けましょう。
あくまでもホームページなので、人に見てもらうものを作るという自覚があれば、読みにくい配色や原色ばかりの激しいサイトを作ろうとは思いませんよね。

ですがそのホームページの内容によっては、子供向けだから色鮮やかにしたいという場合もあるかもしれませんから、その辺は臨機応変に（文字が自分的に見やすいかなと思えばＯＫ）など、自分なりに対応していくことが大事です。

ホームページを作るとなった時、誰かからの依頼などじゃない限り、テーマカラーというか、サイトの配色を自分で決めなくてはいけません。

いくつもの色を使い過ぎてしまうとちょっと微妙な感じになってしまう場合もありますし、かといってもいろいろな色を使っているけどちゃんと色みを統一していたり、黒メインのカッコいいサイトだけど、見出しなどの文字色には時々ビビット系を用いてみたりするなど、どこかに統一感があればセンスのいい配色に仕上がる場合があります。

ホームページを作る前にまず構成を考えるかと思うのですが、どういうサイトにするのか内容を明確にしたり、先ほども言ったサイトの配色を考えたり、デザイン的に配置を決めてみたりと、いろいろと考えることがあります。

自分の考えをしっかりと表す為に実際に紙に書いてみるといいかもしれませんね。

絵や文字を書くのが苦手な方は、ＰＣで作ってもいいかもしれませんね。

とにかく自分の考えを一つにまとめてから作業に入った方が、ムダに時間をかけることにならずに済むと思います。

作っていくうちに何とかなるだろうと思っていると、後から大変な目にあってしまいます。

その考えでも確かに間違いではないのですが、後々修正個所は必ず出てきますから、その時に「模試次に作る機会があれば最初にこれをメモしておこう」というように、しっかりと考えるようになるでしょう。

数をこなせば少しずつ要領がわかってくるものだと思います。

ホームページを作るのはなかなか大変なものなのですが、作りだすと結構楽しいんですよね。

仕事などの都合で期日が迫っていると焦ってしまって辛くなってきますが、個人の趣味としてのんびり作っている分には結構面白くなってきますよ。

画像を作るのがまず面白いのですが、それを配置した後にキレイに反映されると「自分すごい」と思ってしまったり（笑）

とはいえ少し配置を変えようとしたりすると、突然ガラッと間違えてしまったりするので、修正したりするのがなかなか簡単にはいかないんですけどね。それを修正できた時はまた達成感があるんですけどね。

スタイルシートは細かくデザインを設定できるのと、スタイルシートの指定を変更するだけで、他のページの同じ部分の修正も一気にできるのでその辺がメリットだと思います。１ページ１ページ出してその箇所を修正して行かなくてもいいですからね。

ただ、一歩間違えると複雑で、直すのが面倒になってしまうのでそこはデメリットだと思います。ウェブデザイナーとかだと慣れているので何が原因かも自分で発見する事ができるんですけどね。要は慣れなのかもしれません。

ホームページを作るとなった時、気をつけなければいけないのは、１番最初にデザインを作るページをしっかりと作ること。そこから崩れていると他のページも修正するべきところが沢山出てきてしまいます。

ホームページを作るのは大変ですが、楽しさを覚えたら結構ハマりますよね。

ホームページを作るのに全く携わったことのない人に「ホームページを作る為にはどうしたらいいのか」という相談を受けました。

その人は以前の僕のような完全素人でタグの意味はもちろん、何ひとつわからない人。
自分も全くの素人で今でも知識がないだけに教える自信がなかったのでお断りしました。

でも、知り合いに独学で学んでかなり知識がある人がいるので、その人に託すことにしました。ついでに自分も教えてもらったりして。自己満でホームページなどを持っているそうで、見せてもらったのですが本当にプロが作ったんじゃないかと思うくらい完成度が高かったです。

ホームページを作るというのはタグを覚える以前に、無料であれ有料であれサーバーを契約して用意したり、サイト上にアップする為にパソコンとサーバーにつなげるためのツールなどが必要になるのだそうです。

まずそれが自分で用意しなければホームページなど作れないということですが、その他にもホームページに載せる為の画像などを作るソフトなども必要ですよね。どこかのサイトでテンプレートを買ったり、無料のところの奴を使ったりすることもできますけどね。

ただ、そうなると「オリジナルな画像」などが使えないので本当にキメキメの物しか作れなくなるので、せっかく自分で作るという面白さが半減してしまいます。

せっかくなので１番楽しいとも言える画像作りができるソフトを購入できるともっとできることも広がっていいですよね。