• ベストアンサー

ホームページを作る勉強はどのようにしていけばよいのでしょうか?

数年後を目処にちゃんとしたホームページを作れるように勉強をしたいのですが、何をどの様に勉強していくべきでしょうか? 数年前に知り合いのところで、AdobeのGoliveを使ってホームページを作った事はあるという程度で、掲示板を作ったりなどといった事は全くできません。DTP感覚でHPを作った事がある程度という感じです。それからあまり関係ないかもしれませんがフォトショップやイラストレータはバッチリ使えます。 何から手を付けてよいのかという感じでいます。 将来的にはそれなりのネットショップ作成サイトなども作れるぐらいまでの実力を付けられればと思っております。 まずは ここから といったご助言や参考になるHPや書籍などもありましたらご紹介いただければと思います。 よろしくお願いします。

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

  • ベストアンサー
noname#125826
noname#125826
回答No.7

「数年後を目指して」とありますが,そんなにかかりませんよ。 私は半年前にHPの作成を,何も知識がない状態から勉強し始めました。 現在では,少し仕事としても作成代行をしています。 これくらいはできるようになりました。 【参考】 http://best-consul.com/index.html 勉強の仕方をお伝えしますので,参考までにお読みください。 ◆準備するもの ・「タグ辞典」1冊です。 私は現在でも本はこれだけしか持っていません。 ●タグについて タグは覚えるものではなく,たとえば「背景に色を付けたいなぁ」と思ったら,「タグ辞典」を開いて調べます。何度か同じタグを使っていると,そのタグは自然に覚えてしまいます。 もっとこうできたらという「より良くしたい」という気持ちを持つことです。 ◆初めの一歩:テンプレートの修正 下記のようなサイトにあるサンプルテンプレートの「ソース」を解析して,その中の色を変えたり,文字を替えたりして,HTMLのどこをいじるとどう変わるかをいろいろ試します。 これでかなり覚えられます。 【おすすめ】 http://www.pw-design.jp/index.html ◆次に:使いたい機能(アクセスカウンター・フォームなど)を追加してみる。 追加したい機能の設置の仕方を解説しているホームページを探し,それを参考に設置します。 ◆次に:自分の知らない機能を発掘 いろんなホームページを閲覧して,こんなことができたらと思った機能(動画の組み込み,スライド,FLASHなど)があったら,その方法を調べて自分でも使ってみる。 ◆仕上げ:デザイン センスが求められますが,勉強の仕方は簡単です。 「いいデザインだ」と思うホームページのまねをすることです。 そうすると配色の仕方,配置の仕方,どんな項目があったらよいかなどのコツがだんだんつかめてきます。 ※簡単ではありますが,お役に立てれば幸いです。 鍵は,「もっとこうしたい」という気持ちです。 がんばってください!

その他の回答 (6)

  • chinensis
  • ベストアンサー率40% (54/132)
回答No.6

