Phase 1: IIS installieren
💡 Tipp: Erst IIS aufsetzen, dann sofort Browser-Test
- Server Manager öffnen → Add roles and features
- Role-based installation → Lokalen Server wählen
- Haken bei „Web Server (IIS)“ → Vorgaben lassen → Next, Next… Install!
- Warten (Kaffee holen ☕)
Schnell-Check:
- IIS Manager öffnen → Sites → Default Web Site da?
- Browser:
http://localhost→ Willkommensseite? ✅ Super, IIS läuft!
Phase 2: Deine erste Seite (3 Min.)
💡 Tipp: Eigener Ordner = dein Web-Projekt-Basis!
C:\inetpub\wwwroot\meine-seite\
└── index.htmlHTML rein:
<h1>Meine erste IIS-Seite! 🚀</h1>
<p>Azubi-Power aktiviert!</p>IIS Manager → Neue Site oder Default-Pfad ändern → Browser-Test: http://localhost/meine-seite/ ✅
Phase 3: Ordner richtig sortieren
meine-seite/
├── index.html
├── rechner/
│ └── index.html
└── assets/
├── css/
└── js/Test-URLs:
localhost/✅localhost/rechner/✅localhost/assets/css/✅
Phase 4: MwSt-Rechner bauen (Azubi-Level)
💡 Tipp: Kopier den Code komplett – direkt funktional!
rechner/index.html:
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>MwSt-Rechner für Azubis</title>
</head>
<body>
<h1>💰 MwSt-Rechner</h1>
<label>Netto: </label>
<input id="netto" type="number" step="0.01" value="100">
<label>MwSt: </label>
<select id="satz">
<option value="0.19">19%</option>
<option value="0.07">7%</option>
</select>
<button onclick="berechnen()">🔢 Berechnen</button>
<p id="ausgabe"></p>
<script>
function berechnen() {
let netto = parseFloat(document.getElementById('netto').value);
let satz = parseFloat(document.getElementById('satz').value);
let steuer = netto * satz;
let brutto = netto + steuer;
document.getElementById('ausgabe').innerText =
`Steuer: ${steuer.toFixed(2)}€ | Brutto: ${brutto.toFixed(2)}€`;
}
</script>
</body>
</html>Test: 100€ + 19% = 119€ ✅ Dein erster Web-Rechner live!
Wichtiges Theorie-Wissen – Erklärungen für Anfänger
Was ist ein Webserver?
Ein Webserver liefert Inhalte an den Browser aus. IIS ist der Webserver von Microsoft.
Was ist ein Verzeichnis?
Ein Verzeichnis ist ein Ordner auf dem Server. Dort liegen Dateien wie HTML, CSS oder JavaScript.
Was ist ein Unterverzeichnis?
Ein Unterverzeichnis ist ein Ordner innerhalb eines anderen Ordners. Es hilft, Inhalte übersichtlich zu ordnen.
Was ist ein virtuelles Verzeichnis?
Ein virtuelles Verzeichnis ist ein zusätzlicher URL-Pfad, der auf einen echten Ordner zeigt.
Was ist statischer Inhalt?
Statischer Inhalt sind Dateien, die einfach so ausgeliefert werden, ohne Datenbank oder Serverprogrammierung.