Beiträge von Axel
-
-
Im HTML-Seminar selber gibt es dazu auch Lösungen

Unter https://www.html-seminar.de/bilder-bei-responsive-design.htm findest du ganz unten "Hintergrundbild für komplettes Browserfenster" die Kurzschreibweise und den Code, wie das Bild den kompletten Hintergrund einnimmt.Hintergrundbild auf komplettes Browserfenster wäre die nächste Frage, die im Allgemeinen zu dem Thema kommt (deshalb der vorherige Link)
-
Und jetzt schauen wir uns an wie Hervorhebungen auch richtig hervorgehoben im Design erscheinen:
https://www.html-seminar.de/schrifthervorh…fettschrift.htm
Dazu auch kleinen Trick mit großer Wirkung

-
danke für die Nachricht - ist oben nun auch korrigiert
-
Optimale Schriftfamilien für Überschrift und Mengentext finden - das Mischen von verschiedenen Schriftfamilien sollte auf keinen Fall dem Zufall überlassen werden und es ist auch nicht eine Frage des Geschmacks. Hier das notwendige Hintergrundwissen und eine einfache Vorgehensweise: -
Und weiter geht es mit der gezielten Auswahl einer passenden Schrift, die von Google Fonts genutzt wird:
https://www.html-seminar.de/schriftart-passend-auswaehlen.htm
Dafür wird das folgende Beispiel erstellt (mit schrittweiser Auswahl der Schriftart und die Begründungen dazu)
-
Hi ... damit es griffiger wird hier einfach mal 2-3 Handlungsanweisungen, ein Link mit Beispiel, wie man die Problematik mit den grafischen Überschriften im Kopf umsetzen kann.
Aber vorneweg erst einmal: Katzenseiten (auch Hobbyseiten) werden von Katzenfans geliebt. Auch Google findet die Seite, wenn es ein paar Änderungen auf der Seite gibt und ihr damit Google helft, damit Google die Seite richtig einsortieren kann.
Was auffällt ist, dass auf der Startseite kein einziges mal "Norwegische Waldkatze" im Text als Klartext steht. Das sollte schon öfters auftauchen - auf jeden Fall in der Überschrift <h1>!
Die Überschrift ist extrem wichtig - hier keine Worthülsen wie
Schreibt in die <h1> auf jeden Fall etwas, womit ihr gefunden werden wollt. Also "Norwegische Waldkatzen - unsere Zucht ..."
Zweiter Schritt: Der Kopfbereich ist eine reine Grafik. Das ist schade, dass hier auch auf allen Seiten wieder als Schrift "Norwegische Waldkatzen" stehen könnte.
Ich habe gerade mal das HTML-Seminar erweitert um das Kapitel:
https://www.html-seminar.de/schriftart-passend-auswaehlen.htm
Hier wird auch mal direkt auf "Norwegische Waldkatzen" und die passende Schriftauswahl eingegangen.
Am Ende gibt es auch noch ein Videos aus den Video-DVDs, wie man externe Schriften in HTML einbindet.
Das ganze kann schnell nett aussehen - hier das im Kapitel entstandene Beispiel:

Und zuletzt packt noch in den Fußbereich wieder eure "Norwegische Waldkatzen" - somit habt ihr mindestens 3 mal dies auf jeder Einzelseite. Und in ein paar Wochen kann man bei Google schauen, ob man mit "Norwegische Waldkatzen" + Katennamen gefunden wird:
-
Und weiter geht es mit Schrift zum Thema Schriftarten
-
Und weiter geht es mit dem Thema "Zeilenlängen und Zeilenabstand" unter
-
Hi - ich muss auch mal meine Senf dazu geben

bitte bitte keine schlechten Emotionen. Dass passiert schnell, weil nur Text schnell Missverständnisse entstehen lässt.Jeder möchte hier etwas lernen bzw. unterstützen. Daher Danke an alle für die Beiträge.
Und zur Schmalfilmseite. Ich finde so einen Dienst gut, da für die Zielgruppe die eigenen Erinnerungen (egal ob Filme oder Fotos) Gold wert sind. Ich habe es bei meiner Mutter erlebt, wie begeistert Sie von den alten überspielten Filmen (nur VHS auf unser NAS) war.
Und genial ist immer, wenn man eine klare Zielgruppe hat.
Und was lernen wir aus der Diskussion: Erst mal den Betrieber der Seite frage, wer so die Zielgruppe ist.
Ich finde es auch beeindruckend, dass man mit 14 eine solche Website auf die Füße stellt und sich auch der Diskussion stellt. Weiter so - so bekommt man eine steile Lernkurve hin. Und ich kann mir vorstellen, dass dies viel mehr bringt, als irgend eine angeblich professionelle Lösung. Warum: Opa und Enkel stellen etwas auf die Beine und können so lange daran feilen, dass es perfekt passt. Und das für ein Service, der schätzungsweise mehr aus Liebe zur Technik und Film als wegen Geld betrieben werden dürfte. Daher wäre es auch nicht so sinnvoll, es aus den Händen zu geben und dann mit einem festgefrorenen Stand zu arbeiten.
Die Seite hat noch Potential. Was haltet ihr davon, dass wir einen neuen Thread aufmachen - "schmalfilm-überspielen.de" optimieren? Vorschläge von Diskussionsteilnehmern und die Umsetzung dann von Tommy2. Ich denke es ist auch interessant, wenn man die Entwicklungsstände per Screenshoots festhält (wenn das für Tommy2 und seinen Opa ok ist).
-
Jetzt funktioniert die Suche wieder - da ich am Design vorgestern gearbeitet habe, hatte ich da diesen versehentlich gekillt.
Die Suchfunktion ist wiederbelebt
Danke für den Hinweis
PS: bei Probleme im Forum einfach direkte Nachricht an mich

-
Teil 8: Jetzt kommt "einfacher ist schöner" oder das Gesetz der guten Gestalt unter
-
Unter weiter geht es mit Teil 7: dem Gesetz der Symmetrie unter https://www.html-seminar.de/webdesign-gesetz-der-symmetrie.htm
-
Sechster Teil der neuen Serie zum Thema Grundlagen des Webdesigns:
Gesetz des gemeinsamen Schicksals unter https://www.html-seminar.de/webdesign-gese…-schicksals.htm
-
-
Probier einfach einmal für dein responsives Design:
Du kannst auch eine über 100% arbeiten - macht aber einen kleinen Unterschied

https://stackoverflow.com/questions/1746…dth-100-percent -
Und weiter geht es mit dem fünften Teil:
Gesetz der Erfahrung unter https://www.html-seminar.de/webdesign-gesetz-der-erfahrung.htm
-
Bevor es mit einzelnen Inhalten zum Thema Webdesign weitergeht, gibt es heute das Einleitungskapitel „durch Wissen zu gutem Webdesign“ unter:
-
Vierter Teil der neuen Serie zum Thema Grundlagen des Webdesigns:
Gesetz der Geschlossenheit unter https://www.html-seminar.de/webdesign-gese…hlossenheit.htm
-
Nur mit den Bildern wird das schwierig, etwas zu sagen. Post doch den Code, dann ist Hilfe einfacher möglich








