Área de código – Curso de Dreamweaver CC #19
Área de diseño – Curso de Dreamweaver CC #20

Área de diseño – Curso de Dreamweaver CC #20

Puedo crear automáticamente las etiquetas sin necesidad de que haga nada. En la parte de diseño en Dreamweaver directamente en vivo puedo ver cómo quedan el resultado final.

Luego tenemos dividir y luego diseño es lo que se va a mostrar prácticamente el resultado final y esta trabajando como motor web-kit prácticamente de Chrome. Y en ese lugar yo voy a insertar voy a trabajar de manera mucho más visual sin utilizar código por ejemplo casi quiero insertar un div voy a poner a cada modo diseño y puedo insertar un div voy a poner una clase. Voy a poner a cada ejemplo primero. Y aceptar ya tengo acá lo que sería mi primer elemento. Voy a guardar. En ese momento no estaba enlazado enlazo Lo que sería mi hoja de estilo entonces voy a poner a cada. link y directamente hasta el style. Ahora sí. Acá tengo está el style.css Todo lo que voy a poner a cada por ejemplo esto de primero. Tiene que reflejarse prácticamente acá.

Nuevamente voy a venir a casa con la clase primero. Yo voy a poner acá primero. No tenemos por qué en este momento. Aprender css sólo queremos mostrar que efectivamente funciona.Color vamos a poner color rojo. En la parte de diseño se muestra  de esa manera. Si yo pongo en vivo demuestra prácticamente. A todos los elementos acá qué tenemos. En código. Me han puesto un texto forzoso cuando he agregado un div. Esto es para que me dé cuenta donde el país ubicado en contenido vamos a dejar esa manera. Acá muestra en vivo.

Muy bien vamos a seguir en la parte de diseño. Yo puedo poner otro elemento marca muchísimos elementos. Y decir con la clase número 15 que sea segundo. Sólo para ejemplificar y acá se va acumulando así sucesivamente. se puede agregar otros elementos más adelante vamos a ver con muchísimo detalle luego con el diseñador css vamos agregando las características necesarias.

Entonces ya sabemos cómo acabó agregar contenido la vamos a dedicar más. A más adelante un espacio completo para agregar lo que sería imágenes textos. Para agregar formulario enlaces tablas absolutamente todo pero lo que queremos dar a entender es como vamos a manejar el código como se trabaja simultáneamente con 2 todo lo que haga aquí se va a reflejar y viceversa con lo que haga aquí se va a reflejar en el código.

Pero si aún así yo no estoy convencido del resultado. Siempre podemos venir y utilizar Chrome y esta parte. Y vamos a ver el resultado. final.Prácticamente sería el mismo de esto. Viendo en la. Vista en vivo. Aparte de ello tenemos nosotros 2 elementos que resaltar que más adelante vamos a ver. Uno que sería trabajar con los tamaños esto vamos a ver cuando veamos responsive agregar muchos más elementos responsive para que cada elemento según el tamaño que vaya a corresponder se comporta de diferente manera.Y también puede establecer en esa parte de qué manera quiero ver. Para estos tamaños preestablecidos que tenemos aquí.

DEJA UNA RESPUESTA

Please enter your comment!
Please enter your name here