Holas...soy nuevo en la pagina, pero e echo algunas paginas webs con dreameweaver, pero, no me gustan como me quedan porque me queda en pantalla completa, y tan solo la quiero en el centro como estas paginas: http://eventosnice.wordpress.com , http://iko-ro.com/ , http://www.l2euroworld.com/ , espero me allan entendido,, SI ALGUIEN TIENE UN TUTORIAL PARA HACER ASI LA WEB ME LA DA PORFAVOR....gracias =D
fabo031 escribió:Holas...soy nuevo en la pagina, pero e echo algunas paginas webs con dreameweaver, pero, no me gustan como me quedan porque me queda en pantalla completa, y tan solo la quiero en el centro como estas paginas: http://eventosnice.wordpress.com , http://iko-ro.com/ , http://www.l2euroworld.com/ , espero me allan entendido,, SI ALGUIEN TIENE UN TUTORIAL PARA HACER ASI LA WEB ME LA DA PORFAVOR....gracias =D
Hola:
Pues es precisamente el curso enseña a poner que la "pagina" esté en el centro
la página es toda la pantalla de su ordenador, y ese sería el body
Si usted crea una pagina index.html
y luego le crea una hoja de estilo.css y luego las relaciona para que esa pagina pueda recibir las ordenes de esa hoja de estilo
Y en esa hoja de estilo usted le pone este código
body{text-align:center}
Pues todo lo que escriba en esa pagina index, se pondrá al centro
Pero como usted no quiere que lo que escriba ocupe toda la pantalla, entonces es que hay que crear una capa dentro del body
Y a esa capa se le pone un ancho
esa capa tendrá dentro a todas las demás capas que vaya creando, y todas estarán dentro de esa capa
Por ejemplo (explicación simple)
su pantalla mide de ancho 1240 px
Por tanto su body medirá 1240px de ancho
Pero si usted crea una capa dentro del body que mida solo 800px de ancho, y todo lo que haga en su página lo pone dentro de esa capa
pues a la vista de su pantalla su pagina se verá como si tuviese solo 800px de ancho
Esa capa se le puede poner por nombre global, ya que es la que va a encerrar a todas las demás capas que tenga dentro
Por eso le decía que siguiéndo el curso, cuando se crea la plantilla en el curso, esa pagina plantilla será como lo que usted quiere
Ejemplo.
pagina index.html
<html>
<head>
<title>Mi pagina </title>
<link rel="stylesheet"href="estilo.css"type="text/css"media="all">
</head>
<body>
<div id="global">Esta es la capa que tendrá a todas las demás</div>
</body>
</html>
hoja de estilo que se llama estilo-general.css
se ponen los siguientes códigos
body{text-align:center;background-color:#ff00ff}
#global{width:800px;margin:4px auto;background-color:#ff0000}
Así tiene su pantalla de color fucshia (el body)
Y la capa que va al centro de color rojo (la que se llama global
y todo lo que haga ahora lo hace dentro de esa capa global allí en su pagina
Saludos