Webデザイナーの世界を体験してみよう-独学!未経験からWebデザイナーになる!!

Webデザイナーの世界を体験してみよう

当サイトをご覧になって、「Webデザイナーってなんだかよさそう。よし、目指してみようかな！」と思われた方もいるかもしれません。しかし水を差すようなのですが、ちょっと待ってください。もしまだあなたがWebサイト制作の世界を体験したことがなければ、いきなり高額なスクールに申込みをしたり、ソフトを購入したりするのは早いかもしれません。

というのも、あなたがWebデザイナーの仕事、つまりWebサイトを作ることが面白いと思えるかどうかは、身をもって体験してみないと分からないからです。高いお金を出したのに、「Webデザイナーの仕事はあまり面白くなかった」ということでは、時間もお金も無駄になってしまいます。ですから、いきなりWebデザイナーを目指すよりも、まずはこの世界を体験してみるのが大事だと私は思います。

ぜひともWebの世界をじっくりと体験し、その面白さを知ってからWebデザイナーを目指してください。

Webサイト制作（Webページ）の体験について

Webサイト制作の体験と言っても、お遊びの延長でかまいません。というか遊びと割り切ってもいいくらいです(笑)。ですから、上手くできなかったとしても全然大丈夫です。というか、最初はうまくできなくて当たり前ですからね。

また、ちょっと体験してみるだけですから、プロと同じ環境を用意しなくてもかまいません。ただ楽しく遊んでやるぞ！という気分で、好きなようにやってみてください。

お金をかけずに体験できる！？

体験するとは言っても、お金がかかるのはイヤだなぁという方も多いと思います。しかし、これは一生の職業にもなるかもしれないことへの第一歩です。それに、ここでしっかりWebを体験しておけばおくほど、ミスマッチの可能性も低減するでしょう。ですから、ほんのちょっとだけでも投資してみてください。

とはいっても、たったの数千円程度の投資で十分体験できますので、安心してくださいね。

Webを体験するのに必要なものは！？

Webを体験するのに必要なものは、まずはソフトです。ソフトは、Adobeの体験版か、もしくはフリーのソフトでもかまいません。つまり、ソフトにかかるお金は0円です。

次に書籍です。ネットにも情報はあふれていますが、最初の一歩としては、お勧めしません。なんだかんだ言っても見やすさ、わかりやすさ、そして楽しさ（本の方がワクワクしませんか！？）を考えると、書籍に軍配が上がります。最低1冊買えば、十分Webを作って遊ぶことができるでしょう。

それでは、これからソフトと書籍について順番にご紹介していきます。

ソフトを用意しよう

まずは必要なソフトからご紹介します。選択肢は先ほどお話ししたように二通りあります。それぞれ見ていきましょう。

選択肢1.Adobe系ソフトの体験版をインストールする

Adobeのサイトでは、ほとんどの製品で体験版を提供しています。それらの体験版は、初回起動から30日間使えますので、その間じっくりWebサイト制作を体験するのもいいでしょう。ただ、本当に初めての方や、PCの操作自体になれていない方は、選択肢2でご紹介する、フリーソフトの方をお勧めします。

Adobe系のソフトでインストールする候補は、Dreamweaver, Illustrator, Photoshop, Fireworks等です。が、あまりいろいろなソフトをインストールするとかえって混乱してしまうかもしれないので、Dreamweaver + PhotoshopまたはDreamweaver + Fireworks（こちらの方が簡単です）などのセットがお勧めです。

注意！体験版は一台のPCにつき一回だけ

体験版は、初回起動時から30日間使えます。期限をすぎると、以後は製品を購入しないと起動できなくなります。体験版が使えるのは、一台のPC（厳密に言うと違いますが）では各ソフトごとにそれぞれ一回だけ。例えアンインストールしても、同じバージョンのソフトは再び体験することはできません。その点だけ気をつけてくださいね。

選択肢2.フリーソフトをインストールする

Webサイト制作を体験するには、Adobeのソフトを使わなくても十分可能です。むしろ私は、一番最初のとっかかりはフリーソフトの方をお勧めします。こちらの方が、操作が簡単ですからね。

