1. Installiere dir VSCode auf dein PC
2. Installiere dir Xampp Auf dein Pc (es dient dafür sich ein Lokalen server Auf zubaun)
3. Starte Xampp Als Admin so das wir alle möglichkeiten offen stehen
4. Starte im Xampp Apache Und Mysql (Apache sorgt dafür das php läuft, Mysql sorgt für eine datenbank)
4.1.Apache und mysql Werden nur bei web seiten benötig die eine anmeldung er vordern
sonst benötigen wir nur VSCode
4.2.wen wir also Xampp benötigen Müsst ihr euch noch die PHP.InIund dieMYSQL.InI
4.3.Solltes du mit Xampp Arbeiten ist wichtig dein projekt in den ordner htdocszu erstellen
der ordner befindet sich c:/xampp/htdocs
Komen wir nun zum Coden Selbst!!!
Starte VSCode Und offne dein Projekt ordner (solltest du noch kein haben erstelle dir ein)
erstelle dir in dein projekt ordner ein unter ordner mit dem namenassets
(dies ist ein allgemeiner ordnername und wird allgemein bei web seiten benüzt)
in diesen ordner erstellst du mehre ordner mit den namen csseinen mit js einen mit pics und einen mit font
in den orndern kommt später unsere aus lagerungs datein wie style, schrifftarten, und bilder
nun geh zurück zum hauptordner und erstelle dir da ein datein (kein ordner) mit dem namen index.htmldie ist nachher unsere start seite
(sie muss den namen index.html oder index.php haben sonst wird sie nicht aufen server erkannt)
Bauen wir das grundgerüst zusammen es besteht aus ein head ein body oder main und ein footer
in den head kommen infos über die seite ( wie zu beispiel die verlinkenungen zu stylesheet datei die den style festlegt )
in den body kommt dein inhalt also das was später auf der seite angezeigt werden soll
in den footer kommt dein impressum und dein autogram
jeder befehl in HTML fangt mit kleiner als an und endet grosser als zeichen
mit den befehl !DOCTYPE html legen wir fest um was es sich handelt in unsern fall ein HTML dukoment
Mit HTML Lang="de"legen wir die sprache fest in unsern fall de für deutsch (en für englisch)
dann kommt auch schon der head mit head und zum schliessen /head
in head tragen wir jetzt folgnes ein
meta charset="utf-8" um die zeichen festzu legen die erlaubt sind wie Ä Ö Ü usw
meta name="viewport" content="width=device-width, initial-scale=1" um das seiten verhälnis fest zu legen
titlelegen wir ein title der seite fest ( es wird nur im tab an gezeigt anstelle von zbs index.html)
verlinken wir unsere stylesheet und java script
link rel="stylesheet" href="/assets/css/style.css"
Die datei muss sich im ordner assets/css/ befinden
script src="/assets/js/script.js diese datei muss sich ordner assets/js/ befinden
INFO es gibt die möglichkeit sich vorlagen dieser beiden datein zu besorgen ich habe hir mal zwei links eingefügt
aber in unseren projekt nützen wir unsere und erstellen sie selber
