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

El panel Insertar de Dreamweaver CC 2017

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Si no queremos programar no hay problema, Dreamweaver lo hará por nosotros. Utilizando el panel Insertar podremos añadir las etiquetas HTML más habituales a nuestras páginas web. Además, tiene también apartados para otros contenidos más complejos.

Transcripción

(hombre) Hemos ya aprendido a crear documentos. Vamos a ver ahora cómo añadirle etiquetas a estos documentos. Pero antes de empezar voy a fijarme en un detalle interesante. Este documento que he creado previamente, realmente aparece con el nombre "Untitled 6" y, de hecho, no aparece dentro de mi sitio. Eso es porque, aunque yo haya creado un documento, ese documento no ha sido guardado. Una buena costumbre es ir guardando los documentos que voy creando. De hecho, todo documento que no haya sido guardado aparece con su nombre con un asterisco colocado a su lado, indicándome efectivamente que ese no ha sido guardado. Para poderlo guardar con "Ctrl" o "Comando+S", o seleccionando "Archivo", "Guardar". Voy a tener una ventana donde me permitirá guardar ese archivo. Hay que tener cuidado porque me lo va a guardar en la última ubicación donde estuve trabajando. En este caso sí que coincide con el sitio pero podría no haberlo hecho. A este archivo lo voy a llamar "Index". Es una buena costumbre el que, al índice, a la página de entrada de los sitios se les llame "Index". Esto sirve para que cuando escribamos la ruta, o sea el nombre del dominio de un sitio web en concreto, aparezca este archivo por defecto. En los servidores se puede configurar cuál va a ser ese archivo. Lo normal es que esté configurado por defecto, que sean los archivos "index.html", "index.htm" o "index.php". Pues entonces, lo voy a llamar "index.html". Pulso en "Guardar" e inmediatamente ya me aparece este archivo aquí. A partir de aquí puedo ir editando ese ".html", pero lo voy a hacer de una manera más cómoda. Voy a ponerlo en la vista en vivo. Y en esta vista en vivo puedo ir arrastrando elementos y colocarlos. ¿De dónde puedo arrastrar las distintas etiquetas de las que dispongo? Pues desde el panel "Insertar". Siempre que busquemos un panel y no lo encontremos hay que recordar que podemos encontrarlo desde "Ventana", y aquí tenemos este "Insertar". Este panel "Insertar" tiene un menú desplegable que tiene diferentes opciones, me permite elegir entre etiquetas HTML, etiquetas de formulario, componentes del 'framework bootstrap', esto es para cuando esté trabajando con él. Elementos de jQuery Mobile, que sirve para trabajar con dispositivos móviles para hacer interfaces de móvil. jQuery UI que son controles de jQuery, o sea, son controles avanzados que sirven para hacer menús, botones. Y luego "Favoritos" en el que puedo ir guardando todos los elementos que vaya a utilizar más. O sea, esto es una forma de tener organizados en muy poquito espacio los elementos más usados. De hecho, se pueden personalizar con el botón derecho seleccionando "Personalizar favoritos". Y aquí seleccionar el elemento que más utilice, por ejemplo, los DIV, las imágenes, y pulsar en "Aceptar". Aquí aparecerán estos elementos. Vamos a comenzar con HTML, y aquí dentro de HTML, como vemos, están también organizados por tipo. Entonces los primeros de ellos son los elementos más usados dentro de lo que es el diseño de una página, la estructura de una página. En segundo lugar, aparecen los elementos semánticos, las etiquetas semánticas. Luego aparecen los elementos que se añaden dentro del "header". Y por último, aparecen elementos ya un poco más especiales de multimedia y elementos de distribución de contenidos, como las líneas o como los 'iframes'. Para utilizar cualquier elemento solo necesitamos pinchar en él y arrastrarlo donde queramos ponerlo. Como podemos observar aparece el icono que viene junto al cursor. O también donde tengamos seleccionado en un momento dado, por ejemplo, en el código. Si yo hago clic, me va a insertar justo en el punto donde está ese punto de inserción. Hago clic y me lo añadiría. En principio aparece por defecto una ventana con las opciones más básicas de este elemento. Eso también es configurable, dentro de "Edición", "Preferencias". Y dentro de ellas, vamos a ver que tenemos el "check box" de "Mostrar diálogo al insertar objetos", si yo lo tengo deseleccionado ese diálogo no aparecerá. Esto ya es una cuestión de gustos. En cualquier caso, como digo, se trata de pinchar y arrastrar, o si tengo seleccionado una parte de la pantalla hacer clic sin más e iremos añadiendo los distintos elementos sin necesidad, como se puede ver, de programar.

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.