[Tutorial] Under-Construction Seite erstellen

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • [Tutorial] Under-Construction Seite erstellen

      So soll die Seite später aussehen:
      [IMG:https://i.imgur.com/rM3YgQF.png]
      Erweitertes Bild: i.imgur.com/UZXSxDR.png


      Under Construction Seite erstellen
      Ihre Seite ist noch nicht ganz fertig, Sie wollen dennoch Ihren Internet Auftritt ankündigen? - Dann ist eine Under Construction Seite eventuell genau das richtige für Sie!

      Datei Erstellen
      Als aller erstes müssen Sie natürlich wieder eine HTML Datei erstellen. Dafür ist es egal wie Sie diese Datei benennen. Wir nehmen hierbei "under-construction.html" und schreiben nun etwas hinein wie:

      HTML-Quellcode

      1. <html>
      2. <head>
      3. <title>Under Construction</title>
      4. </head>
      5. <body>
      6. <h1>Website under Construction-<br />-Webseite ist in Bearbeitung</h1>
      7. </body>
      8. </html>

      Style Erstellen

      Um nun zu verstehen wie der Text in die Mitte kommt, müssen wir noch einen Style erstellen. Dazu verändern wir den obigen Code folgendermaßen:

      HTML-Quellcode

      1. <html>
      2. <head>
      3. <link href="style.css" />
      4. <title>Under Construction</title>
      5. </head>
      6. <body>
      7. <div class="mittig"><h1>Website under Construction-<br />-Webseite ist in Bearbeitung</h1>
      8. </body>
      9. </html>
      Um nun den gewünschten Style auch zu bekommen, erstellen wir eine style.css und schreiben dort folgendes hinein:

      Quellcode

      1. h1 {
      2. text-align: center;
      3. }
      4. div.mittig {
      5. position: absolute;
      6. left: 50%;
      7. margin-left: -200px;
      8. width: 400px;
      9. top:50%;
      10. margin-top: -200px;
      11. height: 400px;
      12. }
      Alles anzeigen
      Nun ist der gewünschte Style fertig und bereit.

      Weiterleitung Einrichten
      Wenn wir davon ausgehen, dass Sie nun eine "index.html" und eine "under-construction.html" in Ihrem Verzeichnis haben, dann müssen wir natürlich noch blockieren auf Ihre richtige Seite zu gelangen wenn man die (Sub-)Domain aufruft.

      Dies kann man folgendermaßen tun:
      Erstellen Sie eine weitere Datei in Ihrem Verzeichnis namens .htaccess und schreiben folgendes hinein:
      DirectoryIndex under-construction.html index.html
      Nun kann man mit http://ihre-domain.de die Seite aufrufen, kommt aber nur auf die "under-construction.html".
      Copyright © 2017 - 2020 Musiker15
      Dieser Inhalt darf nicht genutzt oder ohne meine Zustimmung abgeändert werden!