YunPo: Website automatisch an Browserfenster anpaßen

Sehr geehrte forum.selfhtml.org-Teilnehmer,

meine Kenntnisse im Webdesign sind sehr ru­di­men­tär.

Ich habe eine neue Website mit dem SeaMonkey Composer erstellt.

Hier die html-Daten:

<html lang="de">

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<meta charset="UTF-8">

<title>JUERGEN HEDWIG IMAGEFACTORY Fotografie Grafik- WebDesign</title>

<link rel="stylesheet" type="text/css"

href="./css/enlarge_website2.css">

<link rel="stylesheet" type="text/css" href="./css/css.css">

<!--[if IE]-->

<link rel="stylesheet" href="./css/ie.css" type="text/css">

<!--[endif]-->

<link rel="stylesheet" href="css/lightbox.css" media="screen"

type="text/css">

<meta name="viewport" content="width=device-width, initial-scale=1,

minimum-scale=1, maximum-scale=1">

<meta name="content-language" content="de">

<meta name="language" content="Deutsch">

</head>

<body>

<span id="fc-18626"></span>

<script>

var fcr = Math.floor(Math.random()*99999999999);

var _fcc = _fcc || []; _fcc.push(["18626"]); _fcc.push(["trans"]);(function(){

var fc = document.createElement("script");fc.async = true;

fc.src = "https://www.fastcounter.de/fcount.php?rnd=" + fcr;

var sc = document.getElementById("fc-18626");

sc.appendChild(fc);

})();</script><noscript style="color: rgb(255, 255, 255);">

<a href="https://www.fastcounter.de/stats/18626/dashboard" rel="nofollow" style="display: none;" target="_blank" title="Free

Counter"><img src="https://www.fastcounter.de/fcounter.php?id=18626;" alt="Free Counter" title="Free Counter"></a>

</noscript>

<div class="mittig">

<div style="height: 75px; width: 378px; z-index: 1; left: 11px;

top: -8px; position: absolute;">

<table style="top: 2px; height: 677px; width: 942px; left: 0px;"

cellspacing="2" cellpadding="2" border="0">

<tbody>

<tr>

<td style="background-color: rgb(255, 255, 255);">

<div id="logo">

<table cellspacing="2" cellpadding="2" border="0">

<tbody>

<tr>

<td style="background-color: rgb(255, 255,

255);">

<div id="logo">

<div style="height: 75px; width: 378px;

left: 38px; top: 33px; position:

absolute;"><a><img src="Bilder/logo.jpg"

alt="" style="border: 0px solid ;

width: 354px; height: 35px;"></a></div>

</div>

<div id="logo"><img style="width: 930px;

height: 647px;"

src="Bilder/hg_imagefactory.jpg" alt=""></div>

<div style="position: absolute; left: 103px;

top: 175px; width: 357px;"> <img

style="top: 0px; left: 0px; width: 544px;

height: 371px;" src="Bilder/Test.gif"

alt=""></div>

<br>

</td>

</tr>

</tbody>

</table>

</div>

<div style="position: absolute; left: 103px; top: 80px;

width: 557px;"><b><a href="firmen-philosophie.html"><font

style="font-family: Arial;" color="#333333"><small>IMAGEFACTORY</small></font></a></b><font

style="font-family: Arial; color: rgb(64, 64, 64);"></font><b><a href="references.html"><font

style="font-family: Arial; color: rgb(64, 64,

64);"><small>REFERENCES</small></font></a></b><a><font

style="font-family: Arial; color: rgb(64, 64,

64);"> </font></a><font style="font-family:

Arial; color: rgb(64, 64, 64);"><a></a> <b><small><a

href="contact.html"><span style="color:

rgb(51, 51, 51);">CONTACT</span></a></small></b><a></a> <b><small><a href="network.html"><span

style="color: rgb(51, 51, 51);">NETWORK</span></a></small></b></font><br

style="font-family: Arial;">

<small><b><small style="color: rgb(64, 64, 64);

font-family: Arial;"><a href="imaginativ.html"><font

size="-2"><font style="color: rgb(64, 64,

64);"><font><font>IMAGINATIV</font></font></font></font></a></small></b>

<span style="font-family: Arial;"><span

style="color: rgb(64, 64, 64);"></span></span>

<b> </b><b><a href="kreativ.html"><font

style="font-family: Arial; color: rgb(64, 64,

64);" size="-2"><font><font><font>KREATIV</font></font></font></font></a></b>

<span style="font-family: Arial;"><span

style="color: rgb(64, 64, 64);"></span></span>

<b> </b><b><a href="kompetent.html" style="color:

rgb(64, 64, 64); font-family: Arial;"><font

size="-2"><span style="color: rgb(51, 51,

51);">KOMPETENT</span></font></a></b> <span

style="font-family: Arial;"><span style="color:

rgb(64, 64, 64);"></span></span><small><small><small><small><font

size="-2"><small><small><small><small><small><span

style="font-family: Arial;"><span

style="color: rgb(64, 64,

64);"></span></span> </small></small></small></small></small></font></small></small></small></small></small><small><small><small><small><small><small><font

size="-2"><small><small><small><small><small><span

style="font-family: Arial;"><span

style="color: rgb(64, 64,

64);"></span></span>&nbsp;

<b> </b></small></small></small></small></small></font></small></small></small></small></small><b>

</b><b><a href="zielgerichtet.html"

style="font-family: Arial;"><font style="color:

rgb(64, 64, 64);" size="-2"><font><font><font>ZIELGERICHTET</font></font></font></font></a></b>

<span style="font-family: Arial;"><span

style="color: rgb(64, 64, 64);"></span></span>

<b><a href="termingenau.html"><font style="color:

rgb(64, 64, 64); font-family: Arial;"

size="-2"><font><font><font>TERMINGENAU</font></font></font></font></a></b></small><span

style="color: rgb(64, 64, 64);"></span><small><small><a

style="color: rgb(64, 64, 64); font-family:

Arial;" size="-2"><font><font><font><span

