Ciao,
vorrei posizionare la scritta Benvenuto! in mezzo alla homepage.
Come posso fare?
Ringrazio per i suggerimenti.
P.S. Sono nuovo. Vorrei presentarmi ma non riesco a trovare il link delle presentazioni.
Ciao,
vorrei posizionare la scritta Benvenuto! in mezzo alla homepage.
Come posso fare?
Ringrazio per i suggerimenti.
P.S. Sono nuovo. Vorrei presentarmi ma non riesco a trovare il link delle presentazioni.
codice:<!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento senza titolo</title> <style type="text/css"> h1 { position: absolute; height: 210px; width: 22px; top: 50%; left: 50%; margin: -11px 0 0 -105px; } </style> </head> <body> <h1>BENVENUTO!</h1> </body> </html>
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Grazie carlomarangoni.
Ti posso spedire l'homepage che ho fatto in privato? Vorrei capire come migliorarla.
Le soluzioni devono essere condivise da tutti qui sul forum!
Posta qui la tua pagina
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Riporto il codice HTML della homepage con relativo CSS
HTML (homepage.html):
<!DOCTYPE html>
<html lang = "it">
<head>
<meta charset = "utf-8">
<title>HOMEPAGE</title>
<meta name = "author" content = "nome cognome"></meta>
<meta name = "description" content = "prova"></meta>
<link rel = "stylesheet" href = "css/homepage.css?v=1"/>
</head>
<body>
<div class = "content">
<header>
<div id = "logo_a"><img src = "images/img_up_left.png"/></div>
<div id = "logo_b"><img src = "images/img_up_right.png"/></div>
</header>
<h1>Benvenuto!</h1>
<img src = "images/bg.jpg"/>
</div>
</body>
</html>
CSS (homepage.css):
body{
background: #FFFFFF;
}
html{
height: 100%;
}
header {
background-color: #000000;
}
.content {
background: #000000;
margin: auto;
width: 100%;
}
#logo_a{
float: left;
height: 70px;
width: 70px;
}
#logo_b{
float: right;
height: 70px;
width: 70px;
}
img{
width: 100%;
}
#titolo{
font-size:50px;
font-family: Verdana, "Times New Roman", serif;
color:black;
}
h1 { /*soluzione proposta da carlomarangoni*/
position: absolute;
height: 210px;
top: 50%;
left: 50%;
margin: -11px 0 0 -105px;
}
Ultima modifica di nicobi83; 29-01-2016 a 19:49
Va bene ora cosa dobbiamo controllare? la scritta è al centro ma è nera come lo sfondo e pertanto non si vede
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Che colore e font accattivante potrei usare per migliorarla?
Inoltre come potrei rendere più interessante la scritta : "Benvenuto alla mia Homepage?"
O è meglio uno tra "Questa è la mia homepage" e sotto "Benvenuto!" e viceversa?
Potresti usare un'immagine con grafica che a te piace oppure un'immagine animata
La posizione dipende anche dagli altri contenuti, la pagina deve essere piacevole e intuitiva
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Dove potrei trovare delle animazioni da inserire nella homepage?
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Permessi di invio
Rispondi quotando