ホームページ製作の練習方法

このQ&Aのポイント
  • ホームページ製作の練習方法を紹介します!
  • IllustratorとPhotoshopを使ってデザインし、DreamweaverでHTMLとCSSを組み合わせてホームページを作成します。
  • DreamweaverでのHTMLとCSSの言語をより学ぶための勉強方法を教えてください。
回答を見る
  • ベストアンサー

ホームページ製作の練習方法

僕はホームページの作り方をひととおり学校で学んだですが、Illustrator と Photoshopで、デザインをして、そのあと、Photoshopでgif ・Jpeg形式にスライスして Dreamweaver で HTMLとCSSをつかって、ホームページをつくり、ところどころにFlashで動画などをいれた。ホームページをつくったのですが、ハッキリ言って、学校のテキストどおりにしたら、ホームページができた。というだけであって、自分で一からつくれといわれれば、さっぱり、できません。とくに DreamweaverでのHTMLとCSSの言語をもっと、もっと、勉強したいです。  ソースコードをもっと勉強したいです。 どなたか、よい勉強方法はないものでしょうか?

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

  • ベストアンサー
  • glotte
  • ベストアンサー率22% (306/1348)
回答No.1

わたしも、苦労しました、このサイトのhtmlでよく質問しましたよ。 「CSSの基礎」とかネットで検索すると、いっぱい出てきます。 fc2などの無料サーバーを使って、自分なりにいろいろ試すことをお勧めします。 今後は、javascriptやphpを勉強されると良いと思いますよ。

参考URL:
http://www.htmq.com/html/table.shtml

その他の回答 (1)

  • hideishi
  • ベストアンサー率55% (5/9)
回答No.2

ご自分のサイトを作成されてはどうでしょうか? それが一番勉強になると思います。 無料ホームページ 忍者 http://www.ninja.co.jp/hp/ FC2 http://web.fc2.com/

