Vorlage für responsive HTML5-konforme Webseite mit CSS – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self?srt=yes Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 18:40:02 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732742?srt=yes#m1732742 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732742?srt=yes#m1732742 <p>Liebe Community,</p> <p>vor einigen Jahren habe ich die selfhtml-Seite intensiv genutzt um mir eine private Homepage zu basteln. Nach ein paar Experimenten mit cms wurde mir die Seite mittlerweile von Schadsoftware zerstört. Ich arbeite nicht regelmäßig mit html, css, php, js, habe aber prinzipiell ein Grundverständnis für diese Sprachen/Strukturen. Aber seit ich meine letzte Seite erstellt habe ist auch viel passiert, bspw. war es damals kein Thema, die Darstellung für Handys oder Tablets anzupassen.</p> <p>Ich würde mir nun gerne schnell eine funktionsfähige Webseite erstellen, die ich dann so nach und nach anpassen und was die Neuerungen für mich betrifft (Flexbox, Responsivität, etc.) verstehen kann. Ich habe gesehen, dass es ein html5-Grundgerüst auf selfhtml.org gibt, gibt es auch ein Grundgerüst mit Flexbox und main.css-Datei, das ich erst einmal kopieren kann? Selbstverständlich würde ich alle Copyright-Vermerke dauerhaft belassen.</p> <p>Viele Grüße Woto</p> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 18:45:36 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732745?srt=yes#m1732745 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732745?srt=yes#m1732745 <p>Servus!</p> <blockquote> <p>Ich würde mir nun gerne schnell eine funktionsfähige Webseite erstellen, die ich dann so nach und nach anpassen und was die Neuerungen für mich betrifft (Flexbox, Responsivität, etc.) verstehen kann. Ich habe gesehen, dass es ein html5-Grundgerüst auf selfhtml.org gibt, gibt es auch ein Grundgerüst mit Flexbox und main.css-Datei, das ich erst einmal kopieren kann?</p> </blockquote> <p>Ja!</p> <ul> <li> <p><a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts" rel="nofollow noopener noreferrer">CSS/fertige_Layouts</a>: viele Templates, die alle responsiv sind und flexbox oder grid verwenden.</p> </li> <li> <p><a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Flexbox" rel="nofollow noopener noreferrer">CSS/Tutorials/Flexbox</a>: Hier siehst du , wie man mit Flexbox eine responsive Seite im Mehrspaltenlayout erstellt.</p> </li> </ul> <blockquote> <p>Selbstverständlich würde ich alle Copyright-Vermerke dauerhaft belassen.</p> </blockquote> <p>Brauchst Du nicht ist alles free und opensource:</p> <blockquote> <p>Urheberrecht: Die Templates unterliegen abweichend von den Lizenzbedingungen ausdrücklich nicht der Lizenz CC-BY-SA 3.0 (de), sondern sie sind im Sinne der Lizenz CC0 1.0 (de) als public domain veröffentlicht. Sie dürfen diese Templates kopieren, verändern, veröffentlichen, sogar zu kommerziellen Zwecken, ohne um weitere Erlaubnis bitten zu müssen. SELFHTML verzichtet weltweit auf alle urheberrechtlichen und verwandten Schutzrechte, soweit dies gesetzlich möglich ist.</p> </blockquote> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> <em>"Survive or die trying!"</em> </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 18:45:39 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732746?srt=yes#m1732746 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732746?srt=yes#m1732746 <p>Hallo woto,</p> <blockquote> <p>Ich habe gesehen, dass es ein html5-Grundgerüst auf selfhtml.org gibt, gibt es auch ein Grundgerüst mit Flexbox und main.css-Datei, das ich erst einmal kopieren kann? Selbstverständlich würde ich alle Copyright-Vermerke dauerhaft belassen.</p> </blockquote> <p><a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design01" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design01</a></p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 18:57:20 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732748?srt=yes#m1732748 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732748?srt=yes#m1732748 <p>hallo</p> <blockquote> <p>Ich würde mir nun gerne schnell eine funktionsfähige Webseite erstellen, die ich dann so nach und nach anpassen und was die Neuerungen für mich betrifft (Flexbox, Responsivität, etc.) verstehen kann. Ich habe gesehen, dass es ein html5-Grundgerüst auf selfhtml.org gibt, gibt es auch ein Grundgerüst mit Flexbox und main.css-Datei, das ich erst einmal kopieren kann? Selbstverständlich würde ich alle Copyright-Vermerke dauerhaft belassen.</p> </blockquote> <p>Ich habe 2 Themes geschrieben, die aber auf Javascript basieren (ergo keine Serverseitige Logik). Dieses Verfahren ist etwas umstritten (Navigation etc setzt JS voraus), ist aber für Leute gedacht, die einfache statische Seiten pflegen wollen und trotzdem ihre Seiten ganz schnell in ihr Angebot einbinden wollen.</p> <ul> <li><a href="https://beat-stoecklin.ch/pub/theme_classic_sans.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/theme_classic_sans.html</a></li> <li><a href="https://beat-stoecklin.ch/pub/theme_classic.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/theme_classic.html</a></li> </ul> <div class="signature">-- <br> <a href="https://beat-stoecklin.ch/pub/index.html" rel="nofollow noopener noreferrer">https://beat-stoecklin.ch/pub/index.html</a> </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:27:45 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732757?srt=yes#m1732757 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732757?srt=yes#m1732757 <p>@@woto</p> <blockquote> <p>gibt es auch ein Grundgerüst mit Flexbox und main.css-Datei, das ich erst einmal kopieren kann?</p> </blockquote> <p>Hängt natürlich von Layout ab, aber oft ist CSS Grid das bessere Werkzeug zum Layouten als Flexbox. Und dazu auch noch das einfachere.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:08:03 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732751?srt=yes#m1732751 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732751?srt=yes#m1732751 <p>Hallo Matthias, hallo Matthias,</p> <p>vielen Dank für Euren schnellen Antworten, das sieht echt schon ziemlich gut aus... auf den ersten Blick gefällt mir das Design05 am besten, dass könnte aber auch daran liegen, dass ich auch eine SVG-Affinität habe </p> <p>Ich denke, dass ich schon aus pädagogischen Gründen einen Verweis auf selfhtml und den Template-Ersteller setzen werde, wie kommt es, dass die Vorlagen kommplett Public-Domain sind?</p> <p>Was ist Grid?</p> <p>Viele Grüße Woto</p> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:10:47 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732753?srt=yes#m1732753 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732753?srt=yes#m1732753 <p>Hallo beatovich,</p> <p>ich werde glaube ich versuchen, ohne JS auszukommen!</p> <p>Trotzdem vielen Dank und Grüße Woto</p> Vorlage für responsive HTML5-konforme Webseite mit CSS Tue, 25 Sep 18 02:29:07 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732781?srt=yes#m1732781 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732781?srt=yes#m1732781 <p>Servus!</p> <blockquote> <p>auf den ersten Blick gefällt mir das Design05 am besten, dass könnte aber auch daran liegen, dass ich auch eine SVG-Affinität habe </p> </blockquote> <p>Da sind die Farben aus unserer Selfhtml-Farbpalette auch gut aufeinander abgestimmt.</p> <blockquote> <p>Ich denke, dass ich schon aus pädagogischen Gründen einen Verweis auf selfhtml und den Template-Ersteller setzen werde,</p> </blockquote> <p>Vielen Dank! Werbung können wir immer gebrauchen!</p> <blockquote> <p>wie kommt es, dass die Vorlagen kommplett Public-Domain sind?</p> </blockquote> <p>Eigentlich fehlt bei solchen Webseiten, genauer den Farbkombinationen, der HTML-Struktur, etc, die nötige <a href="https://de.wikipedia.org/wiki/Sch%C3%B6pfungsh%C3%B6he" rel="nofollow noopener noreferrer">Schöpfungshöhe</a>. Außerdem soll es die Hürde senken, eine zeitgemäße responsive Struktur zu übernehmen.</p> <blockquote> <p>Was ist Grid?</p> </blockquote> <p>Was ganz geniales: Hier ist ein Kurs in 6 Kapiteln: <a href="https://wiki.selfhtml.org/wiki/CSS/Tutorials/Grid" rel="nofollow noopener noreferrer">Einstieg in Grid</a></p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> <em>"Survive or die trying!"</em> </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:40:48 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732763?srt=yes#m1732763 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732763?srt=yes#m1732763 <p>Hallo Gunnar,</p> <p>ich habe gerade mal aus Unwissenheit "Grid vs Flexbox" gegoogelt, ich denke, dass ich mich Deiner Einschätzung anschließen würde. Kannst Du mir spontan sagen, ob meine favorisierte Vorlage (Design05) eher eine Grid oder eine Flexbox-Vorlage ist?</p> <p>VG Woto</p> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:53:59 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732764?srt=yes#m1732764 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732764?srt=yes#m1732764 <p>@@woto</p> <blockquote> <p>Kannst Du mir spontan sagen, ob meine favorisierte Vorlage (Design05) eher eine Grid oder eine Flexbox-Vorlage ist?</p> </blockquote> <p>Wenn du mir spontan zeigen kannst, wo ich deine favorisierte Vorlage (Design05) finde …</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:56:12 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732765?srt=yes#m1732765 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732765?srt=yes#m1732765 <p>Hallo Gunnar,</p> <blockquote> <p>Wenn du mir spontan zeigen kannst, wo ich deine favorisierte Vorlage (Design05) finde …</p> </blockquote> <p>ich denke er redet von dieser:<br> <a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design05" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design05</a></p> <p>Bis bald!<br> Bernd</p> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 19:59:49 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732767?srt=yes#m1732767 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732767?srt=yes#m1732767 <p>@@Barksalot</p> <blockquote> <p><a href="https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design05" rel="nofollow noopener noreferrer">https://wiki.selfhtml.org/wiki/CSS/fertige_Layouts/Design05</a></p> </blockquote> <p>Sieht mir sehr nach Grid aus.</p> <p>LLAP </p> <div class="signature">-- <br> <em>„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“</em> —Kurt Weidemann </div> Vorlage für responsive HTML5-konforme Webseite mit CSS Mon, 24 Sep 18 20:01:05 Z https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732768?srt=yes#m1732768 https://forum.selfhtml.org/self/2018/sep/24/vorlage-fuer-responsive-html5-konforme-webseite-mit-css/1732768?srt=yes#m1732768 <p>Hallo Gunnar,</p> <blockquote> <p>Sieht mir sehr nach Grid aus.</p> </blockquote> <p>kann ich bestätigen:<br> <a href="https://src.selfhtml.org/designs/design05/css/style.css" rel="nofollow noopener noreferrer">https://src.selfhtml.org/designs/design05/css/style.css</a></p> <p>Bis bald!<br> Bernd</p>