Laboratorio Web Design » web design http://www.labwebdesign.it Mon, 30 Nov 2009 21:08:53 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Il web del 1994 http://www.labwebdesign.it/il-web-del-1994/ http://www.labwebdesign.it/il-web-del-1994/#comments Fri, 13 Jul 2007 20:55:12 +0000 v_a_l_i_x http://labwebdesign.wordpress.com/2007/07/13/il-web-del-1994/ Questa mattina ho preso coscienza del fatto che molti di voi (quelli presenti questa mattina!) sono nati nei primi anni ottanta.
Questa cosa, oltre ad avermi traumaticamente ricordato il mio anno di nascita, mi ha fatto pensare che probabilmente deve essere strano dover leggere un libro che parla di come sono cambiati i problemi di usabilità dal 1994 ad oggi.
Forse questo video può aiutarvi a capire come era il web nel 1994 e magari accorciare un pochino le distanze!

[youtube=http://www.youtube.com/watch?v=-1l6aBgX5UY]

[Via Waxy]

]]> http://www.labwebdesign.it/il-web-del-1994/feed/ 2 5 cose da non fare nei vostri siti http://www.labwebdesign.it/5-cose-da-non-fare-nei-vostri-siti/ http://www.labwebdesign.it/5-cose-da-non-fare-nei-vostri-siti/#comments Sun, 03 Jun 2007 18:02:52 +0000 v_a_l_i_x http://labwebdesign.wordpress.com/2007/06/03/5-cose-da-non-fare-nei-vostri-siti/ cose da non fare
  1. Non usare CSS interni. Questo vuol dire che nella pagina HTML all’interno del tag HEAD non devono esserci definizioni di stile come accade in questo esempio:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title›seconda pagina</title>
    <style type="text/css">
    .style1 color: #00FFFF}
    #contenuto{
    background-color: #FFFFFF; font-family: "Trebuchet MS", Verdana, Arial, sans-serif;}
    </style>
    </head>
  2. Non inserire elementi di formattazione grafica all’interno dell’HTML. Questo tipo di formattazione del testo
    <div align=”center”><strong>Benvenuti nel nostro sito! </strong></div>
    deve essere definita ed inserita nei fogli di stile. Ricordatevi che bisogna sempre separare il contenuto dalla presentazione (Separazione: il Dilemma del Web Designer – Pixline.net)
  3. Non usare il corsivo per interi paragrafi. (Consigli di grafica – Mestiere di Scrivere)
  4. Non giustificare il testo ( Allineamento – Gdesign.it)
  5. Non usare le tabelle per impostare la grafica delle pagine (CSS e tabelle a confronto – Constile.org)
]]> http://www.labwebdesign.it/5-cose-da-non-fare-nei-vostri-siti/feed/ 1 menu di navigazione orizzontale http://www.labwebdesign.it/menu-di-navigazione-orizzontale/ http://www.labwebdesign.it/menu-di-navigazione-orizzontale/#comments Wed, 25 Apr 2007 22:16:28 +0000 v_a_l_i_x http://labwebdesign.wordpress.com/2007/04/25/menu-di-navigazione-orizzontale/ Per realizzare un menu di navigazione orizzontale utilizzando le liste occorre aggiungere al vostro foglio di stile un selettore che identifichi il menu (ad esempio #navmenu).

Per l’elemento ul (unordered list) presente nel menu bisogna aggiungere una regola CSS che rimuova il punto dalla lista e setti i margini a zero per l’intera lista.
#navmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; }

Il passo successivo è quello di disporre orizzontalmente gli elementi delle lista (li-list item)
#navmenu li {display: inline; }

Ora non resta altro che passare al file HTLM:
<div id="navmenu">
<ul>
<li>home</li>
<li>programma</li>
<li>materiale didattico</li>
<li>esami</li>
</ul>
</div>

Ovviamente potete personalizzare ulteriormente il menu aggiungendo altre regole… ad esempio:
#navmenu li {
display: inline;
background-color: #CCCCCC;
padding: 3px;
}

Questo è il risultato:
menu di navigazione orizzontale

]]> http://www.labwebdesign.it/menu-di-navigazione-orizzontale/feed/ 0