El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Dreamweaver CC 2017 esencial

Plantillas de inicio de Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
También es bueno utilizar las plantillas de inicio del programa: con ellas podemos disponer inmediatamente de páginas web completas y bien estructuradas, pensadas para distintos tipos de contenidos tanto para web como para, por ejemplo, crear mails.

Transcripción

Cuando nos planteamos hacer un diseño determinado al principio, nos podemos sentir un poco frustrados porque, claro, cómo llegar de este diseño en papel, a que realmente aparezca de esta manera. Cómo conseguir que las fotografías aparezcan a la izquierda y los textos a la derecha, que aparezcan unas encima de otras o que el menú aparezca, pegado, digamos, a los contenidos. Para poder hacer todo esto, Dreamweaver tiene una serie de plantillas, que sobre todo, cuando no sabemos lo suficiente, cuando empezamos, nos puede venir bien. No solamente para ayudarnos a haber creado esos contenidos sino también para entender un poco cómo trabajar con ellos. Son las plantillas de inicio, tenemos unas cuantas. Aquí podemos ver que se han añadido diez. En la descripción ya vemos un poco como funcionan. Trabajando con varias columnas, Básica con cuadrícula simple o Básica como página individual. A mí, personalmente, me gusta más verlas dentro de "Nuevo" y aquí "Nuevo" en "Plantillas de inicio" las tengo organizadas por tipos, y me resulta más cómodo. Los tipos básicos de páginas, sin entrar en más complicaciones, son la cuadrícula simple, la página individual o varias columnas. Voy a empezar con esta cuadrícula simple. Si la creo, básicamente va a consistir, primero en una especie de encabezamiento y luego en varias rejillas, varios grids, y luego, debajo, un pie de foto. En realidad esta estructura se va a repetir muchísimo. Lo que tiene de interesante es que, esta misma página, si cambiásemos el tamaño de la visualización, veríamos como esta rejilla se transformaría para añadir más elementos hacia la derecha o para quedarse en una sola columna de elementos, o sea, distribuiría los elementos de esa rejilla. Para trabajar sobre ella, pues va a ser fácil. Supongamos, por ejemplo, que yo no quiero tantísimos elementos, bueno, pues puedo eliminar algunos de ellos, Si me voy al panel de Dom, puedo hacer clic sobre cualquiera de estos elementos y veo cómo está estructurado, hay dos <div que se comportan como galerías, puedo eliminar una de esas galerías, la eliminaría y en esta segunda galería, si yo quiero, por ejemplo, tener solamente dos elementos puedo coger y borrar fácilmente esos dos o podría también, fácilmente, copiar estos elementos y pegarlos. SI vuelvo de nuevo a Nuevo Página individual y selecciono "Crear" vemos que este caso la estructura de entrada es parecida. Tengo un menú superior, tengo un elemento que le hace un poco de cabecera, el típico para poner fotografías y luego, simplemente, es añadir textos con distintos elementos que van todos colocados unos encima de otros. Este es el planteamiento "Single Page". Es un planteamiento que consiste en que los contenidos aparecen todos en la misma página colocado de manera horizontal. Estos contenidos se van a adaptar al tamaño de la ventana también de una manera automática, pero en realidad, están todos colocados como una sola columna. Si vuelvo de nuevo a Archivo Nuevo y selecciono Básico: varias columnas, pues va a ser una reinterpretación del anterior, o sea, voy a tener también un menú en la zona superior y luego voy a tener contenidos que están guardados en columnas. En este caso tengo una primera columna donde tengo varios textos, aquí lo vemos, este artículo, y luego tengo una "Size" donde estoy metiendo "banners", fotografías o lo que quiera añadir. Un poco más abajo mantengo el mismo planteamiento, una fila, y dentro de esa fila, una serie de columnas. En realidad es un planteamiento de rejilla parecido al anterior, pero un poco distinto. Si quiero utilizar cualquiera de estas páginas lo que necesitaré es, una vez después de haberla creado, tendré que guardarlo, y en el momento en el que lo guardo él va a generar todos los archivos necesarios para que esto funcione, que van a ser, aparte del HTML, un archivo de CSS, que va a ir enlazado directamente con este "columnas.thml" y que va a ser el que se ocupe de que esto efectivamente funcione. Como vemos automatiza la tarea de crear contenidos y nos da parte del trabajo hecho. Aquí ya simplemente sería, pues eso, ir editando código, ir cambiándolo, ir seleccionando elementos y aplicándoles estilos concretos o diferenciados, ir añadiendo imágenes, o, por ejemplo, hacer selecciones sobre algunas de estas etiquetas y cambiarle propiedades como podría ser, por ejemplo, el color de fondo.

Dreamweaver CC 2017 esencial

Crea sitios web gracias al software de Adobe, Dreamweaver CC 2017. Con este repaso esencial a sus fundamentos podrás crear páginas responsive y mostrar tus contenidos a la última.

6:11 horas (78 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.