Ankündigung

Einklappen
Keine Ankündigung bisher.

Tutorial für Seitenlayout gesucht

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Tutorial für Seitenlayout gesucht

    Ich bin neu hier, meine Name ist Bernhard, ich bin Gitarrenlehrer und möchte alle hier herzlich begrüßen.
    Ich mache seit fünfzehn Jahren Werbe-Webseiten für mich und meine Kollegin, bin aber noch nicht über das Formatieren mit Tabellenlayout hinaus. Die Seiten sind zum Teil stilistisch Old-School, mit ziemlich komplizierten ineinandergeschachtelten Tabellen, bringen aber Interessenten. Seit Wochen lerne ich endlich das Formatieren mit CSS. Mit zwei Tutorials hatte ich Pech, die Beispiele dort konnte ich zwar nachbauen, aber sie waren für meine Zwecke nicht brauchbar. Mittlerweile habe ich mir schwungvolle Sachen aus dem Internet angeeignet, blicke aber nicht wirklich durch. Kann mir hier jemand bitte ein Grundlagen-Tutorial empfehlen, was über "wrapper, header, sidebar, main-content und footer" hnausgeht, das vielleicht nachvollziehbar und Schritt für Schritt erklärt, wie man z.B. divs ineinanderschachtelt ? Das wäre toll ! Ich möchte ja möglichst bald meine neuen Seiten so ähnlich formatieren wie meine "älteren Hündchen"....
    Vielen Dank im Voraus & viele Grüße
    Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=

  • #2
    Schau mal hier --> https://www.html-seminar.de/
    ... und hier gibt es eine Tut-Serie (4 Tutotials), die zu einer modernen Webseite führt. https://www.youtube.com/watch?v=eJWMM189mB0
    Zuletzt geändert von Lupus_III; 18.08.2018, 13:59.

    Kommentar


    • #3
      Zitat von Bernhard Beitrag anzeigen
      wrapper, header, sidebar, main-content und footer"
      Soweit ist es ja html5 .und dazu könnte man das lesen
      https://wiki.selfhtml.org/wiki/HTML/...5-Grundgerüst
      https://www.tutorialspoint.com/html5/
      Danach kommt css und im weiteren würde ich auf Flexbox setzten weil dudann nicht soviel verschachteln mußt und div "Suppe" wird auch nicht gerne gesehen. Außerdem ist Flexboxen auch wunderbar für reponsives Design.
      Meine Vorschläge
      http://www.on-design.de/tutor/html5_...3/flexbox.html
      https://css-tricks.com/snippets/css/a-guide-to-flexbox/
      Für css gebees noch diese Seite
      https://www.w3schools.com/css/
      Ist zwar keine Tutorials ,aber sowas wie ein Handbuch wo für jedes Css auch ein Beispiel bei ist damit man sieht wofür was genau ist

      Mein (Basti1012) Forum und Chat

      Kommentar


      • #4
        Zum HTML-Seminar muss man noch sagen, dass dort überwiegend das veraltete float-Layout erklärt wird. Flexlayout, das der Stand der Technik ist nur in einem etwas versteckten Kapitel:
        https://www.html-seminar.de/css-flexbox.htm

        Kommentar


        • #5
          Hallo,

          danke für Eure Tipps und vielen Links. Nun, da habe ich eine Menge zum Ausprobieren.
          Viele Grüße
          Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=

          Kommentar


          • #6
            Hallo -ich habe mich so gut wie möglich eingelesen. Vieles habe ich verstanden, vieles ist mir noch zu hoch. Da ich einige meiner alten Sites eventuell mit CSS redesignen möchte, stehe ich natürlich vor einer großen Aufgabe.
            Als ersten Schritt habe ich versucht, das Tabellenlayout einer einfachen Platzhalter-Seite von Tabelle auf CSS umzustellen. Dazu habe ich mit DIVs angefangen. Immerhin habe ich ein zweispaltiges 750-px Layout mit zwei Boxen übereinander links und einer content-Box rechts in einem zentrierten Gesamtrahmen hinbekommen, umgeben von mehreren zentrierten 100%-breiten Boxen für Header, Content 1 und Footer. Das ist dann die www.gitarrenunterricht-hilden.de. Layout und Inhalt sind natürlich nicht mein Ernst, aber es ging mir ja erst einmal um einen möglichst originalgetreuen Nachbau. Ich habe auch mit Flexbox-Layout experimentiert, habe aber festgestellt, dass dies nur auf sehr aktuellen Brosern funktioniert. Deshalb bin ich damit vorsichtig.

            Frage: kann ich Elemente wie"main", "article"und "section" ähnlich verschachteln ? Vor allem: ab welchem Browsertyp funktioniert das ?

            Viele Grüße
            Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=
            Zuletzt geändert von Bernhard; 09.09.2018, 12:35.

            Kommentar


            • #7
              Hallo Bernhard,
              ich hatte dir mal ne PN geschickt. Gelesen?

              Cheers!
              TimTom
              https://www.forentalk.de

              Kommentar


              • #8
                Hallo TimTom,

                habe gerade versucht, Dir per PN zu antworten. Wie geht das ?
                Bei "Nachrichten" fand ich Deine PN, aber keine Antwort-Funktion. Nur per blauen Button: neu erstellen (ich fürchte, ich habe da was verpasst...)
                Das, was ich Dir geschrieben habe, sollte dann mit Titel gepostet werden,. Irgenwie hatte ich das Gefühl, als würde das hier im Thread als Antwort angehängt..
                Es sollte aber eine Antwort auf die PN werden. Sorry, ich bin noch nicht richtig mit allen Funktionen vertraut.
                Der Antwort-Text ist zwischengespeichert...zur Not auch auf meinem Rechner...

                Viele Grüße
                Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=

                Kommentar


                • #9
                  Hallo Bernhard,

                  ich habe dir eine E-Mail geschickt.
                  Cheers!
                  TimTom
                  https://www.forentalk.de

                  Kommentar


                  • #10
                    Hallo,

                    Das ist nun wirklich seltsam.
                    Ich habe keine E-Mail bekommen. Um da ganz sicher zu sein, habe ich heute (Dienstag) alle meine Postfächer mehrfach überprüft und außerdem noch von einem anderen E-Mail-Account ein Testmail an die beiden Mailadressen geschickt, an die man über die hier im Footer angegebene Site herankommt (an eine der beiden hast Du vermutlich deine Mail geschickt). Beide Testmails sind einwandfrei und auch innerhalb von Minuten bei mir angekommen.
                    Wie antworte ich Dir per PN ? Oder kann ich Dich per E-Mail erreichen ?


                    Viele Grüße
                    Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=

                    Kommentar


                    • #11
                      Ich habe auch mit Flexbox-Layout experimentiert, habe aber festgestellt, dass dies nur auf sehr aktuellen Brosern funktioniert. Deshalb bin ich damit vorsichtig.

                      Kommentar


                      • #12
                        Das kann ich nicht bestätigen. Wenn man da richtig ran geht, läuft das im IE11/Edge, Firefox, Chrome und ich meine sogar auch Opera und Safari.
                        Welche Browser fehlen Dir da jetzt?
                        PHProcks! » Tutorials

                        Kommentar


                        • #13
                          Hallo,
                          danke für die Antwort.

                          Entschuldigt die längere Pause. Ich hatte große Probleme mit meinem Hauptrechner, den ich aber wieder hinbekommen habe. Erst jetzt kann ich an den Webseiten weitermachen.

                          Okay, ab I.E. 11 sollte es tatsächlich funktionieren. Ich hatte ein Layout mit Flexbox auf einem IE 8 laufen lassen - das war ein absolut heilloses Durcheinander. Dann habe ich dasselbe "vereinfacht" mit Standard-DIV-Formatierung (ohne Flexbox) ausprobiert, aber auch das das klappte auf IE 8 nicht. Ich hab das mal hochgerechnet und dachte, ab IE 11 sollte auf jeden Fall eine Formatierung mit CSS fehlerfrei dargestellt werden, war mir aber für Flexbox, das ich eigentlich schätze, nicht sicher. Bei Firefox weiß ich nicht mehr, wo die Grenze ist, aber auch die älteren so um die Version 20 herum (ist natürlich schon sehr lange her) wird ebenfalls die komplette Formatierung mit CSS nicht richtig dargestellt. Dasselbe gilt für mein älteres Smartphone (Boxenchaos). Da zu meiner Zielgruppe auch ältere Menschen gehören, die z. Teil noch mit XP hantieren, wollte ich lieber erstmal vorsichtig sein.

                          Ich weiß nicht, bei welchen Vesionen die untere Grenze liegt. Wenn ich meine aktuellen Browser aufliste, klappt da natürlich alles.Vielleicht ist der IE 11 tatsächlich keine schlechte Idee.

                          Viele Grüße Bernhard
                          Willkommen beim Gitarrenunterricht A. Hertel in Neuss mit preisgünstigen Angeboten für Erwachsene, Kinder und Jugendliche. <META NAME=

                          Kommentar

                          homepage-forum.de - Hilfe für Webmaster! Statistiken

                          Einklappen

                          Themen: 56.340   Beiträge: 427.899   Mitglieder: 27.679   Aktive Mitglieder: 75
                          Willkommen an unser neuestes Mitglied, BVFFM.

                          Online-Benutzer

                          Einklappen

                          551 Benutzer sind jetzt online. Registrierte Benutzer: 3, Gäste: 548.

                          Mit 1.625 Benutzern waren am 17.03.2018 um 19:52 die meisten Benutzer gleichzeitig online.

                          Die neuesten Themen

                          Einklappen

                          • Localfu
                            Antwort auf Erfolgsfaktoren Onlineshop
                            Lieber Kipfstuhl,
                            welcher Nutzen würde die Community dieses Forums haben, wenn die User an deiner Umfrage teilnehmen. Gibt es eine Veröffentlichung der Daten zu der Umfrage oder werden die Umfragedaten rein kommerziell genutzt. Für eine kurze und Knappe Antwort für das Forum wäre toll....
                            Heute, 01:52
                          • admin
                            Antwort auf Erfolgsfaktoren Onlineshop
                            Hallo,

                            ich bin gerade mit der Umfrage angefangen, bin aber bei den Produktkategorien nicht mehr weiter gekommen. Wir versenden Pflanzen - keine Kategorie passt.... Ich kann ja nicht ernsthaft Tierfutter oder Haushaltsgeräte auswählen...
                            Eine Kategorie "Sonstiges" wäre...
                            Gestern, 22:53
                          • Kipfstuhl
                            Erfolgsfaktoren Onlineshop
                            Guten Tag Onlineshop-Betreiber,

                            im Rahmen meiner Bachelorarbeit an der Hochschule der Medien in Stuttgart untersuche ich Erfolgsfaktoren bei Onlineshop-Betreibern. Dabei beschäftige ich mich mit der Frage:

                            Was sind die entscheidenden Erfolgsfaktoren für Onlineshops?
                            ...
                            19.02.2019, 16:26
                          • Localfu
                            Antwort auf Website www.myhifi24.com
                            Hi und willkommen hier im Forum,
                            ich habe mir mal deine Seite angeschaut und mir sowohl die Gestaltung, Konzeption und die Technik dahinter angeschaut.

                            Die Seite wirkt auf mich sehr clean und hat zu viel Weißraum für manche Elemente. Besonders der Header der Seite ist mir ins Auge...
                            19.02.2019, 15:23
                          • anireb270
                            Antwort auf Ranking
                            Hallo!
                            Also wie es schon die anderen gesagt haben- du musst Geduld haben! Was aber sehr wichtig ist für die Suchmaschinen ist, dass deine Website einen guten Content hat. Viele sagen, dass du dein Keyword so oft wie möglich im Text besitzen musst - falsch! Es ist viel wichtiger einen guten Content
                            ...
                            19.02.2019, 13:46

                          Kostenlose Homepage bei Jimdo!

                          Einklappen

                          Jimdo

                          Die neuesten Beiträge

                          Einklappen

                          • Kipfstuhl
                            Erfolgsfaktoren Onlineshop
                            Guten Tag Onlineshop-Betreiber,

                            im Rahmen meiner Bachelorarbeit an der Hochschule der Medien in Stuttgart untersuche ich Erfolgsfaktoren bei Onlineshop-Betreibern. Dabei beschäftige ich mich mit der Frage:

                            Was sind die entscheidenden Erfolgsfaktoren für Onlineshops?
                            ...
                            19.02.2019, 16:26
                          • Localfu
                            Antwort auf Erfolgsfaktoren Onlineshop
                            Lieber Kipfstuhl,
                            welcher Nutzen würde die Community dieses Forums haben, wenn die User an deiner Umfrage teilnehmen. Gibt es eine Veröffentlichung der Daten zu der Umfrage oder werden die Umfragedaten rein kommerziell genutzt. Für eine kurze und Knappe Antwort für das Forum wäre toll....
                            Heute, 01:52
                          • admin
                            Antwort auf Erfolgsfaktoren Onlineshop
                            Hallo,

                            ich bin gerade mit der Umfrage angefangen, bin aber bei den Produktkategorien nicht mehr weiter gekommen. Wir versenden Pflanzen - keine Kategorie passt.... Ich kann ja nicht ernsthaft Tierfutter oder Haushaltsgeräte auswählen...
                            Eine Kategorie "Sonstiges" wäre...
                            Gestern, 22:53
                          • M4tr0s3
                            Animation beim Wechsel der Seite
                            Hallo miteinander.
                            Ich hätte ein Anliegen an diese erlauchte Runde. Ist es möglich mit JS oder CSS eine Animation auf Objekte zu hinterlegen, die eintreten, wenn man innerhalb der Webseite die Seite wechselt? Ich hatte mir das so gedacht, dass meine Elemente alle aufblenden oder 'rein fliegen'...
                            Scopri e acquista un'esperienza di benessere unica ed esclusiva nel mondo QC Terme
                            Gestern, 14:45
                          • TheFallenGuardian
                            Website www.myhifi24.com
                            Stelle euch die Website https://www.myhifi24.com/

                            vor.

                            Bin auf die Kritik gespannt.
                            19.02.2019, 08:13
                          • Localfu
                            Antwort auf Website www.myhifi24.com
                            Hi und willkommen hier im Forum,
                            ich habe mir mal deine Seite angeschaut und mir sowohl die Gestaltung, Konzeption und die Technik dahinter angeschaut.

                            Die Seite wirkt auf mich sehr clean und hat zu viel Weißraum für manche Elemente. Besonders der Header der Seite ist mir ins Auge...
                            19.02.2019, 15:23
                          • anireb270
                            Antwort auf Ranking
                            Hallo!
                            Also wie es schon die anderen gesagt haben- du musst Geduld haben! Was aber sehr wichtig ist für die Suchmaschinen ist, dass deine Website einen guten Content hat. Viele sagen, dass du dein Keyword so oft wie möglich im Text besitzen musst - falsch! Es ist viel wichtiger einen guten Content
                            ...
                            19.02.2019, 13:46
                          • envy90
                            Spezielle Umfrage erstellen
                            Hallo,
                            mein Kumpel möchte eine Webseite erstellen und auf einer der Unterseiten eine Umfrage haben. Diese soll unter anderen Fragen enthalten wie:
                            1. Welcher Wochentag/Monat ist heute: (Der Tag/Monat soll erkannt werden)
                            2. Wann sind sie Geboren und wie alt sind sie? (Soll aus dem eingegebenen Datum
                            ...
                            13.02.2019, 09:00
                          • anireb270
                            Antwort auf Spezielle Umfrage erstellen
                            Hallo
                            Ich hab ein Plugin entdeckt, welches man auch als Kontaktformular verwenden kann, aber auch für Umfragen. Es hat auch ein sehr schönes Design! In diesem Formular kannst du:
                            • Option/Mehrfachauswahl
                            • Auswahlfeld
                            • Texteingabe
                            • Textbereich
                            • E-Mail
                            • Zahlenfeld
                            • Datei-Upload
                            • Datum
                            ...
                            Guide your customers with the animated progress bar. Generate dynamic multi step forms. Divide longer forms into small steps for better usability.
                            19.02.2019, 12:02
                          • Lupus_III
                            Schalter - alle Beiträge gelesen
                            Gibt es in diesem Forum einen Button mit dem ich alle Beiträge auf gelesen setzen kann?...
                            19.02.2019, 09:47
                          Lädt...
                          X