関連するQ&A

  • ホームページを作る仕事

    ホームページ制作の仕事をしておられる方に教えていただきたいのですが、 通信講座でIllustrator、Photoshop、HTML、HTML5、CSS、Dreamweaver、Flash、Javascriptなどを勉強することができますが、 これらを勉強したら仕事はできますか? よろしくお願いします。

  • web製作について

    web製作に関して、2点質問があります。 (1) dreamweaver のほうがhomepagebuilderよりいいと聞きますが、  一体どういった点でいいんでしょうか? (2) また、初心者で現在、HTMLやCSSを独学で勉強しています。しか   し、専門的製作となる と、Photoshop 、Flash、などいろいろ   なグラフィックソフト、そして、さらにはPerl,CGI,PHP     といろいろ複雑な要素も勉強しないといけませんね。どういう    過程で学習していけばよろしいでしょうか?

  • PhotoshopやIllustratorで作ったデータをDreamweaver上でコーディングしたい

    HPを作って10年ほどになります。 元々は趣味で作っていたのですが、結婚をし、現在は知り合いのHPを時々更新したりしています。 10年ほど前は、HTMLを手書きでしていたのですが、数年前からDreamweaverを使いだすようになりました。 が、未だDreamweaverを使いこなせていません。 自分の癖というか、未だにHTMLを手書きでしており、作るページは皆、同じようなデザインで洗練されたデザインのHPが作れません。 私の作るページはいわゆる10年ほど前によく見られたページです(左にフレームで何だか古臭い)。 それを広告代理店に勤めるデザイナーに相談すると「今は手書きのHTMLで一から書いている人はあまりいない。Photoshopや Illustratorなどの画像ソフトで全体のデザインを作ってDreamweaverに組み込んだで作った方がいいよ」と言われました。 (いわゆるコーディング作業というのでしょうか) 10年近くHTMLを手書きで書いていたのですが、今後は、PhotoshopやIllustrator制作→Dreamweaverで制作(更新)で統一したいと思っています。いわゆる企業のHP、FLASH等が使われたページを作りたいと思っています。 一応、自分なりに試してみたのですが「PhotoshopやIllustratorなどの画像ソフトで全体のデザインをする」ところまではできるのですが、それを、Dreamweaver上に組み込み作り込んでいくという作業がうまくいきません。FLASHは使ったことがありません。今後はFLASHも使いたいと思っています。CSSについては、文字の大きさ、行間等に使うくらいで他にこれといって使ったことはありません。 HPの基本的な作り方やHTML、Dreamweaverの基本的な使い方は分かってはいますが、PhotoshopのデータをDreamweaverに組み込む作業、CSSを使っていい感じのページにするもうまくいきません。 私のような者の悩みが解決できる、ホームページ、本、教材、学校などがありましたら教えていただけますでしょうか。 多少お金が掛かっても構いません。 その他、解決方法等があればどうぞご教示の程よろしくお願い致します。

  • Flash製作ソフトを探しています。

    これからホームページを作ろうと準備しています。 Illustrator CS2・Photoshop CS2・Dreamweaver 8が手元にあるので、それを使うつもりです。 ただ、Flashにも興味が有るのですが、高価なソフトのようなので手が出ません…。 どういった物が作れるのか試したり、簡単なバナーを作りたいと思っています。 MacOSXで廉価、もしくはフリーで作れるようなFlash製作ソフトがありましたら教えて下さい。

  • これだけはおさえておきたいWEBデザインの参考書教えてください。

    これだけはおさえておきたいWEBデザインの参考書教えてください。 Illustrator,PhotoShop,DreamWeaver,Fireworks,Flash,HTML,CSS,Javascript 等 でこれだけはおさえておきたい参考書教えてください。 上記以外にデザイナーの考え方とか色とかの参考書もあれば教えてください。

  • 動的なホームページ製作

    1、このページを見た人はこんなページも見ています、などの機能 2、サイト内検索 3、多言語表示 4、表内様の並べ替え機能 5、コメント機能 上記の動的?な機能をホームページに持たせたいと考えていますが、 友人に、PHP言語とデータベースを使ったサイトの構築が必要といわれました。 自分にはチンプンカンプンですが、これから勉強しようかと思ってます・・・。 また、製作したいと思っているページが1,000ページ以上あり、全て各々のページにリンクを 貼る作業では作業時間も転送量も膨大になってしまうので、何かこういった作業も簡略化したい とは色々考えていますが、いかんせん知識がありません・・・。 (単純な作業が結構あります) こういったホームページを10個程度製作したいと考えております。 が、なるべく勉強なんかしたくないというのが本音にあります・・・すいません。 自分が使っているのはホームページビルダーですが、Dreamweaverを購入するべきでしょうか? Dreamweaverは機能が内蔵してあったりして、効率化になるでしょうか? それでもやはりPHPやデータベースの勉強は必須でしょうか? すいません、どなたかアドバイス頂ければ幸いです・・・。

    • 締切済み
    • PHP
  • dreamweaver3でホームページをつくっていて困ってます!

    MAC osx10.3.9 でdreamweaver3使用し、ニフティの@homepageをサーバにして、トップページ+αくらいのごくごく簡単なホームページを作成中です。 fireworksは使い方がわからないので、文字や文章の具材はIllustratorで作り、Photoshop 5.5のwebで保存のgifデータをはって作っています。 1.文字のギザつきが気になり、Photoshopでwebで保存をするときに、 GIF128 ティザ にして、dreamweaver3上の画面やブラウザプレビューでは、そこそこ上手く表示されているのですが、 実際にInternet Explorerなどから見ると、ギザギザのままです。 (ひょっとして、GIF128 ティザで保存すると画像が大きいので縮小しているせいかな、とも思いますが) 2.画像や配置など、途中で変更し、ローカルサイト、リモートサイトの同期もしているはずなのに、Internet Explorerなどから見ると上手く表示されない。 上記のあたりで、困っております。 IllustratorやPhotoshopは古いバージョンですが そこそこ使えるのですが、webのほうはさっぱり素人で情けないです。 どなたか詳しい方、教えていただけませんか?

    • ベストアンサー
    • Mac
  • Illustrator,Photoshop

    Webデザイナーをめざして、毎日、HTML CSS Illustrator Photoshopを勉強しています、HTML、CSSはなんとか、勉強ができているですが、Illustrator , Photoshopの勉強が苦手でなかなか勉強がはかどりません、なにか良い方法はないものでしょうか?教えてください。お願いします。

  • macでホームページ 

    macでホームページを作りたいのですが、 独学で覚えるためのオススメサイトや書籍を 教えてもらえないでしょうか。 パソコンのスキルは  ○ward ○excel(マクロ) ○mp3など音源の編集  ○動画の編集  ○Illustratorとphotoshop などです。    すべて独学で覚えました。  ホームページ作成も勉強しているのですが、  HTML、CSSがまったくわかりません。    オススメの書籍や解説のサイトをご存知、  もしくはご自分のサイトがございましたら  お教え願えないでしょうか。  厳しいお答えでも大丈夫です。  よろしくお願いいたします。    

    • 締切済み
    • Mac
  • HPを作る際の全体の流れ、手順

    会社でHP用のソフトを覚えるように言われ、勉強中です。 個々のソフトやなんかはマニュアルなどで学べるのですが、作る際の全体の流れがいまいち理解出来ていません。 サイトマップやだいたいのラフをおこしたその後の手順です。 使えるソフトはillustrator、Photoshopです。(グラフィックが現在の仕事なのでだいたいは使えます) 手持ちのソフトは、illustrator、Photoshop、DREAMWEAVER、Flash、Fireworks、Freehandです。 DREAMWEAVERはもちろんいりますが、その他どれを使えるようにしたらいいのか、という根本から?です。(全部覚える方がいい、というのはわかりますが…(^^;)) illustrator、Photoshop+DREAMWEAVERでできればそれが一番私としては楽なのですが、やはりFireworksなども覚えなきゃでしょうか? illustratorでデザイン→スライス→DREAMWEAVER、では無理が出てくるのでしょうか? DREAMWEAVERもスタンダートビュー、レイアウトビューなど、結局どれを使うべきなのか分からず、全部覚える、というのも厳しいです。(いずれは覚えたいですが) illustrator、Photoshopが使えるならこの手順が一番手っ取り早い、というのがありましたらぜひご教授下さい。 会社の経費でSTUDIO MXを買ってしまったので、GoLiveを買いなさい、という返答はご容赦下さい。(^^;)

    • ベストアンサー
    • CSS