>何から手を付けてよいのかという感じでいます。 ご自身が一番弱いと思っていられるところからです。 まず、弱点を無くす。次に長所を伸ばす。 一般的にプログラマーから入った人はデザインが、デザイナーから入った人はプログラム(HTML等)が弱点になります。ご質問者さまはデザイナーからのようですので、ご自身の弱点がHTML(プログラミング)関係とご理解されていて立派です。 とりあえずプログラマーの立場から簡単に書きますと「参考書一冊手元にあればなんとかなる」です。 これは「判らないところを索引で引いている内に、基本的に必要なことは覚えてしまう」ってことです。とりあえず数作っていくのがいいでしょう。 もちろん全部手打ちなんてまねは考えなくて、あるページのコピーに手を加えられれば充分です。その際に参考にするページのストックを増やしていけばそれがご自身の「知識」になります。(特にcssに関しては効果を確認するのが楽なので) ただ、ネットショップ等を解説するには、HTML、css以外の知識も必要になります。例えば ・Webサーバー ・データベース ・CGI これらの機能についても「作る立場から」知っておかなければいけません。もちろん運営に関わる様々な問題も出て来ます。(「開設」と「運営」と「保守」は必要なスキルが全く違います。) しかし、当面はこれら小難しいことは「そういうこともあるんだ」ぐらいに留めて、HTMLやcssの勉強をされるのが無難かと思います。 HTMLの勉強方法につきましては、「ともかく片っ端から作ってみる。参考書の例題全部試してやる」ぐらいの気持ちで練習するのが一番です。例題が完成したら、内容を若干変更して「どう変わる」のかを体感しておくのも習得する上では重要です。(特にバリエーションの多いtable、form系) あ、基本的に覚えておくのは以下の点ぐらいで充分です。 ・ファイルの拡張子はhtmlまたはhtm。 ・<html>ではじまり</html>で終わる。(例外あり) ・<head>と<body>があり、基本的には<body>~</body>内に記述する。 ・<head>には<title>を入れる(ほうがよい)。 ・フレームを使う場合は外側のHTMLは特殊。 これ以外のタグについては参考書を見て書かれても問題ありません。(極論ですが) 以上、駄文ですがご参考になりましたら幸いです。

  • forllage
  • ベストアンサー率33% (1/3)
回答No.5

HTMLのタグを全て覚える必要は全く無いと思います。 必要最低限(改行程度でリファレンス見ても仕方ないので)のタグを覚えればいいと思います。 全て暗記してる人なんてプロでもそうはいないかと。 必要なときにリファレンス等を見て、リファレンスが理解できる程度になれば良いのではないでしょうか? なので、概念と基本的な作り方、タグを最低限覚えれば良いと思います。 そして、何か作りたいHPを作ってください。たとえばGoLiveとかで作ったHPを自分で作ってみるというのはどうでしょうか? 殆んどのHPは「右クリック」⇒「ソースを表示」でHTMLのタグを参照できます。 自分で作ったページをくらべてみて、どんな点が不足してて、それはどういう機能なのか調べていってください。

  • gura_
  • ベストアンサー率44% (749/1683)
回答No.4

 荒川静香のように滑りたいのでどうしたら良いかという質問には、まず氷の上に立って、それから少しづつ滑れるように練習しなさいと言うと思います。  初歩的な事項から、目的に向かって少しづつ始めて行けばよいのではないですか、このサイトの全内容を習得できればほぼ可能でしょう↓ http://www.tohoho-web.com/www.htm

参考URL:
http://www.tohoho-web.com/www.htm
  • forllage
  • ベストアンサー率33% (1/3)
回答No.3

まず、HTMLで簡単なHPの作成を勉強。 次にCSS(スタイルシート)、JavaScript、VBSでちょっと工夫したHPを作れるようになって。 次はCGI、Perl、PHPなどで掲示板とか作れるようになって。 さらに勉強したいなら、FLASH、Javaアプレット、JSPとか…って感じが普通だと思いますが…。 なので、まずHTMLのタグを勉強しましょう。 オススメの本等はありませんが、そんなに難しくないので、ネットでHTMLで検索して出てきたページで十分だと思いますよ。

goo2408
質問者

お礼

皆さん、書き込みありがとうございます。 まずHTMLのタグって膨大にありますが、あれを勉強するとはどういった事なのでしょうか?一つ一つ覚えたりするという事なのでしょうか?以前に初心者のためのホームページ講座みたいなHPを見てやってみたのですが、改行がこの記号で、太文字がこの記号、イタリックは、、、、、とやっていたら、何か勉強の仕方間違えていないかな??と思えてきたのですが、ああいった記号をひたすら覚えて繰り返していかなくてはならないということなのでしょうか? GoLiveとかですと記号などを覚えるのではなく、ソフトの使用方法を覚える事でDTP風にHPが作れていましたが、それだと掲示板だったり、何かのシステムだったりというのができないらしいと聞いてどうしていいのか??と思ってその時は投げ出したという感じでした(あまり必要性もその時はなかったのですが)。 ひたすら記号を覚える事の繰り返しだとすると、HTMLのタグって膨大にありなんか先が見えない感じがするのですが、HTMLを勉強するとはどういった事なのでしょうか? また、ご助言をいただければと思います。よろしくお願いします。

