• 締切済み

HTML CSS

独学でフリーWebデザイナーになることを目指しています。 今から勉強しようと思うのですが、いろいろ調べたところまずはHTML&CSSの学習からとありました。 はずかしい質問とは思いますが、勉強方法がわかりません。 よろしくお願いします。

みんなの回答

回答No.4

HTML&CSSの勉強ということですが、NO.1の方が言われているように、 自分のWebサイトを構築してみるのが、一番いいと思います。 個人的な意見ですが、それなりにHTMLやCSSがわかってきたらブログをやってみるのがお勧めです。 FC2やライブドアのブログなら、HTMLやCSSをいじることができるので、結構お勧めです。あと他人が作ったテンプレートを見てここは、こうなってるからとかそれなりに参考になると思います。結局トライ&エラーが上達する方法ではないかと… Fireworksについてですが、私もNO.2の方と同意見です。 以前私は、フリーのWEBデザイナーだった方に教わった経緯があるんですが、 FireworksはPhotoshopが使えれば、機能が似ている部分があるのでPhotoshopの方を優先した方がいいと言われました。 まぁ参考程度に…使えるに越したことはないと思いますが。 独学で勉強するとモチベーションの維持が大変ですよね。 頑張ってください。 参考URLも一応付けて置きます。他にもいろんなこういったサイトやブログがあるので色々見てみてください。

参考URL:
http://www.ezgate-mt.sakura.ne.jp/
  • speedygon
  • ベストアンサー率35% (92/256)
回答No.3

No2の質問にお答えします。 ご質問のとおり、両ソフトは共通点が多いので、FireworksあるいはIllustratorいずれかという捉え方もあります。どちらを使うかはその会社の事情に寄りますね。 Fireworksは元々Macromediaの製品で現在のAdobeに吸収されました。 FireworksはDreamweaverやFlashと同じくMacromediaの製品であった事から判るようにはウェブに特化しています。 CS4からはAIRへの書き出し及びPDFへの書き出しをサポートしているようですが、単体ではグラフィックのお仕事はできないと思って良いでしょう。 フリーならなおさらの事、ウェブに関連してグラフィックの仕事も少なくありませんから、使えるのがFireworksだけだとすると難しいですね。 以上の点を踏まえるとIllusutratorに分があると思いますが、ウェブに特化するならばFireworksが優れていると思います。 私ももちろんFireworksも扱えますが、ウェブもグラフィックも扱うので、メインではIllustratoとPhotoshopを使い、Fireworksの出番が殆どありません。

  • speedygon
  • ベストアンサー率35% (92/256)
回答No.2

制作会社に所属している場合はチームで対応できるのですが、フリーの場合は一人で何でも出来るという事が必須となります。 もちろん、すべてのフリーがそうであるかどうかは別としてですけど、「アレはできるけどコレはできない」では仕事を廻しにくいですね。 それと、お金の管理やご自分の健康管理、当然ながら顧客対応も必要になってきますから社会の勉強も必要です。 就職に必要なスキルは、Dreamweaver、Photoshop、Illustrator、Flash、HTML、CSS、Javascriptなどの知識と操作。 それと、デザイン、レタリング、文章能力など総合的に幅広い知識と技術が求められます。 パソコンに向かっているだけの仕事だと思われがちですが、打合せも重要な仕事なのでコミュニケーションスキルが低いと難しい職業だと思って下さい。 いきなりハードルを高くせず、とりあえずはスキルを高めて制作会社に就職し経験を積まれると良いでしょう。

katukun111
質問者

お礼

ご丁寧なご回答、アドバイスありがとうございました<(_ _)> とてもうれしかったです。 そこで一つ質問なんですがFireworksは必須ですか? Dreamweaverの次はFierworksを見たいなことを聞きましたが、とばしてPhotoshop、Illustrator、Flashに行ってもいいでしょうか? よろしくお願いします<(_ _)>

  • k-josui
  • ベストアンサー率24% (3220/13025)
回答No.1

自分のWebサイトを構築してください。 その過程でわからない事が一杯出てきます、それを一つずつ解決していくことが勉強そのものです。

katukun111
質問者

お礼

