Vamos a actualizar nuestra Política de privacidad próximamente. Te recomendamos consultar el avance.

Dreamweaver CC 2017 esencial

Tipos de archivo en Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1290 cursos !

Prueba gratis Mostrar modalidades de suscripción
Dentro de Dreamweaver necesitaremos combinar varias tecnologías que utilizan distintos tipos de lenguajes de programación. Veamos en este vídeo los distintos tipos de archivo que nos vamos a encontrar cuando creemos sitios web con Dreamweaver CC 2017.

Transcripción

(hombre) Dreamweaver es un editor de código que permite trabajar con varios tipos distintos de archivo. Hay varios que son básicos. Vamos a hacer un repaso sobre todos los tipos que podemos editar en Dreamweaver. Vamos a empezar con el HTML. El HTML es la base de las páginas web. Consiste en lenguajes de etiquetas, una etiqueta se escribe siempre metiendo algo dentro de los símbolos de menor y mayor. Y de hecho las etiquetas se abren y cierran. Aquí podemos ver en este ejemplo que tengo la etiqueta <div que luego tiene además una serie de atributos dentro, que viene dentro de ese menor y mayor y luego tiene una segunda etiqueta al final, que es ese mismo </div pero con una barra inclinada, eso está indicando que la etiqueta está cerrada. Y nosotros podemos anidar unas etiquetas dentro de otras, en este caso, pues he hecho que haya otra etiqueta, <span dentro de esa etiqueta <div, que también tiene sus atributos, y luego dentro de esa etiqueta <span que se abre y se cierra, utilizando como siempre, la barra inclinada, dentro he metido un pequeño texto. El HTML sirve para meter lo que es el contenido o la información, los textos y también para definir que imágenes se tienen que mostrar o que archivos van vinculados dentro de toda la página web. Es, digamos, el esqueleto. Por otro lado, tenemos el lenguaje CSS, sirve para dar aspecto, para hacer que sea bonito lo que estoy mostrando en el HTML. Estos CSS tienen selectores, que son, digamos, la forma que va a tener el navegador de entender de a quien va a tener que aplicar una serie de propiedades. Hay diferentes formas de aplicar selectores, como en la diapositiva anterior, he creado un identificador, un ID para una determinada etiqueta, que es Contenido, y he utilizado otra clase que es el texto normal para otra etiqueta, pues estos, puedo tener acceso a ellos, unos selectores, para los identifiadores utilizando la almohadilla. Entonces, la almohadilla Contenido va a afectar a ese <div o el punto para las clases, punto texto normal sirve para aplicar las propiedades CSS a esa clase en concreto. Y aquí podemos ver varias propiedades, Display, para ver cómo se va a colocar, si va a tener borde, con 'Border', o en el caso de ese texto normal, pues el 'Font size' para el tamaño de la fuente o el color con el que va a aparecer ese texto. Hay muchos estilos CSS. Por otro lado, vamos a tener JavaScript. JavaScript sirve para que el contenido sea interactivo y sea inteligente. En este caso, he utilizado JavaScript utilizando realmente un 'Framework', que se llama jQuery, que sirve para que nosotros, con muy poca programación, podamos hacer muchas cosas. Y en este caso, lo que estoy diciendo es que también, para ese contenido, utilizando una forma de selector similar a las de los CSS, que cuando haga clic ejecute una función determinada, que en este caso es coger a ese objeto y cambiarle el HTML y que aparezca otro texto distinto. Como se puede ver, no es muy complicado. De todas formas no hay que agobiarse, porque tanto con el primer lenguaje HTML, como con el segundo CSS, como con el tercero, JavaScript, nosotros con Dreamweaver no vamos a necesitar programarlo, vamos a tener herramientas que nos van a permitir crear todos nuestros contenidos sin necesidad de programación, aunque por supuesto, dentro de Dreamweaver también podamos programar tranquilamente. Y vamos a trabajar dentro de Dreamweaver con otros lenguajes, por ejemplo, con el JSON, que sirve para transferir datos de una manera organizada, pero que pesen muy poco, o por ejemplo, con XML, que es un lenguaje de etiquetas se puede ver que se parece mucho al HTML, en realidad es el HTML que se parece al XML, son lenguajes de etiquetas para transferir información. O podemos también trabajar con PHP. PHP es el lenguaje de servidor que sirve para devolver al navegador HTML que pueda visualizar. Este PHP también puedo programarlo dentro de Dreamweaver pero también puedo añadir elementos de PHP de manera automática sin necesidad de utilizar programación. Volviendo de nuevo a Dreamweaver, si me voy ahora a inicio rápido, veo que efectivamente, tengo la posibilidad de crear elementos HTML, CSS, JavaScript, PHP, y luego también algunos otros tipos de archivo, como los preprocesadores CSS, es un tema un poco más complicado. Sirve para crear archivos CSS de manera automática con lenguajes más potentes. Y vemos que también puedo trabajar con archivos XML, SVG, que es creación de imágenes vectoriales mediante programación, y si de hecho pulso Nuevo, todavía me puedo encontrar con otras formas de trabajo, como plantillas HTML o de PHP.

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.