Frank: Frage zum Wiki-Artikel „Layout_mit_CSS“

problematische Seite

Hallo,

in obigem Kapitel wird das Anchor-Element verwendet mit href="/" als backlink.

<a id="backlink" href="/"><img src="img/logo.svg" alt="logo"></a>

Bedeutung: "... Backlink umschlossen, der als URL nur einen Schrägstrich - ein sogenannter Slash enthält. Damit wird automatisch die Standarddatei in diesem Ordner, die index.html, aufgerufen."

Wenn ich das versuche, führt dieser Link auf mein Laufwerk C:\ und zeigt mir das Inhaltsverzeichnis dieser Ebene an. Liegt das daran, dass dieses Web erst auf einem WebServer veröffentlicht werden müsste, um index.html aufzurufen, oder mache ich etwas falsch?

Vielen Dank für eure Antworten!

akzeptierte Antworten

  1. problematische Seite

    Hallo Frank,

    
    > <a id="backlink" href="/"><img src="img/logo.svg" alt="logo"></a>
    
    

    Bedeutung: "... Backlink umschlossen, der als URL nur einen Schrägstrich - ein sogenannter Slash enthält. Damit wird automatisch die Standarddatei in diesem Ordner, die index.html, aufgerufen."

    Die Erklärung ist zu gut gemeint und zu wenig technisch korrekt.

    Beginnt eine URL-Referenz mit dem Slash /, dann bedeutet das: Gehe vom höchsten erreichbaren Punkt der Verzeichnishierarchie aus. Im Web ist das das root-Verzeichnis der jeweiligen Domain, lokal ist es der Startpunkt des Filesystems, also auf einer Windows-Maschine typischerweise C:\.

    Wenn ich das versuche, führt dieser Link auf mein Laufwerk C:\ und zeigt mir das Inhaltsverzeichnis dieser Ebene an. Liegt das daran, dass dieses Web erst auf einem WebServer veröffentlicht werden müsste, um index.html aufzurufen, oder mache ich etwas falsch?

    Ja und ja. 😉

    Wenn nach dem / kein Dokumentname mehr folgt, heißt das für den Webserver: Liefere das Standarddokument aus diesem Verzeichnis. Bei gängigen Server-Konfigurationen ist das index.html oder index.php, kann aber alternativ auch start.html oder home.html heißen. Das legt der Betreiber des Servers fest; unter Umständen (aber nicht immer) kann der Inhaber der Site diese Einstellung auch in der .htaccess ändern.
    Das Windows-Dateisystem, das in deinem Fall anstelle eines Webservers gefragt wird, kennt so ein Standarddokument nicht und öffnet stattdessen ein Explorerfenster mit dem Verzeichnisinhalt.

    Und was machst du falsch? Du testest Webseiten im lokalen Dateisystem. Das genügt, solange du nur statisches HTML/CSS und vielleicht ein bisschen Javascript verwendest. Trotzdem ist es nützlich, zum Testen von Webseiten einen kleinen lokalen Webserver aufzusetzen, der aber bitte nicht von außerhalb deines PC erreichbar sein sollte.

    Sobald du aktive Inhalte hast (PHP, Datenbanken, ein CMS), geht ohne HTTP-Server sowieso nichts mehr.

    Immer eine Handbreit Wasser unterm Kiel
     Martin

    --
    Wenn ich den See seh, brauch ich kein Meer mehr.
  2. problematische Seite

    @@Frank

    <a id="backlink" href="/"><img src="img/logo.svg" alt="logo"></a>

    Was im Wiki alles so für Unsinn steht! Es muss alt="Startseite" heißen; der Alternativtext muss die Funktion des Links angeben.

    Kann man den Artikel gar nicht berichtigen?

    😷 LLAP

    --
    „Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“
    — Joachim Gauck über Impfgegner
    1. problematische Seite

      Hallo,

      <a id="backlink" href="/"><img src="img/logo.svg" alt="logo"></a>

      Was im Wiki alles so für Unsinn steht!

      na, na! Geht's auch etwas gemäßigter und sachlicher?

      Es muss alt="Startseite" heißen; der Alternativtext muss die Funktion des Links angeben.

      Der Einwand ist in diesem Fall berechtigt: Das alt-Attribut soll den Inhalt oder Zweck des Bildes beschreiben. Dass es sich um ein Logo handelt, ist hier eigentlich nebensächlich; entscheidend ist der Zweck, den das Bild durch den umschließenden Link bekommt.

      Bei freilaufenden img-Elementen soll das alt-Attribut aber einen kurzen beschreibenden Text enthalten, der das Bild beschreibt oder ersetzt.

      Immer eine Handbreit Wasser unterm Kiel
       Martin

      --
      Wenn ich den See seh, brauch ich kein Meer mehr.
      1. problematische Seite

        @@Der Martin

        Bei freilaufenden img-Elementen soll das alt-Attribut aber einen kurzen beschreibenden Text enthalten, der das Bild beschreibt oder ersetzt.

        Auch das stimmt so nicht. Bei rein dekorativen Grafiken soll das alt-Attribut einen leeren Wert haben (alt=""), aber vorhanden sein.

        😷 LLAP

        --
        „Dann ist ja auch schrecklich, dass wir in einem Land leben, in dem nicht nur Bildungswillige leben, sondern auch hinreichende Zahlen von Bekloppten. Das darf ich so locker formulieren, ich bin ja jetzt Rentner und muss nicht mehr auf jedes Wort achten.“
        — Joachim Gauck über Impfgegner
    2. problematische Seite

      Hallo Gunnar,

      Kann man den Artikel gar nicht berichtigen?

      Matthias hat ihn 2016 geschützt - wegen "hoher Besucherzahl". Offenbar gab's da Sorgen wegen Vandalismus. Ich habe das alt-Attribut korrigiert. Ob es auch noch Änderungsbedarf im Beispielsnamensraum gibt, muss ich gucken.

      2 Beispiele gefixt.

      @Matthias Scharwies - warum ist das Logo ein img UND ein background-image? Gibt's dafür einen Grund?

      Rolf

      --
      sumpsi - posui - obstruxi
      1. problematische Seite

        Servus!

        Hallo Gunnar,

        Kann man den Artikel gar nicht berichtigen?

        Matthias hat ihn 2016 geschützt - wegen "hoher Besucherzahl". Offenbar gab's da Sorgen wegen Vandalismus.

        Die Sorge habe ich immer und überall. Grade die Einstiegskurse sollten „vandalismusresistent“ sein, da nicht jeder Lehrer eine geleerte oder durch Fäkalinjurien zerstörte Seite wieder zurücksetzen kann.

        Aber deshalb sollten wir auch im Vorfeld gemeinsam schauen, dass wir Tippfehler, inhaltliche Fehler und unklare Formulierungen ausmerzen.

        Ich habe das alt-Attribut korrigiert.

        2 Beispiele gefixt.

        @Matthias Scharwies - warum ist das Logo ein img UND ein background-image? Gibt's dafür einen Grund?

        Danke, ich habe in den live-Beispielen das img und damit auch das alt-Attribut entfernt und das Ganze über das Hintergrundbild realisiert. Übrigens war auch die URL für das Logo falsch, wir hatten den Kurs ja von /design-0/ zu /kurse/html-einstieg/ verschoben. Ich habe auch bei den fertigen Layouts die Links korrigiert.

        Danke, dass ihr den Einstiegskurs nicht mit einer Erklärung zur Standarddatei „angereichert“ habt. Die Einstiegskurse sollten kurz, prägnant und sachlich bleiben.

        Grundlagen/Webprojekte/Dateiorganisation#Webserver:_Standarddatei_für_Verzeichnisse ist ja verlinkt (Oh Gott, welch langer Name für eine h3!)

        Da müsste man mal das Kapitel und den ganzen Kurs unter die Lupe nehmen. Das kann ich mir gut als Video-Reihe vorstellen und kommt im Forum immer wieder vor (Raketen-* Vorgehensweise zur Programmierung für Kapitel 1; Ersetzen in mehreren Dokumenten in Kapitel 2, etc.)

        Zu Webserver schreib ich gleich noch was in einem eigenen Post.

        Herzliche Grüße

        Matthias Scharwies

        --
        Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
  3. problematische Seite

    Hallo Frank,

    Tipps für einen Webserver

    Rolf

    --
    sumpsi - posui - obstruxi
    1. problematische Seite

      Hallo Frank,

      Tipps für einen Webserver

      Rolf

      Hallo,

      der verlinkte Webserver-Artikel ist seltsam gegliedert.

      Warum zB ist der Abschnitt „2.1.1 UwAmp Webserver“ im übergeordneten Abschnitt „2 XAMPP“ einsortiert? UwAmp ist ein eigenes Programm und hat mit Xampp nichts zu tun.

      Nebenbei bemerkt: UwAmp beherrscht den fliegenden Wechsel zwischen allen auf dem Rechner vorhandenen PHP-Versionen: sehr nützlich. UwAmp läuft aber nur unter Windows.

      1. problematische Seite

        n'Abend,

        Nebenbei bemerkt: UwAmp beherrscht den fliegenden Wechsel zwischen allen auf dem Rechner vorhandenen PHP-Versionen: sehr nützlich. UwAmp läuft aber nur unter Windows.

        wenn er denn überhaupt läuft. Ich habe es noch nicht geschafft, dieses Programm zum Laufen zu bringen.

        Immer eine Handbreit Wasser unterm Kiel
         Martin

        --
        Wenn ich den See seh, brauch ich kein Meer mehr.
        1. problematische Seite

          Nebenbei bemerkt: UwAmp beherrscht den fliegenden Wechsel zwischen allen auf dem Rechner vorhandenen PHP-Versionen: sehr nützlich. UwAmp läuft aber nur unter Windows.

          wenn er denn überhaupt läuft. Ich habe es noch nicht geschafft, dieses Programm zum Laufen zu bringen.

          Das muß an Dir liegen. An UwAmp liegt's jedenfalls nicht. Bei mir war's Liebe auf den ersten Blick nach dem ersten Test.

          1. problematische Seite

            Hallo,

            Nebenbei bemerkt: UwAmp beherrscht den fliegenden Wechsel zwischen allen auf dem Rechner vorhandenen PHP-Versionen: sehr nützlich. UwAmp läuft aber nur unter Windows.

            wenn er denn überhaupt läuft. Ich habe es noch nicht geschafft, dieses Programm zum Laufen zu bringen.

            Das muß an Dir liegen.

            nein, nicht direkt.

            Bei mir war's Liebe auf den ersten Blick nach dem ersten Test.

            Das hat mich angefeuert, es nochmal zu probieren. Jetzt läuft's tatsächlich.
            Problem: Man darf nicht die uwamp.exe aufrufen, die nach der Installation prominent im Startmenü auftaucht, sondern die uwampuac.exe im gleichen Verzeichnis. Dann scheint's zu funktionieren.

            Immer eine Handbreit Wasser unterm Kiel
             Martin

            --
            Wenn ich den See seh, brauch ich kein Meer mehr.
            1. problematische Seite

              Hallo Martin,

              Man darf nicht die uwamp.exe aufrufen, die nach der Installation prominent im Startmenü auftaucht, sondern die uwampuac.exe im gleichen Verzeichnis.

              Installation? Ich habe die zip-Datei runtergeladen und entpackt, keine Installation!

              Und ich rufe immer die UwAmp.exe auf.

              1. problematische Seite

                Hi,

                Installation? Ich habe die zip-Datei runtergeladen und entpackt, keine Installation!

                ich weiß nicht mehr, wie die uwamp-Installation auf meinen Rechner kam. Aber das Installationsverzeichnicht %userprofile%\Portables\uwamp lässt mich vermuten, dass es ähnlich aussieht wie bei dir, und dass ich den Shortcut im Startmenü vielleicht von Hand angelegt habe.

                Und ich rufe immer die UwAmp.exe auf.

                Auch das funktioniert bei mir gerade problemlos. Weitere Aussagen verschiebe ich auf Montag: Da bin ich mit dem Notebook mal wieder im Firmennetzwerk, jetzt aktuell nur im Heimnetz (Home Office). Da gibt es teilweise gravierende Unterschiede.

                Immer eine Handbreit Wasser unterm Kiel
                 Martin

                --
                Wenn ich den See seh, brauch ich kein Meer mehr.
                1. problematische Seite

                  Hallo nochmal,

                  Und ich rufe immer die UwAmp.exe auf.

                  Auch das funktioniert bei mir gerade problemlos. Weitere Aussagen verschiebe ich auf Montag: Da bin ich mit dem Notebook mal wieder im Firmennetzwerk, jetzt aktuell nur im Heimnetz (Home Office). Da gibt es teilweise gravierende Unterschiede.

                  ich hab das gerade mal getestet: Aktuell startet uwamp.exe problemlos, und im Config-Fenster meldet das Programm dann, dass sowohl der Apache als auch MySQL rennen.
                  Die Testseite des Webservers kann ich im Browser unter http://localhost/ aufrufen. MySQL habe ich jetzt nicht verifiziert; das glaube ich einfach mal.

                  Als ich das vor einigen Monaten probiert hatte, ließen sich die beiden Serverdienste nicht starten, ich kann mich aber nicht an eine Fehlermeldung erinnern.

                  Ist der Autor von UwAmp eigentlich Franzose? Mich irritiert, dass der Servername für den Apache-VHost main-serveur lautet. Frenglish??

                  Immer eine Handbreit Wasser unterm Kiel
                   Martin

                  --
                  Wenn ich den See seh, brauch ich kein Meer mehr.
                  1. problematische Seite

                    Salut!

                    Ist der Autor von UwAmp eigentlich Franzose? Mich irritiert, dass der Servername für den Apache-VHost main-serveur lautet. Frenglish??

                    Auf der Webseite im footeur: "Make (sic) by Guilaume Le Coz"

                    a bientôt

                    Matthias Scharwies

                    --
                    Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
                    1. problematische Seite

                      Hallo,

                      Ist der Autor von UwAmp eigentlich Franzose? Mich irritiert, dass der Servername für den Apache-VHost main-serveur lautet. Frenglish??

                      Auf der Webseite im footeur: "Make (sic) by Guilaume Le Coz"

                      okay, so weit war ich noch nicht. 😉
                      Und trotzdem: Gerade die francophonen Völker und Länder (Frankreich selbst ganz vorne dran) sind doch so eifrig darauf bedacht, ihre Sprache rein zu halten und möglichst keine Lehnwörter zu verwenden, schon gar nicht solche aus dem Englischen.

                      Gerade in der IT, wo Englisch eigentlich die dominierende Sprache ist, fühlt man sich in französischsprachiger Umgebung ziemlich verloren. Angefangen damit, dass es keinen Computer gibt, sondern un ordinateur. Files sind keine Files, sondern fichiers, Software ist keine Software, sondern logiciel.
                      Im Französischen gibt es ja auch kein Ketchup, sondern höchstens tomatine.

                      [EDIT: Die Niederländer sind teilweise(!) ähnlich krass. Da gibt es keinen Gerätetreiber oder device driver, sondern ein bestuuringsprogramma. Sonst benutzen sie aber auch gern englischstämmige Begriffe.]

                      a bientôt

                      Fast gut! 😉
                      Die Accents sind, nach der komplizierten Grammatik, wohl die zweite Hürde, an der sich Schüler in Französisch regelmäßig die Ohren brechen.

                      Immer eine Handbreit Wasser unterm Kiel
                       Martin

                      --
                      Wenn ich den See seh, brauch ich kein Meer mehr.
                  2. problematische Seite

                    Hallo,

                    MySQL habe ich jetzt nicht verifiziert; das glaube ich einfach mal.

                    Wie schon erwähnt, verwende ich kein MySQL, deswegen habe ich es unter UwAmp nicht getestet.

                    Falls MySQL nicht läuft, fragt man notfalls auf Stackoverflow.

                    Neuere MySQL- oder MariaDB-Versionen werden in UwAmp analog zu neuen PHP-Versionen installiert (siehe zB hier oder dort).

                    Der „fliegende Wechsel“ wie bei verschiedenen PHP-Versionen scheint aber beim Datenbank-Versionswechsel nicht möglich zu sein. Man muß wohl zwischendurch UwAmp beenden und neu starten.

      2. problematische Seite

        Hallo meltemi,

        vielen Dank für den Hinweis.

        Ich habe den Artikel leicht überarbeitet - findest Du es so hinnehmbar?

        Rolf

        --
        sumpsi - posui - obstruxi
        1. problematische Seite

          Hallo Rolf

          das „M“ ist schon richtig: MySQL ist in UwAmp auch enthalten.

          Sonst paßt's: eigener Hauptpunkt für UwAmp.

          1. problematische Seite

            Hallo meltemi,

            ups, da habe ich was falsch gedeutet. Ich habe nur "and SQLite" am Ende gesehen und das MySQL übersehen 😂

            Dann hab ich aber mal genauer geguckt. Die Idee "UwAmp" ist sicher gut, aber der liebe Willi müsste das Ding mal wieder pflegen. Apache 2.4.18 ist von 2015, die PHP und MySQL Versionen sind von 2016

            Apache 2.4.18 - aktuell ist 2.4.52

            PHP 5.6.18 und 7.0.3 - letzte Versionen wären 5.6.40 und 7.0.33, aber beide sind aus der Wartung. Die einzige 7er Version, die nicht EOL ist, ist 7.4!

            MySQL 5.7.11 - die aktuelle 5.7 ist 5.7.36

            Merkwürdig auch, dass er ein MySQL 5.7 mitliefert statt eine Maria. Wenn MySQL vom Stick läuft, sollte MariaDB das doch auch tun. So viel größer ist die nicht.

            Im aktuellen Zustand frage ich mich, ob man dieses Paket tatsächlich empfehlen kann. Egal, wie lieb Du es hast 😉

            Rolf

            --
            sumpsi - posui - obstruxi
            1. problematische Seite

              Hallo Rolf,

              Die Idee "UwAmp" ist sicher gut, aber der liebe Willi müsste das Ding mal wieder pflegen.

              ja.

              PHP 5.6.18 und 7.0.3 - letzte Versionen wären 5.6.40 und 7.0.33, aber beide sind aus der Wartung. Die einzige 7er Version, die nicht EOL ist, ist 7.4!

              Von windows.php.net runtergeladene und nach [Pfad]/uwamp/bin/php/(version) entpackte PHP-Versionen werden von UwAmp erkannt und sind über das Programmfenster auswählbar.

              MySQL 5.7.11 - die aktuelle 5.7 ist 5.7.36

              Stört keinen wie mich, der MySQL nicht nutzt.

              Im aktuellen Zustand frage ich mich, ob man dieses Paket tatsächlich empfehlen kann. Egal, wie lieb Du es hast 😉

              Der große Vorteil von UwAmp ist der schnelle Wechsel zwischen verschiedenen (auf dem Rechner vorhandenen) PHP-Versionen. Dieser Wechsel ist bei Xampp nicht möglich. Man müßte mehrere portable Xampps mit verschiedenen PHP-Versionen verfügbar haben: wie umständlich! Deswegen bin ich auf UwAmp umgestiegen.

              Zu UwAmp habe ich einen Testbericht verfaßt. Bei Bedarf sende ich Dir den Link.

              1. problematische Seite

                Hallo meltemi,

                Stört keinen wie mich, der MySQL nicht nutzt.

                Also bitte, das soll ein Argument für UwAmp sein? Ich sehe das eher als Argument gegen die Bedeutung deiner Befürwortung. Du trommelst für ein Paket, von dem Du eine zentrale Komponente überhaupt nicht nutzt.

                Ich habe gerade einmal die 3.10 heruntergeladen, und alles darin ist von 2016. Wird das Paket überhaupt noch vom Autor gepflegt? Oder hat er es aufgegeben?

                Das "Alleinstellungsmerkmal" der schnellen PHP Versionsumschaltung mag im Vergleich zu XAMPP gegeben sein. Ich nutze XAMPP nicht (ich verwende IIS) und kann nicht sagen, wie mühsam darin ein PHP Versionswechsel ist. Für einen Einsteiger ist eine UI-geführte Umschaltung ganz nett. Wichtiger noch ist der automatische Update aus zentralen Repositories. Ja, das ist ein klarer Vorteil.

                Statt uns jetzt zu zanken, sollten wir unsere Meinungsdifferenz einfach stehen lassen. Mich würden eher andere Meinungen interessieren als die Wiederholung bekannter Meinungen.

                Rolf

                --
                sumpsi - posui - obstruxi