PHPは含まれています-迅速なウェブデザインは

フィリップBeelによって2008年12月18日は° 8コメント




私はWebページの作成および更新するときに時間を節約する方法については仲間のウェブデザイナーによっていくつかのアドバイスのためにしばらく前に頼まれた、それは彼がPHPは急速に提供できることの可能性に気づいていたこと数分のために彼と話をした後、明らかになったサイトのターンアラウンドタイムを向上させる。 このチュートリアルは、HTMLやCSS、かつてのPHPの知識は必要ありませんに精通したウェブデザイナーを目指している。 私はそれがクリーンアップし、Webデザインの実践をスピードアップするためにPHPのincludeメソッドを使用することがいかに簡単かを紹介します。

付属機能では何ができます!?

あなたが使用したいと思う理由含む多数がある、プライマリしかし、設計〜100ページのウェブサイトを持って想像し、コードの重複を停止する場合、すべてのページが同じテンプレートの設計、ちょうど別のコンテンツ、この手段を持っているあなたは、おそらくコピーを自分自身を見つけると、すべてのページにわたってすべてのヘッダーとフッターを貼り付けになります。 次に、メニューに新しい項目を追加するように求めていると想像、あなたは本当にすべてのページを通過し、手作業で変更をしたいですか? 何が答えであれば、これはあなたのためのチュートリアルです。 どのようにある場所からソースファイルをへ私はあなたが表示されます、更新、維持する意味、これまで以上に簡単です!

あなたが必要なもの

すべてのあなたが必要となるがPHPをサポートするウェブサーバーでもあるこの機能が動作するためには、ほとんどのプロバイダはこのように標準提供していきます。 これ以外にはお気に入りのテキストエディタを開き、離れて私達は行く。

ページ

我々は。phpの構文を使用していることをここで注意して我々は新しいページを作成すると、それにindex.phpを呼び出す起動するには、すべてこれを行うには、それを解釈するために私たちのページにいくつかのPHPコードが含まれている可能性があること断絶を知らせることです。 このファイルではそのような単純なページを作成することができます。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>My Page</title>
</head>
</body>
<h2>My Page Heading</h2>
<p>The contents of my page</p>
</body>
</html>

構造

我々は2つの新しいファイルが、1と呼ばれるheader.php、および他のいわゆるフッターを作成するこのの内部に今、我々は新しいフォルダを作成することができる、それが含まれていると呼ぶ、非常に基本的なhtmlのタイトルとファイル、見出しと段落をレイアウトしているフォルダ構造のように。PHPは次のようなります。

含まれています

今あなたが。phpの構文を使用する必要はありません、最初のheader.phpを取ることできますが、一貫性を保つために、私はそうすることを選択しました。 このファイルでは、元のindex.phpファイルからヘッダー情報を置くことができる、我々は<body>タグから上すべてのものがかかります。 これは次のようになります。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>My Page</title>
</head>
<body>

これは今私達のファイルのすべてのヘッダー情報が含まれています。 このようになります私たちのfooter.phpファイルフッター情報を配置できるようになります。


</body>
</html>

今私たちは一緒にそれすべてを結びつけるために私たちのPHPコードで置くことができる場所ですべてのものを持っている。 私がしたいすべてのinclude()メソッドを使用して、3つのファイルを一緒にレースです。 コー​​ドは次のように見えることになるでしょう。

<?php
include('includes/header.php');
?>
<h2>My Page Heading</h2>
<p>The contents of my page</p>
<?php
include('includes/footer.php');
?>

上記のコードは<?PHP?>タグの私達のPHPコードをラップして、このすべては私達が外には、このチェックの詳細については、解釈する必要があるどの内部にスクリプトが発生しているという我々のサーバ上のPHPエンジンに指示されていませんkillerphpを これらのタグの内側に私たちが行っているすべては私たちのPHPの(インクルード呼び出していますその後、我々は我々が呼び出しているファイルへの相対パスを入れ括弧内の。 の詳細については、完全なチェックアウトが含まれていますマニュアルを参照して、また、あなたの要件に応じてこのスクリプトを改善する方法を確認するために、requireステートメントをチェックしてくださいあなたの気持ちが自信を持っている場合、。

私たちは一緒にすべてのコードを配置し、ファイルをアップロードした場合今、あなたはまた、HTMLタグを表示できるようになるソースを確認することにより、完全にレンダリングされたページが表示されるはずです。 これはすぐにページを作成し、制御するための非常に簡単で強力な方法です。 また、コンテンツを組織的かつ構造化されたことによって、あなたのコードをクリーンアップします。 自分自身でそれを試してみて、それがあなたのために何ができるかを参照してください。

コメント

" -迅速なウェブデザインのためのPHPが含まれる"〜8の対応
  1. ジョー- http://www.think-robot.comは 言う:

    OMG、どのような自明性。 本当に我々はPHPのマニュアルにあることについてgazylionのブロガーの記事を持っている必要がある理由は何ですか?

    それは特に厄介なのはマニュアルのオンラインバージョンを考慮するとそれ自身で学習するための素晴らしい場所です。

  2. アダムは- だ。

    クールなチュートリアルのおかげ!

  3. ジャック- だ。

    OMGジョー、あなたの傲慢さが私を驚かせる。 あなたが何かをする方法を知っているからといって、誰もが行うと仮定すべきではない。 私はこれが明確な例で有益なチュートリアルだと思った。 - あなた自身を乗り越える!

  4. munky - http://www.fyfi.netは 言う:

    LOL、soooooooooooooo最後の世紀。

  5. ジュディベネディクト- http://www.giraffeweb.comは 言う:

    これは、キリンのWebでの我々が長年やっているのかについてのすばらしい記事です! 私は個人的に私の時間の更新サイトの時間を保存しているうち含むを使用するようにしたい。 我々はこのルートを行ったので、我々はこれまで非常に人気のようですDWのテンプレート機能を使用しようとしていない。

  6. マイク- http://www.takadesigns.comは 言う:

    コー​​ドを入力することができないようになって...ここのリンクは、次のとおりです。

    http://www.boutell.com/newfaq/creating/include.html

  7. ニッキ-ロゴデザインの第一人者- http://www.logodesignguru.comは 言う:

    私はこのことを知りませんでした。 私によい洞察力を与えるための感謝。 チュートリアルはとても役立つことが、私はそれを感謝しています。

  8. Adanal?、Adanal? Dizisi - http://adanali.kral.tcは 言う:

    サンキュー。

チュートリアルのブログ