Der Martin: Webseite mit HTML und CSS umsetzten

Beitrag lesen

Hi,

  1. Wozu ist der blaue Bereich unter der Navigation gedacht? Soll der noch Inhalt bekommen? Falls ja: welchen?

Was in den Kasten später reinkommt, ist doch total irrelevant.

es ist nicht irrelevant. Denn vom vorgesehenen Inhalt hängt schließlich ab, mit welchem HTML-Element man den Container bezeichnen möchte.

Die Liste im header ist unnötig und sollte weggelassen werden. Listen für Navigationen waren mal ein inoffizielles Hilfskonstrukt, die fälschlicherweise zur Pflicht erhoben wurden. Die Listen solltest du nur verwenden wenn auch dein Lehrer diesem Irrtum unterliegt.

In allen Tutorials, Videos und auch Lehrbüchern steht, dass man eine Navigation mit ul li machen soll, von diesem gehe ich auch nicht ab.

Ja, das gilt auch immer noch als "best practice", die Navigation wird als "Liste von Links" aufgefasst, so dass ein ul- oder ol-Element sinnvoll ist. Das ganze eventuell zusammen mit einer kleinen Überschrift oder zusätzlichem kurzem Text in ein nav-Element verpackt und gut is'.

Schau dir Seiten im Netz an, alle sind so aufgebaut.

Schon, aber das wäre ja nun kein Argument ...

Hingegen darf sich das nav-Element nicht im main-Element befinden. Deshalb musst du zur Erstellung des Layouts ein div-Element statt des main-Elements verwenden. Das main-Element kann sinnvollerweise für den Content verwendet werden.

So ein Quatsch, wer hat dir dieses denn erzählt?

Meinst du nicht, dass du dich hier ein wenig im Ton vergriffen hast? Unabhängig davon, ob MrMurphy hier richtig liegt oder nicht.

Lass ich den Code prüfen, wird er mir als 100% valide angezeigt.

Okay. Das heißt aber noch nicht unbedingt, dass die Struktur auch sinnvoll ist.

Bei einem Shop weiß man NIE was kommt oder was irgendwann mal wieder verschwindet.

Für einen Shop gilt wie für jeden anderen Webauftritt auch: Eigentlich sollte von Anfang an bekannt sein, was wo stehen soll, weil sich danach das Markup richtet. Natürlich gibt es immer mal wieder ein Redesign, dann sollte man aber auch das Markup erneut auf Sinnhaftigkeit prüfen und ggf. anpassen.

So long,
 Martin

0 130

Webseite mit HTML und CSS umsetzten

