Beiträge der Kategorie 'Web & Design'

Seiten: 1 2 3 weiter

Global Recognised Avatar

orange
Avatar “orange”

Avatare sind Benutzerbilder im virtuellen Raum - sozusagen eine personenbezogene Grafik. Ob diese Grafik nun mit einem Foto des Benutzers, mit passenden, aussagekräftigen Motiven, 2D bzw. 3D oder mit Schriftzügen gestaltet ist bleibt dem Geschmack des Erstellers überlassen. Im Web gibt es genügend Seiten, die Avatare kostenlos zur Nutzung anbieten (G**gle z.B. gibt massenweise Treffer her). Mit einem Grafikbearbeitungsprogramm sind solche Avatare - zumeist in der Größe 80 x 80 Pixel - schnell selbst hergestellt.

Verwendet werden sie vorallem in Foren und kommunikativen Plattformen aber auch in Blogs. Registrierte Benutzer können dazu aus einem Avatarverzeichnis ein für sich passendes auswählen oder selbst eines hochladen. Bei jedem Beitrag (Kommentar) wird nun dieses Benutzerbild angezeigt.

Ein Global Recognised Avatar - sprich Gravatar - ist global nutzbar. Das heißt, das Avatar ist mit der E-Mail-Adresse und einer bestimmten Codierung verbunden, die von einem Dienst “verwaltet” wird. Nun ist es möglich, in jedem Blog sein Gravatar zu hinterlassen ohne sich registrieren zu müssen und sein Avatar hochzuladen.
…den ganzen Beitrag lesen »

Lesbarkeit und Kontrast

Webseiten transportieren verschiedene Inhalte, die genau so beim Besucher ankommen sollten, das ihr Ziel erreicht wird. Gerade Blogs verfolgen das Ziel einer Stammleserschaft.
Inhalte werden einerseits durch Texte und andererseits durch Bildmaterial dargestellt. Sie sollen eine unverwechselbare und leicht erkennbare Aussage haben!
Wichtig dabei ist die optimale Ausgewogenheit und der logische Aufbau innerhalb einer Webseite.
…den ganzen Beitrag lesen »

robots.txt

Werkzeuge der Suchmaschinen (SuMa) sind ständig im Einsatz und suchen das Netz nach Inhalten ab. Viel wird dafür getan, damit die eigenen Seiten auch gefunden und indiziert werden. Allerdings gibt es auch Bereiche, aus denen man Suchmaschinen ausschließen muss bzw. möchte. Zum Beispiel Seiten, die noch im Aufbau und nur kurzfristig online sind sowie Bilderverzeichnisse, Logfiles oder Verzeichnisse, die private bzw. heikle Inhalte führen.

Dafür eignet sich eine Datei “robots.txt”, die per FTP ins Hauptverzeichnis hochgeladen wird. Sie wird in einem Texteditor erstellt und setzt sich folgend zusammen:
…den ganzen Beitrag lesen »

Bilder schützen

Einerseits ist es ärgerlich bis ev. geschäftsschädigend, wenn Fotos oder Grafiken geklaut werden, andererseits kann durch eine Direktverlinkung der Dateien erheblicher Traffic entstehen, der zu Mehrkosten führen kann.
Was also tun? Einen absoluten Schutz gibt es wohl nicht, soviel sollte klar sein. Wie auch immer vorgegangen wird, es gibt Lücken für Bilddiebe.

Allerdings kann man Vorsichtsmaßnahmen ergreifen, die zumindest Blitzdiebe bzw. Anfänger davon abhalten, Grafiken leicht “mitzunehmen”:
…den ganzen Beitrag lesen »

CSS - Datei

Wie wird eine CSS-Datei sinnvoll aufgebaut?
Im Grunde ist es mehr oder weniger egal ;-) Das Ergebnis am Bildschirm wird immer dasgleiche bleiben.

ABER, um die Suche bei ev. Änderungen zu erleichtern, ist es sinnvoller der Datei eine Struktur zu geben. Gerade bei langen Dateien kommt man sonst leicht ins Schleudern. Zudem entspricht eine “logische” Abfolge der Browserabfrage.
Ich halte im übrigen nichts davon, die Styles in mehrere Dateien aufzuteilen.

Ohne Konzept geht gar nichts! Zuerst wird gründlich überlegt, was per CSS definiert werden soll, welche Grundstruktur für den Aufbau der Webseite benötigt wird und welche Teile davon eine weitere Formatierungsanweisen benötigen werden.

Bei der Umsetzung geht man am besten “der Reihe” nach vor.

  • Grundaufbau (der Containerboxen) nach Anordnung, Abständen, Größe, Farbe, Rahmen etc. Im Allgemeinen sind dies ausschließlich Identifizierungsattribute.
  • Danach kommen allgemeine Attribute, die das gesamte Layout bzw. die gesamte Typografie betreffen wie Schrift, Links, Listen, Tabellen, Elemente
  • Nun kommt die Feinabstimmung zu den einzelnen Abschnitten, wobei am besten wiederum der Reihe nach vorgegangen wird - Kopf, linke Spalte, Hauptteil, rechte Spalte, Fusszeile.
  • alle Regeln gut sortieren und eventuell zusammenfassen

Zur besseren Übersicht innerhalb der Datei noch ein paar Tipps:
…den ganzen Beitrag lesen »

Seiten: 1 2 3 weiter
  • Fotoblog

    aktuelle Beiträge