style="color: rgb(51, 51, 51);"></span></font></font></font></a></small></small><span

style="color: rgb(64, 64, 64);"><br>

<span style="font-family: Arial; color: rgb(255, 0,

0);"></span><br>

</span></div>

<div style="position: absolute; left: 545px; top: 606px;

width: 757px;"> <small><a

href="firmen-philosophie.html" style="font-family:

Arial; color: rgb(64, 64, 64);"><font size="-2"><span

style="color: rgb(51, 51, 51);">Imagefactory</span></font></a></small>

<font size="-2"><a style="font-family: Arial;"><span

style="color: rgb(51, 51, 51);"></span></a><span

style="font-family: Arial;"></span></font><span

style="font-family: Arial; color: rgb(64, 64, 64);"></span>

<font size="-2"><span style="font-family: Arial;"></span><a

href="impressum.html" style="font-family: Arial;"><span

style="color: rgb(51, 51, 51);">Impressum</span></a></font><a

style="font-family: Arial;"> </a><font size="-2"><a

style="font-family: Arial;"></a><span

style="font-family: Arial;">© 2015 JÜRGEN HEDWIG

IMAGEFACTORY</span></font></div>

<script src="js/Redirect_Mobile_Devices.js">

</script> </td>

</tr>

</tbody>

</table>

</div>

</div>

</body>

</html>

Nun versuche ich den html-Text so zu verändern, daß sich die Website automatisch an die Browserfenster-Größe anpaßt.

So daß die Website immer formatfüllend im Browser-Fenster angezeigt wird, unabhängig von der Größe des Browser-Fensters.

Das sollte mit allen gängigen Browsern funktionieren - Firefox, IE, Chrome, SeaMonkey, etc..

Nun habe ich schon lange Zeit gegougled - habe aber leider für dieses Problem keine Lösung gefunden.

Mit folgendem css konnte ich die Website schon vergrößern:

body {

transform: scale(2.0);

transform-origin: 1 1;

// add prefixed versions too.

}

Damit wird jedoch nur eine fixe Größe erreicht, die sich nicht der Browser-Fenstergröße anpaßt.

Nun meine Frage:

Gib es vielleicht eine css transform Variante mit der sich die Website wie oben beschrieben der Browser-Fenstergröße anpaßt?

Bzw. gibt es eine andere Möglichkeit, so daß sich die Website wie oben beschrieben der Browser-Fenstergröße anpaßt?

Über hilfreiche Tipps von Euch würde ich mich sehr freuen!

Dafür schon jetzt meinen herzlichsten Dank!

Freundliche Grüße

