簡単かつ綺麗に作成しよう

Posted on 8/14/2010 at 2:59:55 PM

ホームページを初めて作成するとき、うれしくて背景をイロイロアレンジしたくなります。
しかし、アレンジしたがために、レベルの低いホームページに見えてしまうことがあるので、気をつけましょう。
特にホームページを作成していくとき、配色が難しいです。

簡単に作成すると、あちらもこちらもイロイロ手を加えたくなりますが、ぐっとこらえて最初のうちは、あまり色を使わないようにします。

勉強のために、ソースのどこにどこの色指定が入っているのか、太さ、などなど変えたくなりますが、統一感のないホームページはそれだけで、低レベルに見えてしまいます。

3色程度で簡単にホームページを作成しても、センスの良いものは、きれいに見えます。

いっそのこと、無料でダウンロードできるテンプレートから画像をとってきて貼りつけた方がよほど完成度が高く見えるので、それを利用しましょう。

ホームページを作成して間もない時は、視野が狭くなっています。
客観的にホームページのデザインを見ることが出来るようになる必要があります。

ただ、少ない種類の色でホームページを簡単に作成していると、今いじっているスタイルシートははたして何処どこだったのか分からなくなってしまうときがあります。

そのような時には、色をあえて全く違ったものをしてみるといいです。
そうすると、何処が変わったかすぐわかります。

これは、文字の大きさや太さ、スペースなどでもいえること。
ホームページの作成に慣れないうちは、こうやって画面と見比べながら作成していくと、より簡単かつ失敗なく作成できます。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

簡単作成でも完璧に

Posted on 7/29/2010 at 6:00:19 AM

最近のフリーのブログツールも数年前と比べてテンプレートの種類が増えたり、機能が増えたりと、自分でホームページを簡単に作成しようと思わなくても、それなりに非常にかわいく、かつ、見栄えのいいホームページに出来てしまいます。

そのことは決して悪いことではありませんし、それで満足していても良いと思います。

ただ、フリーのブログツールだとどうしても、広告が掲載されるなどといった制約が出てしまいますし、せっかく自分のホームページを作成するのだから、ゼロから全て作成してみたくなってくると言うのが人間です。
自分で作成したホームページはどんなに単純なものであってもかわいく、育てていきたいと思うものですよね。
その気持ちが大切で、そこから簡単に作成していくための気持ちが芽生えてくるのだと思います。

ホームページを簡単に作成し、サーバーに上げたとき、これだけは気をつけたいのが、複数のブラウザで見てみることです。
インターネットエクスプローラは比較的きれいに見えても、Firefoxでは崩れていると言ったことは良くあることです。
その背景にあるのが、いくら簡単に作成できると言っても、ブラウザによって反映しないタグがあると言うことです。
反映しないタグだと、一方では綺麗に見えていても、他方では、非常に見栄えの悪いものになっていることもあるので、最低インターネットエクスプローラとFirefoxでホームページの確認を行うことをおススメします。
簡単に作成しても、完璧を目指す。
これぞ簡単作成の極意です。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

スタイルシートの整理で簡単作成

Posted on 6/29/2010 at 12:06:57 PM

ホームページを簡単に作成していくとき、スタイルシートを作成すると良いという話は以前にもお話ししました。
このスタイルシートの作成の仕方に個性が出てくるのですが、どのような順に作成していくか、くくり方、などなど、自分なりのルールを作っておくことをおススメします。

ホームページは簡単に作成できるけれど、簡単に作成できるからこそ、どんどん高度な作品に仕上げていきたいと思いませんか

そのようなとき、スタイルシートをどのようにくくっているかが素早くわかるように作成していくことが非常に重要になってきます。

メモ書きでもいいのでホームページを作成いていくとき、スタイルシートをどのように作成していっているか、残しておくと、後で手直しする際に楽です。

また、スタイルシートのどこをいじればいいか分からなくなった時は、数値や色を極端なものに変えてみると、何処にあるか見つけやすいです。

ホームページを簡単に作成していってみると、次第に自分の作成するホームページに愛着がわいてくるものです。
簡単に作成していたつもりがいつの間にか手の込んだホームページになっていった時、ホームページ簡単作成から卒業になるのではないでしょうか。

私もまだまだホームページ簡単作成から卒業できませんが、いつかは非常に手の込んだホームページを短時間で作成できるようになっていきたいものです。
そのためにも、ホームページ作成に日々精進していかなくてはいけませんね。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

簡単に作成したら、採点してもらいましょう

Posted on 5/28/2010 at 10:47:28 AM

ホームページを作成してみて、一応は複数のブラウザの方でもきれいに表示された!としましょう。

これを誰かに点数をつけてもらってみませんか?

といっても、デザイン的なものではなく、HTMLについてです。
好ましくないタグを使用していたり、〆のタグを忘れていたりしないかをチェックしてくれるサイトがあります。
それは、「W3C」です。

http://validator.w3.org/にあなたのサイトのURLを入れて、checkしてみてください。

あなたのサイトのどこが悪いかを教えてくれますよ。

始めのうちは、非常に点数が悪いです。
悪くてもいいのです。

