Sia che ridisegnando pagina di Myspace della tua band o lanciare il vostro primo blog o sito personale, è utile conoscere alcuni degli ultimi trucchi e pratiche in web design. Anche se il volto di Internet è in continua evoluzione, ci sono alcuni suggerimenti e trucchi senza tempo che ogni web designer, dilettanti o professionisti, dovrebbe conoscere.

Meno è meglio

Durante la progettazione di una pagina web, assicuratevi di lasciare spazio per lo spazio bianco. La regola generale è che i siti web siano circa il 70 per cento di progettazione e contenuti e il 30 per cento lo spazio bianco. Lo spazio bianco è semplicemente aree vuote dello schermo, senza navigazione, immagini o contenuti. Il vantaggio di spazio bianco è che non sopraffare i tuoi lettori. Se qualcuno visita il tuo sito web solo per trovare un ammasso di contenuti, è improbabile per tornare. Tuttavia, se il contenuto è stato progettato in modo semplice, con uno spazio bianco che circonda il contenuto principale, l'occhio è attratto verso il contenuto. Lo spazio bianco rende il vostro sito "appiccicoso", gli utenti significato sono suscettibili di ritorno.

standardizzare Fonts

Il concetto di CSS, Cascading Style Sheets, è semplice: separare il contenuto e il design. Con i CSS si può facilmente cambiare il design del tuo sito web senza affrontare cambiare ogni pagina del codice HTML. Tuttavia, ci sono alcuni consigli che tutti dovrebbero sapere quando si tratta di CSS.

Controllare carattere predefinito del tuo sito web e la dimensione del testo con un codice. Aggiungere il seguente codice al foglio di stile, sostituendo Times New Roman, Georgia e Serif per i font desiderati.

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

È inoltre possibile modificare il carattere di specifiche sezioni aggiungendo questo codice a quella sezione del documento CSS.

Angoli arrotondati

Per dare un Web 2.0 si sentono al tuo sito, aggiungere gli angoli arrotondati ai suoi confini, le immagini ei pulsanti all'interno del vostro Foglio di stile CSS. L'aspetto negativo di questo trucco è che funziona solo in Gecko e WebKit browser web-based come Firefox e Safari; Internet Explorer, il browser web più diffuso sul mercato, non supporta ancora questa funzione.

Per Firefox, aggiungere questo codice per l'area che si desidera avere angoli arrotondati:
-moz-border-radius: 10px; / Produce l'effetto completamente arrotondato /
-moz-border-radius-topleft: 10px; / In alto a sinistra angolo arrotondato /
-moz-border-radius-topright: 10px; / In alto a destra angolo arrotondato /
-moz-border-radius-bottomleft: 10px; / Basso angolo da sinistra arrotondato /
-moz-border-radius-bottomright: 10px; / In basso a destra angolo arrotondato

Per Safari, di questo codice:
-webkit-border-radius: 10px; / Produce l'effetto a tutto tondo /
-webkit-border-top-left-radius: 10px; / In alto a sinistra angolo arrotondato /
-webkit-border-top-right-radius: 10px; / In alto a destra angolo arrotondato /
-webkit-border-bottom-left-radius: 10px ;; / Basso angolo da sinistra arrotondato /
-webkit-border-bottom-right-radius: 10px; / In basso a destra angolo arrotondato /

Modificare il "10px" in modo da riflettere le dimensioni desiderate i vostri angoli di essere.