oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS


Curso Dreamweaver - Lección 6: Plantillas II

Bueno pues mediante la plantilla creada anteriormente vamos a crear una pagina para el vinculo "Honda" que como recordaras le habíamos puesto como vinculo honda.html y ese sera también el nombre que le daremos a nuestra nueva página.

Ves a "Archivo > Nuevo" y en la pantalla que te salga eliges Pagina de "Plantilla>Motos-Mutierrez>Plantillaweb" y no se te olvide marcar la casilla de "Actualizar página cuando cambie la plantilla"

Como ves nos ha creado una pagina exactamente igual a nuestra pagina principal (index.html) y estara lista para editarla a nuestro gusto.

Acuerdate de cambiarla en titulo de esta página nueva a Honda para que cuando la visualicemos con el navegador no tenga el mismo titulo que la principal. si no te acuerdas como se hacia miralo aquí.

Ahora solo tenemos que modificar el contenido de nuestra nueva página, los encabezados y el contenido... venga vamos allá!!!

Primero sustituiremos el encabezado h1, donde pone "Motos Mutierrez" pondremos "Honda" simplemente sombrea la palabra con el cursor del raton y escribe el titulo nuevo. Y en el contenido pondremos un par de modelos de moto simplemente copia y pega en tu carpeta "Objetos" las siguientes imagenes e insertalas en tu nueva página, si no te acuerdas como se hacia mira aquí.

           

Encima de cada imagen puedes poner como encabezado h2 el modelo de moto para la primera imagen seria HONDA DN 01 TOURING CONCEPT y para la segunda HONDA CB 1100 CUSTOMIZE CONCEPT.

Despues puedes poner también una breve descripción de cada una de ellas justo debajo de las imagenes de cada moto.

Para la primera pon : Sin cambios técnicos, la revolucionaria moto de Honda ha sido equipada con unas maletas rígidas y con una pantalla más amplia con el objetivo de mejorar su capacidad de carga y de aumentar la protección en la parte alta del cuerpo del piloto. Por lo demás, aparte de las tulipas de los intermitentes delanteros transparentes, no se aprecian más modificaciones.

Y esto para la segunda: La personalización que ofrece Honda para el modelo CB1100 pretende evocar a las RC campeonas en el Mundial de 1960. La combinación de colores rojo, negro y gris recuerda a las motos italianas de la época de los 50.

Ahora simplemente guarda el archivo como "honda.html".

Y si has echo todo bien te debería haber salido algo así:

Puedes previsualizar en el navegador como quedaría esta nueva página además puedes comprobar también los vínculos de la cabecera y del menú de navegación y veras que funcionan perfectamente y todo esto gracias a las plantillas.

Bueno pasa pagina y vamos a crear una nueva página usando la plantilla creada anteriormente para el vinculo Cascos.

Si tienes dudas ya sabes... dejalas caer por el Foro OTW.

Quiero aprender más!!!


Menú
Indice del Curso
  1. Introducción
  2. Descargar Dreamweaver
  3. Instalar Dreamweaver
  4. Configurar Dreamweaver
  5. Sitio Local
  6. Página Principal
  7. Area de Trabajo
  8. Color de Fondo
  9. Títulos
  10. Index.html
  11. Cabezera
  12. Alinear Texto e Imagenes
  13. Etiquetas Meta (metatags)
  14. Hipervínculos
  15. Estilos CSS
  16. Menú de Navegación
  17. Encabezados
  18. Plantillas

©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es

Design By: JTole®