回答ありがとうございます<(_ _)> webサイトを構築するためにの、HTML&CSSの学習方法との意味だったのですが・・・。 ちょっとずつですが勉強の仕方がわかってきたところです。 ありがとうございました。

関連するQ&A

  • HTML CSS覚えるコツはありますか?

    ビルダーを使っていますが、ページを作っていくうえでCSSなどを勉強したほうがいいということに気づきました。過去ログをいろいろ見ましたが、参考書やサイトなどで、勉強をされてる方が多いですね。 いろんなサイトでソースなどを見ると、ビルダーで作られるソースより簡単に表示されている気がします。質問ですが・・・ 1.皆さんは独学で習得しましたか? 2.HTML CSSを覚えるコツなどはありますか? 参考書はソフトバンクの「HTML+CSS HANDBOOK」を購入しました。

  • HTMLについて、教えて下さい

    ずっと独学でXHTMLを勉強していたのですが、気が付けば今はHTML5になっていました。 どうゆう進化をしているのか全然分からないのでお聞きしたいのですが・・・・やはり基本のXHTMLがあって、それからHTML2→3→4→5と内容が少しづつ変化していっているのですか? 勉強していくのなら、2345と順番にしていかないと分からないのでしょうか? *CSSもCSS→CSS2→3としていったほうがいいのでしょうか? HTMLがどう変化しているのかさえ分からないので的はずれな質問かも知れませんが教えて下さい。

  • 現在のweb製作(HTMLとCSS)

    現在webデザイナーがweb製作時に使用するHTMLのバージョンはHTML5なのでしょうか? それと、CSSのバージョンはCSS3なのでしょうか? もしHTML5だった場合、HTML5に対応したおすすめテキストツールなんかを教えてくださると助かります。 どなたかわかる方回答のほう宜しくお願いします。

  • HTMLの次に学習するもの

    現在Dreamwever MX 2004を独学で勉強しています。いずれはwebデザイナーとして働きたいと考えています。 なので、Dreamweverをある程度、理解出来たらタグ打ちも勉強したいと考えています。 私の考えでは、HTML→JavaScript→CSS、の順に勉強して行こう考えています。 みなさまは、どの様に勉強されたのですか? また業務として、webデザインをしている方は実際に作業する時は、Dreamweverなどソフトでデザインするのか、タグ打ちメインでデザインするのか、教えてください。 あと、webデザイナーの求人を見るとhtml必須と書かれている企業が大半なのですが、どの程度理解していたら良いんでしょうか? 質問が多くなってしまいましたが、よろしくお願い致します。

    • ベストアンサー
    • CSS
  • CSSを勉強したいのですが・・・

    いまCSSを勉強したいのですがどのように勉強すればいいですか? 専門家の皆さん! 教えてください。。。 CSSを勉強するのにおすすめする参考書などを教えてください。 それと、、、webデザイナーの人に質問ですが webデザイナーに必要なものとはなんですか?

  • HTMLとCSSについて

    HTMLの本を見ながらHTMLを勉強していますが、 所々にCSSと言う言葉が出てきます。 本を読んでいてもCSSはHMTLを細かく操作すると書いてありました。 と言う事はCSSはHTMLとは違う言語なんでしょうか? CSSを教えてくれませんか、お願いします。

  • 簡素化したHTMLを書けるようCSSを勉強中です

    出来るだけ簡素化したHTMLを書けるよう、CSSを勉強中なのですが、今はドリームウィーバーのCS5.5なのですが、ホームページビルダーでホームページ作りを勉強し始めたため、どうしてもホームページビルダーの癖が出てしまいますし、CSSの云わんとするところは理解出来るのですが、「じゃあ具体的にどうしたらいいの?!」ってなってしまいます。 具体的には、HTMLだけで、TABLEを多重化させ書いていたページを、見た目を変えずに、TABLEを使わずに、HTML(出来ればXHTML)+CSS(外部ファイル)でweb2.0で書くとどうなるかとか、 画像のロールオーバーを≪<body onload=≫で書いていたのを同じくHTML(出来ればXHTML)+CSS(外部ファイル)で書くとどうなるかとか、比較してあると「私は」分かりやすいのですが、そういうサイトをなかなか探し出せないでいます。 こういう事を比較して書いてあるサイトがありましたら、教えて頂きたいです。 また、検索エンジン最適化(Search Engine Optimization、SEO)にもCSSは有効だという事ですが、≪<meta name="Keywords" content=≫等は、HTMLファイルに書くか、CSSファイルに書いた方が良いのか、CSSに書くなら書き方は同じで良いのか等、分からない事だらけです。 よろしくお願いします。

    • 締切済み
    • CSS
  • HTML5+CSS3 でしかできないこと

    長年、趣味や一部仕事で XHTML+CSS のサイトを作っています。 数年前から、サイト内にCGIを入れたり、色んな動きを楽しむため javascriptを導入してサイト作成を楽しんでいたりもします。 言語も html css javascript jquery php など、色々楽しみながら勉強してきました。 ほんの数年前から、HTML5+CSS3 が登場しましたが、 様子を見ていると、どんどん独創的なサイトが出てきています。 スマートフォン用のサイトも作れるようになりたいな、と思っていましたが ようやく重い腰を上げて作業に取り掛かろうと思っています。 そこで質問なのですが、HTML5+CSS3で作られたサイトで まるでjavascriptで制御されたような軽快なスクロールや動きが散見されます。 こうしたサイトを見ると、javascriptで動かしているのかHTML5で動かしているのか 判別がつきません。 HTML5やCSS3で新しく実装された機能については、ネットで調べると色々出てきます。 例えば、リンクタグをブロック要素化することが簡単になったとか、 角が丸い四角形を充てることができるようになったとか、電話番号をタップすると 「通話」ボタンが出るようになったとか、個別の機能についてはなんとなく把握しました。 しかし、「HTML5+CSS3で作られたサイト全体」で見ると、 いまいちピンと来ないのです。 そこで、お詳しい方に是非、以下のような形で 教えてもらえたらと思い、投稿しました。 ------------------------------------- 実際にHTML5+CSS3で作られたサイトを基に、 どこをどのように設定したのかを見せて欲しい ------------------------------------- 例えば、 http://www.hotakubo-seikei.com/ は、ソースを見るとHTML5で作られていますが(section タグや header タグがありますね) XHTML+CSSでサイトを長年作ってきた人間からすると、 どうしてこんなサイトができるのか全く分からないのです。 javascriptもいくつか利用されていますが、どれがjavascriptによるもので どれがHTML5+CSS3によるものなのかわかりません。 また、一番驚いたのが、サイトの構成です。 サイト全体の横幅が無く全画面表示になっており、 3カラムで、縦スクロールするとディレクトリが変わるなんて XHTML+CSSの常識では考えられません。 もちろん、デザイナーによるデザインでこうなったと言ってしまえばそれまでですが、 それを実装できていることに感動しているのです。 ↑↑↑ こんな感じで、何かサンプルサイトを基に XHTML+CSSとの違いや、HTML5+CSS3だからこそ実現できることを 分かりやすく教えてもらえたらとても有難いです。 サンプルサイト付きで、なるべく詳しく教えて頂いた方に ポイントを付与させていただきたいと考えております^^ どうぞ宜しくお願い致します!

  • ウェブデザイナーを目指して勉強中です。

    ウェブデザイナーを目指して勉強中です。 もともとカンプのデザインはしていたのデザイン面では大丈夫だと思うのですが、 現在では、HTMLとCSSのスキルだけでは求人は難しいと聞いています。 独学でJAVASCRIPTやPHPを勉強するのはむずかしいと、現在通っているウェブスクールの人に言われたのですが、本当に独学では無理なのでしょうか?友人はJAVASCRIPTは独学である程度わかったといっています。 それに、プログラムのコースをスクールでとると、さらに20万近くかかってしまい、そんな余裕が私にはありません。 どなたか、独学でJAVASCRIPTを学習したかたがいたら、どんな風に学習したらよいか教えてください。 よろしくお願いします。

  • webデザインが学べるサイト

    html cssをたまに勉強しています。 ウェブデザインの知識がないので独学で学習できるサイトがあればご教授お願い致します。 将来webデザイナーになりたいとかではないのですが、興味本位で勉強をしたいなと思い質問いたしました。

専門家に質問してみよう