09 3月
前にスタイルシートを使った作り方について紹介しましたが、そのスタイルシートというのも結構色々な指定ができて、覚えてしまえば何でも自分の思い通りのデザインが作れてしまうと言いましたよね。
ただ、このすべてを使いこなして作り方を覚えるというのはすごく大変ですが、やっていくうちに慣れていくので覚えてしまえば非常に楽しいです。最初のうちは作り方も全く分からないので、どこかのサイトでタグの意味や指定の意味を調べたり、質問したり、本を読んだり、詳しい人に聞いたりして、やっとかっとで作り方を学んでいき作り上げていくのですが、慣れている人ならデザインだけなら数日でできるのだそうです。
それを本業として独立している人もいるくらいですから、作り方の知識はものすごいたくさん持っているでしょうね。（独立するとなったら知識があるだけではやっていけませんが・・・）
でも完成してきた時には、今までの苦労が全て忘れてしまうくらいに楽しいものです。最近ではまったくの素人さんでも携帯を使ってホームページやブログをカスタムしたりして楽しんでいる時代ですから、プロなら今後はもっともっと専門的な知識が必要となるかも知れませんね。
私のまわりにもウェブデザイナーの人が何人かいますが、そういった人達は作り方だけじゃなくアイコンや画像までもすごいきれいなものを作っていたり、ｐｃに関する知識も結構すごいので、どこかのオーナーに雇われて様々な仕事を任せられたりしています。
知識があってセンスもあれば、どれだけでも可能性が広がる仕事ですよね。
17 2月
ホームページの作り方と言えばスタイルシートがありますよね。
スタイルシートは、WEBページ上のレイアウトデザインを定義するための技術で、使えるようになればすごく便利なモノだと思います。
まず、CSSの書き方には、＜/head＞の上に直接記述する方法と、CSSファイルを作ってCSSファイルを外部から呼び込む方法と、直接＜body＞内のソース部分に記述する方法があるのですがそれはまた次の機会にでも紹介していきます。
HTML文章に適用させる場合にはCSSと呼ばれるものを使って、ホームページのデザインに関することを細かく指定できます。スタイルシートとCSSが同じものであると思っている人もいますが、正確に言えばこれは正しくはないのです。
スタイルシート機能を実現するための方法の１つが、CSSというのが正解かもしれませんね。でも、このCSSばかりに頼るホームページの造り方をしていると、ブラウザによっては見栄えが違ったりもしますから注意してくださいね。
ただ、先ほども言いましたが、これに関しては覚えてしまうと本当に色々な細かい設定ができるようになるので、実に便利なものです。ただ、覚えることも沢山あります。１つの方法を行うにしても何通りのやり方があったりして、非常に頭が混乱してしまいます。
デザインをよく見せる為に色々な工夫ができる反面、頭に叩き込むこともたくあんあるということですね。ホームページの作り方を覚えるというのは非常に沢山の知識を詰め込まなくては難しいことなんですね。作り方を覚えるというのはかなり大変な作業かと思います。作り方がわかって完成したら嬉しいしおもしろいんですけどね。
あと、ホームページにはサーバーというものも必要ですから、そういった管理に関してはデータセンターというところでお願いできるサービスもありますよ。
エーティーワークスというところではサーバーハウジングやコロケーションについて紹介してるので見てみてください。
18 1月
ホームページの作り方で大事なことと言えば見やすいサイトを作ること。
その見やすいサイトにする為には、色を２～３色で使い分けてみたり、
画像をつけてイメージしやすくしたり、文章を書いて説明を入れる時も長々と横に広がらないようにしたりと、工夫するところは沢山あります！
そのうちのひとつを今回紹介したいと思いますが、例えばメニューを作る。メニューを作ることでかなり見やすくなりますよね。ホームページに自分の簡単なプロフィールを載せたいと思っている人もいるでしょうし、日記をつけている人は日記という項目もホームページ内にあるでしょう。他にも、顔も知らない色々な人と交流する為の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＞
※【＜】と【＞】は実際にはすべて半角で指定しないといけませんよ。
という風に表示すると色が一行ごとに交互に配色されるので、上下分けられていて見やすくなるはずです。この時に使う色は自分のホームページのテーマカラーに合わせて色を好きなものに変えるといいと思います。ここでは濃いめのピンクと薄めのピンクを交互に使っています。
ここにリンクタグをつける作り方も当然大事です。あなたの日記を読みたい！と思った人がここにカーソルを置き、クリックしたときに「ここからは飛ばないのか・・・じゃどこから見れるの？」と思うと探すのが面倒になって「もういいや、次のサイトに行こう」と思うようになるかと思います。そうならない為にも、せっかく来た人が「もっと見たい！」と思うようなホームページの作り方をしていきたいですね。
16 12月
ホームページの作り方について、色々と紹介してきましたがホームページの作り方の基本として大事なものは、やはりタグです。どんなホームページを作るにしても、タグを知らないことには何もさわれません。
ホームぺージの作り方としてこのタグを知っているだけで、かなり応用がききます。そして分からないことがあればどこかの掲示板で教えてもらうことができるわけですが、その時に基本的なタグについて全く知らなかったら何のことか理解もできないでしょうしね。
今回は背景の設定の仕方というか作り方について紹介します。
背景をただの無色じゃなくて画像を貼りたいという人がいると思いますが、よく個人のホームページやブログなんかで画像が全体に広がっている背景を見かけるかと思います。
このタグは＜BODY BACKGROUND=”ファイル名”＞＜/BODY＞とこのようになっているのですが、この＜BODY＞タグにてこのように記述することで、背景の画像を指定できるのですね。”ファイル名”の部分には、背景の画像のファイルを保存してある場所を指定すればいいのです。この時は必ず拡張子まできちんと記述してくださいね。（そしてこのタグというのは前にも言ったかもしれませんがすべて半角にしないとうまく表示されません。表にタグの文字が出てきてしまいます。）
JPEG画像もGIF画像も指定はできますが、動画GIFはIE4.0・NN4.0以外では、たとえ指定しても表示されないのです。ちなみにこのタグを使うと、背景色を指定していたとしても、＜BODY＞タグで指定した方の画像が優先されて表示されるのです。また、画像ファイルのファイル名の大文字や小文字、また、拡張子には気をつけてくださいね。
10 12月
ここを見ている人は、皆さんおそらくホームページを作ったことがある人、もしくは作っている途中の人、今から作ろうとしている人だと思います。
最近SEOという言葉をよく聞くと思うのですが、人気の出そうなホームページの作り方についてちょっとだけ紹介します。本当にちょっとだけですよ！私自身も詳しいわけではないですから・・・。
まず、ホームページの“テーマ”を決めなくてはいけません。アクセスアップしてほしいな！と思っているのなら必ずサイトのテーマというものを決めなくてはいけません。ここが結構大事なところ。
例えばどんなものかというと、趣味をメインにしたホームページの作り方が知りたいのなら、その趣味についてのテーマを決めればいいのです。芸能人が好きなのならその人のことをテーマにすればいいですし、食べ物が好きなら特に好きなジャンル別でテーマを作って書いていくのがいいかと思います。私だったらスイーツが好きなので、テーマはスイーツとして、内容はレシピや好きなお店、有名なお店、食べてみたいお店のメニューなど色々にするかと思います。
自分のことがメインであるホームページを作るというのなら、アクセスアップが見込めるのは芸能人や有名なモデルさんくらいだと思います。最近なら読者モデルなんてのもアクセス数がすごいようですけどね。よっぽど可愛い・カッコいい素人が写真を載せまくってる記事を更新しまくっているようなホームページなら、アクセス数が出るかもしれませんけどね。
ですがユーザーというのは必ず検索する目的があるものです。先ほど言いました好きな芸能人がテーマなら、トコトンその人について調べて、ファンの中では私が１番！くらいの気持ちでホームページを作ったらいいかと思います。
その人の名前をキーワードとして多めに（適度にですが）入れてみるとか、同じファンの人のホームページに遊びに行ってコメントを残してみるとか情報交換するとか。そのテーマのジャンルでは上位表示されるくらいになれば素晴らしいですよね！上表示について気になる人はSEOのホームページの作り方について調べてみたらいいかと思います。作り方として沢山のっていると思いますよ！
17 11月
作り方は知ってるけどれは時間がかかるから面倒だな～・・・と思っている人はいませんか？ホームページの作り方がちょっとした工夫で簡単で楽になる方法もあるんですよ！作成はもちろんのこと、運営をも楽にする為にテクニックは必要なんですが、それと便利なツールについて紹介していきたいと思います。
「作り方はわかってるけど時間がかかることもわかってる。」なので「これは時間がかかるな」と感じたのなら、それはフリーソフトを使って効率よく作業してみてはいかがでしょうか？そのモノによりますが、すべて手作業でやっていたら３時間ほどかかってしまうことでも、フリーソフトを使えば３分くらいであっさりとで終わってしまう・・・なんて便利なものもあるんですって。この作業は面倒だなと感じることがあれば、まずそのフリーソフトを探してみるといいでしょう。
そしてｓのフリーソフトで分からないことがあれば、とにかく掲示板などでだれか同じ内容を書き込んでいないかチェックしてみると意外と沢山出てくるものです。探してみても誰も書き込んでいないようであれば、自分から質問してみてもいいでしょうね。その時は質問しっぱなしじゃなくてちゃんとお礼を言いましょう。
分からないところを調べる為に、本を開いて１人で黙々と調べながら作業するよりも、こういった掲示板で調べる方が作業効率がアップすると思います。おそらく自分と同じ疑問を今までに抱いた人はいない、なんてことはほとんどないでしょうからね。必ず掲示板で答えが見つかると思いますよ。
05 11月
ホームページを作り方で気をつけなくてはいけないのが見やすいサイトかどうかということ。
例えば内容を濃くしたい！と思って、デザインだけが凝った作り方にならないように、文章の方を充実させたいって思う人もいると思います。もちろんそれはいい作り方だそうですが、ただ長い文章を打ち込むだけだと、どんなにいい内容が書いてあったとしても、読んでいる人を疲れさせてしまって、せっかくホームページを訪ねてきてくれた人が、読んでる途中で帰っちゃうかもしれません。
なのでどうすればいいかというと、長い文章にならないように短く的確に伝えるのも作り方の１つですが、「区切ること」も大事な作り方なんだそうです。タグを使って見やすくするのも方法の１つ。例えば長い文章でも話の内容別にちょっとずつ区切るとか、その区切ったそれぞれの最初に簡単な見出しをつけるとか。
そして画面の端から端までだだっ広い文章が広がっているホームページは、せっかくの文章も見にくく疲れてしまうので、テーブルタグを使ってどちらかの横の方（文章は端）、または両サイドを余白（文章は画面中央）になるようにして、文章を読みやすくするといいと思います。他にも文字の大事なところにちょっとだけ色を使ってみるとか。（色の使い過ぎには注意ですよ。ページのテーマカラーみたいなものを決めておくといいかもしれません。）
ただ、作り方としてはよくても、タグを使いすぎるとページが表示されるのが遅くなるというデメリットもあるそうなので、気をつけて多用しすぎないようにするといいと思います。どうしても沢山のタグを使わなくちゃいけない場合には、１画面くらいでテーブルごとに分けて、その中で使っていく作り方だとタグが分散される（？）そうなので、その問題は解決できそうです。
07 10月
作り方の手順として大まかに説明してきたつもりですが、分かりにくかったらすいません。私も私で素人なので、こうやって人に教えれるほどの知識もないのですが・・・でも自分も改めて学びながら作り方を説明していこうと思い、ここで紹介していくことに決めました。
そして作り方として、サーバーに関してのことやブラウザでの確認、そしてHTMLやタグについて簡単に大まかに説明してきましたね。今回はホームページの配色についても紹介したいと思います。実はこれが簡単なようで以外に難しいんですね。カラーコーディネートの資格を持っている人やWebデザイナーの人、素人でもセンスがいい人ならここは問題ないでしょうね。
作り方としておすすめできることは、見やすくセンスのいいものにすることが集客のポイントの１つだと私は思ってます。例えば背景や背景色、文字の色なんかを全て自分の好きな色だけにまとめてしまった場合どうなるでしょう？
ホームページっていうのは内容がどんなにいいものであっても、それが読みづらく見にくい（醜い）サイトだったら読んでもらえる確立って低いんですよね。私も携帯のホームページを作っていた時に学んだのですが、いろんな絵が沢山書いてある可愛い背景見つけた！と思ってせっかくかわいい背景を設定しても、そこに無理矢理文字をのっけってしまってはただ読みにくいだけのサイトになってしまったんですよね。
背景がかわいいだけで『可愛いサイトができた！』と、自分的には自己満足でしたが、ホームページで絡んでいた人に『見にくくなった』と指摘されてようやく気付いたんですよね。あと、フラッシュ（というかタダのチカチカした画像）も、携帯の小さな画面ではすごく見るのにストレスに感じるものなので、画像を小さくするなどの工夫がいりました。
ということで内容が読みにくい、全体が目が疲れるようなデザインの場合（配色）だといい作り方とは言えないでしょうね。
09 9月
ホームページの作り方の手順とか少しずつ紹介してみましたが、何のことかわからない・・・って人もまだまだいると思います。私が右も左もわからないような時に、こんな説明されても、きっとよくわからないでしょうからね・・・。
サーバーって何？サーバー販売って何を売ってるの？くらいにしか思わないでしょう。サーバについて詳しく知りたい人は、検索して調べるなり、サーバー販売しているところをのぞいてみたりしてもいいと思います。ちなみに私の知っているサーバー販売しているところでは、DVDへのダビングサービスも行っているようです。よくCMでもやっています。個人的にはそこでお世話になっています。
あと、基礎中の基礎と言うか、前にタグの説明をしたかと思いますが、『HTMLタグ』とは、<>で閉じられたものをタグというんですね。そのタグを使って書くホームページ用の言語を“HTML”と呼ぶのです。とか、って感じの奴です。
基本的にホームページを作り方としては、『メモ帳』でも作れるのですが、ここまでメモ帳に色々なHTMLを打ち込んでいるのはかなり大変です・・・。これがもし、前に紹介したようなホームページの作り方の手順としては、便利になるソフトウェアを使えば、もっと手軽にできるようになると思います。ただ、前に言ったように、無料でホームページを作れるサイトのように、ボタンひとつで簡単に張り付けされる・・というようなものではないので、『簡単になる』と勘違いはしないでくださいね・・・。
HTMLとCSSの基礎知識があれば、簡単に作れるようになります。このHTMLとCSSについてはまた次の機会にでも紹介します。このHTMLとCSSの基礎知識を叩き込めば、基本的なホームページの作り方はわかるようになると思います。
20 8月
ホームページを作り方として、いくつかソフトウェアがあるのですが、基本的には特別なソフトウェアは必要ないとも言えます。ただ、効率良く作業したいという人には、ホームページ作り方に特化したようなソフトウェアを持っている方が便利だと思います。どこかのサイトでたいていのソフトウェアを無料で手に入れることができるところがあるはずです。ぜひ利用してみましょう。
作り方の手順としては、ホームページに使う素材を用意しなければいけません。ホームページというのは、HTMLファイルがあれば、いろんな人に見てもらえます。ですが、HTMLだけでは文字からの情報しか表現することができないので、中に写真とかイラストからの情報があった方がわかりやすいし見やすくて、いいホームページになると思います。
そしてHTMLで編集するのですが、内容、構成、データを置く場所確保、ソフトウェアを用意すれば、次はHTMLを使って実際にホームページを作っていきます。ブラウザで表示の確認をして、問題無く表示されていれば、データの作成は完了。 そして最後にそのデータを転送しなければいけないのですが、あとはそのデータをWWWサーバーに転送するだけです。ちなみにサーバには１Uサーバーというものがあり、それをレンタルするなどして専用サーバとして使っている人も多いそうです。そしてまたブラウザーで表示されているか、表示が崩れていないかなどを確認してホームページの完成です！