O
OxnoxO
Guest
Hallo!
ich bin "der Neue" ;-)
Habe eher durch Zufall bei der Recherche dieses Thema hier gefunden. Ist auch schon sehr alt.
Eine Aussage hat mich sehr erschüttert.
QUOTE Übrigens hat doch heute fast jeder Flash installiert.
Diese Ansicht verleitet leider einige selbsternannte "Designer" und "Trendsetter" dazu, für die Wenigen, denen Sicherheit beim Surfen mehr wert ist, als Animationen ohne echten Mehrwert, völlig unbrauchbare Webseiten ins Netz zu stellen.
Aufgefallen ist mir das auch beim Klick auf einige Seiten hier im Forum.
Es ist zwar hübsch anzusehen, wenn flüssige Animationen auf dem Bildschirm ablaufen oder tolle Effekte für Staunen sorgen. Bei alledem sollte man aber doch nicht vergessen, dass eine Webseite in erster Linie _benutzbar_ sein sollte und erst wenn das sicher gestellt wurde an das "Schnörkeln" gegangen werden sollte.
Was nutzt eine Animation, die ich wegen eines fehlenden (oder bewusst entfernten) Plugins nicht sehen kann? Wie wird meine Meinung bzgl. des Inhabers und Designers sein, wenn ich mir das Plugin installiert habe und doch keine Inhalte, sondern nur schwabbelnde Texte, animierte Linien oder sonstigen Schmonsens sehe?
Um den Kreis zu schließen wieder zurück zu Pagepeel:
Natürlich sieht die Ecke gut aus. Keine Frage. Nur würde ich als Auftraggeber gerade dieses Produkt nicht wählen, weil ich eben damit an Content-Filtern, Webwashern, fehlenden oder inkompatiblen Plugins und mobilen Geräten hängen bleiben kann. Hinzu kommt, dass das Ding für mich eine "Blackbox" ist. Das Flash/Shockwave-Teilchen kann im Grunde im Hintergrund jede menge Dinge tun, von denen ich als Auftraggeber und die Zielgruppe nichts mitbekommen.
Auch die hier vorgestellte Javascript-Lösung leidet daran, dass sie nicht verlässlich ist und bereits bei deaktiviertem Javascript nicht mehr funktioniert.
So eignen sich dann diese netten Spielereien eher für eng umgrenzte Zielgruppen denn als Massenwerbemedium - zumindest dann, wenn Flash, JavaScript o.ä. eingesetzt wird.
Dabei geht es auch mit "Low Tech". Zwei geschachtelte DIVs, ein wenig CSS und etwas zeichnerisches Talent genügen völlig um mit Rollovern und animierten GIFs einen passablen und fast "unkaputtbaren" Eselsohr-Effekt zu bauen, der nicht nur bei strengen Sicherheitseinstellungen seinen Dienst versieht, sondern im Zweifelsfall sogar im reinen Textmodus oder innerhalb von Screenreader die Message transportiert.
Kostenloses Beispiel:
a) Zutaten
1) Grafik für das Eselsohr (animiert oder statisch) als GIF speichern
2) Grafik für die Werbung (animiert oder statisch) als GIF speichern
3) Transparentes GIF 1x1 Pixel
4) In die HTML Seiten eingebundes CSS-Stylesheet
Styles:
CODE
div#peel {
position: absolute;
top:0px;
right: 0px;
z-index: 100;
width:172px; /* Ggf. anpassen */
height:170px; /* Ggf. anpassen */
background:url("transparent.gif"); /* Ggf. anpassen */
}
div#ecke {
position: absolute;
top:0px;
right: 0px;
z-index: 99;
width:172px; /* Ggf. anpassen */
height:170px; /* Ggf. anpassen */
background:url("eselsohr.gif"); /* Ggf. anpassen */
}
div#mini a:hover {
position: absolute;
top:0px;
right: 0px;
z-index: 101;
width:580px; /* Ggf. anpassen */
height:580px; /* Ggf. anpassen */
background:url("werbung.gif"); /* Ggf. anpassen */
}
img {
border:none;
}
In die Webseite nach dem <BODY>-Tag:
CODE
<div id="ecke">
<div id="peel"><a href="http://www.example.com" target="_blank" onclick="this.blur();">
<img src="itransparent.gif" width="100%" height="100%" title="Titel" alt="Werbung: Werbebotschaft für Textbrowser"/></a>
</div>
</div>
Fertig!
Eine genaue Anleitung mit Beispiel:
http://www.webmasterbase.de/system/section...&artid=1&page=2
Ein "Live"-Beispiel im Einsatz:
http://www.pro-rauchfrei.de
Grüße
OxnoxO
ich bin "der Neue" ;-)
Habe eher durch Zufall bei der Recherche dieses Thema hier gefunden. Ist auch schon sehr alt.
Eine Aussage hat mich sehr erschüttert.
QUOTE Übrigens hat doch heute fast jeder Flash installiert.
Diese Ansicht verleitet leider einige selbsternannte "Designer" und "Trendsetter" dazu, für die Wenigen, denen Sicherheit beim Surfen mehr wert ist, als Animationen ohne echten Mehrwert, völlig unbrauchbare Webseiten ins Netz zu stellen.
Aufgefallen ist mir das auch beim Klick auf einige Seiten hier im Forum.
Es ist zwar hübsch anzusehen, wenn flüssige Animationen auf dem Bildschirm ablaufen oder tolle Effekte für Staunen sorgen. Bei alledem sollte man aber doch nicht vergessen, dass eine Webseite in erster Linie _benutzbar_ sein sollte und erst wenn das sicher gestellt wurde an das "Schnörkeln" gegangen werden sollte.
Was nutzt eine Animation, die ich wegen eines fehlenden (oder bewusst entfernten) Plugins nicht sehen kann? Wie wird meine Meinung bzgl. des Inhabers und Designers sein, wenn ich mir das Plugin installiert habe und doch keine Inhalte, sondern nur schwabbelnde Texte, animierte Linien oder sonstigen Schmonsens sehe?
Um den Kreis zu schließen wieder zurück zu Pagepeel:
Natürlich sieht die Ecke gut aus. Keine Frage. Nur würde ich als Auftraggeber gerade dieses Produkt nicht wählen, weil ich eben damit an Content-Filtern, Webwashern, fehlenden oder inkompatiblen Plugins und mobilen Geräten hängen bleiben kann. Hinzu kommt, dass das Ding für mich eine "Blackbox" ist. Das Flash/Shockwave-Teilchen kann im Grunde im Hintergrund jede menge Dinge tun, von denen ich als Auftraggeber und die Zielgruppe nichts mitbekommen.
Auch die hier vorgestellte Javascript-Lösung leidet daran, dass sie nicht verlässlich ist und bereits bei deaktiviertem Javascript nicht mehr funktioniert.
So eignen sich dann diese netten Spielereien eher für eng umgrenzte Zielgruppen denn als Massenwerbemedium - zumindest dann, wenn Flash, JavaScript o.ä. eingesetzt wird.
Dabei geht es auch mit "Low Tech". Zwei geschachtelte DIVs, ein wenig CSS und etwas zeichnerisches Talent genügen völlig um mit Rollovern und animierten GIFs einen passablen und fast "unkaputtbaren" Eselsohr-Effekt zu bauen, der nicht nur bei strengen Sicherheitseinstellungen seinen Dienst versieht, sondern im Zweifelsfall sogar im reinen Textmodus oder innerhalb von Screenreader die Message transportiert.
Kostenloses Beispiel:
a) Zutaten
1) Grafik für das Eselsohr (animiert oder statisch) als GIF speichern
2) Grafik für die Werbung (animiert oder statisch) als GIF speichern
3) Transparentes GIF 1x1 Pixel
4) In die HTML Seiten eingebundes CSS-Stylesheet
Styles:
CODE
div#peel {
position: absolute;
top:0px;
right: 0px;
z-index: 100;
width:172px; /* Ggf. anpassen */
height:170px; /* Ggf. anpassen */
background:url("transparent.gif"); /* Ggf. anpassen */
}
div#ecke {
position: absolute;
top:0px;
right: 0px;
z-index: 99;
width:172px; /* Ggf. anpassen */
height:170px; /* Ggf. anpassen */
background:url("eselsohr.gif"); /* Ggf. anpassen */
}
div#mini a:hover {
position: absolute;
top:0px;
right: 0px;
z-index: 101;
width:580px; /* Ggf. anpassen */
height:580px; /* Ggf. anpassen */
background:url("werbung.gif"); /* Ggf. anpassen */
}
img {
border:none;
}
In die Webseite nach dem <BODY>-Tag:
CODE
<div id="ecke">
<div id="peel"><a href="http://www.example.com" target="_blank" onclick="this.blur();">
<img src="itransparent.gif" width="100%" height="100%" title="Titel" alt="Werbung: Werbebotschaft für Textbrowser"/></a>
</div>
</div>
Fertig!
Eine genaue Anleitung mit Beispiel:
http://www.webmasterbase.de/system/section...&artid=1&page=2
Ein "Live"-Beispiel im Einsatz:
http://www.pro-rauchfrei.de
Grüße
OxnoxO
