Un aiuto per un principiante

muso

Un aiuto per un principiante

Primo sito prime esperieze.
Premetto che ho sudiato Xhtml e CSS ma di pratica ne ho zero e non cerco pappa pronta ma una spita pratica per poter iniziare.

Sono un fotografo e devo realizzare un sito con 3 gallery.

Avevo pensato ad una cosa del genere:
[URL=http://www.rcphoto.it/images/schemagrafico.jpg]schema grafico

ED ecco lo schizzo:

[URL=http://www.rcphoto.it/images/sschemahtml.jpg]schema html

Il blu sarebbe il wrapper,il container non l'ho utilizzato(e la teminologia sarebbe da usare al contrario,scusate)

Ecco il codice Html da me realizzato:



<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC ?-//W3C//DTD XHTML 1.0 Strict//EN" 
?http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en">
<head>
<title>Rcphto.it</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link type="text/css" href="rcphoto.css" rel="stylesheet" />
</head>
<body>
<div id="wrapper">
<div id="header">
</div> 
<div id="logo"> <img src="images/rcp3.jpg" alt="rcphoto.it" width="350" height="90">
</div>
<div id="foto"> <a href="z/index.html" title="Go the gallery"><img src="images/2.jpg" alt="porto di cesenatico" width="700" height="400"> </a>
</div>
<div id="footer"> <p>  E' vietata la riproduzione, anche solo in parte, di contenuti e grafica. Copyright 2007 - RCphoto.it S.r.l. 
</p>
</div>
</div>
</body>
</html>

Ed ecco il CSS

HTML,body  {   margin:0;padding:0
           }

           
div#header {
             height: 125px;
             background-color: #555853
           }
           
div#footer {
             height: 25px;
 
             background-color:
         }
p          {text-align: center;
           } 
             
div#logo  {float:left ;
              position: relative;
              top: 170;
 

          }
          
div#wrapper {background-color: #2a2e28;

            }
            
            
div#foto {  position: relative;
              top: 10;
              text-align: center;
           }

Ora vorrei qualche commento su questoprimo lavoro per capire se è tutto da rifare o come base modificata con il vostro aiuto puo andare...

So che si vede solo su firefox ma le regole per IE le sto ripassando ora.

La gestione dei DIv che ho attuato è sensata o assurda.

Grazie,capisco che questo post a occhi esperti possa sembrare un pungno nello stomaco,ma in questo momento un aiuto da parte vostra sarebbe veramente consolante per me.

                                                                                              Grazie in anticipo

                                                                                                 Roberto

Sito*: www.rcphoto.it

dario.scarano

Ciao Muso e benvenuto nel Forum GT.

Lo schema che hai in mente di realizzare non è male, l'unico appunto che mi viene da farti è sul "div foto": io ti consiglierei, per visualizzare meglio le gallerie di immagini, di inserire tante miniature delle immagini anzichè una sola immagine grossa (che sicuramente ci impiega pure di piu' a caricarla).

Per quanto riguarda la visualizzazione con IE non è necessario studiarsi regole specifiche per ogni browser, basta un markup corretto, nel tuo caso usi giustamente l'xhtml 1.0 quindi se ne osservi le regole sara' visualizzato correttamente con ogni browser (tipo Opera e tanti altri).

cicciopasticcio

ho una domanda da farti perche in Inglese?
il tuo target e inglese?
se si come non detto
poi io metterei il logo in alto e il div dedicato al content lo utilizerei diversamente magari anche mettendo un div photo ma al posto del div logo utilizzere quello spazio per i testi
in ogni caso anche cosi e carino