Evan
  • css
  • html
  • meinung
  1. 0
    da-vid
  2. 0
    MrMurphy1
    1. 0
      Evan
      1. 0
        Matthias Apsel
        1. 0
          Evan
          1. 0
            Matthias Apsel
            1. 0
              Evan
              1. 0
                Christian Kruse
                1. 0
                  Evan
      2. 0
        MrMurphy1
        1. 0
          Evan
          1. 0
            Der Martin
            1. 0
              Evan
              1. 0
                marctrix
              2. 0
                Matthias Apsel
                1. 0
                  Evan
                  1. 2
                    Julius
        2. 0
          marctrix
          1. 0
            Matthias Scharwies
            1. 0
              Gunnar Bittersmann
              • html
              1. 0
                marctrix
                1. 0
                  MrMurphy1
                  1. 0
                    marctrix
            2. 1
              marctrix
      3. 0
        Gunnar Bittersmann
        • html
        1. 0
          Evan
          1. 0
            Gunnar Bittersmann
            1. 0
              Matthias Apsel
              1. 0
                Gunnar Bittersmann
    2. 0
      marctrix
      1. 0
        Evan
        1. 0
          JürgenB
          1. 0
            Evan
          2. 0
            marctrix
            1. 0
              Camping_RIDER
              1. 1
                marctrix
        2. 0
          marctrix
      2. 0
        MrMurphy1
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 1
              marctrix
      3. 0
        Gunnar Bittersmann
        1. 0
          marctrix
          1. 1
            Gunnar Bittersmann
            1. 0
              marctrix
        2. 0
          Evan
          1. 2
            Tabellenkalk
  3. 0
    Gunnar Bittersmann
    • design/layout
    • ux
    1. 0
      Evan
      1. 0
        Gunnar Bittersmann
  4. 0

    Seiten-Element gestaltet

    Evan
    1. 0
      Matthias Apsel
      1. 0
        Camping_RIDER
        1. 0
          Gunnar Bittersmann
          1. 0
            Camping_RIDER
            1. 0
              Auge
              • menschelei
    2. 0
      Auge
    3. 0
      MrMurphy1
      1. 0
        MrMurphy1
        1. 0
          Gunnar Bittersmann
          • html
          • rdf
          • semantik
        2. 1
          Tabellenkalk
          1. 0
            Gunnar Bittersmann
            • typografie
            1. 0
              Tabellenkalk
        3. 0
          Evan
          1. 0
            Evan
            1. 0
              Auge
              • css
              • html
          2. 0
            MrMurphy1
            1. 0
              Evan
              1. 0
                MrMurphy1
                1. 0
                  Evan
                  1. 0
                    Tabellenkalk
                    1. 0
                      Evan
                      1. 0
                        Tabellenkalk
                        1. 0
                          Evan
                          1. 0
                            Gunnar Bittersmann
                            • typografie
                            1. 0
                              Evan
                              1. 2
                                Gunnar Bittersmann
                                • meinung
                                1. 0
                                  Evan
                            2. 0
                              Tabellenkalk
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  Tabellenkalk
                                  1. 0
                                    Der Martin
                                    1. 0
                                      Tabellenkalk
            2. 0
              Gunnar Bittersmann
              • css
              • svg
              1. 0
                Evan
                1. 0
                  Gunnar Bittersmann
                2. 0
                  Gunnar Bittersmann
    4. 0
      MudGuard
      1. 0
        Evan
    5. 0

      Seiten-Element gestaltet - Problem mit Border Radius

      Evan
      1. 0
        Tabellenkalk
        1. 0

          Seiten-Element gestaltet - Fertige Box

          Evan
          1. 0

            Seiten-Element gestaltet - Border Länge

            Evan
            1. 0
              Auge
              • css
              • html
              1. 0
                Evan
                1. 0

                  Seiten-Element gestaltet - Border Länge - Erledigt

                  Evan
                  1. 1
                    MrMurphy1
                    1. 0
                      Evan
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Evan
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Evan
                              1. 1
                                Gunnar Bittersmann
                                1. 0
                                  Der Martin
                                  1. 0
                                    Auge
                                  2. 0
                                    Gunnar Bittersmann
                                    • mobile
                          2. 0
                            marctrix
                      2. 0
                        Gunnar Bittersmann
                        1. 0
                          Evan
                  2. 0
                    Gunnar Bittersmann
                    • css
                    1. 0
                      Evan
                      1. 0
                        Gunnar Bittersmann
              2. 0
                Matthias Apsel
  5. 0

    Danke für die Hilfe

    Evan
    1. 0
      MrMurphy1
      1. -1
        Evan
        1. 0
          Gunnar Bittersmann
          1. 0
            Christian Kruse
          2. 0
            Evan
            1. 0
              Gunnar Bittersmann
              • meinung
      2. 0
        Matthias Apsel
        1. 0
          Evan
          1. 0
            Matthias Apsel
            1. 0
              JürgenB
              1. 0
                Camping_RIDER
                1. 0
                  JürgenB
                2. 0
                  Gunnar Bittersmann
                  • menschelei
                  1. 0
                    Camping_RIDER
                    1. 0
                      Tabellenkalk