ホームページ作成の勉強方法について

このQ&Aのポイント
  • 効果的なホームページ作成の勉強方法
  • ドリームウィーバーやファイアワークスを使ったプロっぽいページ作成方法
  • お金をかけずにホームページ作成を勉強する方法
回答を見る
  • ベストアンサー

ホームページ作成の勉強方法について

現在、ウェブショップを運営しています。HP開設にあたりWebデザイナーのスクールに通いましたが、いまだにわからないことが多くて困っています。(ドリームウィーバー&ファイアワークス使用) できればホームページをもっと勉強して、プロっぽいページが作れるようになりたいと思っているのですが、スクールの上のクラスに行くにはまとまった費用が必要で迷っています。 たとえば、gooのHPのようなサイトを作るのは、ドリームウィーバーで可能ですか?(罫線の細い繊細な感じのページにあこがれています。。。) または、ウィンドウズでも可能ですか?(真似したいと思ったHPでは、ヒラギノというフォントを使っており、やはりマック制作が主流なのでしょうか。) 時々、他のページのソースを見て参考にしているのですが、さっぱりわかりません。なので、やっぱり本等から理解するのは無理かも、と思ったりしています。 お金をかけずに勉強するいい方法はないでしょうか? 質問ばかりで申し訳ありません。 よろしくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • maho-maho
  • ベストアンサー率44% (725/1639)
回答No.1

私はほとんど独学です。 少しだけタグを教えてもらいましたが、本当に基本的な10個くらいだけだけです。 gooのページのデザインは難しくありません。 データベースだとさすがにわかりませんが、デザイン的なことだけですよね? なら、独学でも大丈夫ですよ。 ドリームウィーバーで十分できます。 ウィンドウズでも大丈夫です。 ソースが読めるとかなり上達しますよ。 ソースがわからない場合はソースをドリームウィーバーにコピペして一部を削除してみたり、何かを足してみたり、変えてみたりするとよくわかります。 また、HTMLとCSSが自分で書けなくてもいいので調べて理解できればなんとかなります。Javaスクリプトもネット上でサンプルスクリプトが落ちているのでなんとかなりますよ。 私は、自分でこうしたい! というものを本とインターネットで調べて少しずつわかるようになりました。 フォントは購入。マックの人も購入していると思いますよ。ウィンドウズ用もあります。 http://www.screen.co.jp/ga_product/sento/shop/shop.html#Anchor988463 「ヒラギノ フォント」で検索 罫線が細いのはCSSを覚えてください。また、場合によって画像を使っているものもあります。 「罫線 細く ホームページ」で検索 わからないタグがあれば「HTML 不明タグ」まどで検索。 とやりたいことは検索して調べてみてくださいね。 また、HTMLならHTML辞典という本もあればいいですし、ドリームウィーバーの使い方もインターネットもしくは専用の本などで調べてください。 すると自然に身につきますよ。 ドリームウィーバーで作って、修正はタグを直接編集したりします。 ちなみに、デザイン的なことは 「A Better Design」 http://www.amazon.co.jp/exec/obidos/ASIN/4839904022/qid=1137874938/sr=1-2/ref=sr_1_2_2/250-9215683-9480202 というのがとても参考になりました。ちょっと古いですけど。 素人くさいページをプロが手直ししています。変更ポイントなど解説されています。 今は2も出ているようです。

miiko315
質問者

お礼

とっても詳しく教えてくださって、どうもありがとうございます。独学でも大丈夫なんですね!大変参考になりました。 CSSに関しては、文字のサイズ・カラーなどの設定だけはできるのですが、表・罫線のやり方はなかなか見つからなくて、わからないままになっていました。 ソースのコピー&ペーストをして、自分なりに試してみたりもしてみましたが、無知なまま見よう見真似でやってしまうと、他のパソコンやブラウザではレイアウトが崩れているような気がして、、、。 でも、教えていただいたことを参考にして、勉強したいと思います。友人のHPを作ってあげたりもしたいし、将来的にはHP作成の仕事ができたら…などと思っています。(遠い道のりですが。) 本当にありがとうございました!

