Cool Web Design-Tricks

Ob Sie Neugestaltung deiner Band Myspace-Seite oder starten Ihre erste Blog oder private Website, ist es hilfreich zu wissen, einige der neuesten Tricks und Praktiken im Webdesign. Obwohl das Gesicht des Internets ständig ändert, gibt es ein paar zeitlose Tipps und Tricks, die jeder Webdesigner, Amateur oder Profi, wissen sollten.

Weniger ist mehr

Wenn eine Webseite entwerfen, müssen Sie White Platz zu verlassen. Die Faustregel ist, dass diese Websites etwa 70 Prozent Design und Inhalt und 30 Prozent Leerraum sein. Leerraum ist einfach leere Bereiche des Bildschirms, ohne Navigation, Bilder oder Inhalte. Der Vorteil der Leerraum ist, dass es Ihre Leser nicht überfordern wird. Wenn jemand Ihre Website nur um eine Unordnung der Inhalte zu finden, besucht, wird sie kaum zurück. Wenn die Inhalte auf einfache Weise, mit Leerraum umgeben den Hauptinhalt ausgelegt ist wird das Auge in Richtung des Inhalts gezeichnet. Leerraum macht Ihre Website "klebrig", was bedeutet, dass Benutzer wahrscheinlich zurück sind.

Schriften zu standardisieren

Das Konzept von CSS, Cascading Style Sheets, ist einfach: der Inhalt und das Design zu trennen. Mit CSS können Sie das Design Ihrer Website ohne Umgang mit wechselnden jeder Seite des HTML-Codes leicht ändern. Allerdings gibt es ein paar Tipps, die jeder, beim Umgang mit CSS kennen sollte.

Steuern Sie Ihre Website Standard-Schriftart und -Größe mit einem Code. Fügen Sie den folgenden Code, um Ihr Stylesheet ersetzen Ihre gewünschten Schriftarten Times New Roman, Georgien und Serif.

{Font-Family: "Times New Roman", Georgia, Serif;}

Sie können auch die Schriftart des spezifischen Bereichen ändern, indem Sie diesen Code zu diesem Abschnitt des CSS-Dokuments.

Abgerundete Ecken

Fügen Sie abgerundete Ecken um ein Web 2.0-Gefühl auf Ihre Website zu geben hinzu, Ihre Grenzen, Bilder und Schaltflächen innerhalb eines CSS-Stylesheets. Der Nachteil dieser Trick ist, dass es nur in Gecko und WebKit-basierten Web-Browsern wie Firefox und Safari funktioniert; Internet Explorer, die am häufigsten verwendeten Web-Browser auf dem Markt, unterstützt diese Funktion noch nicht.

Fügen Sie für Firefox diesen Code in den Bereich abgerundete Ecken haben möchten:-Moz-Border-Radius: 10px; /Voll abgerundete Effekt erzeugt/-Moz-Border-Radius-Topleft:10px; /Oben links Ecke gerundet/-Moz-Border-Radius-Topright:10px; /Rechts oben gerundet/-Moz-Border-Radius-Bottomleft:10px; /Links unten gerundet/-Moz-Border-Radius-Bottomright:10px; /Unteren rechten Ecke gerundet

Verwenden Sie für Safari diesen Code:-Webkit-Border-Radius: 10px; /Erzeugt voll gerundet Effekt/-Webkit-Border-Oberseite-linken-Radius: 10px; /Oben links Ecke gerundet/-Webkit-Border-oben-rechts-Radius: 10px; /Rechts oben gerundet/-Webkit-Border-unten-links-Radius: 10px; /Links unten gerundet/-Webkit-Border-unten-rechts-Radius: 10px; /Rechts unten gerundet/

Ändern Sie die "10px" um die Größe zu reflektieren, die Sie wollen Ihre Ecken sein.