Mit ‘grafik’ getaggte Artikel

PHP Programmierung – PHP Funktion zur Generierung von transparenten Spacer

Mittwoch, 05. Mai 2010

Wir hatten in unserem letzten Artikel darüber informiert, wie man mittels einer PHP Funktion die Generierung von <img /> Tags erleichtern kann. Diese Funktion spart Zeit, sichert eine einheitliche Schreibweise aller <img /> Tags und erlaubt Änderungen in der Schreibweise, sollte diese sich durch Richtlinien oder Suchmaschinenoptimierung ändern sollen. Heute werden wir präsentieren wir man mit Hilfe dieser Funktion die sehr oft benutzten Spacer (transparente 1×1 Pixel Bilder) generieren kann.

Die PHP Funktion zur Erstellung von Spacer wir ein Aufruf der Funktion CreateImage sein, dass bestimmte Parameter immer wieder nutzt. Anbei die Funktion:

function CreateSpacer($nWidth=1, $nHeight=1) {
    return CreateImage(IMAGES_PATH."trans.gif","","width: ".$nWidth."px; height: ".$nHeight."px; border: 0px","");
}

Was macht die Funktion?

Es wird die Funktion CreateImage aufgerufen, wobei der Pfad zu der 1×1 Pixel Grafik (trans.gif) vorgegeben ist und explizit keinen Rahmen angezeigt wird. Die Konstante IMAGES_PATH kann in einer Konfigurationsdatei als der Pfad zu dem Ordner definiert werden, wo sich Ihre Grafiken befinden. Die Funktion übernimmt die übergebenen Parameter Breite und Höhe, die die meistbenutzen Parameter bei der Erstellung von Spacer <img /> sind. Diese können auch nicht angegeben werden zwecks einer einfacheren Ausführung der Funktion, dann wird das Bild mit 1px Höhe und 1px Breite erstellt.

Beispiel der Nutzung

Normalerweise hätten Sie mit HTML eine solche Schreibweise zur Erstellung eines Spacers nutzen sollen:

<td><img src="<?php echo IMAGES_PATH;?>trans.gif" style="width: 200px; height: 20px; border: 0px;" alt="" title="" /></td>

Mit unserer Funktion geht das einfacher:

<td><img src="<?php echo CreateSpacer(200,20);?></td>

Somit vererbt die CreateSpacer Funktion die Funktion CreateImage auf eine einfache Art und Weise. Die Grundfunktion kümmert sich bei diesem Aufruf um den alternativen Text, korrekte Schreibweise des Tags usw.

Text abschneiden mit PHP

Dienstag, 16. März 2010

Bei der Programmierung mit PHP kommt es oft vor, dass man Texte/Strings von hinten abschneidet, damit sie Layouttechnisch an der richtigen Stelle passen. Somit wird das Webdesign beibehalten, egal welche Texte vorkommen. Das gilt sowohl für kleine Headlines bei Blöcken mit Breite von 200 Pixel, die maximal 10 bis 20 Zeichen enthalten dürfen, als auch für lange Texte, wovon man einen oder zwei Absätze braucht.

Man kann ganz pauschal mit PHP sagen – bitte ab dem Zeichen xxx einfach abschneiden. Jedoch ist das unschön, weil gegebenenfalls Wörter von Zeichenketten in der Mitte abschnitten werden. Wir stellen hier eine Funktion zur Verfügung, die genau das berücksichtigt.  Diese schneidet bis zum Zeichenlimit plus den Text bis zum nächsten Leerzeichen. Anbei die Funktion:

 

function CropText ($sText, $nCropLimit = 250, $bSetDots = true) {

     if ($nCropLimit<strlen($sText)) {
          if (strpos($sText, " ", $nCropLimit)!==FALSE)
               return substr($sText, 0, $nCropLimit).substr($sText, $nCropLimit, strpos($sText, " ", $nCropLimit) - $nCropLimit).($bSetDots ? " ..." : "");
          else
               return substr($sText, 0, $nCropLimit).($bSetDots ? " ..." : "");
          } else {
               return $sText;
          }

}

Welche Parameter nimmt die Programmierfunktion?

1. $sText – das ist Ihr abzuschneidender Text, Zeichenkette
2. $nCropLimit – stellt den Rahmen des Textes, den Sie erreichen wollen, also nach wie vielen Zeichen soll der Text abschnitten werden, Zahl, Standardwert ist 250 Zeichen
3. $bSetDots – gibt an, ob nach dem Abschneiden 3 Pünktchen hinzugesetzt werden sollen. Ja/Nein, Standardwert ist Ja

