Cool Web Design tricks

August 3

Oavsett om du omformande din bandets Myspace-sida eller starta din första blogg eller personliga hemsida, är det bra att veta några av de senaste trick och praxis i webbdesign. Även om ytan på Internet ständigt förändras, finns det några tidlösa tips och tricks som varje webbdesigner, amatör eller professionell, borde veta.

Mindre är mer

Vid utformningen av en webbsida, se till att lämna utrymme för blanktecken. Tumregeln är att webbplatser vara cirka 70 procent utformning och innehåll och 30 procent vitt utrymme. Blanktecken är helt enkelt tomma områden på skärmen, utan navigering, bilder eller innehåll. Fördelen med blanktecken att det inte överväldiga dina läsare. Om någon besöker din webbplats bara för att finna en röran av innehåll, är hon sannolikt inte att återvända. Om emellertid innehållet är konstruerad på ett enkelt sätt, med tomrum som omger det huvudsakliga innehållet, ögat dras mot innehållet. Blanktecken gör din webbplats "klibbiga", vilket innebär användare sannolikt kommer att återvända.

Standardisera teckensnitt

Begreppet CSS, Cascading Style Sheets, är enkel: separera innehåll och utformning. Med CSS kan du enkelt ändra designen på din webbplats utan att göra med att ändra varje sida av HTML-kod. Det finns dock några tips alla bör veta när det handlar om CSS.

Styr din webbplats standardtypsnitt och textstorlek med en kod. Lägg till följande kod till din formatmall, ersätta Times New Roman, Georgien och Serif för dina önskade typsnitt.

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

Du kan också ändra typsnitt specifika sektioner genom att lägga till denna kod till den del av CSS-dokument.

Rundade hörn

För att ge en Web 2.0 känner till webbplatsen lägger rundade hörn på dina gränser, bilder och knappar i din CSS-formatmall. Nackdelen med detta trick är att det fungerar endast i Gecko och WebKit-baserade webbläsare såsom Firefox och Safari; Internet Explorer är den vanligaste webbläsaren på marknaden, ännu inte stöd för denna funktion.

För Firefox, lägga till denna kod till det område du vill ha rundade hörn:
-moz-border-radius: 10px; / Ger Fullt Rundad Effekt /
-moz-border-radius-topLeft: 10px; / Övre vänstra hörnet Rundade /
-moz-border-radius-topright: 10px; / Övre högra hörnet Rundade /
-moz-border-radius-bottom: 10px; / Nedre vänstra hörnet Rundade /
-moz-border-radius-bottom: 10px; / Nedre högra hörnet Rundade

För Safari använder denna kod:
-webkit-border-radius: 10px; / Ger helt rundad effekt /
-webkit-border-top-left-radius: 10px; / Övre vänstra hörnet Rundade /
-webkit-border-top-höger-radie: 10px; / Övre högra hörnet Rundade /
-webkit-border-bottom-left-radius: 10px ;; / Nedre vänstra hörnet Rundade /
-webkit-border-bottom-right-radie: 10px; / Nedre högra hörnet Rundade /

Ändra "10px" för att återspegla den storlek du vill att dina hörn för att vara.


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2019 Astrixsoft.com | Contact us: webmaster# astrixsoft.com