プログラミングの習得

質問

近い将来ネット販売サイトを運営できたらいいなと、プログラミングを勉強しはじめたのですが、
色んな人の意見を聞いていて、少し混乱しています。

新しい HTML5/CSS3 から始めるべきか、それともまずは現行バージョンの HTML/CSS を着実にやるべきか、XHTMLのみ勉強すれば良いのか。

ｐｈｐも同時に学んでいこうと思っていますが、クライアントサイドの言語はなにがおすすめですか。
また、これらは同時並行してやるべきか、そうでなければ、順序はどうするのがよいのでしょう。

質問ばかりで申し訳ありませんが宜しくお願いいたします。

回答No.4

ORUKA1951 · ベストアンサー

目標がネットショップでしたら、楽天やYahoo!ショッピングなどのシステムを利用するほうが早くて確実です。
　それは将来の目的で、とりあえずウェブサイトを構築したいのでしたら
・ウェブの仕組み--インターネットやHTTPの基本的な仕組み
・HTMLやスタイルシート
・CGI,javascript,PHPなどプログラム
　などを身につけていきましょう。

　ここでは、HTML、スタイルシートについて説明すると
★HTMLは、HTML4.01strictが資料も豊富で、近々勧告されるであろうHTML5の元になるものなのでお勧め。XHTMLはあえてお勧めしません。
　→HTMLとXHTMLの違いについて - HTML - 教えて！goo ( http://okwave.jp/qa/q7112581.html )
　そのときに
1) 必ずHTML4.01strictに徹すること
　「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」
2) class名やidは、文書構造を補完するものを使う。
　『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』
　実際になにを使うかは「HTML5の新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」とその意味が参考になるでしょう。
　端的に言うとHTMLを作るときデザインを考えるな!!!

テキストエディタ--テキストエディタ EmEditor - EmEditor Free ( http://jp.emeditor.com/modules/download2/rewrite/tc_5.html )を手に入れて
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
を一通り通して実行してみること
　完成したら、
★Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html )
　でチェックして直していくこと。

　また、HTML4.01の仕様書( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html#toc )を一通り目を通しておき、必要なとき必要な項目を調べられるようになっておくこと。

　この方法が、もっとも早道で袋小路や遠回りをしなくて済む。

　HTMLがかけるようになったら、それをスタイルシートでデザインしていくことに挑戦しましょう。

下記も読んでおいてください。
HTMLについて、教えて下さい - HTML - 教えて！goo ( http://okwave.jp/qa/q6879715.html#a2 )
CSSの勉強におすすめの本【初心者です】 - Webデザイン・CSS - 教えて！goo ( http://okwave.jp/qa/q6808604.html )

　プログラムはその後で良いです。

お礼

大変参考になりました。
本当にありがとうございます。
明日から実践したいと思います。

回答No.3

kawai985

http://okwave.jp/qa/q7004811.html
http://goo.gl/6Mfny
4.01をすすめます
http://www.ajaxtower.jp/js/
http://www.ajaxtower.jp/

お礼

ご回答ありがとうございます。
参考にさせていただきます。

回答No.2

neko-ten

HTML5/CSS3は全く新しいものではなく現行のHTML4の後継ですから、共通部分は多岐にわたります。
XHTMLはHTMLをXML構文で書き直したものですから、これもまた共通部分は多い。
CSSもそうですね。
なんで、HTML5/CSS3だけっていうことには基本的にはなりません。

また、現在の環境上IEがかなりの割合を占めていることは事実です。
そのため、HTML5/CSS3サイトは商用としては不適切な状態です。
HTML4/CSS2ベースの勉強でまずは大丈夫です。

＞XHTMLのみ勉強すれば良いのか。
上記のとおり、XHTMLはHTMLをXML構文にしただけと考えていいです。
なんで、CSS使わなければデザインできませんし、JavaScript知らなければ動的サイト作成も難しくなります。
まぁ、HTML4知ってる人ならXHTMLでの構築はすぐできると思います。

＞クライアントサイドの言語はなにがおすすめですか。
好きなものをどーぞですね。
Rubyでも、Perlでも、PHPでも。
個人的にはRuby=PHP>Perlってところです。Javaは別と考えていいかもしれない。

＞これらは同時並行してやるべきか
サーバサイドスクリプトに関して言えば、結局HTML出力しなければ何にもなりませんから、HTML/CSSが使えることが大前提です。
AjaxでXML、JSON(Json応答でAjaxっていうのも変だけど)を取得して、JavaScriptで成形っていう手法もありますが、成形で出力するのはHTMLだし、ふつうに組むよりも知識はいりますね。

ちなみに、今回サーバサイドも想定していますので、サーバ側の知識やネットワーク知識、各プロトコルの基本的な知識は知らないといけません。
少なくとも自前でテストサーバ立てないといけませんから、ApacheやIISを使ったサーバ構築はできるようにしないとですね。
幸い、最近のPCなら仮想マシンを動かしても十分余裕がありますから、VMWareなどでLinuxあたりを動かすことで、追加投資なしで構築テストが可能です。
IISを使うとなるとWindowsServe必要ですから、お金かかってしまいますが・・・。
Windowsで動くApacheもありますが、一般的なサーバであればそういう運用はしてないでしょう。できれば本版環境に似ている状況で勉強するべきですから、ApacheならLinux or BSDで動かすのがいいかと思われます。

お礼

詳細なご説明ありがとうございます。
大変参考になりました。

回答No.1

noname#152572

まずは一冊本を買われて、簡単なHTMLから作られるといいと思います。そして順々に習得していきましょう。

おそらく質問に書かれている横文字の意味も分かってないでしょう？

あと「プログラミング」というフレーズも使わない方がいいです。HTML やCSS は「書く」であって「プログラミング」では無いからです。

お礼

ご回答ありがとうございます。