それにAdobeの体験版は、一度期限が過ぎると同じPCでは体験できなくなると先ほどお話ししました。ですので、まずはフリーソフトでいろいろ試して、その後のステップとしてAdobeの体験版を利用するのがいいでしょう。

HTMLを書くためのフリーソフト

Terapad(テラパッド)

mi(ミ)

HTMLを書くには、プレーンテキストで保存できるソフトなら何でもかまいません。例えばWindowsならメモ帳、Macならテキストエディットというソフトがもともと入っており、これらでもHTMLを書けます。ただし、「取り消し」が1回しかできなかったり、デフォルトでリッチテキストフォーマット（簡単に言えばHTMLに適さないフォーマット）が設定されていたりと、決して使いやすいとは言えません。フリーで高機能なソフトがありますので、そちらをインストールするといいでしょう。

ここでは、シンプルなテキストエディタとして、Windowsの方はTerapad、Macの方はmiをお勧めしておきます。これらのエディタはHTML専用ではないので、特別HTMLが書きやすいというわけではありませんが、定評のある素晴らしいテキストエディタです（私も両方テキストエディタとしてずっと使っています）。他にもHTMLに特化したソフトもあるので、もし興味があればVectorなどのサイトで調べてみるといいでしょう。

画像を加工するためのフリーソフト

GIMP(ギンプ/ジンプ)

フリーソフトのグラフィックスソフトは、断然GIMPがいいと思います。GIMPは、Photoshopに近い感じのソフトです。WindowsとMac両対応しており、機能にも定評があります。

GIMPをただのフリーと思って侮るなかれ。上記リンク先サイトの「ギャラリー」のページを見れば、いろいろできることがお分かりいただけるでしょう。（なお、上記サイトは公式ページではありません。公式は英語なので、日本語で詳しく解説されているサイトをご紹介しました。）

書籍を用意しよう

HTML/XHTML&
スタイルシート
レッスンブック

次は書籍です。最低限、HTMLの本を一冊買ってくれば、その日からWebを作って遊ぶことができます。注意点としては、HTML辞典などの逆引き系の本は避けてください（1冊目の本としては向いていないためです）。それよりも、本の中の通りに記述していくと、ページができていくタイプの実践的な本を強くお勧めします。

実際に書店で初心者用の本をチェックしたところ、HTML/XHTML&スタイルシートレッスンブックという本が、正に実践的で、しかもとてもわかりやすかったです。この本なら、全くの初心者の方でも、本の通り進めていけばWebが体験できるはずです。左のリンク先のレビューを見ると高評価のようですが、それも納得できます。

なお、上記の本は(X)HTML/CSSの本なので、画像加工の方法は載っていません。画像加工に興味があれば、インストールしたグラフィックスソフトの本を買ってみるのもいいでしょう。Photoshopや Fireworksの本はもちろん、GIMPの本も結構たくさん出ていますよ。

Webデザイナー御用達！？のブックスタンド

これから本を読みながらWebを体験するわけですが、そんな時にあると便利なのが、ブックスタンド。今すぐに必要という訳でありませんが、Webデザイナーを目指すと決めた際は、必ず購入されることをお勧めします。学習の効率が全く違ってきますので。私もバリバリ使ってます(笑)

ブックスタンドについての詳細は、[コーヒーブレイク]カテゴリ内の記事、本を使った学習を超効率化するブックスタンドの記事も参考になさってください。

どのくらい体験すればいいの！？

さて、どのくらいWebを体験すればいいか、ですね。答えは、飽きるまで遊んでみてくださいということになるでしょう。ここで飽きずにもっと本が欲しくなったり、Adobeのソフトも使いたくなったりしたら……あなたはWebデザイナーに向いているかもしれません。飽きる前に、Webデザイナーになってしまうということもあるかもしれませんね(笑)

まさに私の場合がそうでした。上記のような本を買ってきて、読みながら作っているうちに興味の対象がどんどん広がっていったのです。もちろん、興味が湧いてくるタイミングは人それぞれだと思いますので、すぐに飽きてしまったからといって向いていないという訳ではありません。

とにもかくにも、おもいっきり楽しむつもりで体験してみてください。