仕事で使いそうなこともあり、Web作成の技術を学びたいです。

WEB制作を行うのであれば、まずHTMLを一番初めに学ぶの一番いいと思いますよ。ただ、HTMLだけでWeb制作を行ってもシンプルで味気ないデザインになってしまうので、HTMLのタグが理解できているのであればCSSを覚えるのがいいと思います。

HTMLとCSSの基礎は、とほほのWEB入門が無料で細かく書かれているので便利です。

http://www.tohoho-web.com/www.htm

CSSは、マージン等で間隔をあけたり文字や背景の色を変えることを覚えるとデザインの幅が広がると思いますよ。

http://www.tohoho-web.com/css/basic.htm

PHP/MySQL/Javaスクリプト/Flash　は、プログラミング言語になりレベルが変わってしまいます。

もしよければ、サーバーに簡単な設定で、掲示板や問い合わせフォームを設置できるところがあるので、はじめはそれを利用するのもひとつの手だと思います。

fc2では、無料でいろいろ設置できますよ。

http://fc2.com/

それからさらに変わったことがやりたくなってから、プログラムを学ぶのが一番いいと思います。

それぞれのプログラムは特性が違いますので、やりたいことにあわせて選ぶのが適切です。

HTMLとCSSは必須でJavascriptはTIPS拾ってきて対応すればいいでしょう。

HTMLオーサリングソフトとしてのDreamweaverは大変優れてますが、タグを理解したうえで使うようにしてください。

平行してPhotoshopやFireworksをやればいいでしょう。

動くものが必要であればFLASH（とActionScript）が必要になりますが、これは次のステップで。

PHPやCGIもまずはHTMLとドロー系アプリ（PhotoshopやFireworks）でWEBサイトができるようになってからでいいと思います。

初めのうちは、HTMLとCSS（Dreamweaver）とFireworks（かPhotoshopは高いので見送りか？）に絞って学習してみてください。

欲張るのはそのあとで。

http://www.amazon.co.jp/dp/4883375412/

http://www.amazon.co.jp/dp/4899771436/

手っ取り早くこんなんがいいかなぁと思ってピックアップしましたが、実際に本屋で手にとってみてから、

やりやすそうなのを選んで購入するようしてください。

いきなりアプリケーションを購入すると高くつくので、まずは体験版のDVDが付録の本を選ぶとか、いろいろと選びかたもありますよ。

dreamweaverは僕も使えるようになりたいのですが、マニュアルを見て諦めました。

adobeサイトに行けばマニュアルを見れますので見て下さい。とんでもないマニュアルです。

そんなに本格的なものを作らないとダメなのでしょうか？

仮にdreamweaverマスターできても、それに付随するフラッシュソフトや画像編集ソフトも使えるようにならないといけませんよ。

そんな高いソフトや高い本をいくつも買ったり勉強したりできますか？とんでもない時間や金を浪費すると思います。

私はyahooのジオシティに付いているジオクリエータでほとんどの事ができるようになりました。

いわゆるブラウザ型のホームページ編集ソフトです。無料です。操作も簡単でFTPなどのややこしいファイル転送もしなくていいです。

それで完成させて他のHPサービスにhtmlをコピペして利用する事も可能です。

あとdreamweaver使えばいいものができるという訳ではないそうです。

最終的には使い手の努力とかセンスの占める割合が大きいそうです。

「Web制作の勉強」ということならば、やはりまずはHTMLからになると思います。

HTMLで制作しながら、見た目を整えるためにそのうちCSS（スタイルシート）が必要になってきます。

だいたいサイトができてきたら、面白みや便利さを出すためにJavaScriptが必要になってきます。

そのうえ、管理を楽にしたくなってきたらCGI（PHPやPerlなど）が必要になってきます。

こうやって、順番に学ぶというよりは「発展していく」という感じでやるのがいいかと思います。

僕の勉強方は、「他人のサイトを真似する」です。

他人のサイトを見て、良いデザインや面白い・便利な動きなどがあると、ソースをコピーして動かしてみて、トライ＆エラーの繰り返しです。

