{"id":745,"date":"2023-09-27T08:00:00","date_gmt":"2023-09-27T06:00:00","guid":{"rendered":"https:\/\/www.fuhselab.de\/?p=745"},"modified":"2024-07-24T06:11:36","modified_gmt":"2024-07-24T04:11:36","slug":"php-workshop-1","status":"publish","type":"post","link":"https:\/\/www.fuhselab.de\/index.php\/2023\/09\/27\/php-workshop-1\/","title":{"rendered":"PHP Workshop 1"},"content":{"rendered":"\n<p>Willkommen beim PHP Workshop 2023. Der PHP Workshop ist eine direkte Fortsetzung der HTML und CSS Workshops und erweitert die bisher erstellten HTML Webseiten um einige n\u00fctzliche PHP-Funktionen\u2026 Wer mehr \u00fcber PHP lernen m\u00f6chte ist in dieser Artikelserie genau richtig.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p><strong>Vorbereitungen:<\/strong><\/p>\n\n\n\n<p>Der PHP Workshop basiert auf dem Layout Flex 2 Version 2 mit Tab Navigation vertikal. In einem ersten Schritt kopieren wir also einfach das entsprechende Flex 2 Layout in den Ordner \u201cPHP-2023\u201c und die index-Datei wird einfach in \u201cindex.php\u201c umbenannt.<\/p>\n\n\n\n<p>Nochmal: Im Verzeichnis \u201c\/var\/www\/html\/\u201c wird ein Ordner mit dem Namen \u201cPHP-2023\u201c erstellt und das entsprechende Flex 2 Layout wird in diesen Ordner kopiert und die index-Datei wird in \u201cindex.php\u201c umbenannt.<\/p>\n\n\n\n<p>In der index.php Datei werden nun noch einige wichtige Anpassungen vorgenommen. Der Seitentitel wird angepasst [PHP Workshop 2023], die Navigation wird angepasst und der erste Artikel etwas \u00fcberarbeitet&#8230;Abschlie\u00dfend wurde f\u00fcr die PHP-2023 Startseite ein Lesezeichen im Webbrowser angelegt.<\/p>\n\n\n\n<p>Konkret werden in der Navigation die Sprungziele f\u00fcr die Hyperlinks nat\u00fcrlich auch auf die index.php Datei angepasst.<\/p>\n\n\n\n<p>Das Lesezeichen wird nun f\u00fcr die localhost-Umgebung erstellt. Das ist wichtig, denn PHP-Webseiten k\u00f6nnen lokal nur als Textdatei betrachtet werden und wir w\u00fcrden nur unseren Code sehen. Damit wir aber den PHP Code auch im Einsatz bewundern k\u00f6nnen, haben wir ja einen Apache-Webserver mit PHP auch lokal installiert.<\/p>\n\n\n\n<p><strong>Der Apache Webserver und PHP:<\/strong><\/p>\n\n\n\n<p>Die Installation von Apache und PHP beschreibe ich in den Artikeln<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.fuhselab.de\/index.php\/2023\/08\/07\/apache-webserver-1\/\">Apache Installation<\/a><\/li>\n\n\n\n<li>Fuhselab Webseite PHP Installation<\/li>\n<\/ul>\n\n\n\n<p>Hier aber die Kurzfassung f\u00fcr die Installation:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>sudo apt install apache2<\/li>\n\n\n\n<li>sudo apt install php<\/li>\n\n\n\n<li>(sudo apt install libapache2-mod-php7.0)<\/li>\n<\/ul>\n\n\n\n<p><strong>Der erste PHP Test:<\/strong><\/p>\n\n\n\n<p>Der Webserver Apache mit PHP sollte lauff\u00e4hig installiert sein und deshalb erfolgt nun der erste PHP Test. Folgenden Code setzten wir mit etwas Text davor und dahinter in einen zweiten Artikel.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\nphpinfo();\n?&gt;<\/code><\/pre>\n\n\n\n<p>Die wichtigsten Informationen zu PHP sollten nun im zweiten Artikel auf dieser Webseite zu lesen sein &#8211; von der Versionsnummer bis zur Lizenz. Jetzt wird es aber Zeit f\u00fcr den ersten richtigen Code\u2026:<\/p>\n\n\n\n<p><strong>Hallo Welt:<\/strong><\/p>\n\n\n\n<p>Wie in jeder Programmiersprache beginnt die Reise mit dem ber\u00fchmten &#8222;Hallo Welt&#8220;\u2026<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\necho \"Hallo Welt\";\n?&gt;<\/code><\/pre>\n\n\n\n<p>Nur der Text &#8222;Hallo Welt&#8220; im zweiten Artikel wird hier per PHP eingebunden. Im Augenblick ist das noch nicht so spektakul\u00e4r, doch sp\u00e4ter k\u00f6nnen so dynamische Webseiten erstellt werden. Auch Interaktion mit dem Webseiten-Besucher ist m\u00f6glich. Wichtig ist hier nur die Syntax von PHP. Alles was PHP Code ist wird vom \u00f6ffnenden PHP-Tag und dem schlie\u00dfenden PHP-Tag eingeschlossen.<\/p>\n\n\n\n<p><strong>Die einfache Variable:<\/strong><\/p>\n\n\n\n<p>Eine Variable wird mit dem Dollarzeichen angelegt. Direkt nach dem Dollarzeichen wird der Variablenname vergeben. Bei der Namensvergabe gibt es nur einige wenige Grundregeln, doch dazu sp\u00e4ter mehr. Hier ist jetzt nur wichtig, dass der Variable \u201ename\u201c der Inhalt \u201cHans\u201c zugewiesen wird. Der Inhalt wird dann dynamisch auf der Webseite ausgelesen. Der Effekt wird deutlich, wenn man andere Namen statt \u201cHans\u201c einf\u00fcgt.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n$name=\"Hans\";\necho \"Mein Name ist \";\necho $name;\n?&gt;<\/code><\/pre>\n\n\n\n<p>Im n\u00e4chsten Artikel zum PHP Workshop geht es mit Variablen weiter&#8230;<\/p>\n\n\n\n<p><strong>Das Layout Flex 2 Version 2:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n\n&lt;html lang=\"de\"&gt;\n\n&lt;head&gt;\n\n&lt;title&gt;Webdesign-Workshop&lt;\/title&gt;\n\n&lt;link rel=\"stylesheet\" href=\"01_CSS\/01_zentrale.css\" type=\"text\/css\" \/&gt;\n\n&lt;meta charset=\"UTF-8\"&gt;\n\n&lt;\/head&gt;\n\n&lt;body&gt;\n\n&lt;div id=\"wrapper\"&gt; &lt;!-- Anfang vom wrapper-Bereich --&gt;\n\n&lt;header&gt; &lt;!-- Anfang vom header-Element --&gt;\n\n&lt;\/header&gt; &lt;!-- Ende vom header-Element --&gt;\n\n&lt;nav&gt; &lt;!-- Anfang vom nav-Element --&gt;\n\n&lt;ul&gt;\n\n&lt;li&gt;&lt;a href=\"index.html\"&gt;Gesamt\u00fcbersicht&lt;\/a&gt;&lt;\/li&gt;\n\n&lt;li&gt;&lt;a href=\"index.html\"&gt;Startseite&lt;\/a&gt;&lt;\/li&gt;\n\n&lt;\/ul&gt;\n\n&lt;\/nav&gt; &lt;!-- Ende vom nav-Element --&gt;\n\n&lt;main&gt; &lt;!-- Anfang vom main-Element also dem eigentlichen Textbereich-Hauptbereich der Webseite --&gt;\n\n&lt;article&gt;\n\n&lt;h1&gt;Flex 2 Version 2 mit Tab-Navigation vertikal:&lt;\/h1&gt;\n\n&lt;p&gt;\n\nDies ist Flex 2 Version 2 mit Tab Navigation vertikal.\n\n&lt;br \/&gt;&lt;br \/&gt;\n\nEinige Metaangaben wurden entfernt und die Spracheinstellung im html-Tag zugef\u00fcgt...\n\n&lt;\/p&gt;\n\n&lt;\/article&gt;\n\n&lt;br \/&gt;\n\n&lt;\/main&gt; &lt;!-- Ende vom main-Element --&gt;\n\n&lt;footer&gt; &lt;!-- Anfang vom footer-Element --&gt;\n\n&lt;\/footer&gt; &lt;!-- Ende vom footer-Element --&gt;\n\n&lt;\/div&gt; &lt;!-- Ende vom wrapper-Bereich --&gt;\n\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Willkommen beim PHP Workshop 2023. Der PHP Workshop ist eine direkte Fortsetzung der HTML und CSS Workshops und erweitert die bisher erstellten HTML Webseiten um einige n\u00fctzliche PHP-Funktionen\u2026 Wer mehr \u00fcber PHP lernen m\u00f6chte ist in dieser Artikelserie genau richtig.<\/p>\n","protected":false},"author":1,"featured_media":53,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[23],"class_list":["post-745","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","tag-webdesign-gruppe-peine"],"_links":{"self":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/comments?post=745"}],"version-history":[{"count":5,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/745\/revisions"}],"predecessor-version":[{"id":1661,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/posts\/745\/revisions\/1661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media\/53"}],"wp:attachment":[{"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/media?parent=745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/categories?post=745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fuhselab.de\/index.php\/wp-json\/wp\/v2\/tags?post=745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}