関連するQ&A

  • 勝手に「_notes」を作成させない方法はありますか?

    ドリームウィーバーとファイヤーワークスを使っています。とくにファイヤーワークスでイメージファイルを書き出すことが多いのですが、そのときに勝手に出来るうっとおしいフォルダ「_notes」をいちいち消すのが面倒なので、はじめから作成しないようにする環境設定みたいなものはありますでしょうか? よろしくお願いします。

  • テーブルの作成って?

    ファイヤーワークスにて各ページを作り、それぞれロールオーバーの設定等をしました。それでこれからドリームウィーバーで編集しようと思うのですが、1ページそのまま読み込んではいけないのでしょうか?テーブルを組んでスライスしたものをテーブル1つ1つに埋め込まなくてはいけないのでしょうか?そのまま読み込んで、各ページをリンクさせようと思っているのですが。何か良い方法を教えて下さい。お願いします。

  • WEBのことなんでも教えてください!

    WEBのスクールで一から勉強して転職を考えています。WEBの良いスクールがありましたら教えてください。それとWEB関係で食べていくには、厳しい世界なのでしょうか?WEB業界に転職した方、WEB業界にいます方、現在どんな 状況なのか色々教えてくださると助かります。それとスクールに通う上で個人ですぐにフォトショップやイラストレーターやドリームウィーバーやファイアーワークス等のソフトは必要ですか???以上、まだまだ無知で恥ずかしいですが、よろしくお願い致します。 ご参考になればいつまでもいろんなご意見聞かせてください。

  • WEB業界のこと教えてください!

    WEBのスクールで一から勉強して転職を考えています。WEBの良いスクールがありましたら教えてください。それとWEB関係で食べていくには、厳しい世界なのでしょうか?WEB業界に転職した方、WEB業界にいます方、現在どんな 状況なのか色々教えてくださると助かります。それとスクールに通う上で個人ですぐにフォトショップやイラストレーターやドリームウィーバーやファイアーワークス等のソフトは必要ですか???以上、まだまだ無知で恥ずかしいですが、よろしくお願い致します。 ご参考になればいつまでもご意見聞かせてください。

  • 1週間でホームページを作りたいのですが

     私はwebデザイナーを目指しています。webデザイナー求人の作品として応募できるようなきちんとしたものを1週間で作りたいと思います。 ちょっと切羽詰ってます。 そこで質問です。 1週間で自分のホームページを公開できるぐらいのレベルのものに作るのに一番最適だと思われる方法を教えて下さい。 またドリームウィーバーで作ろうと思っているのですが、 webページは通常縦、横殿ぐらいのサイズで作ればよいでしょうか? 超困っておりますよろしくお願いいたします。

  • ホームページ作成

    こんど会社でホームページ作成することになったのですが、 ちょっとだけかじった事のある私は更新係になってしまいました。 と言っても3年も前の事なので、忘れてしまっていることが多く、1から勉強しなおしになりました。 私が作っていた頃はテーブルがメインでCSSはフォント指定程度にしか使われていない時代。 今はXHTMLでレイアウトはCSSの流れですよね。 しかも困ったことにドリームウィーバーMXの使い方も忘れてしまっててんてこまいです! 写真スタジオで画像処理の仕事をしているのでフォトショップは使えます。 しかしスクールに通うにしても田舎のため片道3時間!で無理。 そこで、本で勉強しようと思うのですが、XHTMLとCSSを扱ったわかりやすい本をご紹介いただけないでしょうか?できれば今のWeb作成方法で作りながら覚えられるタイプがいいです。 ドリームウィーバーMXの操作方法の本もできればご紹介いただければ嬉しいです。 よろしくお願いします。

    • 締切済み
    • CSS
  • ドリームウィーバーとファイヤーワークスの連携

    ドリームウィーバーとファイヤーワークスの連携でこれは便利というものが あれば教えていただけないでしょうか? ぜひよろしくお願いいたします。

  • ホームページや素材のデザイン

    私は、デザイン能力が全くありません。 最近ホームページを作ろうと頑張っていますが、いつもデザインから先へ進むことができないのです。 ページのレイアウトデザインも素材のデザインも全くだめなので・・・ 知人からは「デザインは考えるものじゃない、閃くものだ」とか言われました。それはそうかもしれませんが・・ そこで質問なのですが、こんな私でもWEBデザインが身につく良質な書籍はありませんか? レイアウトならこの書籍、ロゴ作成ならこの書籍などなんでもかまいません(両方のっているなら最高です)。 一応、ソフトはドリームウィーバー、ファイヤーワークス、イラストレータ、フォトショップは持っています。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • Adobeソフトについての質問です。

    webサイト、インタラクティブコンテンツを作ろうと考えた場合、Fireworksは必要でしょうか? 詳しく言いますと、今現在Adobeソフトの購入を検討しているのですが、デザインスタンダードCS5(イラレ、フォトショ、インデザイン)とDreamweaverを購入するか、デザインプレミアムCS5(イラレ、フォトショ、インデザイン、フラッシュ、ドリームウィーバー、ファイアーワークス)を購入するかで悩んでいます。 購入目的は平面デザイン、webページの作成、フラッシュでのプレゼン資料作成を考えています。 現在、Flash CS4 professional がインストールされている状態なので、デザインプレミアムを購入することでフラッシュCS4が無駄になってしまうのが嫌なのと、なるべく安く済ませたいという思いがあります。 しかし、デザインスタンダードとドリームウィーバーで購入する場合、ファイアーワークスが手に入りません。 そのため、ファイアーワークスがどの程度必要なソフトなのかを伺いたいです。 よろしくお願いします。

  • ドリームウィーバーとファイヤーワークスの連携機能について、教えてくださ

    ドリームウィーバーとファイヤーワークスの連携機能について、教えてください。 「ゼロからのステップアップシリーズ」の「ドリームウィーバーCS4WITHファイヤーワークスCS4」という参考書で独学で学んでいます。 ドリームウィーバーのプロパティーインスペクター部にある[FW]のアイコンをクリックすると自動でファイヤーワークスが呼び出され、連携機能を使用できると参考書にあります。 確かに一度は、参考書どおりにそのような操作が出来ました。しかし、その後、別の作業でフォトショップを使ったためでしょうか。 プロパティインスペクター部の該当のアイコンはフォトショップの[PS]に変わり、フォトショップしか呼び出せなくなりました。 プロパティインスペクター部の「呼び出し」を行えるアイコンをもとのファイヤーワークスに変更する方法はあるのでしょうか?