大切なのは、その悪いものを自分の手で直していき、少しずつ良い点数へと持って行くこと。
手直ししていくことで、どのようなHTMLの組み方が良くなくて、どのようなHTMLの組み方がいいのかということも勉強になってくるので、参考になりますよ。

見た目も、HTMLも良いということは、素晴らしいサイトだと言うことです。
ホームページの中には、このW3Cのタグが貼ってあるホームページがあります。
これは、W3Cでの評価が良いという証拠です。

ホームページがどんなに簡単に作成されていても、この評価が高いと、それだけでも素晴らしいホームページということになります。

単色・ドット・グラデーションプラス文字・・・これだけの簡単な組み合わせでも、十分に素晴らしいサイトは完成します。

後は、その組み合わせ方のセンスですよね。
センスは自分で磨いていくしかありません。
簡単に作成する方法はいくつでもありますから、練習を積み重ねて頑張っていきましょう。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

ブラウザ対応を考えて作成しよう

Posted on 4/28/2010 at 9:15:38 AM

ホームページを作成することが出来るひとのことを、出来ないひとは、尊敬のまなざしで見ているようですが、想像以上にホームページというのは簡単に作成できるので、挑戦してみてください。

さて、いくらホームページを簡単に作成できると言っても、見たときに、崩れているようなホームページではいけませんよね。

「ちゃんと作成したはずなのに、崩れていると指摘された」
という人は、ブラウザによって対応していないプロパティを使用していませんか?

インターネット エクス プローラなどは、比較的きれいに表示してくれます。
と言っても、これはインターネット エクス プローラがきれいに表示させてくれているだけであって、スタイルシート自身がきれいに出来上がってはいません。
インターネット エクス プローラで見ると、きれいに表示されるけど、Mozilla Firefoxではホームページが崩れるといった場合、HTMLの〆のタグが抜けているなどといったことが考えられます。
自分のホームページをより多くの人に見てもらうためにも、きれいに表示されるように作成しましょうね。
また、そのチェックのためにも、インターネット エクス プローラとMozilla Firefoxの2種類のブラウザでの確認は行っておきたいところです。
ブラウザによっては、対応していないプロパティを使用していては、当然きれいな表示はされません。
最終的には、どのブラウザで見てもきれいに表示される程度のホームページが簡単に作成することが出来る程度のレベルにはなっていきたいものですね。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

ホームページ簡単作成に便利なタグ

Posted on 3/24/2010 at 10:45:33 AM

ホームページを簡単に作成するにも、行き当たりばったりでは、いけません。
まずは、構想図を紙に書き出してみましょう。
そして、その構想図に、更に細かく設定していく数値を書き足していくと、後でホームページを修正するのが楽になってきます。
スタイルシートなど、作成に慣れていない時は、文字の大きさや、色、画像の幅など、どこだったか見つけられなくなる可能性があります。
そんな時のために、数値を構想図に記入しておくと、大体の予想がつきます。
極端な話、スタイルシートの中のどこだったか思い出せない時は、数字を検索にかければいいわけです。
もちろん、いずれはそのようなことをしなくても修正していけるようになる必要がありますが、まだホームページ作成に慣れないうちは、そのような簡単な検索法で十分です。

他に、<!–   –>この中にコメントを入れることによって、スタイルシートのなかで、どこの部分について指定しているのかなどを区別する目安に使うことが出来ます。 これは、表に表示されないタグになるので、HTML内に入れても大丈夫です。 但し、ソースを出すと表示されますので、注意しましょう。 このタグは、非常に便利で、後で画像を貼りつけようと思うところなどにも利用できます。 表には出てこないタグということで、ホームページの製作途中など、画像を上げ忘れないようにするという意味に使うのも手です。 ホームページを作成するなら、真っ先に覚えておくべきタグの一つと言えるでしょう。 私もホームページを作成するときに、非常に利用させてもらっているタグです。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

ホームページを簡単に作成するにもサーバーは必要

Posted on 2/25/2010 at 10:27:49 AM

ホームページを簡単に作成するのはいいのですが、簡単だろうと何だろうと、せっかく自分で作ったホームページ、世間の皆様にお披露目したいものです。

その為には、サーバーを使ってサイトを挙げる必要があります。

フリーのブログサイトなどは、新規登録、更新など非常に簡単に行うことができますが、実はこれもサーバーにつながっているのです。

どのサイトだって、サーバーで上げないと、インターネット上で見ることはできないのです。

個人であればサーバーはれんたるで十分です。
しかも、一つのサーバーを複数人で共有するものが多いです。

これに対し、一人でいくつもサイトを持っていたり、企業で持っていたりすると、専用サーバーと言うものが必要になってきます。
この場合、レンタルもいいですが、自分でメンテナンスできる人がいる場合は、自社で管理しているところもありますが、サーバーが会社のコアになっているという企業では、災害などで、サーバーが壊れることを非常に怖がります。

その為、データセンターという環境の整った場所にサーバーを置いておくサービスが非常に人気があります。
間借りするだけのことをサーバーをハウジングするなどと言うのですが、ある程度面倒も見てもらいたい場合は、コロケーションというサービスもありますよ。

