ホームページを作るコツ

Posted by サイト作る君 | ホームページを作るには? | 木曜日 26 1月 2012 2:06 AM

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

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

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

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

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

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

最新技術は必要か

Posted by サイト作る君 | ホームページを作るには? | 月曜日 5 12月 2011 12:33 AM

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

seoにおいてもクラスC分散サーバーにするなど、
不特定多数の人に見てもらっているように見せることに力を入れているくらいですからね。

“ホームページを作る”というと、かなり大変そうなイメージはあるかと思いますが、
この基本を押さえておくと、特別な技術はいらないのではないかと思えてくるでしょう。

ホームページを作る為に最新技術を取り入れることは大事ですが、
実は今現在においてはそれほど重要なことではありません。

例えばフラッシュですが、かつては最新技術だったかもしれませんが
今やスマホでも見れるほど当たり前の要素になってきていますよね。

SEO対策においてもフラッシュ要素はそこまで意味がない
・・と言われていたようですが、最近ではそうでもなくなりました。

ですがそれでも今の段階ではまだSEO的には
フラッシュを重視している時代ではないようなので、
なくしてしまったらなくしてしまったで、特に問題もありません。

フラッシュに関しては、いくら普及してきているからと言って
全ての方が見れている環境なわけではなく、
おそらく7、8割程度の人が見れるようになっているというだけのことでしょう。

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

ターゲット層がIT関係などで最新技術を取り入れるのは基本中の基本
とでもいうような企業などであるのなら最新技術を用いたホームページに対する評価は
高くなるかもしれませんが、そういったことに対応できない人達も含めた
全ての人がターゲットだというのなら、これは問題です。

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

ホームページを作る!の前にブログで。

Posted by サイト作る君 | ホームページを作るには?,作る前に・・・ | 水曜日 5 10月 2011 1:13 AM

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

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

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

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

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

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

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

行の間隔の指定

Posted by サイト作る君 | ホームページのマメ知識 | 水曜日 10 8月 2011 2:01 AM

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

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

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

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

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

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

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

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

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

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

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

ホームページを作る為に

Posted by サイト作る君 | ホームページを作るには? | 火曜日 14 6月 2011 10:48 AM

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

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

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

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

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

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

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

ホームページを作る-画像-

Posted by サイト作る君 | ホームページのマメ知識 | 火曜日 12 4月 2011 11:35 AM

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

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

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

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

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

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

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

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

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

ホームページを作る-配色-

Posted by サイト作る君 | 未分類 | 火曜日 22 2月 2011 9:24 AM

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

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

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

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

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

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

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

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

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

ホームページを作るには・・・

Posted by サイト作る君 | ホームページとは | 水曜日 22 12月 2010 10:47 AM

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

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

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

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

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

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

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

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

ホームページを作る手伝い?

Posted by サイト作る君 | ホームページを作るには?,作る前に・・・ | 月曜日 25 10月 2010 10:31 AM

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

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

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

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

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

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

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

ホームページを作るとは?

Posted by サイト作る君 | ホームページとは,作る前に・・・ | 水曜日 4 8月 2010 10:54 AM

ホームページを作る・・・の前に大事なことと言えばコンテンツの内容ですよね。

訪問者が少なくてもいいから、自己満なサイトを作りたいと考えているのならそれで十分なのですが、沢山の人達に見てもらいたいという気持ちで作るとなれば、それなりに充実しているコンテンツ内容にしなければ、訪問者は増えないかと思います。

とあるジャンルの特定の人達だけの為であっても、その人達にとってはそのホームページを作ることで、かなり役立つ情報を提供してくれる“質のいいサイト”だという認識が生まれるわけですから、見た人達が勝手にリンクをどこかに貼ってホームページの存在を広めてくれたり、同じ趣味を持つ沢山の人達と交流を持てるキッカケになったりして楽しいですよね。

誰かの役に立つサイトというのが、訪問者を増やす鍵だと思います。難しい専門用語だけをずらっと並べられているホームページを作るより、不特定多数の人達に見てもらえそうな、わかりやすい内容で見やすく作ることも大事なことだと思います。

例えば野球などのスポーツのようにメジャーなものであるなら、広めるような活動をしなくても世の中のほとんどの人が知っていても、これがあまりメジャーじゃないジャンルだと、それを広める為に一生懸命説明してあるホームページなどを作り、世の中の人達に広めようと活動している人達もいますよね。

ホームページを作る際には、そういった目的によってコンテンツの内容をちゃんと作ることを意識しなければいけません。

次ページへ »