Tutorial Blog

PHP beinhaltet - Für Rapid Web Design




Ich war vor einiger Zeit für ein paar Ratschläge von einem anderen Web-Designer, wie Sie Zeit bei der Erstellung und Aktualisierung von Web-Seiten speichern fragte, zeigte es sich, nach Rücksprache mit ihm für ein paar Minuten, dass er die Möglichkeiten nicht bewusst war, dass PHP anbieten könnte schnell Verbesserung der Website Turnaround-Zeit. Dieses Tutorial ist auf Web-Designer mit der Vertrautheit in HTML und CSS, PHP keine ehemaligen Kenntnisse mit dem Ziel erforderlich ist. Ich werde euch zeigen, wie einfach es ist die Verwendung von PHP-Include-Methode zu säubern und beschleunigen Sie Ihren Web-Design der Praxis.

What Can Do Inklusive for Me!?

Es gibt eine Vielzahl von Gründen, warum Sie würde zu verwenden sind, die primäre ist jedoch für die Vervielfältigung des Codes zu stoppen, haben Sie sich vorstellen, eines 100-Seiten-Website zu entwerfen, hat jede Seite den gleichen Template-Design, nur unterschiedliche Inhalte, bedeutet dies, werden Sie sich wahrscheinlich kopieren und einfügen und alle Ihre Kopf-und Fußzeilen auf allen Seiten. Dann stellen Sie werden gefragt, um ein neues Element, um das Menü hinzuzufügen, gehen Sie wirklich wollen, durch jede Seite zu gelangen und die Änderung von Hand zu machen? wenn keine die Antwort ist, dann ist das Lernprogramm für Sie. Ich werde Ihnen zeigen, wie die Quelle eine Datei von einem Standort aus, was bedeutet, Aktualisierung und Pflege ist einfacher als je zuvor!

Was sie benötigen

Damit dies funktioniert, alles, was Sie benötigen ist ein Web-Sever, die PHP unterstützt, werden die meisten Provider bieten diese als Standard. Andere als diese öffnen Sie Ihren bevorzugten Texteditor und los.

Die Seite

Zu Anfang werden wir eine neue Seite zu erstellen, nennen Sie es index.php, hier anmerken, dass wir ein. PHP-Syntax verwenden, das alles ist zu sagen, dass die sever unserer Seite einige PHP-Code nicht interpretieren enthalten kann. In dieser Datei können eine einfache Seite erstellen, etwa so:


<!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>

Die Struktur

Jetzt haben wir gelegt haben eine sehr einfache HTML-Datei mit einer Bezeichnung, die Bezeichnung und einen Absatz, können einen neuen Ordner erstellen, nennen Sie es auch innerhalb dieser wollen wir 2 neue Dateien, 1 genannt header.php zu schaffen, und eine andere als Fußzeile . php, damit Ihre Ordnerstruktur sollte wie folgt aussehen.

Die Includes

Werfen wir header.php ersten, jetzt müssen Sie nicht auf einen. PHP-Syntax verwenden, aber für die Konsistenz Ich habe mich entschieden, dies zu tun. In dieser Datei können die Header-Informationen von der Original-Datei index.php setzen, werden wir alles aus dem Tag <body> nach oben zu nehmen. die wie folgt aussehen sollte.


<!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>

Diese enthält nun alle Header-Informationen für unsere Datei. Ermöglicht die Fußzeile Informationen in unserem footer.php Datei ablegen, die wie folgt aussehen wird.


</body>
</html>

Jetzt haben wir alles im Ort können wir in unserem PHP-Code, um sie alle in miteinander zu verbinden. Alles, was wir wollen, ist Spitze zusammen 3 Dateien, indem Sie die include ()-Methode. Der Code wird wollen so aussehen.

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

Der obige Code legt unsere PHP-Code in <? Php?>-Tags, das alles ist die PHP-Engine auf dem Tell unserer sever, dass wir ein Skript in die müssen ausgelegt werden, stoßen, um weitere Informationen über dieses Kontrollkästchen, die killerphp. Innerhalb dieser Tags alles, was wir tun, ist unsere Berufung PHP include () dann innerhalb der Klammern wir den relativen Pfad zu der Datei, die wir fordern. Für weitere Informationen über die Check-out umfasst die vollständige Dokumentation, wenn Ihr Gefühl verlassen, dass Sie sollten auch prüfen, die Erklärung verlangen, um zu sehen, wie Sie dieses Skript je nach Ihren Anforderungen verbessert werden könnte.

Wenn wir nun den gesamten Code zusammen und laden Sie die Dateien, sollten Sie eine komplett gerenderten Seite zu sehen, indem Sie die Quelle, die Sie in der Lage, die HTML-Tags auch zu sehen. Dies ist ein wirklich einfaches und mächtiges Werkzeug zum Erstellen und kontrollieren Sie Seiten schnell. Es reinigt auch Sie Ihren Code, indem sie Ihre Inhalte organisiert und strukturiert werden. Probieren Sie es selbst und sehen Sie, was es für Sie tun kann.



Kommentare

8 Antworten enthält auf "PHP - Für Rapid Web Design"
  1. Jo sagt:

    OMG, was Selbstverständlichkeit. Gibt es wirklich einen Grund müssen wir gazylion Blogger Post über Dinge, die in das PHP-Manual sind, haben?

    Es ist besonders ärgerlich, unter Berücksichtigung der Online-Version des Handbuchs ist ein erstaunlicher Ort für das Lernen mit eigener Kraft.

  2. Adam sagt:

    Cool Tutorial Dank!

  3. Jack sagt:

    OMG Jo, dein Hochmut befremdet mich. Nur weil Sie wissen, wie etwas zu tun, sollten Sie nicht davon ausgehen, alle anderen nicht. Ich dachte, dies war ein informatives Tutorial mit klaren Beispiele. - Get over yourself!

  4. munky sagt:

    LOL, soooooooooooooo letzten Jahrhunderts.

  5. Dies ist ein großer Beitrag über das, was wir haben Giraffe Web Dabei seit Jahren! Mir persönlich gefällt die Verwendung der auch von denen hat mich gerettet Stunden Zeit Aktualisierung Seiten. Weil wir diesen Weg gingen, haben wir nicht schon einmal versucht, verwenden Sie die DW-Template-Funktion, die sehr beliebt zu sein scheint.

  6. Mike sagt:

    Looks like you cannot enter code ... Hier ist ein Link:

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

  7. Ich wusste nicht, dazu. Vielen Dank, dass Sie mir einen besseren Einblick. Tutorials kann so hilfreich, I appreciate it.

Tutorial Blog