Jürgen Hedwig / YunPo

  1. @@YunPo

    Gib es vielleicht eine css transform Variante mit der sich die Website wie oben beschrieben der Browser-Fenstergröße anpaßt?

    Nein.

    Bzw. gibt es eine andere Möglichkeit, so daß sich die Website wie oben beschrieben der Browser-Fenstergröße anpaßt?

    Ja. Responsive Webdesign.

    Mit <table style="top: 2px; height: 677px; width: 942px; left: 0px;" cellspacing="2" cellpadding="2" border="0"> wird das aber nichts.

    Und wenn du schon Table-Layout verwendest (d.h. wenn dein Webeditor so’n Müll ausspuckt), dann setze bitte noch role="presentation" mit in das Tag.

    Vermutlich taugt dein Webeditor nicht dazu, responsives Design umzusetzen. Da hilft wohl nur, deine rudimentären Kenntnisse zu erweitern. SELFHTML hilft dabei.

    Und wenn du deine Seite zeigen (d.h. verlinken) würdest, könnte man dir auch weitere Hinweise geben.

    😷 LLAP

    --
    “When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon
  2. Servus!

    Gib es vielleicht eine css transform Variante mit der sich die Website wie oben beschrieben der Browser-Fenstergröße anpaßt?

    Nein, nicht um den Inhalt auf die verfügbare Breite zu verteilen!

    Bzw. gibt es eine andere Möglichkeit, so daß sich die Website wie oben beschrieben der Browser-Fenstergröße anpaßt?

    Ja: HTML/Tutorials/responsive_Webdesign (besonders Kapitel 3)

    Herzliche Grüße

    Matthias Scharwies

    --
    Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“
  3. Lieber YunPo,

    Nun versuche ich den html-Text so zu verändern, daß sich die Website automatisch an die Browserfenster-Größe anpaßt.

    der Browser tut das im Normalfall von ganz alleine. Du verwendest aber eine Struktur, die dem Browser Grenzen auferlegt, wie er bei verschiedenen Fenstergrößen die Inhalte anordnen soll: Tabellenlayout.

    Du verwendest eine Software namens Composer zum erzeugen Deines HTML-Quelltextes. Damit beschränkst Du Dich darauf, was diese Software kann. Wenn Dir das nicht genügt, musst Du selbst an den Quelltext und die dahinter liegenden Konzepte und Technologien.

    Lesetipp: responsive Webdesign

    Liebe Grüße

    Felix Riesterer

  4. Hallo,

    meine Kenntnisse im Webdesign sind sehr ru­di­men­tär.

    <title>JUERGEN HEDWIG IMAGEFACTORY Fotografie Grafik- WebDesign</title>

    ???

    Gruß
    Jürgen

    1. Das dachte ich mir auch.

      Ich finde außerdem die Idee sehr nicht-Web-technisch, dem Nutzer bei unterschiedlichen Fenstergrößen immer den gleichen Inhalt zu zeigen.
      Mit Web oder Webdesign hat das nichts zu tun.

  5. Sehr geehrte forum.selfhtml.org-Teilnehmer,

    Oha. So förmlich sind wir doch gar nicht :)

    Willkommen bei Selfhtml und hallo YunPo,

    du hast ja schon einige Hinweise bekommen.

    Wenn der Seamonkey so einen Mist abliefert, dann schmeiß ihn weg. Verwendest Du die aktuelle Version 2.53? Bietet er keine Möglichkeit für ein Grid-Layout? Table Layout ist Stil von 2005. Oder so. Vielleicht noch 2007...

    Aber ein paar Dinge, die ander gerne falsch machen, hast Du richtig gemacht, das behalte unbedingt bei:

    • lang="de" im html-Element
    • UTF-8 als Zeichencodierung
    • alt-Attribute für img Elemente

    Das hier dürfte übertrieben sein:

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    

    Die zweite Zeile reicht. Den Content-Type sollte dein Webserver mitschicken, und wenn Du für den Anfang über file:/// testet, ist ein fehlender text/html Content Type nicht so schlimm.

    Der Rest ist - sorry - Müll.

    • Tabellengestütztes Seitenlayout - man nimmt dafür Flexbox oder Grid. Grid ist besser. Der Grund dafür ist, dass man auf schmalen Viewports nicht nur die Spalten schmaler macht, sondern ggf. auch die generelle Anordnung ändert. Das gelingt mit table schlecht. Abgesehen davon sind Tabellen für genau einen Zweck da: Tabellarische Daten anzeigen. Für alles andere haben wir die table- und float-Hölle hinter uns gelassen.
    • Besondere Rücksicht auf den Internet-Explorer (eigenes Stylesheet mit if IE Pseudoabfrage ist heute eigentlich nicht mehr nötig. Mit Grid tut sich der IE noch schwer, aber man baut Webseiten heute so, dass im IE etwas erkennbar ist. Spezielle Mühe für den IE gibt man sich nicht mehr. Wenn der IE die Seite so wie ein Mobiltelefon anzeigt, reicht das. Aber wenn Du schon eine Spezialabfrage machst, dann musst Du es auch richtig tun:
    <!--[if IE]-->
    <link rel="stylesheet" href="./css/ie.css" type="text/css">
    <!--[endif]-->
    

    Du darfst den Kommentar nach dem if nicht schließen, sonst ist das link-Element für jeden Browser sichtbar, nicht nur für einen IE. So ist's besser:

    <!--[if IE]
       <link rel="stylesheet" href="./css/ie.css" type="text/css">
        [endif]-->
    
    • Das style-Attribut meidet man so gut wie es geht. In die html Elemente gehört der Inhalt, und das Layout gehört ins Stylesheet (CSS). Es gibt Ausnahmen, wenn JavaScript ins Spiel kommt und Positionen von Elementen berechnet (z.B. ein verschiebbarer Popup-Dialog), aber da bist Du längst nicht.

    Wenn Du den Widerspruch zwischen deinem Logo und deiner Selbsteinschätzung zum Webdesign auflösen willst, dann schau intensiv in unsere HTML Tutorials. Da erfährst Du einiges darüber, wie man heute das Seitenlayout einer Webseite aufbaut, und auch, wie man sie responsiv macht (d.h. wie man erreicht, dass sie sich an die Größe des Browser-Fensters - auch Viewport genannt - anpasst). Das ist so schwer gar nicht; der einzige wirkliche Sinn eines HTML Editors ist (aus meiner Sicht) das Syntax-Highlighting der HTML Tags. Ein WYSIWIG Editor für HTML führt zu einem HTML Trümmerfeld. Aber das ist meine Privatmeinung, du darfst das gerne anders sehen.

    Deine Homepage habe ich übrigens gefunden: https://www.imagefactory-design.de/

    Ich hätte gerne ein Beispiel gezeigt, wie man deine Startseite auf ein moderneres Layout umsetzt, aber außer dem Table-Layout ist auf deiner Seite noch hinderlich, dass viele Texte in Bildern eingesetzt sind, statt sie mit CSS-Mitteln zu layouten. Und diesen Seitenschatten - verdammt, ich predige immer, kein Container-DIV zu verwenden, aber hierfür scheint es tatsächlich nötig zu werden 😕. Sofern man denn dieses Design unbedingt beibehalten will. Auf einem Handy würde es beispielsweise überhaupt nicht mehr funktionieren.

    Rolf

    --
    sumpsi - posui - obstruxi
    1. @@Rolf B

      … ist auf deiner Seite noch hinderlich, dass viele Texte in Bildern eingesetzt sind

      Was die Texte total verwaschen aussehen lässt.

      Alternativtexte sind nicht vorhanden, was die Seiten für viele Menschen unzugänglich macht.

      Und diejenigen, die Texte zwar lesen können, können nichts markieren und kopieren, also auch nicht übersetzen lassen.

      😷 LLAP

      --
      “When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon
      1. Lieber Gunnar,

        Alternativtexte sind nicht vorhanden, was die Seiten für viele Menschen unzugänglich macht.

        die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?

        Und diejenigen, die Texte zwar lesen können, können nichts markieren und kopieren, also auch nicht übersetzen lassen.

        Brauchen sie ja auch nicht. Er hat nur Kunden in seiner eigenen Muttersprache. Und die lassen sich seine Website auch nicht vorlesen.

        Liebe Grüße

        Felix Riesterer

        1. @@Felix Riesterer

          Alternativtexte sind nicht vorhanden, was die Seiten für viele Menschen unzugänglich macht.

          die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?

          Solche Annahmen sollte man nicht treffen; sie gehen so gut wie immer in die Hose.

          Warum sollten sich Legastheniker oder Analphabeten keine Fotos anschauen wollen?

          Und diejenigen, die Texte zwar lesen können, können nichts markieren und kopieren, also auch nicht übersetzen lassen.

          Brauchen sie ja auch nicht.

          Du willst für die Nutzer entscheiden, ob sie Textpassagen markieren/kopieren wollen?

          Solche Annahmen sollte man nicht treffen; sie gehen so gut wie immer in die Hose.

          Er hat nur Kunden in seiner eigenen Muttersprache. Und die lassen sich seine Website auch nicht vorlesen.

          Oder doch, s.o.

          😷 LLAP

          --
          “When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon
          1. Lieber Gunnar,

            Alternativtexte sind nicht vorhanden, was die Seiten für viele Menschen unzugänglich macht.

            die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?

            Solche Annahmen sollte man nicht treffen; sie gehen so gut wie immer in die Hose.

            aha, mal sehen!

            Warum sollten sich Legastheniker oder Analphabeten keine Fotos anschauen wollen?

            Was sollen die mit Alternativtexten? Die sind doch wegen der Bilder hier!

            Auch wenn ein Legastheniker mit dem Rechtschreiben so seine liebe Not hat, will er hier nicht lesen, sondern betrachten. Kein Bild? Wieder weg.

            Und was genau soll ein Analphabet mit den Alternativtexten? Also speziell mit diesen? Wie verwendet eigentlich so ein Analphabet das Internet? Mit einem Browser? Also einem, wo man eine URL eingeben muss?

            Und diejenigen, die Texte zwar lesen können, können nichts markieren und kopieren, also auch nicht übersetzen lassen.

            Brauchen sie ja auch nicht.

            Du willst für die Nutzer entscheiden, ob sie Textpassagen markieren/kopieren wollen?

            Nein, ich will die Wichtigkeit von Alternativtexten für Bilder auf einer Fotografenseite infrage stellen, weil es dort um die visuellen Bildinhalte geht. Was habe ich als potenzieller Kunde davon, wenn ich nur den Alternativtext von einem Photo zu sehen (oder von mir aus lesen) bekomme? Natürlich kann man das apologetisch betrachten. Muss man aber nicht.

            Solche Annahmen sollte man nicht treffen; sie gehen so gut wie immer in die Hose.

            Das schriebst Du bereits. Hast Du Dir eine Fotografenseite einmal "wie ein Blinder" angeschaut? Wie war Deine Erfahrung? Und hast Du Dich mal als Analphhabet auf einer solchen bewegt? Wie hast Du das gemacht?

            Er hat nur Kunden in seiner eigenen Muttersprache. Und die lassen sich seine Website auch nicht vorlesen.

            Oder doch, s.o.

            Das war satirisch überspitzt. Darüber erlaube ich mir im Prinzip wirklich keine Annahme, aber wenn ich Fotos sehen will, dann nützen mir die Alternativtexte herzlich wenig. Und wenn Blinde Alternativtexte lesen wollen, was tun sie dann auf einer Fotografenseite? Und was tun Analphabeten dort mit den Texten? Sag doch mal!

            Liebe Grüße

            Felix Riesterer

            1. @@Felix Riesterer

              Alternativtexte sind nicht vorhanden, was die Seiten für viele Menschen unzugänglich macht.

              die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?

              Solche Annahmen sollte man nicht treffen; sie gehen so gut wie immer in die Hose.

              aha, mal sehen!

              Warum sollten sich Legastheniker oder Analphabeten keine Fotos anschauen wollen?

              Das bezog sich auf dein „die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?“

              Legastheniker und Analphabeten dürften durchaus mit zur Zielgruppe eines Fotografen gehören.

              Was sollen die mit Alternativtexten? Die sind doch wegen der Bilder hier!

              Bei den Alternativtexten ging es in erster Linie nicht um Fotos, sondern darum, „dass viele Texte in Bildern eingesetzt sind“. Diese Textgrafiken brauchen den darin enthaltenen Text als Alternativtext.

              Du hast dir die betreffende Webseite nicht angesehen? Und auch nicht besonders aufmerksam den Thread gelesen?

              Auch wenn ein Legastheniker mit dem Rechtschreiben so seine liebe Not hat, will er hier nicht lesen, sondern betrachten. Kein Bild? Wieder weg.

              Vielleicht will sie aber auch Textgrafiken nicht betrachten, sondern sich vorlesen lassen. Kein Ton? Wieder weg.


              Wie verwendet eigentlich so ein Analphabet das Internet? Mit einem Browser? Also einem, wo man eine URL eingeben muss?

              ?? Man muss in Browsern einen URL (männlich!) eingeben? Echt jetzt?

              Das machst du vielleicht so. Ich auch.

              Eine Vielzahl von Nutzern tut das nicht. (Ich würde denken, die Mehrheit.) Die wissen gar nicht, was ein URL ist. Die geben was in die Suchmaschine ihrer Wahl (oder schlechter: in die Vorauswahl ihres Systems, also Google) ein und folgen Links von einer Seite zur nächsten. Das Webadressfeld des Browsers ist keines Blickes wert – das Kleingedruckte ist eh schlecht für die Augen.


              Hast Du Dir eine Fotografenseite einmal "wie ein Blinder" angeschaut? Wie war Deine Erfahrung?

              Ich kann dir aus eigener Erfahrung sagen, dass Blinde auch Fotos in sozialen Netzwerken teilen, wenn diese mit aussagekräftigen Alternativtexten versehen sind.

              Wie ich sagte, man sollte nicht annehmen, was bestimmte Nutzer nicht tun können oder tun wollen, sondern ihnen ermöglichen, das zu tun. Behindert ist man nicht, behindert wird man.

              😷 LLAP

              --
              “When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon
              1. Lieber Gunnar,

                Das bezog sich auf dein „die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?“

                verkürzt Du da meine Aussage auf unzulässige Art? Mein Kommentar bezog sich explizit auf Alternativtexte. Natürlich habe ich keine Ahnung, warum jemand im Einzelfall die Website eines Fotografen aufsucht, aber so rein intuitiv würde ich sagen, dass sie das wegen der Bilder tun. Und wenn sie die nicht sehen können, dann bekommen sie Alternativtexte. Aber deretwegen sind sie ja nicht da, sondern wegen der Bilder.

                Aber vielleicht verstehe ich Dich auch einfach nicht gut genug.

                Legastheniker und Analphabeten dürften durchaus mit zur Zielgruppe eines Fotografen gehören.

                Klar, aber nicht wegen der Texte, sondern wegen der Bilder. Was genau soll ein Analphabet mit Texten?

                Bei den Alternativtexten ging es in erster Linie nicht um Fotos, sondern darum, „dass viele Texte in Bildern eingesetzt sind“. Diese Textgrafiken brauchen den darin enthaltenen Text als Alternativtext.

                Für einen Analphabeten sicher völlig egal. Für einen Blinden sicherlich nicht, aber warum kommt er dann überhaupt auf die Seite, wenn es in erster Linie um Bilder geht? Oder ist ein Fotograf vor allem ein Texter?

                Vielleicht tschegg ich's auch einfach ned.

                Du hast dir die betreffende Webseite nicht angesehen? Und auch nicht besonders aufmerksam den Thread gelesen?

                Vermutest Du das, nur weil ich Deine Einwände nicht klaglos hinnehme? Vielleicht habe ja auch ich einen gültigen Gesichtspunkt anzubieten, der leider nicht in Deine Sichtweise passt, weil Du meine Perspektive verneinst?

                Auch wenn ein Legastheniker mit dem Rechtschreiben so seine liebe Not hat, will er hier nicht lesen, sondern betrachten. Kein Bild? Wieder weg.

                Vielleicht will sie aber auch Textgrafiken nicht betrachten, sondern sich vorlesen lassen. Kein Ton? Wieder weg.

                Sie? OK. In meinem Satz war das als generisches Maskulinum gemeint. Aber klar, kann natürlich auch eine sie sein.

                Wie verwendet eigentlich so ein Analphabet das Internet? Mit einem Browser? Also einem, wo man eine URL eingeben muss?

                ?? Man muss in Browsern einen URL (männlich!) eingeben? Echt jetzt?

                Das L in URL steht für locator. Ist das maskulin?

                Das machst du vielleicht so. Ich auch.

                Was stellst Du Dir unter einem Analphabeten vor? Eine Person, die Wörter in ein Suchfeld schreibt? Da muss ich fragen: Echt jetzt?

                Eine Vielzahl von Nutzern tut das nicht. (Ich würde denken, die Mehrheit.) Die wissen gar nicht, was ein URL ist. Die geben was in die Suchmaschine ihrer Wahl (oder schlechter: in die Vorauswahl ihres Systems, also Google) ein und folgen Links von einer Seite zur nächsten.

                Deine "Vielzahl von Nutzern" hat mit meiner Äußerung, auf die Du Dich ursprünglich bezogen hast, nichts zu tun. Also: Was genau schreibt ein Analphabet in die Suchmaschine seiner Wahl? Und welche könnte das genau sein?

                Da bin ich jetzt echt gespannt.

                Hast Du Dir eine Fotografenseite einmal "wie ein Blinder" angeschaut? Wie war Deine Erfahrung?

                Ich kann dir aus eigener Erfahrung sagen, dass Blinde auch Fotos in sozialen Netzwerken teilen, wenn diese mit aussagekräftigen Alternativtexten versehen sind.

                Du weichst gezielt meiner Frage aus, nur damit Du mir widersprechen kannst. ;-) Soziale Netzwerke sind etwas völlig anderes, als Fotografenwebsites. Meine Frage zielte speziell darauf hin ab, denn meine Äußerung, der Du widersprochen hast, zielte ebenso explizit auf eine Fotografenwebsite ab. Und jetzt kommst Du mir mit dem Teilen von Fotos in sozialen Netzwerken.

                Wie ich sagte, man sollte nicht annehmen, was bestimmte Nutzer nicht tun können oder tun wollen, sondern ihnen ermöglichen, das zu tun. Behindert ist man nicht, behindert wird man.

                Schon klar. Thema verfehlt. Schade. Wäre wirklich interessant geworden. So ist es leider same old same old.

                Liebe Grüße

                Felix Riesterer

                1. Hallo Felix,

                  Was genau schreibt ein Analphabet in die Suchmaschine seiner Wahl?

                  Er spricht seinen Suchwunsch in das ASR-Interface seines Geräts.

                  Es ist nicht mein Minus, aber Tatsache ist, dass sich ein Entwickler einfach nicht alle Nutzer und Nutzungsarten seines Werkes vorstellen kann, und die Hypothese, dass Nutzer mit einem Mangel an bestimmten Fähigkeiten eine Seite eh nicht besuchen, ist und bleibt irrig.

                  Wenn damit begründet wird, dass man bestimmte Benutzungsmöglichkeiten gar nicht erst anbietet, ist das nicht nur ein Irrtum, sondern faul. Oder eine Ausrede für das eigene Unvermögen, dieses Angebot machen zu können. Ein Unvermögen, das viele Ursachen haben kann und nicht persönlich begründet sein muss. Und ich muss eingestehen, selbst auch an diesem Unvermögen zu leiden.

                  Wie auch immer, der Thread ist mal wieder zur Self-Nabelschau geworden und der TO liest eh nicht mehr mit. Glaube ich.

                  Rolf

                  --
                  sumpsi - posui - obstruxi
                  1. Lieber Rolf,

                    Was genau schreibt ein Analphabet in die Suchmaschine seiner Wahl?

                    Er spricht seinen Suchwunsch in das ASR-Interface seines Geräts.

                    also quatscht er in ein Mikro, das von einer Software ausgewertet wird. Im wesentlichen benötigt er also ein Gerät, welches mit ihm spricht, und zwar im wörtlichen Sinne. Und so ausgerüstete Endgeräte gibt es wirklich. Okay. So ergibt das einen Sinn.

                    Es ist nicht mein Minus, aber Tatsache ist, dass sich ein Entwickler einfach nicht alle Nutzer und Nutzungsarten seines Werkes vorstellen kann, und die Hypothese, dass Nutzer mit einem Mangel an bestimmten Fähigkeiten eine Seite eh nicht besuchen, ist und bleibt irrig.

                    Sie mag vielleicht irrig sein, oder manchmal auch nicht. Im Grunde sehe ich das auch so, dass das kein Grund ist, eine Seite technisch korrekt umzusetzen. Das war auch nicht mein Anliegen.

                    Wenn damit begründet wird, dass man bestimmte Benutzungsmöglichkeiten gar nicht erst anbietet, ist das nicht nur ein Irrtum, sondern faul.

                    Oder Unvermögen. Das gibt es auch. Wir können ebensowenig wissen, warum jemand seine Seite nicht technisch korrekt oder sinnvoll umgesetzt hat, wie wir nicht wissen, wer mit welchen technischen oder biologischen Beschränkungen eine Seite besucht.

                    Ein Unvermögen, das viele Ursachen haben kann und nicht persönlich begründet sein muss. Und ich muss eingestehen, selbst auch an diesem Unvermögen zu leiden.

                    Also muss man den Grundsatz pflegen, dass man eine Seite unter allen Umständen zugänglich bauen muss, egal ob es einem einleuchtet, oder nicht, eben weil man sich immer dieses Unvermögen unterstellen muss, egal für wie toll oder erfahren man sich auch immer halten mag.

                    Wie auch immer, der Thread ist mal wieder zur Self-Nabelschau geworden und der TO liest eh nicht mehr mit. Glaube ich.

                    Diese Nabelschau ist der einzig greifbare Sinn dieses Threads. Natürlich liest der TO schon lange nicht mehr mit. Das war ja im Grunde schon vorher abzusehen.

                    Liebe Grüße

                    Felix Riesterer

                    1. Aloha ;)

                      Wenn damit begründet wird, dass man bestimmte Benutzungsmöglichkeiten gar nicht erst anbietet, ist das nicht nur ein Irrtum, sondern faul.

                      Oder Unvermögen. Das gibt es auch. Wir können ebensowenig wissen, warum jemand seine Seite nicht technisch korrekt oder sinnvoll umgesetzt hat, wie wir nicht wissen, wer mit welchen technischen oder biologischen Beschränkungen eine Seite besucht.

                      Wobei, wenn wir das mal streng nehmen und tacheles reden, Unvermögen auch eine Form der Faulheit ist. Geht ja nicht um einen Hochsprung, den ich nicht schaffe, weil ich dafür zu fett bin (und auch das liegt, genau genommen, an Faulheit, aber das führt jetzt zu weit...).

                      Es geht um eine Technik, die man sich, wenn man möchte, durchaus aneignen kann.

                      Grüße,

                      RIDER

                      --
                      Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Albers-Zoller
                      # Twitter # Steam # YouTube # Self-Wiki # Selfcode: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
                      1. Lieber Camping_RIDER,

                        Wobei, wenn wir das mal streng nehmen und tacheles reden, Unvermögen auch eine Form der Faulheit ist.

                        ist das immer und in ausnahmslos jedem Fall so?

                        Geht ja nicht um einen Hochsprung, den ich nicht schaffe, weil ich dafür zu fett bin (und auch das liegt, genau genommen, an Faulheit, aber das führt jetzt zu weit...).

                        Mir ist klar, auf was Du hinaus willst. Mir ist nur nicht klar, ob es hier tatsächlich keine Grauzone gibt, wenn wir über Unvermögen im allgemeineren Zusammenhang reden. Speziell auf das Gestalten einer Website stimme ich Dir zu: Man kann sich mit den notwendigen Technologien vertraut machen und sie studieren, bis man sie ausreichend versteht. Aber das mit dem Hochsprung ist so eine körperliche Sache. Wenn man eine körperliche Behinderung hat, die genau hier ein entsprechendes Unvermögen verursacht, dann ist der Vorwurf der Faulheit in meinen Augen definitiv falsch.

                        Es geht um eine Technik, die man sich, wenn man möchte, durchaus aneignen kann.

                        Die Technik ist die eine Seite. Ihre Anwendung und Umsetzung ist die andere. Hier bedarf es neben der Aneignung auch gewisser Einsichten zu diversen Notwendigkeiten. Und es soll Menschen geben, die sich mit Technik echt schwer tun. Denen fehlt dann gerne mal die ein oder andere Einsicht.

                        Liebe Grüße

                        Felix Riesterer

                        1. Aloha ;)

                          Aber das mit dem Hochsprung ist so eine körperliche Sache. Wenn man eine körperliche Behinderung hat, die genau hier ein entsprechendes Unvermögen verursacht, dann ist der Vorwurf der Faulheit in meinen Augen definitiv falsch.

                          Genau - der Hochsprung war ja eben als Gegenbeispiel gedacht - etwas, das man wirklich bei Unvermögen vielleicht nicht lösen kann, selbst wenn man nicht faul ist. Der launige Beisatz in Klammern sollte dem nicht widersprechen.

                          Grüße,

                          RIDER

                          --
                          Camping_RIDER a.k.a. Riders Flame a.k.a. Janosch Albers-Zoller
                          # Twitter # Steam # YouTube # Self-Wiki # Selfcode: sh:) fo:) ch:| rl:) br:^ n4:? ie:% mo:| va:) js:) de:> zu:} fl:( ss:) ls:[
                    2. Hallo

                      Wenn damit begründet wird, dass man bestimmte Benutzungsmöglichkeiten gar nicht erst anbietet, ist das nicht nur ein Irrtum, sondern faul.

                      Oder Unvermögen. Das gibt es auch. Wir können ebensowenig wissen, warum jemand seine Seite nicht technisch korrekt oder sinnvoll umgesetzt hat, wie wir nicht wissen, wer mit welchen technischen oder biologischen Beschränkungen eine Seite besucht.

                      In Gunnars Hinweis darauf, dass die Einbindung der Texte als Grafiken ohne Alternativtext unzugänglich und mMn damit (gelinde gesagt) Mist ist, ging es ja gerade darum, dem OP aufzuzeigen, dass es an der Seite noch andere Dinge zu überarbeiten gilt.

                      Darüber, warum die Texte als Bilder angeboten werden, kann man nur spekulieren. Bei den in einem anderen Posting von mir erwähnten Seiten von Bands ging es darum, besondere Schriftarten zu verwenden (zum Beispiel Frakturschriften) und den Text auf deren bevorzugte Art aufzuteilen. Wenn die Seite des OP so alt ist, wie es seine Beschreibung vermuten lässt, gab es damals einfach noch keine Webfonts, auch kein mehrspaltiges Layout für Texte und Bilder waren der einzige Weg, soetwas zu erreichen.

                      Heute gibt es Webfonts. Das ist der wohl einfachste, wenn auch nicht trafficsparendste Weg, eine unübliche Schriftart zu bestimmen. Das mit dem mehrspaltigen Textsatz ist ein anderes Lied. Wenn es den benutzten Font aber nicht als Webfont geben sollte und es denn unbedingt dieser eine sein muss, muss der in einem Bild dargestellte Text da auch als Alternativtext des Bildes hin. Nicht nur, dass assistive Techniken ohne den Alternativtext keinen Inhalt vorfinden, das Gleiche passiert auch den Bots der Suchmaschinen. Und wenn man denn wirklich so assi sein sollte, Benutzer mit Einschränkungen, um eines Effektes willen, bewusst von der eigenen Seite fernhalten zu wollen, will man bestimmt nicht, dass Suchbots nichts finden, denn dann wird die eigene Seite einfach selbst nicht gefunden.

                      Tschö, Auge

                      --
                      Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.
                      Hohle Köpfe von Terry Pratchett
                2. Hallo

                  Du hast den Thread nicht gelesen[1].

                  Das bezog sich auf dein „die sind bei einem Fotografen wohl eher nicht die Zielgruppe, oder?“

                  verkürzt Du da meine Aussage auf unzulässige Art? Mein Kommentar bezog sich explizit auf Alternativtexte. Natürlich habe ich keine Ahnung, warum jemand im Einzelfall die Website eines Fotografen aufsucht, aber so rein intuitiv würde ich sagen, dass sie das wegen der Bilder tun. Und wenn sie die nicht sehen können, dann bekommen sie Alternativtexte. Aber deretwegen sind sie ja nicht da, sondern wegen der Bilder.

                  Hier geht es nicht um die Bilder/Fotos, die der Fotograf feil bietet oder mit denen er sein Können zeigt, sondern um Bilder, die den Textinhalt der Seite(n) enthalten.

                  Aber vielleicht verstehe ich Dich auch einfach nicht gut genug.

                  Legastheniker und Analphabeten dürften durchaus mit zur Zielgruppe eines Fotografen gehören.

                  Klar, aber nicht wegen der Texte, sondern wegen der Bilder. Was genau soll ein Analphabet mit Texten?

                  Wie wär's mit, sie sich vorlesen zu lassen?

                  … was natürlich ohne Text nicht geht.

                  Bei den Alternativtexten ging es in erster Linie nicht um Fotos, sondern darum, „dass viele Texte in Bildern eingesetzt sind“. Diese Textgrafiken brauchen den darin enthaltenen Text als Alternativtext.

                  Für einen Analphabeten sicher völlig egal.

                  Klar, weil er selbst schlecht oder nicht lesen kann, sind dem Analphabeten als solchem Texte sicher völlig egal. 🤦‍♂️

                  … Oder ist ein Fotograf vor allem ein Texter?

                  Ist es für dich tatsächlich so abwegig, dass ein Fotograf sich in Textform vorstellt, seine Spezialitäten anpreist, Kontaktmöglichkeiten und Öffnungs- oder Bürozeiten nennt, etc.?

                  Vielleicht tschegg ich's auch einfach ned.

                  Du schnallst es nicht, weil du den Thread oder zumindest diesen Ast offensichtlich nicht verstehend gelesen hast.

                  Wenn der Seitenautor seine Textinhalte in Bilder packt [2] und diese wiederum keine Alternativtexte haben, hat die Seite keine Textinhalte.

                  Du hast dir die betreffende Webseite nicht angesehen? Und auch nicht besonders aufmerksam den Thread gelesen?

                  Vermutest Du das, nur weil ich Deine Einwände nicht klaglos hinnehme? Vielleicht habe ja auch ich einen gültigen Gesichtspunkt anzubieten …

                  Sorry, meiner Meinung nach hast du das nicht.

                  Auch wenn ein Legastheniker mit dem Rechtschreiben so seine liebe Not hat, will er hier nicht lesen, sondern betrachten. Kein Bild? Wieder weg.

                  Vielleicht will sie aber auch Textgrafiken nicht betrachten, sondern sich vorlesen lassen. Kein Ton? Wieder weg.

                  Sie? OK. In meinem Satz war das als generisches Maskulinum gemeint. Aber klar, kann natürlich auch eine sie sein.

                  Warum beißt du dich am gendern fest, statt auf das Argument, Zugang auf die Seiteninhalte nicht zu verwehren, einzugehen?

                  Wie verwendet eigentlich so ein Analphabet das Internet? Mit einem Browser? Also einem, wo man eine URL eingeben muss?

                  ?? Man muss in Browsern einen URL (männlich!) eingeben? Echt jetzt?

                  Was stellst Du Dir unter einem Analphabeten vor? Eine Person, die Wörter in ein Suchfeld schreibt?

                  Schon mal etwas von Spracheingabe gehört? Da gibt es solche Geräte, die stellt man sich in das Zimmer oder man hat sie in der Hosen- oder Jackentasche. Neben dem ausspionieren des Besitzers erfüllen diese Geräte eben auch Aufgaben auf Anfrage. Das kann das ein- und ausschalten anderer Geräte sein, das abspielen von Medien aber eben auch das auslösen von Suchanfragen.

                  „Hey Schnuckel! Suche nach Fotografen in Musterstadt!“

                  … geht ganz ohne schreiben …
                  … allerdings nicht, wenn es auf der Seite keine Texte gibt, weil die nunmal in Bildern ohne Alternativtexten stecken. Sowas taucht natürlich nicht in auch nur irgendeinem Suchindex auf.

                  Da muss ich fragen: Echt jetzt?

                  Ja, echt jetzt.

                  Schon klar. Thema verfehlt.

                  Ja, du.

                  Schade. Wäre wirklich interessant geworden. So ist es leider same old same old.

                  Das sehe ich auch so. Engstirnig, wie eh und je. 😒

                  Tschö, Auge

                  --
                  Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden.
                  Hohle Köpfe von Terry Pratchett

                  1. explizit mit Punkt statt Fragezeichen ↩︎

                  2. Ich hätte nicht gedacht, dass es das heutzutage überhaupt noch gibt [3]. Vor annähernd 20 Jahren habe ich soetwas gereade auf Bandseiten öfter gesehen. Da musste es ein möglichst ausgefallener Font sein, egal, ob man als Besucher den Text schlussendlich lesen konnte oder nicht. ↩︎

                  3. Ja, ich habe gelesen, dass die Seite seit Jahren nicht überarbeitet wurde. ↩︎

                3. @@Felix Riesterer

                  Auch wenn ein Legastheniker mit dem Rechtschreiben so seine liebe Not hat, will er hier nicht lesen, sondern betrachten. Kein Bild? Wieder weg.

                  Vielleicht will sie aber auch Textgrafiken nicht betrachten, sondern sich vorlesen lassen. Kein Ton? Wieder weg.

                  Sie? OK. In meinem Satz war das als generisches Maskulinum gemeint.

                  Und in meinem als generisches Femininum.

                  Aber klar, kann natürlich auch eine sie sein.

                  Oder ein Er. Männer sind im generischen Femininum mitgemeint.

                  Zum Rest haben @Rolf B und @Auge ja schon alles™ gesagt.

                  😷 LLAP

                  --
                  “When I was 5 years old, my mother always told me that happiness was the key to life. When I went to school, they asked me what I wanted to be when I grew up. I wrote down ‘happy.’ They told me I didn’t understand the assignment, and I told them they didn’t understand life.” —John Lennon
                  1. Hallo,

                    Sie? OK. In meinem Satz war das als generisches Maskulinum gemeint.

                    Und in meinem als generisches Femininum.

                    Aber klar, kann natürlich auch eine sie sein.

                    Oder ein Er. Männer sind im generischen Femininum mitgemeint.

                    männlich zu sein, ist sowieso nur ein Gendefekt. Ein kaputtes X-Chromosom.

                    Live long and pros healthy,
                     Martin

                    --
                    Lasst uns ins Horn brechen und aufstoßen. Höchste Zeit, auf den Weg zu machen.
                    (mit freundlichem Dank an Tabellenkalk für die Ergänzung 😀)
                    1. Dieser Beitrag wurde gelöscht: Beitrag ist Spam.
    2. Hallo Rolf,

      vorab vielen Dank für die sehr ausführlichen Worte!

      Der Widerspruch zwischen meinem Logo und meiner Selbsteinschätzung zum Webdesign läßt sich leicht erklären: Den Part des WebDesign übernehmen in meiner Firma freiberuflich beauftragte WebDesigner. Das sind in ihrem Bereich Profis.

      An meine WebSite habe ich mich schon vor vielen Jahren ganz alleine heran gewagt. Damit wollte und will ich auch heute meinen WebDesigner nicht behelligen.

      Mit meiner Frage an das Forum: „wie ich meine Website automatisch an Browserfenster anpaßen kann“ wollte ich meine wirklich rudimentären WebDesign-Kenntnisse nur etwas verbessern. Etwas dazu zu lernen schadet nie.

      Schade, daß es anscheinend keine einfache Möglichkeit gibt, z. B. über eine css-Anweisung, daß sich die vorhandene WebSite automatisch an die Größe des Browserfensters anpaßt. Wenn ich Dich richtig verstehe ist vor allem das Tabellen-Layout der große Hinderungsgrund.

      Daraus schließe ich, daß es möglich ist, wenn ich kein Tabellen-Layout verwende.

      Bzw. noch besser, wenn ich meine WebSite komplett neu mit einem responsiven Design aufbaue.

      Nochmals vielen Dank für Deine Tipps!

      Freundliche Grüße

      Jürgen Hedwig / YunPo

      1. Hallo Jürgen,

        Daraus schließe ich, daß es möglich ist, wenn ich kein Tabellen-Layout verwende.

        Das ist es nicht allein. Du musst auch davon weg, deine Texte in Bilder zu legen.

        Wenn Du freiberufliche Webdesigner hast, die für Dich arbeiten, empfehle ich Dir dringend, einen davon für einen Know-How Transfer zu engagieren oder das Redesign der Seite dort zu beauftragen. Die Homepage ist deine Visitenkarte.

        Rolf

        --
        sumpsi - posui - obstruxi
  6. Hallo,

    Sehr geehrte forum.selfhtml.org-Teilnehmer, […]

    Zur Info, das gleiche Thema gibt es nicht nur hier.

    @Jürgen: das ist hier (wie in so ziemlich jedem anderen Forum auch) nicht gerne gesehen.

    Gruß,
    Tobias

    1. Hallo tk,

      ein Doppelposting im Sinne der Charta ist aber was anderes.

      Dass jemand an mehr als einer Stelle nach Hilfe sucht, ist - finde ich - legitim. Dass er dort wie hier ein "brrr, was ein Mist, lern erstmal die Grundlagen" zu hören bekommt, ist - finde ich - sehr passend 😀

      Rolf

      --
      sumpsi - posui - obstruxi
      1. Hallo Rolf,

        ein Doppelposting im Sinne der Charta ist aber was anderes.

        Ja, ich weiß – allerdings ist ein Crossposting im Grunde genau das wie das in der Charta beschriebene Doppelposting nur eben nicht in einem sondern in zwei Foren.

        Dass jemand an mehr als einer Stelle nach Hilfe sucht, ist - finde ich - legitim.

        Solange auf den Thread im anderen Forum hingewiesen wird, ist es imho durchaus in Ordnung – aber so finde ich es nicht gut (die Gründe stehen ja bereits in der Charta).

        Gruß,
        Tobias