Archive for the 'ホームページを簡単に作る' Category
Posted on 8/14/2010 at 2:59:55 PM
ホームページを初めて作成するとき、うれしくて背景をイロイロアレンジしたくなります。
しかし、アレンジしたがために、レベルの低いホームページに見えてしまうことがあるので、気をつけましょう。
特にホームページを作成していくとき、配色が難しいです。
簡単に作成すると、あちらもこちらもイロイロ手を加えたくなりますが、ぐっとこらえて最初のうちは、あまり色を使わないようにします。
勉強のために、ソースのどこにどこの色指定が入っているのか、太さ、などなど変えたくなりますが、統一感のないホームページはそれだけで、低レベルに見えてしまいます。
3色程度で簡単にホームページを作成しても、センスの良いものは、きれいに見えます。
いっそのこと、無料でダウンロードできるテンプレートから画像をとってきて貼りつけた方がよほど完成度が高く見えるので、それを利用しましょう。
ホームページを作成して間もない時は、視野が狭くなっています。
客観的にホームページのデザインを見ることが出来るようになる必要があります。
ただ、少ない種類の色でホームページを簡単に作成していると、今いじっているスタイルシートははたして何処どこだったのか分からなくなってしまうときがあります。
そのような時には、色をあえて全く違ったものをしてみるといいです。
そうすると、何処が変わったかすぐわかります。
これは、文字の大きさや太さ、スペースなどでもいえること。
ホームページの作成に慣れないうちは、こうやって画面と見比べながら作成していくと、より簡単かつ失敗なく作成できます。
Posted on 7/29/2010 at 6:00:19 AM
最近のフリーのブログツールも数年前と比べてテンプレートの種類が増えたり、機能が増えたりと、自分でホームページを簡単に作成しようと思わなくても、それなりに非常にかわいく、かつ、見栄えのいいホームページに出来てしまいます。
そのことは決して悪いことではありませんし、それで満足していても良いと思います。
ただ、フリーのブログツールだとどうしても、広告が掲載されるなどといった制約が出てしまいますし、せっかく自分のホームページを作成するのだから、ｾﾞﾛから全て作成してみたくなってくると言うのが人間です。
自分で作成したホームページはどんなに単純なものであってもかわいく、育てていきたいと思うものですよね。
その気持ちが大切で、そこから簡単に作成していくための気持ちが芽生えてくるのだと思います。
ホームページを簡単に作成し、サーバーに上げたとき、これだけは気をつけたいのが、複数のブラウザで見てみることです。
インターネットエクスプローラは比較的きれいに見えても、Firefoxでは崩れていると言ったことは良くあることです。
その背景にあるのが、いくら簡単に作成できると言っても、ブラウザによって反映しないタグがあると言うことです。
反映しないタグだと、一方では綺麗に見えていても、他方では、非常に見栄えの悪いものになっていることもあるので、最低インターネットエクスプローラとFirefoxでホームページの確認を行うことをおススメします。
簡単に作成しても、完璧を目指す。
これぞ簡単作成の極意です。
Posted on 6/29/2010 at 12:06:57 PM
ホームページを簡単に作成していくとき、スタイルシートを作成すると良いという話は以前にもお話ししました。
このスタイルシートの作成の仕方に個性が出てくるのですが、どのような順に作成していくか、くくり方、などなど、自分なりのルールを作っておくことをおススメします。
ホームページは簡単に作成できるけれど、簡単に作成できるからこそ、どんどん高度な作品に仕上げていきたいと思いませんか
そのようなとき、スタイルシートをどのようにくくっているかが素早くわかるように作成していくことが非常に重要になってきます。
メモ書きでもいいのでホームページを作成いていくとき、スタイルシートをどのように作成していっているか、残しておくと、後で手直しする際に楽です。
また、スタイルシートのどこをいじればいいか分からなくなった時は、数値や色を極端なものに変えてみると、何処にあるか見つけやすいです。
ホームページを簡単に作成していってみると、次第に自分の作成するホームページに愛着がわいてくるものです。
簡単に作成していたつもりがいつの間にか手の込んだホームページになっていった時、ホームページ簡単作成から卒業になるのではないでしょうか。
私もまだまだホームページ簡単作成から卒業できませんが、いつかは非常に手の込んだホームページを短時間で作成できるようになっていきたいものです。
そのためにも、ホームページ作成に日々精進していかなくてはいけませんね。
Posted on 5/28/2010 at 10:47:28 AM
ホームページを作成してみて、一応は複数のブラウザの方でもきれいに表示された！としましょう。
これを誰かに点数をつけてもらってみませんか？
といっても、デザイン的なものではなく、HTMLについてです。
好ましくないタグを使用していたり、〆のタグを忘れていたりしないかをチェックしてくれるサイトがあります。
それは、「W3C」です。
http://validator.w3.org/にあなたのサイトのURLを入れて、checkしてみてください。
あなたのサイトのどこが悪いかを教えてくれますよ。
始めのうちは、非常に点数が悪いです。
悪くてもいいのです。
大切なのは、その悪いものを自分の手で直していき、少しずつ良い点数へと持って行くこと。
手直ししていくことで、どのようなHTMLの組み方が良くなくて、どのようなHTMLの組み方がいいのかということも勉強になってくるので、参考になりますよ。
見た目も、HTMLも良いということは、素晴らしいサイトだと言うことです。
ホームページの中には、このW3Cのタグが貼ってあるホームページがあります。
これは、W3Cでの評価が良いという証拠です。
ホームページがどんなに簡単に作成されていても、この評価が高いと、それだけでも素晴らしいホームページということになります。
単色・ドット・グラデーションプラス文字・・・これだけの簡単な組み合わせでも、十分に素晴らしいサイトは完成します。
後は、その組み合わせ方のセンスですよね。
センスは自分で磨いていくしかありません。
簡単に作成する方法はいくつでもありますから、練習を積み重ねて頑張っていきましょう。
Posted on 4/28/2010 at 9:15:38 AM
ホームページを作成することが出来るひとのことを、出来ないひとは、尊敬のまなざしで見ているようですが、想像以上にホームページというのは簡単に作成できるので、挑戦してみてください。
さて、いくらホームページを簡単に作成できると言っても、見たときに、崩れているようなホームページではいけませんよね。
「ちゃんと作成したはずなのに、崩れていると指摘された」
という人は、ブラウザによって対応していないプロパティを使用していませんか？
インターネット エクス プローラなどは、比較的きれいに表示してくれます。
と言っても、これはインターネット エクス プローラがきれいに表示させてくれているだけであって、スタイルシート自身がきれいに出来上がってはいません。
インターネット エクス プローラで見ると、きれいに表示されるけど、Mozilla Firefoxではホームページが崩れるといった場合、HTMLの〆のタグが抜けているなどといったことが考えられます。
自分のホームページをより多くの人に見てもらうためにも、きれいに表示されるように作成しましょうね。
また、そのチェックのためにも、インターネット エクス プローラとMozilla Firefoxの2種類のブラウザでの確認は行っておきたいところです。
ブラウザによっては、対応していないプロパティを使用していては、当然きれいな表示はされません。
最終的には、どのブラウザで見てもきれいに表示される程度のホームページが簡単に作成することが出来る程度のレベルにはなっていきたいものですね。
Posted on 3/24/2010 at 10:45:33 AM
ホームページを簡単に作成するにも、行き当たりばったりでは、いけません。
まずは、構想図を紙に書き出してみましょう。
そして、その構想図に、更に細かく設定していく数値を書き足していくと、後でホームページを修正するのが楽になってきます。
スタイルシートなど、作成に慣れていない時は、文字の大きさや、色、画像の幅など、どこだったか見つけられなくなる可能性があります。
そんな時のために、数値を構想図に記入しておくと、大体の予想がつきます。
極端な話、スタイルシートの中のどこだったか思い出せない時は、数字を検索にかければいいわけです。
もちろん、いずれはそのようなことをしなくても修正していけるようになる必要がありますが、まだホームページ作成に慣れないうちは、そのような簡単な検索法で十分です。
他に、＜!– –＞この中にコメントを入れることによって、スタイルシートのなかで、どこの部分について指定しているのかなどを区別する目安に使うことが出来ます。 これは、表に表示されないタグになるので、HTML内に入れても大丈夫です。 但し、ソースを出すと表示されますので、注意しましょう。 このタグは、非常に便利で、後で画像を貼りつけようと思うところなどにも利用できます。 表には出てこないタグということで、ホームページの製作途中など、画像を上げ忘れないようにするという意味に使うのも手です。 ホームページを作成するなら、真っ先に覚えておくべきタグの一つと言えるでしょう。 私もホームページを作成するときに、非常に利用させてもらっているタグです。
Posted on 1/29/2010 at 10:24:42 AM
ホームページを簡単に作成するには、まずはHTMLですべて作成してしまうことだって可能です。
スタイルシートは？
これもすべてHTMLに組み込むことはできます。
テキストの内容がすべてHTMLの中に組み込まれれているので、手直ししやすいといえば、手直ししやすいですが、これでは非常にテキストの中身がぐちゃぐちゃになってしまいます。
ホームページは基本的にはきれいに表示されればいいので、HTMLの中身がどんなにぐちゃぐちゃでもかまないといわれてしまえばそれでおしまいです。
しかし、これでは、後から手直しが大変ですし、クローラーからすれば、かなり評価の悪いホームページになっていってしまいます。
簡単にホームページを作成するのであれば、最初は、テキストで組んでいって一向にかまいません。
するとある時ホームページを作成しているときに気付くのです。
デザインの指定は別にしておいた方が楽なのではないだろうか？
シンプルなデザインのものでも、複雑なものでも、別のスタイルシートでデザインを指定していくと、後から手直ししてくることが非常に簡単になってきます。
これがすべてHTMLでのみ組まれていたら・・・後での手直しは膨大なものになってきます。
私もそうでしたが、ホームページの作成に慣れないうちはスタイルシートを作成すること、呼び出しタグの判別が非常に苦手で、スタイルシートに対して苦手意識を持つものですが、慣れてしまえば、これほど楽なものはないので、苦手でも、今以上にホームページを簡単に作成するために、スタイルシートの作成に慣れていきましょう。
Posted on 12/24/2009 at 11:29:21 AM
ホームページを簡単に作成するためには、画像も必要ですよね。
でも、画像ってどこから入手すればいいの・
著作権などがあるから、無断で転用して訴えられたら、割に合わないし、かといって自分で撮影するような技術もない。
そんなときは、画像を無料で使用できるサイトを利用すればいいのです。
おすすめなのが、マイクロソフトオフィスのオンラインクリップアート。
今の時期であれば、クリスマスやお正月の年賀状にも使用できるような画像も特集で沢山出ています。
もちろん無料ですから、著作権の心配は無用ですよ。
ホームページに使用されている画像の質が悪いとそれだけでなんとなく、低レベルなサイトに見えてしまうもの。
質の高い画像がたくさんあるので、それを利用するだけでも、簡単に質の高いホームページに見えますよ。
ソースを見られたら、非常に簡単に作成していることがバレバレですが。
それでも、ぱっと見が素敵なら、簡単に作成していようと難しく構成していようと関係ない。
大切なのは見栄えです。
そして、画像を編集するためには、やはりフォトショップなどをインストールしてある方がいいですね。
ない方でも最近のパソコンの中には、非常に質は落ちますが、それに類似したものが既にインストールされていることがあります。
自分なりに使い勝手の良い画像処理のツールを見つけてみて、挑戦してみてください。
ホームページの作成で楽しいことの一つに画像の加工があります。
ハマってしまうと、気がついたら夜中の2時・3時ってことがざらになってきますよ。
Posted on 11/30/2009 at 11:01:55 AM
ホームページを簡単に作成していくうえで「ここだけちょっと色を変えたい」なんて思った時、あなたは何を参考にされていますか？
「このサイトのいろ素敵だけど、どんな色使っているのかな？」
と思った時に便利なのが、ワッツカラー（What’s color ： colsel.exe）です。
ワッツカラー（What’s color ： colsel.exe）では簡単に色コードを調べることができます。
ワッツカラーをパソコンにダウンロードして、画面上に表示させます。
次に、右上の方にある色取得ボタンを押します。
次に、カラーコードを調べたい色の画像などの上でクリックすると、その色のカラーコードが表示されます。
文字などの上でクリックする場合、カーソルを置くと色が変わるような指定になっていると、色コードを読み取ることができませんが、大抵の倍は利用できますよ。
また、そのサイトのソースが大体読めるようであれば、ソースからカラーコードを読み取ることも可能です。
いろいろ試してみてくださいね。
色が出たところで、スタイルシートのカラーコードなどが簡単に一括返還出来るやり方を紹介します。
スタイルシートを秀丸で表示させます。
次に
「Ctrl」+「A」ですべてを選択します。
次に
Ctrl」+「R」で置換のボックスを表示します。
簡単な例を出すと、白から黒へ色を変更させたいとき、検索窓に白のカラーコード「ｆｆｆｆｆｆ」を入力します。
そして置換窓に黒のカラーコード「000000」を入れて「全置換」を押すと、すべての白の指定が黒に変更されています。
こういったことでもほーページは簡単に変更もできますし、また、違った色のバージョンを作成したいというときにも利用可能ですので使ってみてください。
Posted on 11/17/2009 at 11:39:54 AM
ホームページ作成初心者の方にとって、いちから作成していくことは、非常に難しいことでしょう。
しかし、ごちゃごちゃになりながらも、簡単なものであれば、ナントカ作成できてしまうものです。
このとき、完成したものをチェックすると危機をつけなくてはいけないのが、いくつかのウェブブラウザで確認してみること。
サーバーに上げなくても、自分のパソコンで見ることができるので、できることなら、インターネットエクスプローラー（Internet Explorer）と、ファイヤーフォックス（Mozilla Firefox ）の二つでは確認してみることが大切です。
インターネットエクスプローラーはある程度テキストが崩れていもうまく見せてくれますが、ファイヤーフォックスは、そうはいきません。
回り込みのタグを忘れていたりしたら、それは顕著に表れてしまいます。
ですから、インターネットエクスプローラーだけ見て大丈夫と思わずに、ファイヤーフォックスでも必ず確認するようにしてみましょうね。
前回お話していた、ワードプレスを利用しても簡単に作成することが可能です。
しかし、ワードプレスのテンプレートは無料ということもあって、テキストの中には崩れているものもありますので、いくら簡単にできるからといって、過信してはいけませんよ。
逆に、インターネットエクスプローラーでは大丈夫だけど、ファイヤーフォックスではホームページがくずれるという場合は、どこが行けないのかが見つけやすくていいかもしれませんね。
せっかく自分でホームページを作るであれば、たとえそれが簡単なものであってもかんぺきにしあげていきたいではないですか。
また、そうやって手直ししていくことも、勉強になるので、妥協せずに頑張っていってください。
ホームページを簡単に作成してみよう