まず、ウェブサイト開発の基礎
（A）、クライアントとサーバー、フロントエンドのコードとバックエンドのコード、Webサイトの背景と前景
また、ユーザ端末と呼ばれるクライアント（クライアント）は、地元のプログラムやサービスを提供するために、サービスの対応終わりを指します。たとえば、お使いのコンピュータのQQソフトウェアをインストールした、マイクロチャネルAPPは、銀行のATM機で、携帯電話にインストールし、その上、すべてのクライアントがあります。
サーバ（サーバ）、それがサーバー上で動作するクライアントサービス、データアクセスプロバイダとビジネスロジックを指します。たとえば、あなたがQQをログに記録するQQ番号とパスワードを記入し、クライアントは認証のためにサーバにログイン情報を送信することにより、実際のプロセスは、採択後（などのプロフィール、フレンドリストなど）関連情報をサーバデータから返送されました。サーバーが停止されると、その後、クライアントのほとんどの機能が動作していません。このクライアント（クライアント）+ C / Sモードとして知られているソフトウェアの動作のサーバー（サーバー）モード。C / Sモードのソフトウェアが広く、オンラインゲーム、ネットワーク通信ソフトウェア、モバイルバンキングなどとして、使用されています。
、クライアントであるクライアント・アプリケーションまたはソフトウェアにインストールC / Sモードまたはアプリケーションソフトウェアアーキテクチャに人気のある用語は、、サーバ上で実行されている、クライアントは、手続き処理データを受け取り、サーバです。
ブラウザ（ブラウザ）も、クライアントに属します。要求に応じてサーバの演算処理を行う、URLを解析する一連の後に配信される要求（ドメイン名）のアクセス→URLを要求するブラウザは、サーバが指す、遠位端、遠位コードを戻す戻りコード→：一般的なプロセスにWebブラウザを開きブラウザに、ブラウザは、フロントエンドコードを解析し、処理、最終的なコンテンツは、テキスト、画像、マルチメディアなど提示など、フロントエンド・コードを記載しました。このブラウザ（ブラウザ）クライアント（クライアント）+ B / Sのモデルとして知られているソフトウェアの動作のサーバー（サーバー）モード。今、C / Sモードのソフトウェアの増加は、OA（Office Onlineの）、CRM（顧客関係管理システム）、オンラインゲームのウェブバージョンのWeb版（ページのツアーのウェブ版として、B / Sモデルに再開発します）と上のようにします。クライアントのオペレータがアップグレードされた場合は対照的に、C / Sモードは（例えばマイクロチャネルAPP 100MのQQクライアント60M、1.8Gゲームクライアントなど）、クライアントソフトウェアをインストールし、ユーザの必要性がアップグレードします通常の使用後に、クライアント、およびプログラムがクライアントソフトウェアをインストールするために、ユーザB / Sモードを必要としない、あなたはブラウザ次第で直接実行することができ、プログラムの操作側がサーバのアップグレードをアップグレードすることで、ユーザーは更新をアップグレードする必要はありません操作。B / Sモードの申請手続きはますますWeb開発者として使用されている、あなたは価値の多くを達成することができます行うことができます多くのものがあります。
また、クライアント上で実行されているコード手段の前端のフロントエンドとして知られるB / Sモードでは、クライアントを識別することができ、解析およびコードをレンダリング、通常HTML + CSS + JavaScriptコードは、後端部の後端部を指しコードのサーバーで実行されていることを、通常、ASPコード、PHPコード、ネットコード、JSPコードとして、サイトに使用されるプログラミング言語コードまたはスクリプト言語コードを指します。ブラウザは、（HTML、CSS、JavaScriptの）フロントエンドのコードを認識し、バックエンドコード（ASP、PHP、JSP、.NETを認識しない ）、 任意のバックエンドコードの後に解析すると、サーバー内の一連の操作の後、フロントエンドを生成していますコードがブラウザに返されます。ピース後端ようなコンピューティングのためのコード：1~100の累積値は、対話的に、実際のブラウザ上に表示される：アクセス要求→→アクセス要求が蓄積してサーバを実行するサーバに到達開始するWebブラウザを開き、コード計算ブラウザ→ブラウザへ→最終的な戻り値「5050は、」それの値を表示するための責任があります。ブラウザは、バックエンドのコードを実行することはできませんバックエンドのコードについては責任を負いません。
受信サイトは、そのような駅のウェブサイトの事業部として閲覧にユーザーのためのWebページのコレクションは、総称して「私たち、ニュースホーム、同社の製品、フィードバック、お問い合わせ、」これらのページのすべては、フロントページあり、ですサイトのレセプション。ウェブサイトの背景には、データ、コンテンツ管理システムのフロントページ、プラットフォームを指し、オペレーティング・プラットフォームは、（管理者アカウントとパスワードを使用して使用）を使用するだけでサイト管理者に提供されています。今めったにフォアグラウンドの列に応じて開発するために、純粋な静的（.htmlのまたは.htmの）を使用していない、と多くのプログラミング言語を使って書かれた、およびカスタマイズされますウェブサイトは、対応する管理背景、口座番号とパスワードを使用して、サイトの管理者が増加することができていますフォアグラウンドのウェブサイトのコンテンツには、削除データを変更します。
（B）は、Webページ上の拡張の.htmlと.htmのファイル
 |
