Después de habernos familiarizado con HTML5 tenemos que aprender a usar plantillas CSS3 para poder haer páginas web con un diseño actual. Una página web cambia de diseño constantemente para adaptarse a los nuevos estilos y por eso tenemos que saber hacer estas adaptaciones con relativa normalidad.
Vamos a empezar con un estilo que podéis descargar desde aquí: owmx-1.1
Como empezar
- Denemos hacer un esquema de la plantilla.
- Todas las plantillas incluyen un fichero index.html que muestra las distintas posibilidades de diseño.
- Debemos entender las estructuras principales de esa plantilla.
- Tenemos que reconocer los estilos especiales y saber adaptarlos a nuestras necesidades.
- No es aoconsejable tocar el estilo. Las plantillas avanzadas han sido elaboradas por especialistas del diseño y si las cambiamos perderemos el diseño original.
- Si queremos cambiar las imagenes las cambiaremos en el archivo images, respetando el mismo nombre.
- En ocasiones la parte del meta no está completa, es muy importante rellenarla como hemos visto en clase y personalizarlas.
- No tenemos porque usar todos los elementos de diseño.
- Es importantísimo que los textos sean originales.
- Desde cada página se debe poder acceder a todas las páginas, salvo que tengamos muchas págimas (de momento este no es el caso).
- Es importante poner un favicon.
- De momento cogeremos las imagenes de google images, pero pronto aprenderemos a guardalas optimizadas
- No olvides que lo realmente importante es el texto.
Ejemplo de adaptación de plantilla
Marketing para PYMES
Ejercicios
- Crea una página web para alguna empresa (real o ficticia) usando la plantilla: owmx-1.1.
- Haz una prueba de la lista de definiciones.
- Prueba la galería fotográfica
- Prueba las tablas (puedes usar las de anteriores ejercicios).
- Ahora cambia la plantilla de tu página web a esta: owmx-2.0. Deberás seguir los consejos del principio de la entrada.
