Die Kategorie "Webdesign"

Hier sind alle Artikel aufgelistet, die in die Kategorie Webdesign einsortiert wurden. Du hast die Möglichkeit, den RSS-Feed speziell nur für diese Kategorie zu abonnieren.

Werkzeug-Suite für Designer – Expression Studio 4 veröffentlicht

08. Juni 2010 um 20:14 | Artikel von Hubert Sebald | 1 Kommentar

Microsoft Expression Studio 4 Microsoft hat die englische Ausgabe von Expression Studio 4, einer neuen Version der Entwicklungsumgebung für Web-Designer, zum Download freigegeben. Die deutsche Variante soll Mitte Juli als Download zur Verfügung stehen und kurz darauf auch im Handel erhältlich sein.

Kunden im Besitz einer Lizenz für Expression Studio 3 erhalten die neue Version als kostenloses Upgrade. Die Expression-Suite ist nicht selten das gängige UI-Design-Tool zum Entwickeln von Silverlight- und WPF-Anwendungen (Windows Presentation Foundation) beziehungsweise dadurch auch von Applikationen für Microsofts neues Mobile-Betriebssystem Windows Phone 7.

Zu den Neuerungen zählen unter anderem bei Blend, dem Interface-Design-Werkzeug für das .NET-Framework und Silverlight, die Unterstützung für Visual Studio 2010 und Windows Phone 7, eine bessere Integration von Photoshop-Effekten sowie Mockup-Controls für den Prototypersteller SketchFlow. Expression Web enthält neue visuelle Diagnose-Tools für schneller abzuwickelnde Browser-Kompatibilitätstests und ermöglicht es nun, mit einem neuen Modell für Erweiterungen sogenannte Add-ins mit HTML, JavaScript und CSS zu schreiben. Expression Encoder verfügt über einfachere Bearbeitungsoptionen für eine schnellere Videoerstellung durch Kodieren unterschiedlicher Datenformate wie VC-1 und H.264.

Expression Studio 4 gibt es in zwei Editionen: Die Ultimate-Version enthält die Programme Blend, Encoder Professional, Web und Design – alle in Version 4. Sie richtet sich an professionelle Web- und Interface-Designer für .NET und Silverlight. Die Web-Professional-Edition umfasst Encoder Professional, Web und Design. Sie ist vor allem für professionelle und semiprofessionelle Web-Designer gedacht.

Quelle: heise.de

HowTo: Positionierung der Container mit CSS

06. März 2010 um 17:24 | Artikel von Johannes Sebald | 2 Kommentare

Die Positionierungsmöglichkeiten der Divs (beziehungsweise Layer, Ebenen, Container) werden selten gut erklärt, vor allem im deutschsprachigen Raum. Daher hab ich mich entschlossen, das kleine HowTo von Terrikay (Autorin Teresia Kuhr) zu übernehmen und es wieder zu veröffentlichen, da es die Seite nicht mehr gibt.

Mich hat damals zum Verstehen von CSS dieses HowTo sehr weitergeholfen, da es einfach erklärt wie Divs funktionieren. Hier zwei Ausschnitte als Illustration von diesem Blog:

#inhalt {

background: #fff;

float: left;

width: 520px;

padding: 5px 30px 30px 30px;

border-right: 1px solid #dfdfdf;

}

<!–Das CSS Schnipsel–>

<div id=”inhalt”></div>

<!–Und hier der dazugehörige DIV Container–>

weiterlesen…

Zwei div Container auf gleiche Höhe bringen

25. März 2009 um 06:00 | Artikel von Hubert Sebald | 10 Kommentare

Es kommt immer wieder vor, dass man beim Programmieren von Webseiten 2 div Container nebeneinander stehen hat. Nehmen wir doch mal eine klassische HTML-Webseite. Dort ist zu Beispiel der Linke div Container für den Inhalt verantwortlich und der rechte div Container für das Menü.

Nun kommt es jedoch bei kurzen, oder langen Beiträgen (auf der linken Seite) vor, dass die Höhe beider div Container nicht gleich sind und dementsprechend auch die Hintergrundfarbe (oder die Grafik) nicht auf einen gleichen Nenner gebracht werden.

weiterlesen…