| 図1-1 |
また、ファイルの拡張子として知られているファイルの拡張子（ファイル名の拡張子）、ファイルの種類をマークするためのメカニズムが使用されるオペレーティングシステムです。このような「DOC」の数は、我々はこれを開くには、独自の判断で単語を使用した後、ファイル、オペレーティングシステムソフトウェアをダブルクリックすると、Word文書の代表である、ファイル拡張子、あるポイントの後に「私の履歴書の.DOC」、などファイル;別の例は、「私の卒業写真の.JPG」、ファイルの拡張子は、我々は、ファイルをダブルクリックすると、画像の代表である「JPG」、である、オペレーティングシステムは、オープンにフォトビューアを使用して自分自身で判断しますファイル。すなわち：オペレーティングシステムは、ソフトウェアがそれを開くためにどのようなファイルの種類を決定するファイルのファイル拡張子に基づいています。オペレーティングシステムが正しいファイルを開くための適切なソフトウェアをインストールされていない場合は、ファイルをダブルクリックして開きます（図1-2）のように、「Windowsがこのファイルを開くことができません」プロンプトが表示されます：
 |
| 図1-2 |
静的ページのファイル名の拡張子は、「HTML」または「HTM」です。コンピュータは、我々はそれをダブルクリックすると、「個人的なホームページの.html」という名前のファイルがある場合は、オペレーティングシステムが自動的にWebページのファイルであるため、このファイルを開くためにブラウザを使用します。どこで「HTMは、」この拡張は、正しい「HTML」の拡張子が「HTM」と略記される3文字までの拡張を制限する、などDOS、Windows 95の、など以前のオペレーティングシステムでは、歴史的な互換性の問題の結果です。我々は静的なページを作成し、ファイルを保存する場合は今すぐオペレーティングシステムは、自然の限定されないが、より正確な表現のページファイルの種類で、より良いとオペレーティングシステムのWindows以外の家族のために、「HTML」の拡張子を保存することをお勧めします互換性（例えば、Unixシステムとして）。
補足知識：異なるオペレーティングシステム、プラットフォーム、農産物同じ結果や影響についての同じコードは、この差は、「互換性の問題を」と呼ばれています。別のブラウザで同じフロントエンドのコードページ、同じ結果や効果をもたらす、この差は、「互換性のあるページ」と呼ばれています。ウェブ互換性に問題が嘘の根本的な原因：フロントエンドのコードは一様ではないのと同じ方法を理解するさまざまなブラウザとブラウザの異なるバージョンは、W3C規格に準拠の程度が同じではありません。
（C）静的および動的なウェブページとの間の差
ファイルの静的ページ、動的ページだけでなく、ほかのファイル。動的なWebページのファイルは、プログラミングやスクリプト言語に依存することができ、拡張子は異なっています。例えば、言語のためのWeb ASPを使用して、ファイル拡張子「ASP」;（C＃の） NET ファイル拡張子「ASPX」;. JSPファイルの拡張子「JSP」または「やる」; PHPのファイル拡張子"PHP"へ。私たちは、サイトのURLと、サイトを閲覧するとき、あなたはどのような動的言語の発達を知ることができるようになります。例：http：//www.taobao.com/index.php、これはPHP言語の開発を使用して動的なウェブサイトです。
サイトに知らせることは、「サーバー側のWebプログラミングやスクリプト言語を使用していない」のサイトについてである「静的」で、「ダイナミック」が代わりに言っての、「サイトは、サーバー側のWebプログラミングやスクリプト言語を使用する」を参照しますサイトのページ、動画もある「ダイナミック」です。サーバー側のWebプログラミングやスクリプト言語のWebサイトを使用しないでください、.htmlのか、.htmファイルによって、すべてのページの全体のポイントを構成しました。
最初のページは、プレゼンテーションクラス40学生のウェブサイトを作る場合、あなたはホームページで少なくとも41ページを、確認する必要があり、そして残りの40ページ、各ページには、学生を説明し、静的なページです。だから、必要が時間を変更するためにサイトをアップグレードする際に、ワークロードが新しい転校生が来る、非常に大きいことを、あなたは学生を紹介して新しいページを作成する必要があり、オリジナルの41ページを変更する必要性は、新たな学生のページのリンクを追加します。それはまた、サイトのメンテナンスが必要な場合担当者は開発者のサイトに大きく依存して、ウェブサイトのメンテナンスの内容を変更または更新するために、サイトエディタの基本的な知識を持っている必要があります。
Webプログラミングやスクリプト言語の後の静的なページの多くの問題を解決するために登場。Webプログラミングやスクリプト言語は非常に別のサイトの開発と保守という、データベース、機密データへのアクセスに接続できます。サイトのメンテナが背景データで管理されるウェブサイトを訪問し、変更は、達成するために、更新サイトのコンテンツを削除しますメンテナンス（また、サイトの開発者によって開発されたものウェブサイトの管理プラットフォームとして知られているウェブサイト管理システム、として知られているウェブサイトの管理の背景には、フロントページのメンテナンスニーズに応じて作られました）。自動ソリューション、多変量方程式何度も、オンラインショッピング：Webプログラミングやスクリプト言語は、現実の生活、経営管理と事業開発における多くの問題を解決するための管理やビジネスまたは半自動化、などを自動化するために助けることができる、複雑な計算を実行することができます出荷コストや商品価格、オンラインオフィス、オンラインチェックイン、在庫管理の自動計算。Webプログラミングやスクリプト言語のページで書かれた動的ページと呼ばれ、全体のポイントは、動的なウェブサイトと呼ばれています。
動的なWebサイトは、より高度なので、それはそれを学ぶために、動的ウェブサイトの開発などではないのですか？いいえ、動的なウェブサイトの開発は、静的なウェブサイトの開発に基づいており、動的なウェブサイトの開発は、静的なウェブサイトの開発技術を含んでいます。アナロジーは、一階は二階で、二階は一人でスキップされたと一階にはできません静的なウェブサイト、動的なウェブサイトです。ブラウザは、静的なページのサイトにアクセスした場合、サーバは（コードのすべての内部静的なページは、フロントエンドのコードである）ブラウザフロントエンドのコードに戻ります、ブラウザがフロントエンドのコードを認識し、表示レンダリング、もしアクセスサイトの動的なページにブラウザ、サーバー上のコードインタプリタやプログラムコードの実行は、動的なページのコードの一連の操作を行い、最終的にブラウザに返さフロントエンドのコードを生成し、ブラウザを識別し、表示レンダリングするを読み込みます。つまり：複雑なコンピューティング、処理を行い、最終的にブラウザに返す方法を動的なページに関係なく、常にフロントエンドのコードです。ページ間の静的なページと動的な関係を含める次のとおりです。
 |
