Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- programmieren:cms [14/01/2022 14:38] – [Menue] conny
+++ programmieren:cms [14/01/2022 18:17] (aktuell) – [Seite 1] conny
@@ Zeile 2: / Zeile 2: @@
-Hier erkläre ich die Grundlagen wie man selbst ein einfaches CMS programmiert.
+Hier erkläre ich die Grundlagen wie man selbst ein einfaches responsive CMS / eigene Homepage programmiert.
 Ich habe es extra einfach gehalten, damit es nachvollziehbar ist.
 Verbesserungen und Verschönerungen kann man dann selbst machen.
@@ Zeile 10: / Zeile 10: @@
 {{ programmieren:6qwxijbrl8.png?600 }}
-. Grundstruktur
+**Grundstruktur**\\
 Wir brauchen folgende Scripte damit unsere Seite funktional und individuell erweiterbar ist:\\
 Startseite -> index.php\\
@@ Zeile 19: / Zeile 19: @@
 CSS -> style.css\\
+Der Vorteil des modularen Aufbaus ist, dass man Änderung welche alle Seiten betreffen nur einmal machen muss.\\
-DEMO: https://wiki.hennweb.de/demo/cms1/index.php
+DEMO: https://wiki.hennweb.de/demo/cms1/index.php\\
+Download: [[https://wiki.hennweb.de/demo/cms1/Mini-CMS.zip|Mini-CMS.zip]]\\
 ==== Startseite ====
@@ Zeile 107: / Zeile 109: @@
 <!--- Kopfbereich -->
 <div id="header-wrapper">
-	<img class="responsive" style="max-width:350px;" src="logo.png">
+	<a href="index.php"><img class="responsive" style="max-width:350px;" src="logo.png"></a>
 </div>
 <!--- Ende Kopf -->
@@ Zeile 128: / Zeile 130: @@
 Hier wird der obere Bereich (Header) mit Menü erstellt.\\
 Zeile 2 tauschen wir die Datei logo.png gegen deine eigene Grafik aus.\\
+\\
+Wenn man einen weiteren Menüpunkt hinzufügen will muss man nur noch eine weitere Zeile einfügen\\
+<code>
+<li><a href="<DATEINAME>"  class="<?php if($page == '<name der selbst definierten Variable $page')   {echo "active";} ?>"><NAME DES MENÜPUNKTS</a></li>
+</code>
+Ein weiteres gutes Menü mit Dropdown und responsive findet man hier: https://codepen.io/andornagy/pen/RNeydj
 ==== Footer ====
@@ Zeile 144: / Zeile 150: @@
 </code>
+Zeile 6 ersetzen wir durch unseren eigenen Inhalt (HTML)\\
 ==== Seite 1 ====
@@ Zeile 165: / Zeile 172: @@
 </code>
+Beispiel Seite1\\
+In Zeile 7 haben wir die Variable $page definiert "seite1". Diese benötigen wir in MENUE.PHP um den entsprechenden Menüpunkt aktiv zu stellen.\\
+\\
+Ansonsten brauchen wir nur noch Zeile 10 durch unseren eigenen Inhalt auszutauschen.\\
 ==== Seite 2 ====
@@ Zeile 186: / Zeile 196: @@
 </html>
 </code>
+Selbe Info wie bei Seite1\\
@@ Zeile 209: / Zeile 221: @@
 </code>
+Selbe Info wie bei Seite1
 ==== Style.css ====
@@ Zeile 306: / Zeile 318: @@
 <!--- Standard Script Files -->
 <!-- z.B. Bootstrap laden -->
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
+<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>-->
 </code>