Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Mi primera web

Aprender a hacer una sencilla web paso a paso partiendo de cero.


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 25

Visitas el mes pasado: 27

logo

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




11. Resumen

Estructura y Archivos

Paso 28

logo miweb

Archivos de código

A lo largo de los distintos pasos de este manual hemos completado un sitio web. En él hemos creado diferentes archivos, en los que hemos empleado código HTML y CSS. Dejamos en los siguientes enlaces el código de los distintos archivos que componen la página

Archivos en HTML:

Los archivos HTML son los que estructuran cada página. En ello ponemos el contenido de la página y los enlaces o links a los demás archivos que completan la página. Este es el código de los archivos HTML que hemos creado para nuestra web:

Código de index.html: archivo de la página principal de la web.


Código de plantilla.html: Archivo de plantilla para las partes comunes del resto de páginas que componen el sitio.


Código de listas.html: Archivo del contenido de la página "Listas".


Código de tablas.html: Archivo del contenido de la página "Tablas".


Código de formulario.html: Archivo del contenido de la página "Formulario".


Archivos en CSS

Los archivos CSS son los que dan a la página su maquetación y estilo para textos y demás elementos. Mostramos aquí el código de los archivos CSS que hemos usado en nuestra web:

Código de inicio.css : Archivo de estilo para la página principal:


Código de general.css : Archivo de estilo para la plantilla y las partes comunes de las diferentes páginas de la web


Código de listas.css : Archivo especifico de estilo para la página "Listas".


Código de tablas.css : Archivo especifico de estilo para la página "Tablas".


Código de formulario.css : Archivo especifico de estilo para la página "Formulario".


Archivos de imagen

Las imágenes se incluyen en la web mediante una referencia o "link" al propio archivo de imagen. Es por eso que debemos incluirlas en nuestro sitio Nosotros hemos hecho una carpeta específica para imágenes y otros elementos que no son texto, llamada objetos. Dentro de esa carpeta hemos incluido las siguientes imágenes:

logo Wikipedia You Tube el País

Ya hemos explicado cómo copiar una imágen de una página para guardarla en una carpeta, por lo que no será dificil copiarlas y guardarlas dentro de la carpeta objetos

Estructura

Toda la página web debe estar incluida dentro de una carpeta, que llamaremos la carpeta raíz. dentro de esta crpeta incluiremos todos los archivos de tipo .html y .css que tenemos. también incluiremos una subcarpeta llamada objetos.

Carpeta Raíz

Dentro de la carpeta objetos pondremos las imágenes que contiene nuestra web, y que son las que hemos visto antes.

Carpeta Objetos

Acaba aquí el manual "mi primera web". Espero que o haya servido para aprender. Si quereis saber más sobre la construcción de páginas web podeis mirar el manual de HTML:

Junto con el manual de HTML puedes seguir el manual de CSS, par aprenderlo al mismo tiempo. En el propio manual indica cuando cambiamos de uno a otro, para aprender los dos a la vez.



Se acaba aquí el manual "mi Primera Web". El siguiente enlace te lleva a la página principal del sitio.

Página de inicio




Mi primera web

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com