pagina web con maquetacion

PAGINA WEB CON MAQUETACION

Lo primero que hacemos es colocarle la estructura que toda página debe tener, para empezar a crearla, entonces emplazamos tecleando el siguiente código.

Luego si podemos ponerle las demás funciones, las cuales nos van formando nuestra página web. Para ello vamos a utilizar las siguientes funciones.

DIV: agrupa una serie de elementos que van a ser cambiados por el maqueteador CSS, Una página web puede tener varios DIV.

HEADER: es la cabecera

MAQUETACIÓN: darle una función al código

TR: filas

TH O TD: forma columnas

COLSPAN: une filas

CORSPAN: une columnas o celdas

P: permite escribir texto.

CENTER: permite centrar un texto o una imagen.

Y al colocarlas en nuestra página las anteriores funciones, y la siguiente estructura, nos dará el siguiente resultado.

Para poner un navegador en nuestra página web, utilizamos la siguiente estructura.

Y al ejecutarlo nos dará la opción de buscar e indagar acerca del tema u otra cosa.

Después de haber realizado los anteriores pasos ya podemos empezar con la maquetación, primero que todo vamos a crear una carpeta de nombre CSS puede ser en el escritorio.

En la carpeta que creamos vamos a guardar la siguiente estructura, en donde la función FONT-FAMILY podemos darle un tipo de letra al título que en este caso el tipo de letra que utilizara será

DESTROYED.

Creamos un archivo nuevo, en el cual lo vamos a guardar como header.css, en donde maquetearemos el tipo de letra, y de esta forma se podrá realizar los estilos que queramos.

Luego le colocaremos la siguiente estructura, en donde podemos hacer los retoque o ajustes que queramos al aplicar a nuestra página web.

Y al ejecutarla nos dará el siguiente resultado.

Luego siguiente de la estructura HEADER, vamos a colocarle el siguiente código, en donde nos permite ajustar el ancho y largo de nuestro titulo.

/*Esta es una hoja de estilo para mi pagina web*/

div#todo {

margin:0 auto;

width:959px;

border:solid 1px back;

}

Creamos un archivo nuevo, en el cual lo vamos a guardar como estilo.css.

Creando este estilo hacemos que nuestro código se relacione con nuestra hoja de estilo, utilizando

el siguiente código.

Lo guardamos en una carpeta llamada estilo con el nombre de estilo.css.

En la hoja de CSS le damos propiedades a nuestra página en este caso tiene que aparecer centrada.

Y de esta manera es cómo podemos crear páginas web atreves de la maquetación y utilizando estructura que le dan forma y diseño.