\ud83d\udca1 Tipp:<\/strong> Erst IIS aufsetzen, dann sofort Browser-Test<\/p>\n\n\n\n Schnell-Check:<\/strong><\/p>\n\n\n\n \ud83d\udca1 Tipp:<\/strong> Eigener Ordner = dein Web-Projekt-Basis!<\/p>\n\n\n\n HTML rein:<\/strong><\/p>\n\n\n\n IIS Manager \u2192 Neue Site oder<\/strong> Default-Pfad \u00e4ndern \u2192 Browser-Test: Test-URLs:<\/p>\n\n\n\n \ud83d\udca1 Tipp:<\/strong> Kopier den Code komplett \u2013 direkt funktional!<\/p>\n\n\n\n rechner\/index.html:<\/strong><\/p>\n\n\n\n Test:<\/strong> 100\u20ac + 19% = 119\u20ac \u2705 Dein erster Web-Rechner live!<\/strong><\/p>\n\n\n\n <\/p>\n\n\n\n Ein Webserver liefert Inhalte an den Browser aus. IIS ist der Webserver von Microsoft.<\/p>\n\n\n\n Ein Verzeichnis ist ein Ordner auf dem Server. Dort liegen Dateien wie HTML, CSS oder JavaScript.<\/p>\n\n\n\n Ein Unterverzeichnis ist ein Ordner innerhalb eines anderen Ordners. Es hilft, Inhalte \u00fcbersichtlich zu ordnen.<\/p>\n\n\n\n Ein virtuelles Verzeichnis ist ein zus\u00e4tzlicher URL-Pfad, der auf einen echten Ordner zeigt.<\/p>\n\n\n\n Statischer Inhalt sind Dateien, die einfach so ausgeliefert werden, ohne Datenbank oder Serverprogrammierung.<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Phase 1: IIS installieren \ud83d\udca1 Tipp: Erst IIS aufsetzen, dann sofort Browser-Test Schnell-Check: Phase 2: Deine erste Seite (3 Min.) \ud83d\udca1 Tipp: Eigener Ordner = dein Web-Projekt-Basis! C:\\inetpub\\wwwroot\\meine-seite\\ \u2514\u2500\u2500 index.html HTML rein: <h1>Meine erste IIS-Seite! \ud83d\ude80<\/h1><p>Azubi-Power aktiviert!<\/p> IIS Manager \u2192 Neue Site oder Default-Pfad \u00e4ndern \u2192 Browser-Test: http:\/\/localhost\/meine-seite\/ \u2705 Phase 3: Ordner richtig sortieren meine-seite\/\u251c\u2500\u2500 […]<\/p>\n","protected":false},"author":1,"featured_media":312,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,15],"tags":[8,56,55,54,26,11],"class_list":["post-364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-projekte","category-programmierung","tag-basis","tag-css","tag-html","tag-iis","tag-itbasis","tag-webserver"],"_links":{"self":[{"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/posts\/364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=364"}],"version-history":[{"count":4,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/posts\/364\/revisions"}],"predecessor-version":[{"id":373,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/posts\/364\/revisions\/373"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=\/wp\/v2\/media\/312"}],"wp:attachment":[{"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=364"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wiki.hamsti.pm\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n
http:\/\/localhost<\/code> \u2192 Willkommensseite? \u2705 Super, IIS l\u00e4uft!<\/strong><\/li>\n<\/ul>\n\n\n\nPhase 2: Deine erste Seite (3 Min.)<\/h2>\n\n\n\n
C:\\inetpub\\wwwroot\\meine-seite\\
\u2514\u2500\u2500 index.html<\/code><\/pre>\n\n\n\n<h1>Meine erste IIS-Seite! \ud83d\ude80<\/h1>
<p>Azubi-Power aktiviert!<\/p><\/code><\/pre>\n\n\n\nhttp:\/\/localhost\/meine-seite\/<\/code> \u2705<\/p>\n\n\n\nPhase 3: Ordner richtig sortieren<\/h2>\n\n\n\n
meine-seite\/
\u251c\u2500\u2500 index.html
\u251c\u2500\u2500 rechner\/
\u2502 \u2514\u2500\u2500 index.html
\u2514\u2500\u2500 assets\/
\u251c\u2500\u2500 css\/
\u2514\u2500\u2500 js\/<\/code><\/pre>\n\n\n\n\n
localhost\/<\/code> \u2705<\/li>\n\n\n\nlocalhost\/rechner\/<\/code> \u2705<\/li>\n\n\n\nlocalhost\/assets\/css\/<\/code> \u2705<\/li>\n<\/ul>\n\n\n\nPhase 4: MwSt-Rechner bauen (Azubi-Level)<\/h2>\n\n\n\n
<!doctype html>
<html lang=\"de\">
<head>
<meta charset=\"utf-8\">
<title>MwSt-Rechner f\u00fcr Azubis<\/title>
<\/head>
<body>
<h1>\ud83d\udcb0 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()\">\ud83d\udd22 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)}\u20ac | Brutto: ${brutto.toFixed(2)}\u20ac`;
}
<\/script>
<\/body>
<\/html><\/code><\/pre>\n\n\n\nWichtiges Theorie-Wissen – Erkl\u00e4rungen f\u00fcr Anf\u00e4nger<\/h2>\n\n\n\n
Was ist ein Webserver?<\/h2>\n\n\n\n
Was ist ein Verzeichnis?<\/h2>\n\n\n\n
Was ist ein Unterverzeichnis?<\/h2>\n\n\n\n
Was ist ein virtuelles Verzeichnis?<\/h2>\n\n\n\n
Was ist statischer Inhalt?<\/h2>\n\n\n\n