aiuto x miglioramento grafica

zack77

aiuto x miglioramento grafica

ciao ragazzi, potrei umilmente chiedervi un grosso piacere? sto cercando di realizzare il primo sito della mia carriera e fin ora ho avuto qualche intoppo...
allora... l immagine della homepage la potete trovare qui: http://img165.imagevenue.com/img.php?image=40027_Immagine_122_122lo.jpg
a me piacerebbe una grafica un po piu... accattivante, specialmente nei collegamenti e altre 2 cose mi piacerebbero:

sapere poter creare una bella intestazione che potrei modificare una volta sola x tutte le pagine. mi hanno detto che dovrei usare la funzione "includi" ma non ho idea di come si fa
sulla parte destra delle pagine mi piacerebbe inserire una tabella a scorrimento verticale in cui inserire i messaggi tipo "data xxx, scade il tal pagamento"
posso postarvi i codici html della home e il relativo css?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Selda srl</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_health_nutr.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
<!--
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Novembre","Dicembre");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//---------------   END LOCALIZEABLE   ---------------

function MM_popupMsg(msg) { //v1.0
  alert(msg);
}
//-->
</script>
<style type="text/css">
<!--
body {
    background-color: #CCCCCC;
}
a:hover {
    color: #0066FF;
}
.Stile1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr bgcolor="#cccccc">
    <td width="382" colspan="3" rowspan="2"><a href="index.html"><img src="logoselda.jpg" width="285" height="84" border="0" /></a></td>
    <td width="380" height="55" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap"><div align="center"><span class="Stile1">Selda s.r.l.</span> </div></td>
    <td width="100%">&nbsp;</td>
  </tr>

  <tr bgcolor="#cccccc">
    <td height="45" colspan="3" id="tagline" valign="top" align="center"><p>Societ&agrave; elaborazione dati </p>

    </td>
    <td width="100%">&nbsp;</td>
  </tr>

  <tr>
    <td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
  </tr>

  <tr>
    <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>

  </tr>

  <tr bgcolor="#99CC66">
      <td height="20" colspan="7" bgcolor="#003399" id="dateformat">&nbsp;&nbsp;<script language="JavaScript" type="text/javascript">
      document.write(TODAY);    </script></td>
  </tr>
  <tr>
    <td colspan="7" bgcolor="#99CC66" background="mm_dashed_line.gif"><img src="mm_dashed_line.gif" alt="line decor" width="4" height="3" border="0" /></td>
  </tr>

  <tr>
    <td colspan="7" bgcolor="#5C743D"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
  </tr>

 <tr>
    <td width="165" valign="top" bgcolor="#000099">
    <table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
        <tr>
          <td width="165">&nbsp;<br />

         &nbsp;<br /></td>
        </tr>
        <tr>
          <td width="165"><a href="index.html" class="navText">Storia</a></td>
        </tr>
        <tr>
          <td width="165"><a href="non_disponibile.html" class="navText">Il gruppo </a></td>
        </tr>

        <tr>
          <td width="165"><a href="non_disponibile.html" class="navText">Servizi</a></td>
        </tr>
        <tr>
          <td width="165"><a href="non_disponibile.html" class="navText">Informazioni</a></td>
        </tr>
        <tr>
          <td width="165"><a href="contatti.html" class="navText">Contatti</a></td>

        </tr>
               <tr>
          <td width="165"><a href="non_disponibile.html" class="navText">Link</a></td>
        </tr>
      </table>
      <br />
      &nbsp;'<br />

      &nbsp;<br />
      &nbsp;<br />     </td>
    <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
    <td width="305" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
    &nbsp;<br />
    &nbsp;<br />
    <table border="0" cellspacing="0" cellpadding="0" width="305">
        <tr>

          <td class="pageName">&nbsp;</td>
        </tr>

        <tr>
          <td class="bodyText"><p>La Selda srl nasce nel 1981............................ </p>

        </td>
        </tr>
      </table>

     <br />
    &nbsp;<br />    </td>
    <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
        <td width="190" valign="top"><br />
        &nbsp;<br />
        <table border="0" cellspacing="0" cellpadding="0" width="190" id="leftcol">

       <tr>

       <td width="10"><img src="mm_spacer.gif" alt="" width="10" height="1" border="0" /></td>
        <td width="170" class="smallText"><br />
            <p onclick="MM_popupMsg('La Selda srl si trova ad Arona (No), largo Compiegne, 8\r')"><span class="subHeader">Dove trovarci </span><br />
            Per raggiungere lo studio clicca qui </p>

            <p><br />
            &nbsp;<br />          
            </p>

          </td>
         <td width="10">&nbsp;</td>
        </tr>
      </table>    </td>
    <td width="100%">&nbsp;</td>
  </tr>
  <tr>
    <td width="165">&nbsp;</td>

    <td width="50">&nbsp;</td>
    <td width="167">&nbsp;</td>
    <td width="138">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="190">&nbsp;</td>
    <td width="100%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

