32. Capas DIV

<< 31. Tablas                         33. Capas DIV PA >>

cursos papel y web

http://cursodw.papelyweb.com/32_Capas_DIV/32_capas_DIV.html

1/ Abrimos desde Mi_Plantilla 2/ Guardamos como capas_DIV.html dentro de una nueva carpeta 32_Capas_DIV, 3/ Copiamos los textos de Mi_Sitio / Guiones / 32_Capas_DIV.txt, 4/ Pegar el texto en capas_DIV.html, 5/ Realizar las prácticas, 7/ Enlazar entre capas_DIV.html y galeria.html.

Capas DIV

Son una alternativa a las tablas para distribuir los elementos por la página. Podemos insertar en ellas texto, imágenes, tablas o elementos multimedia e incluso podemos anidar una sobre otra copiando el código de una de ellas y pegándolo dentro de las etiquetas <Div> de la capa contenedora.

Las etiquetas DIV
Se asocian a una clase mediante la regla asociada a un .css, que hacen que la capa (<div>) tenga diferentes atributos de texto, color, etc. Este texto está dentro de una etiqueta div (<div id=”editable”>) como comprobamos en la parte inferior del lienzo.

Insertar / Objetos de diseño / Etiqueta Div o bien desde el panel Insertar / Diseño / Insertar etiqueta DIV. Creamos una capa DIV y la nombramos prueba_div

Una vez creada la regla CSS, nos vamos al panel CSS y clic en <style>#prueba_div, para personalizar la capa, haciendo pruebas con las diferentes categorías.

 

Crear las carpetas del curso

C: … / Cursos / Curso_Dreamweaver /  Curso_Final. Contiene los archivos finalizados que vamos a necesitar para completar las prácticas de curso.

C: … / Cursos / Curso_Dreamweaver /  Mi_Sitio. Es donde realizaremos las prácticas.

Si es necesario crea las carpetas que necesites. Es muy importante mantener la estructura de carpetas que recomendamos en estos apuntes, para seguir el curso sin perdidas de tiempo adicionales.

Envia un comentario

Debes ser Conectado Para publicar un comentario.