Was macht die Funktion?

1. Prüft zuerst ob das Zeichenlimit, nachdem abgeschnitten werden soll, überhaupt erreicht wird. Dazu wird die Länge der Zeichenkette überprüft. Falls nicht wahr, dann wird der Text einfach zurückgegeben.
2. Wenn wahr, dann wird es überprüft, ob es Leerzeichen in dem Text enthalten ist, den wir abschneiden wollen.  Wenn ja, wird der Text abgeschnitten bis zum Zeichenlimit und ab dem Punkt bis zum nächsten Leerzeichen. Auf dieser Art und Weise wird die Lesbarkeit des Textes beibehalten. Wenn nicht wahr, wird der Text genau bis zu dem Zeichenlimit zurückgegeben. In beiden Fällen wird es anhand des Parameters $bSetDots geprüft, ob die Pünktchen nach dem Abschneiden hinzugesetzt werden sollen.

Tipp – Man kann auch über ein Parameter das Leerzeichen, wonach es zwecks richtigem Abschneiden gesucht wird, durch ein Punkt oder etwas anderes ersetzen. Dann schneiden Sie beispielsweise bis zum nächsten Punkt ab Zeichenlimit. Somit erhalten Sie die kompletten Sätze.

Typografie

Freitag, 02. Oktober 2009

Wer mit Schrift und Flächen umgeht, benötigt Schrift- und Formbewußtsein, denn Schrift ist der wichtigste Träger von lesbarer Information. Gestaltung ist nicht nur eine Frage des Geschmacks, es ist Ihr Aushängeschild.

Um qualitativ hochwertige Produkte gewährleisten zu können, ist professionelles Know-How unabdingbar.

Es ist wichtig, bei der grafischen Gestaltung von Web- und Print-Produkten bestimmte Gestaltungsregeln von Anfang an zu beachten und einzuhalten.

Typografie ist eine gestalterische Herausforderung, um ansprechende und lesefreundliche Flächengestaltung zu erreichen.

Visuelle Kommunikation, unabhängig vom Medium, wird immer wichtiger und ist dem Zeitgeist unterworfen, aber Typografie ist mehr als Buchstaben sortieren und es geht schon gar nicht darum zu zeigen, was der Computer kann.

Typografie regt zum Lesen an, weckt die Aufmerksamkeit z. B. durch hervorgehobene, prägnante Elemente. Wenn man so will, kann man davon ausgehen, dass es die gute Typografie ist, die die Hemmschwelle senkt, einen Artikel zu lesen oder ein Produkt bewusst wahrzunehmen.

Schauen Sie sich mal diese Seiten an. Sie werden sehen man kann Typografie sogar leben!  weiterlesen et Lettera

Webdesign, eine Frage des guten Geschmacks?

Freitag, 25. September 2009

Wenn ich so durchs Web surfe, denke ich oft an das was mein Meister Nobert Wilms (et-lettera) zu mir sagte, wenn ich meine ersten grottenschlechten Gehversuche vorlegte, er meinte schmunzelnd:

„Mir muss das nicht gefallen, aber du musst es vertreten können“.

Ich glaube inzwischen fest daran, dass hinter der Erstellung so mancher Internetseite durch sogenannte »Profis«, keinerlei generationsübergreifende Wertevermittlung stattgefunden hat.

Design Grafik und Typografie sind einfach die mittel die auch im Internetzeitalter nicht das geringste an Bedeutung verloren haben.
Natürlich unterliege ich aufgrund der unterschiedlichen Technologien anderen Gesetzen, aber Corporatedesign unterscheidet  nicht!

Programmiertechnische und technologische Hürden kann man abbauen wenn die beiden Fronten (Webdesign und Programmierung) einfach mal über den Tellerrand schauen. Ich habe einfach die Erfahrung gemacht das weder Suchmaschinenoptimierung, Ausgabegröße oder Betriebssystem(*lol) daran hindern können eine gute Arbeit abzuliefern.

 Vielleicht bin ich ja auch einfach nicht die Zielgruppe und doch bluten mir regelmäßig meine Augen wenn ich die eine oder andere Seite aufrufe.

Ich mußte das mal jetzt einfach mal schreiben. (tj)