Immer wieder findet man in HTML-Quelltext die Tags <b> und / oder <strong>. Wo aber liegt der Unterschied (und den gibt es)?

Eigentlich ist es ganz einfach:

<b> = Bold = Fettschrift
<strong> = Stark = Hervorheben

Mit <b> wird einfach die Fettschrift eingeschaltet und dies sagt nichts über den Inhalt aus. <b> ist einzig ein Designelement um einen Text oder ein Formular lesbarer zu machen.
<strong> hingegen “sagt” etwas über die inhaltliche Gewichtung, welche in der Struktur / dem Kontext des Textes hervorgehoben werden soll.  Deutlich wird dies auch, wenn man beobachtet, daß nicht jeder Browser strong-Elemente in Fettschrift darstellt.

Warum sollte man nun darauf achten, ob <b> oder <strong> verwendet wird?

Auch diese Frage ist eigentlich recht einfach zu beantworten. Es geht um die von uns so geliebten Suchmaschinen. Für eine SuMa ist es schon erheblich, ob ein Text einfach nur Fett geschrieben wurde oder eben mittels <strong> hervorgehoben wird. Die Wertigkeit ist in dem zweiten Fall einfach höher.

Veröffentlicht von Limespacer | Keine Kommentare »

Guten Abend liebe Besucher, es ist mal wieder an der Zeit, euch ein paar gelungene Video Tutorials zu präsentieren. Heute geht es um die ausgezeichnete Software Adobe InDesign.

Für alle die nicht wirklich wissen wofür Adobe InDesign gedacht ist (Wikipedia Erklärung)

InDesign ist ein Layoutprogramm und wurde von Adobe als Konkurrenz zu QuarkXPress entwickelt. InDesign ist der Nachfolger von PageMaker, das von Aldus entwickelt und von Adobe übernommen, aber nicht mehr weiterentwickelt wurde. InDesign sieht auf den ersten Blick aus wie viele Adobe-Programme, da dessen Benutzeroberfläche den anderen Produkten von Adobe Systems, wie z. B. Photoshop oder Illustrator entspricht.

InDesign wird vor allem in Werbeagenturen und von freien Grafikern, bei Prepress-Dienstleistern sowie in Druckereien und Verlagen eingesetzt. Zusammen mit Redaktionssystemen ist es häufig in Kombination mit dem Redaktionswerkzeug und Textprogramm Adobe InCopy in der professionellen Zeitungs- und Zeitschriftenproduktion anzutreffen. Weitere Einsatzbereiche mit oder ohne Redaktionssystem sind Prospekte, Broschüren, Kataloge, Faltblätter, Plakate, Geschäftsdrucksachen, seltener auch PDF-Bildschirmpräsentationen mit eingebundenen Filmen, Flash und Interaktivität, und auch Database-Publishing-Anwendungen.

Solltet ihr noch nicht im Besitz dieser klasse Software sein, die Version CS3 gibt es bei Amazon schon für schlappe 1149.- Euro (Adobe InDesign CS3 – deutsch ).

Aber nun zu den versprochenen Vidoe Tutorials

Die Bedienoberfläche kurz und knapp

Textmasken erstellen mit Adobe InDesign

Rahmen anpassungen in Adobe InDesign

Adobe InDesign Podcast 4 Teile, sehr gelungen

• Link zum 1 Teil
• Link zum 2 Teil (fehlt leider..)
• Link zum 3 Teil
• Link zum 4 Teil

Wer sich nicht so gerne Videos ansieht, kann natürlich auch auf die klassichen Tutorials zurückgreifen :

• Geister mit Adobe InDesign zeichnen, passend zu Halloween
• Übersicht verschiedene Tutorials (Deutsch)
• Text um Bilder fließen lassen

So und nun wünschen wir euch viel Spaß beim Designen.

Übrigens wenn ich gerade nicht das nötige Kleingeld zum kaufen von Adobe InDesign übrig habt .. versucht euch mal an Scribus, eine sehr schöne Opensource Alternative.

Veröffentlicht von Limespacer | Keine Kommentare »

Howdy liebe Limespacer,

kurz vor dem erhofften Wochenende, möchten wir euch eine kleine Sammlung von Tutorials rund um das Thema CSS Design vorstellen.

• Wie erstellt man ein 3 Spalten Design (fixed) – sehr ausführlich (Englisch)
• Wie erstellt man ein simples 2 Spalten Design (Englisch)
• Wie erstellt man ein komplettes Design anhand einer Photoshop-Datei (Englisch)

Beispiele und Vorlagen findet ihr auf folgenden Seiten

• CSS Templates – kostenlos
• IM Layouts – kostenlos

Als Highlight dann noch einige aus meiner Sicht sehr gelungene Video-Tutorials zum Thema CSS

Die Basics

Die Syntax

Bildergalerie mit CSS

Veröffentlicht von Limespacer | Keine Kommentare »

Wir haben heute eine sehr sehr schöne Checkliste gefunden wie Webseiten zu gestalten sind das sie auch wirklich von jedem genutzt werden können.

Leider ist diese im Moment nur in Englisch vorhanden, was aber ja auch kein Problem darstellen sollte. Die Liste als PDF bekommt ihr hier => PDF Checkliste Webseiten Benutzbarkeit

photo credit: JeanPierreG.

Veröffentlicht von Limespacer | Keine Kommentare »