ウェブデザインの実践？ほとんどのHTMLやPHP？

Question

私はちょうど前にウェブ開発を学んで、練習するための非常に初心者のサイトを作った。それはひどいように見えますが、私が試したことを示すためのものです。私は構造が非常に貧弱で、標準に従わず、Adobe Dreamweaverなどでテンプレートを使用していました。ウェブサイトを作成してプログラミングを始めるときに膨大な量のものが必要になるため、 。

今私はそれに戻り、すべてを適切に処理しようとしています。私はサイトにフォーラムを追加し、ソースファイルのいくつかを見て、どのようにプロがそれをするのかを感じようとしました。すべてはPHPだった。すべてのhtmlはPHPで生成され、フォーラムはすばらしかった。

私が知りたいことは、プロのウェブ開発者がサイトをどのように構築しているかです。主にいくつかのPHPのHTMLは、ここやそこに、または主に、または完全にPHPを含む？私はフォーラムがデータベースから読んでいることを理解しており、PHPを使用するときに最も効率的ですが、これはほとんどのWebサイトにも当てはまりますか？私がFacebookやGoogle、または一部のWeb開発者のカスタムメイドのブログに行くと、それは主にPHPですか？

私はこれが開発者の味にかなり主観的だと思っていることは知っていますが、私はここに真ん中がどこにあるのか分かりません。

可能であれば、私はこれを読んでいる開発者のソースファイルのいくつかを見たいと思っています。

また、どのようなプログラムが使用されていますか？構文の強調表示をしたテキストエディタ？ページをアップロードしてテストしているのですか？PHPサーバーがインクルードと物をテストするためにインストールされていますか？

Answer 1

私がFacebookやGoogle、またはカスタムメイドの ブログにアクセスすると、それは主にPHPですか？

まず第一に、多数の開発言語と方法論があります。あなたはそれを自分で借りて、少なくともいくつか検討する必要があります。

http://en.wikipedia.org/wiki/Web_development

このリストは、（たとえば、GoogleとYahooは、少なくともいくつかの例では、ゼロから自分のハードウェアを設計）（Googleのような）企業が大きく、既存の技術を拡張したり、独自のロールという事実を考慮していません。 。

また、どのようなプログラムが使用されていますか？構文 が強調表示されているテキストエディタだけですか？

あなたは、任意のテキストエディタでコードを書くことができますが、プロジェクトはすぐにファイル編成、オートコンプリート、視覚的なデザイナー（時々）、リファクタリングツール、テスト・カバレッジ・ツール、などなど

恩恵を受ける何私はプロのWeb開発者が サイトをどのように構築しているか知りたいです。主にいくつかのPHPを含むHTMLは、 または主にまたは完全にPHP？

この質問はPHPとは関係ありません。要するに、ロジックをプレゼンテーションから分離し、共有機能を再利用する必要があります。これを達成するには、MVCパターンが非常に一般的です。 ではなく、が新機能と高性能の迅速な展開をサポートする適切に抽象化されたアーキテクチャを持っているため、MySpaceは大きな市場シェアを失ったと私は考えています（いくつかの事実に基づいています）。

ここからどこに行くのかわかりません。 のオプションと構造がたくさんあることが分かっていましたが、私はその例やいくつかの の開始点を望んでいました。

「正しい」出発点はありませんが、PHPが好きで、正しいやり方を認識し始めている場合、正しい方向に向かっています。必要に応じてbetter editorを探します。基本的なデザインパターンとベストプラクティスに関する記事を読んでください。彼らは全面的にウェブ上にある。

少しずつブランチしたい場合は、Visual Studio 2010の無料版をダウンロードし、.NET MVC Webプロジェクトを試してみてください。文字通りインストールしたり、新しいプロジェクトを作成したり、「再生」ボタンをクリックして実行することができます。

Answer 2

あなたが求めているのは、ウェブページ/ウェブアプリケーションの開発に関しては、スコープの大きな問題の氷山の一角であるロジックからコンテンツを分離する方法です。 「ベストプラクティス」モデルまたは一般に承認されたモデルを考え出すことの1つの問題は、最良のデザインが実際にはすべてのブラウザやモバイルデバイスなどで動作しない可能性があるということです。しかし、研究することの1つは、http://en.wikipedia.org/wiki/Business_logicサイト/ページの側面をさまざまなスコープやレイヤーに分割することを目的としています。

私はこの話題の専門家ではありませんが、データレイヤー（DBから）、ロジックレイヤー（PHP/Webサーバーロジック）、プレゼンテーションレイヤー（HTML） 。ロジック層とプレゼンテーション層のオーバーラップを避けるため、多くのデザイナーはSmartyのようなhtmlテンプレートシステムを採用しているので、静的なHTMLページに動的パーツ（ユーザ名、データテーブル値など）をマークアップすることができます。 PHPはこれらの値をテンプレート変数に代入します。

このトピックの別の側面は、プレゼンテーション層自体の分離です。ドキュメントレイヤー（実際のHTMLボディ）、プレゼンテーションレイヤー（ドキュメントの外観、CSSで扱われる）、インタラクティブレイヤー（ユーザーがページを見ている間に何か起こるはずのもの、javascriptで扱われるもの） 。これらはお互いにも絡み合っていますが、3つの側面すべてを処理するHTMLを書き込むPHPの作成を防ぐのに役立ちます。代わりに、あなたのPHPはドキュメントを書くだけかもしれませんし、CSSとJSはロードされた後は他のすべてを処理します。

Answer 3

私が知りたいことは構造は、自分のサイトのための技術を選ぶ方法をプロのWeb-の開発者です。

企業は好きなものを使用しますが、ウェブに最適な言語はありません。彼らは、問題のセットとリソースに合ったテクノロジーを選ぶ。 PHPだけでなく、例えばASP.NET,JavaServer Faces、およびa lot moreがあります。

たとえば、jQuery、KnockoutJS、Dojo ToolkitなどのHTML5とJavascriptライブラリを使用すると、素晴らしいダイナミックWebサイトを構築できます。私はそれが学習を始める場所だと思っていますし、Notepad++のようなエディタも使用しています。テキストエディタでは、コードを見て練習して理解するようにしてください。私はDreamweaverの方法を好まないでしょう。また、自分のサイトをW3Cに対してvalidにするよう挑戦することができます。そうすることで、サイトとコードの品質が向上します。

さらに快適になると、MVCの学習に最適なPHPのCodeIgniterのような、あなたの好みの言語に基づいたPHPおよび/またはフレームワークを進めることができます。経験豊富なWeb開発者になるには長い旅が必要なので、時間をかけてください。あなたは自分のベストプラクティスと好みを持っており、時間の経過とともにより良いやり方を見つけることができます。

可能であれば、これを読んでいる開発者の ソースファイルのいくつかを見てみたいと思います。

コーディングスタイルに関しては、既存のquestionsを検索することができますが、すべての言語にいくつかあると思います。