/* Global Styles */

body {
    margin:0px;
    }
    
td {
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    }
    
a {
    color: #993300;
    }
    
a:hover {
    color: #5C743D;
    }

/* ID Styles */

#navigation td {
    border-bottom: 1px solid #F4FFE4;
    }
     a {
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #D5EDB3;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    display:block;
    padding:8px 6px 10px 20px;
    }
     a:hover {
    background: #99CC66;
    color:#993300;
    }
    
#logo     {
    font:23px/30px Arial, Helvetica, sans-serif;
    color: #0033CC;
    letter-spacing:0.2em;
    }

#tagline     {    
    font:11px Arial, Helvetica, sans-serif;
    color:;
    letter-spacing:.4em;
    line-height:18px;
    }

#monthformat {
    border-bottom: 1px dashed;
    }
        
#dateformat {
    font:11px Arial, Helvetica, sans-serif;
    color:;
    letter-spacing:.2em;
    }
     a {
    font:11px Arial, Helvetica, sans-serif;
    color:;
    font-weight:bold;
    letter-spacing:.1em;
    text-decoration:none;
    }
     a:hover {
    color:;
    letter-spacing:.1em;
    }
    
/* Class Styles */
    
.bodyText {
    font:11px Arial, Helvetica, sans-serif;
    color:#666666;
    line-height:20px;
    margin-top:0px;
    }
    
.pageName{
    font: 18px Arial, Helvetica, sans-serif;
    color:;
    line-height:26px;
    letter-spacing:.21em;
    }
    
.subHeader {
    font:bold 11px Arial, Helvetica, sans-serif;
    color:;
    line-height:22px;
    letter-spacing:.2em;
    }

.quote {
    font: 20px Arial, Helvetica, sans-serif;
    color: #759DA1;
    line-height:30px;
    }
    
.smallText {
    font: 10px Arial, Helvetica, sans-serif;
    color: #666666;
    line-height: 22px;
    }
    
.navText {
    font: 11px Arial, Helvetica, sans-serif;
    color: #003366;
    line-height:16px;
    letter-spacing:.1em;
    text-decoration: none;
    }

scusate la lunghezza del messaggio...

carlitosway

Ciao zack77, per quanto riguarda la grafica, dovresti abbellire un po' di più l'header del sito, renderlo più accattivante e con colori più decisi.Questo lo puoi fare con un programma di grafica come The Gimp o come Photoshop. Sempe con questi programmi potresti realizzare i bottoni da assegnare alla pagina web e riguardanti i collegamenti; inoltre tramite i css dovresti essere in grado di modificare caratteristiche dei testi e delle impostazioni delle pagine del sito.

Quello che voglio però cercare di farti capire è che per costruire la grafica di un sito, devi avere ben in mente come vuoi che venga il sito stesso, le distanze, le zone per ogni link, etc.. Una volta chiarito questo puoi iniziare a creare la parte più prettamente grafica.

Usi qualche programma per costruire le pagine web (tipo dreamweaver o nvu)?

sapere poter creare una bella intestazione che potrei modificare una volta sola x tutte le pagine. mi hanno detto che dovrei usare la funzione "includi" ma non ho idea di come si fa

sulla parte destra delle pagine mi piacerebbe inserire una tabella a scorrimento verticale in cui inserire i messaggi tipo "data xxx, scade il tal pagamento"
posso postarvi i codici html della home e il relativo css?Posta queste domande nella sezione Html - Css - Scripting, ti sapranno aiutare meglio

zack77

innanzitutto, grazie x la risposta.
si, uso dreamweaver x la costruzione del sito.
adesso do un occhiata alla sez che mi hai consigliato.