個人でホームページを作成しようと考えている人には、そこまで知っておく必要はないと思いますが、マメ知識としてご紹介しておきました。

次回からまた簡単に作るためのお話をさせていただきます。

Posted in 簡単作成ツール | コメントは受け付けていません。

簡単なホームページとスタイルシート

Posted on 1/29/2010 at 10:24:42 AM

ホームページを簡単に作成するには、まずはHTMLですべて作成してしまうことだって可能です。

スタイルシートは?
これもすべてHTMLに組み込むことはできます。

テキストの内容がすべてHTMLの中に組み込まれれているので、手直ししやすいといえば、手直ししやすいですが、これでは非常にテキストの中身がぐちゃぐちゃになってしまいます。

ホームページは基本的にはきれいに表示されればいいので、HTMLの中身がどんなにぐちゃぐちゃでもかまないといわれてしまえばそれでおしまいです。
しかし、これでは、後から手直しが大変ですし、クローラーからすれば、かなり評価の悪いホームページになっていってしまいます。

簡単にホームページを作成するのであれば、最初は、テキストで組んでいって一向にかまいません。

するとある時ホームページを作成しているときに気付くのです。
デザインの指定は別にしておいた方が楽なのではないだろうか?

シンプルなデザインのものでも、複雑なものでも、別のスタイルシートでデザインを指定していくと、後から手直ししてくることが非常に簡単になってきます。

これがすべてHTMLでのみ組まれていたら・・・後での手直しは膨大なものになってきます。
私もそうでしたが、ホームページの作成に慣れないうちはスタイルシートを作成すること、呼び出しタグの判別が非常に苦手で、スタイルシートに対して苦手意識を持つものですが、慣れてしまえば、これほど楽なものはないので、苦手でも、今以上にホームページを簡単に作成するために、スタイルシートの作成に慣れていきましょう。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

画像は無料で使えるものを

Posted on 12/24/2009 at 11:29:21 AM

ホームページを簡単に作成するためには、画像も必要ですよね。

でも、画像ってどこから入手すればいいの・
著作権などがあるから、無断で転用して訴えられたら、割に合わないし、かといって自分で撮影するような技術もない。

そんなときは、画像を無料で使用できるサイトを利用すればいいのです。
おすすめなのが、マイクロソフトオフィスのオンラインクリップアート。
今の時期であれば、クリスマスやお正月の年賀状にも使用できるような画像も特集で沢山出ています。

もちろん無料ですから、著作権の心配は無用ですよ。

ホームページに使用されている画像の質が悪いとそれだけでなんとなく、低レベルなサイトに見えてしまうもの。
質の高い画像がたくさんあるので、それを利用するだけでも、簡単に質の高いホームページに見えますよ。

ソースを見られたら、非常に簡単に作成していることがバレバレですが。
それでも、ぱっと見が素敵なら、簡単に作成していようと難しく構成していようと関係ない。
大切なのは見栄えです。

そして、画像を編集するためには、やはりフォトショップなどをインストールしてある方がいいですね。
ない方でも最近のパソコンの中には、非常に質は落ちますが、それに類似したものが既にインストールされていることがあります。
自分なりに使い勝手の良い画像処理のツールを見つけてみて、挑戦してみてください。
ホームページの作成で楽しいことの一つに画像の加工があります。

ハマってしまうと、気がついたら夜中の2時・3時ってことがざらになってきますよ。

Posted in ホームページを簡単に作る | コメントは受け付けていません。

簡単なホームページもいつかは・・・

Posted on 12/16/2009 at 10:19:39 AM

ホームページを簡単に作成していこうと思った時、どうしても初心者では、漠然とし過ぎているところがあると思います。

そのような場合、ワードプレスなどの無料のテンプレートを応用してみるといいでしょう。

無料のテンプレートをダウンロードし、ヘッダー部分やフッター部分に使用されている画像を利用するのです。

既に色彩も統一されていますし、デザイン的におかしなホームページにはならないです。
何度も回数をこなしていくことによって、次第に上手になっていくものです。

確かに才能のある人は、パパっと構想を練っていくことが可能ですが、プロでないのですから、そこまで自分に求める必要はないでしょう。
また、プロであっても、構想がすぐに浮かばないけれど、腕は確かという人もたくさんいます。

ホームページは人それぞれ作り方が異なります。

構想に時間をかける人、スタイルシートの作成に時間をかける人サイト作成のスタイルは人それぞれ。
どれが正しくて、どれが素晴らしいというものはありません。

人の好みも様々ですから、様々な種類のホームページがあったいいのです。
まずは下手でもいいから、とにかく一つサイトを作成してみましょう。
ページも3ページ程度からでいいです。
一度完成させると、「ここを直せばよかった」などと反省点や欲が出てきます。
そういった感情が出てくると、あなたはもっとホームページを作成することが上手になってきますよ。
簡単に作成するつもりがいつの間にか高度に作成するように・・・
好きこそものの上手なれ、ホームページの作成が楽しくなってきたとき、また一層上達していくものです。

Posted in 簡単作成ツール | コメントは受け付けていません。