もちろんそのまま使わず自分なりにカスタマイズする必要がありますが、リファレンスなどを眺めているよりも、そういう学習方法が最も習得（慣れ）が速く、今後忘れにくいと思います。

とくに、他人のサイトを目標とし、それに向けて進むことがモチベーションを保つきっかけとなるのが重要です。

本やリファレンスは、ひととおり覚えたあとで知識のブレを正す意味で見るのがいいかと思います。

僕は日常的にDreamweaverやFireworksを使っています。

Fireworksについては画像処理のため必要ですが、Photoshopに慣れているならば不要です。

Dreamweaverについては、使ってはいますが無くても全く問題ありません。

結局、やることは「普通のテキストエディタ」と「FTPソフト」を使った時とあまり変わりません。

むしろ、いろんな機能がありすぎてソフトの使い方に気をとられて時間がかかってしまう場合もあります。

なので、「自分のやりたいことを実現するために、どうしてもDreamweaverが必要だ」となるまでは買うことはないと思います。

（そうなればDreamweaverでなにができるかもわかっていると思うので）

かなりの高額ソフトですし・・・。

ついでに2つのソフトのいいところを簡単に書いておくと、

▼Fireworks（画像編集ソフト）

• ピクセル単位の編集がカンタン（1ピクセルの線が、ぼやけずちゃんと1ピクセル幅になる）
• Webに特化した画像を書き出すのが便利（軽くて綺麗な画像が書き出せる）
• 四角図形など矩形の操作やグラデーションの操作がわかりやすい

▼Dreamweaver（ソースコード編集ソフト）

• ファイルの更新を監視しているため複数人での作業で上書きミスが減る
• ファイルを編集し、そのままカンタンにFTPでアップロードできる
• ソースが色分けされていて見やすい
• テンプレート機能があり、ひとつのファイルを編集するだけですべてのページに反映される

といった感じでしょうか。

WordPressとかをカスタマイズするところからはじめるのがよいと思います。

HTML/CSS/PHP　このあたりの技術が取得可能です。

Dreamweaverを使うことをお勧めしますが、タグなんてあまり意識してない人が

多いですので、自己満足だと思います。

タグを知らないより知っていたほうがよいですが、あまり役に立つとは思えません。

そもそも、タグ直うちが生産効率がわるいということで、いろんなツールが

あるわけなのですから。

デザイン系の仕事か、技術系の仕事か、どちらを目指しているのかハッキリわからないので、どちらでも良い(一人で全部やりたい)ということで話を進めると、MT(Movable Type)というBlogシステムの改造が一番勉強になります。

そして、実践的です。

工夫次第で思いつくことが全てできます。HTML/CSS/PHP/MySQL/Javaスクリプト/Flashこれら全てを絡めたWebサイトも構築できます。日本で使っている人が多いので何か問題が起きても安心です。

まずは、真っ白な状態から、テンプレートを使わずBlogの形にしてみてください。

以下の書籍を参考にしてみるといいかもしれません。

小粋空間: Movable Type 4.1 書籍のまとめ

http://www.koikikukan.com/archives/2008/03/19-025050.php

タグの意味を把握して、Flashにどうやったら組み込めるのか、自動で更新するサイドバーをPHPでどうやったら作れるのか、レイアウトはどういうものが見やすいのか、色々研究してみてください。やる気さえあればそれら全てを学べます。好きにいじりまくるのは純粋に楽しいと思うのでやってみてください。

ちなみに、購入を考えられているDreamweaverは見た目を効率よく整えるために使うものです。いまさらHTMLの形を整えるだけの仕事なんてありません。ログが自動で整理されるシステムが備わっていて、更新に手間がかからず、見た目の良くて当たり前です。Dreamweaverだけ使っていてもそんなシステムは作れないので、まずはMTでシステムを構築できるようになっておくといいと思います。ただ、MTのタグが使えるようにカスタマイズしたDreamweaverを自分で作れたら、かなり作業がラクになると思います。

なんにせよ、MTを自由自在にカスタマイズできるようになれば、個人で仕事を取れるくらいにはなるはずです。