| 図1-3 |
補足知識：サイトによってコンパイルされたWebプログラミング言語は、2つのモード、プログラミングやスクリプト言語に分かれています。プログラミング言語とスクリプト言語の最大の違いは、アプリケーションを実行する前に、プログラミング言語で書かれたプログラムは、特別なコンパイルプロセスを必要とすることです。操作のプログラミング言語モードで書かれているプログラムアプリケーションは以下のとおりです。①②③コードの実行をコンパイルし、「②コンパイル」再び、それを実行するための唯一の必要性を、すべての実行が実行され、「③実行。」スクリプト言語を実行しているモードアプリケーションプログラムは、以下のとおりです。①②③説明し、それぞれの実行が実行されるコードを実行する「の実行を説明③②。」そのため、再コンパイルする必要があり、プログラミング言語のコードへの変更は、再び有効にするに実行し、任意のコードの変更のためのスクリプト言語はすぐに反映することができます。その動作原理は、スクリプト言語コードのメンテナンスの変更が迅速かつ容易になります。しかし、スクリプト言語の各実行は理論的には、一度説明しなければならないので、プログラミング言語よりも、速度と性能の面で悪くなります。しかし、現実は必ずしもそう、スピードを計算するスクリプト言語は、実行スクリプト言語パーサの速度に大きく依存ではありません。より高速なコンピュータ・プログラミング言語よりも多くのスクリプト言語のCまたはC ++で記述されたインタプリタではなく、プログラミング言語の実装よりも速度とパフォーマンスの大きな違いは、一部の環境条件インチ 一般的なプログラミング言語の.NETやJava、C、C ++、一般的なスクリプト言語のJavaScript、ASP、PHP。
