Crear un documento XHTML

[xusets]

Tengo un ejercicio en el trabajo y me está costando labores completarlo, aver quien es la bellísima persona que puede ayudarme, gracias de antemano . El enunciado dice así :

Crea un documento XHTML, con DOCTYPE transicional y con estilos internos, que presente una página como la que se muestra. Estas son algunas de las consideraciones a tener en cuenta:


• Página centrada de 800 píxeles de ancho.

• Reinicializa todos los márgenes y rellenos como primera declaración de estilos.

• Cabecera y pie de página que ocupen todo el ancho y cuyas alturas se ajusten al contenido.

• Distancia entre elementos de 15 píxeles.

• Una columna a la derecha de 200 píxeles de ancho.

• El primer bloque de texto simulará texto saliéndose por ambos lados de la caja. Los bloques de texto tendrán un borde de 5 píxeles.

• Respeta los colores de fuentes y fondos



Os dejo una imagen adjunta para que sea más fácil:

[fede5426]

Imagino que si te piden un ejercicio de este estilo, es para averiguar cuánto sabes del tema.

Lo que pedís es algo básico en html y css, si no sabes hacerlo, no estas en el trabajo indicado o no estás prestando atención a lo que estudias.

De todas maneras, si mi suposición esta equivocada, puedo darte una ayuda pero nadie va a hacer el código por vos.



Para la pagina centrada de 800px simplemente le das un ancho de 800px y le colocas margenes automaticos.

Para aplicar estilos a TODOS los elementos del sitio, se usa un asterisco.. *{estilos}.

Los elementos ocupan todo el ancho cuando se les asigna a dicha propiedad el 100% o el mismo tamaño que su contenedor. Para que la altura se ajuste al contenido, no le asignas height.

Para generar distancia entre elementos se usa la propiedad margin.

Para colocar elementos al lado de otros, tenes que flotarlos o usar display:inline-block.. depende el resultado que quieras obtener.

Saludos

[NueveReinas]

Off-topic: ¿Por qué XHTML y no HTML5?

[Carlangueitor]

Por que es la tarea que le dejaron.

[NueveReinas]

Iniciado por Carlangueitor

Por que es la tarea que le dejaron.

Sí, ya lo leí, pero me pregunto porqué les hacen usar XHTML.

[PHPeros]

¿Qué tiene de malo XHTML?

Edit: HTML5 también tiene su versión extensible, que es XHTML5.

[xusets]

como le asigno los margenes autómaticos?

[xusets]

Iniciado por fede5426

Para la pagina centrada de 800px simplemente le das un ancho de 800px y le colocas margenes automaticos.

Para aplicar estilos a TODOS los elementos del sitio, se usa un asterisco.. *{estilos}.

Los elementos ocupan todo el ancho cuando se les asigna a dicha propiedad el 100% o el mismo tamaño que su contenedor. Para que la altura se ajuste al contenido, no le asignas height.

con que etiquetas le doy el ancho de 800px? y que se pone en el heaD?

para que le voy a dar estilos a todos los elementos del sitio?

Como le asigno el 100% del mismo tamaño a su contenedor?



Perdona pero soy nuevo en esto y es mi primer trabajo, estoy creando ya el documento pero voy muy perdido, haré todo lo que este en mi mano y cuando lo tenga terminado lo subo para que se me corrija en la medida de lo posible, muchas gracias!!

[fede5426]

Iniciado por xusets

con que etiquetas le doy el ancho de 800px? y que se pone en el heaD?

para que le voy a dar estilos a todos los elementos del sitio?

Como le asigno el 100% del mismo tamaño a su contenedor?



Perdona pero soy nuevo en esto y es mi primer trabajo, estoy creando ya el documento pero voy muy perdido, haré todo lo que este en mi mano y cuando lo tenga terminado lo subo para que se me corrija en la medida de lo posible, muchas gracias!!

- En el head no se pone nada para asignarle 800px de ancho. No se si estas usando una hoja de estilos, si estas aplicando los estilos en el head con <style></style> o si estas usando estilos en linea. Para cualquier caso, si todo el sitio tiene que tener un ancho especifico, lo que se hace es crear un div donde va a ir todo el contenido y a ese div asignarle el ancho.

- Asignarle estilos a todos los elementos con el asterisco sirve para reiniciar los margenes y rellenos como te pidieron.

- Si tu Head tiene 100% de ancho y está dentro del contenedor, siendo que el contenedor tiene 800px de ancho, el head también va a ocupar 800px. Si en cambio está fuera del contenedor, va a ocupar el 100% de la ventana del navegador.


Edito:

Iniciado por xusets

como le asigno los margenes autómaticos?

Con margin:auto;