あとは仕事で使うのであればMTがちゃんと動くサーバーを用意できる、メンテナンスできるくらいの知識は必要です。

僕はHTML/CSS/PHP/MySQL/Javaスクリプト/Flashのスキルを2年半程で取得しました。

参考になるかはわかりませんが、全ての言語のマスターになるのではなく、各言語を使ってある程度の

サイトが１つ作れるようになるという事を前提に僕が覚えた言語の順番で軽く雑感を...

僕が現在使用しているソフトはFlashを除いて全て無料のAptana（http://www.aptana.com/）というソフトで作っています。

その理由は無料だから...ではなく、HTML/CSS/PHP/Javascriptを書く事に特化したエディターだからです。

エディターなので全てを手打ちで書いていくソフトですが、タグの補完機能が優れているのでコーディング速度は天と地の差です。

dreamweaverはタグを書かずにある程度の事が出来ますが、本当にある程度です。それにHtml+CSS以上の事が習得出来なくなってします。

プログラミングになってくると数百数千行のコードを手打ちで書く以外の方法が無いからです...

デザインはFireworks、写真加工はPhotoshop、FlashはFireworksで作ったデザインをパーツ化する所までをFlashで行い

プログラムを書くのはFDTというソフトを使っていますは、こちらはAdobeの出しているFlexBuilderか無料のFlashDevelopでもかまわないと思います。

1. HTML + CSS

全ての基本になるので必須です。

モダンブラウザ＋IE6~で互換性のあるコーディングが出来るスキルは必要になってくるとおもいます。

WordPressやMovableTypeとセットで勉強されるのが良いと僕も思いますが、僕はMovableTypeをお進めします。

WordPressは確かにPHPベースのシステムなのでPHPが使える方はある程度のカスタマイズが可能ですが、しかしそれはあくまで

ブログを作る場合でしょう。サイトを作る時にCMSとして利用するには圧倒的にMovableTypeの方が拡張性に優れています。

2.Flash

企業のキャンペーンサイト等で見るようなフルフラッシュサイトを構築するスキルは現段階では不要でしょう。

それより、トップページ等でのイメージ訴求やブランディング等の用途で使うアニメーションをタイムラインベースではなく

ActionScript3（AS3）で構築出来るようになれば大丈夫でしょう。

3. Javascript（JS）

JS と AS3 は元が同じEcmaScriptという規格なので文法がほとんと一緒ですので習得は簡単です。

ただ文法が一緒でもプログラムの命令先がブラウザになってくるので出来る事やその用途は異なります。

しかし主にHTML+CSSで構築する際のちょっとしたユーザービリティの向上といった用途の言語ですので何百何千行も書く訳では無く

数十行で事はたります。AS3を覚えていれば少し調べれば簡単に習得出来ます。

4.PHP

主にフォームの構築で必要になってきます。これは先ほどのJSやAS3とはまったくの別言語ですので習得コストはそれなりにかかります。

しかしメールフォームで必要なPHPは数十行ですので、基本をここで学んでその後はフレームワークに移行するのが無難です。

フレームワークとは工作キットのようなもので、色んなパーツが既に用意されています。説明書に順番通りそのパーツを並べて、後はパーツ同士を

繋ぐPHPを書けばOKといったものです。現在一番主流なのはCakePHPというものです。

5.MySQL

PHPを取得したら今度は掲示板等を作る事に挑戦するかと思います。その際にはデータベースに情報を保存する必要があります。

しかし、MySQLを実行するSQL文を直接書く必要はありません。それはフレームワークに既にその機能が備わっているものが大半だからです。

先ほどのCakePHPを使用するとフォームから送られてきた投稿者名、タイトル、本文やサイトのURL等を"データベースに保存"するのはたったの

$this->save($this->data); と記述するだけで出来ます。これが裏側でかってに面倒なSQL文を書いてデータベースにデータを保存してくれます。

HTML+CSS以上のサイトになってくると普通はチームでの分業があたりまえですので、

一通りかじって、マスターする分野を選択し突き詰めるのが良いのではないかと思います。