回答No.2

はい。お答えいたします。 ホームページを作るのにあたっては、まず。HTMLタグという記述の方法を勉強をしてはどうでしょうか? 用は、インターネット上の表示の中にある「ソース」を開いてみれば解ると思いますが。そのような形の記述を教科書などを一通り読みながら順々簡単なものから作ってみてはどうでしょうか? 自分は、一からタグですべてを作って今、MYホームーページを展開しています。

回答No.1

サーバサイドのプログラミングの勉強でもしたらどう?

関連するQ&A

  • アドビソフト、どう買うのがお買得?

     今、私はマルチメディアの学校に通っているのですが、 その学校でアドビのソフトのアカデミック版を 購入しようと思っているのですが、 その買い方で迷っています。  今持っているソフトはイラストレーター9.0と フォトショップElementsです。 フォトショップElementsでは使える機能が限られていて使いにくいので 6.0を買いたいのですが、 それを単品で買うか、「Adobe WebCollection J Edu」を買うか 迷っています。  単品で買うよりセットの方が得かなと思うんですが まだ私はセットになっているGoLiveもLiveMotionも使った事がないし‥‥。 しかもイラストレーター9.0はだぶってる‥‥‥。  でも今PageMillでHPを作っている最中なので GoLiveもLiveMotionも興味はあるし‥‥‥。  卒業まであんまり時間がないので どなたか意見を聞かせて下さい。  ちなみにフォトショップ単品なら39,400円、 Adobe WebCollection J Eduは59,400円です。

    • ベストアンサー
    • Mac
  • mp3をホームページ上で聴いていただけるようにするには?

    Adobe GoLive5.0で、ホームページを作っているのですが、mp3をホームページ上で聴いていただけるようにHPをつくるには、どのようにすればよいですか。 初心者ですので、わかりやすく、教えてください。よろしくお願いいたします。

  • パソコンの勉強してると(・・;)

    いつもPCの初心者質問して皆さんにお世話になってるranraraです_(._.)_ 今まで仕事で「Excel」「Word」「PowerPoint」しか使わなかったので “このままじゃいかん!”とやっとPCの勉強を始めました。 最初はおお!など新しい発見が多くて面白く、 それじゃWEB関連強くなろ!などと思い立ち、 かっこつけて(-_-;)学校に通い始めました。 adobe イラストレーターから始まってフォトショップを今勉強中です。 で、イラストレーターがかなりややこしく思って躓きそうになっていたのですが、 何とか持ちこたえ(?)フォトショップになったら面白くなりました。 (そういう事、ないですか?フォトショップから教えてくれればいいのにぃっ) が! フォトショップ以外にもコンピューター用語自体知らない! 覚える事が多すぎる!!ピ~ンチ!状態に陥ってます。 すごくPCの勉強が面白いから、などと思って勉強していても、 どうやら私の能の容量が小さいらしく、 不眠気味になったり、寝ても変な夢を見たり、 どうも疲れてるみたいです。 本当に皆さんPCにお詳しくって、羨ましいのと同時に 「追いつかなきゃ」と切羽詰った感じがしているんですよね。。。 すごく変な質問で申し訳ないのですが、 PCにとても詳しい皆様(それをお仕事にしている方)、 「身体(神経)が疲れる」という事、ないですか。。。? 又、身体と神経が疲れた時の対処法などあったら教えてください!!

  • DTP、デザインの勉強方法について

    ほぼ初心者ですが、DTPの会社に入りました。 が、やはり難しいことだらけで必死です。 参考書以外で安くて集中して学ぶ方法があれば教えていただきたく投稿しました。 例えば一ヶ月、10万ぐらいでいけるデザインの専門学校とかあれば教えてください。 勉強したいのは、イラストレーター、フォトショップ、DTPの知識です。

  • マクロメディアとアドビ、どっちのHP作成ソフトがいいでしょうか?

    HPを作りたいと考えています。 今はDTP関係の仕事をしていて、将来的にはWEB関係を仕事とできるよう進みたいと思っています。 仕事としてやるにはマクロメディアとアドビ、どっちのHP作成ソフトがいいでしょうか? イラストレーターとフォトショップを仕事で使っているのですが、やっぱりアドビの方が使いやすいでしょうか? でもマクロメディアの方が、普及しているような…。 これからのことを考えて、どっちがいいか迷っています。 おねがいします。

    • ベストアンサー
    • HTML
  • ホームページ、簡単に作れますか?

    簡単にホームページを作りたいのですが、 ソフトは、GoLive5.0 4.0はあります。 他に、簡単に作れる方法があれば教えて下さい。 パソコンは、DTPはしていますが、基本的な事等全くの素人同然です。 宜しくお願い致します。 ホームページは、作品等を載せる。と会社の紹介。です。

  • フォトショップ・イラストレーターの勉強方法

    印刷会社への就職を考えています。 そこでフォトショップとイラストレーターの勉強をしようと思っているのですが、フォトショップとイラストレーターのプログラム(?)はどこで手に入れられるんですか? 本屋に売ってあるレッスン用のDVDからダウンロードしたものでずっと活用できるのでしょうか? Adobeに体験版無料ダウンロードとありましたが、それはあくまでも体験版ですよねー; バージョンなどもたくさんあってどれがいいのか分かりません;; 元から興味があった事なので、就職の為だけじゃなく、今後も資格などの勉強もしたいと思っているので、どの教材を買ったらいいのか迷っています。 できれば安値でと思っています(^^;) 誰かアドバイスお願いします。

  • アカデミーパックから正規版へ

    アドビのイラストレーターやフォトショップの アカデミーパックから正規版に切り替える事は 可能なのですか?マクロメディアは、新たに買いなお さないといけないとの事ですが、アドビはどうなのですか? ホームページを調べて見たのですが、良く分からな かったので、何方か教えて頂けないでしょうか? 宜しく御願いします。

  • ホームページを作れるようになりたいのですが。

    目的はいくつかあって ・ボランティアですが知り合いのHPを作ってあげたい。 ・失業中なのでスキルアップになれば。(WEBデザイナーは望んではいませんが) ・いつかは自分用にもHPを作ってみたい。   等です。 ですが私はだいぶ昔にホームページビルダーを使って作っていたくらいの経験しかありません。 経験といっても浅く、たいした機能も使わずバランスよく作れなかった記憶があります。 職業訓練を受けることも考えたのですが、 受講内容をみると今の自分が出来る事があったり、ほんとに必要なのかな?と思うものもあったり 「職業訓練は独学で学べることがほとんど」と言ってる方も口コミ等をいくつか見たので迷っています。 以前はDTPオペレーターをしていました。 使っていたソフトはイラストレーター、フォトショップ、インデザイン、エディカラー、B2でしたが、 WEBデザインで使えるものはイラストレーターとフォトショくらいでしょうか。 イラストは手描きの方が早いです。 知り合いの依頼で作るかもしれないホームページの内容が医療や教育などのかたいものになりそうです。 経験もないのにこういうのもなんですができればあまり安っぽいものを作りたくはありません。 初心者で覚えていくにはどのような方法(独学または職業訓練?)がよいでしょうか? 独学の場合どのようなソフトからどのような方法でやっていくと覚えやすいでしょうか? ソフトの購入も必要だったら考えています。 お詳しい方教えてください。

    • ベストアンサー
    • CSS
  • ホームページ

    ホームページ制作のの勉強を独学でしています。 現在「webデザインの本」になぞって、Fireworks、 イラストレーター、フォトショップ、dreamweaver,を30日間無料体験版を使って勉強しているのですが、なかなか難しくて進みません。。。。 もっと使い勝手の簡単な雄めのソフトなどはありますでしょうか??

    • ベストアンサー
    • Mac

専門家に質問してみよう