Dreamweaver CC 2017 esencial

Panel Archivos de Dreamweaver CC 2017

¡Prueba gratis durante 10 días

nuestros 1240 cursos !

Prueba gratis Mostrar modalidades de suscripción
Uno de los paneles más importantes de este programa es el panel Archivos, porque va a servir para realizar todas las tareas propias de los sitios web: subir archivos al servidor o abrir o importar imágenes en las páginas web, por ejemplo.

Transcripción

Incluso en una página tan sencilla como esta, vamos a tener una cierta complejidad a la hora de organizar los contenidos que se están mostrando. No hablo de los contenidos visualmente, si no de los contenidos físicos, de los archivos que componen todo esto. Porque dentro de esta página, tenemos varias imágenes, no solamente tenemos el archivo HTML. Y el HTML no permite meter dentro de él una imagen, me obliga a tener las imágenes fuera y vincularlas. Pero es que no sólo eso. Dentro de ésta página también tengo código HTML, pero tengo código Java Script, y tengo código CSS, que sirve para dar aspecto. Si yo metiese todo ese código dentro de un mismo archivo, sería muy complicado después programar, porque tendría muchas líneas de códigos y sería difícil encontrar lo que necesito. Es más, esto es un solo archivo. Pero si yo tengo un sitio web muy complejo, estamos hablando de miles y miles y miles de líneas de código. Eso supone que tendré que organizar todas las partes del código, todas las páginas, étc, de una manera coherente y que me sirva para encontrar fácilmente lo que necesito. Así que lo normal es distribuir todos los archivos de mi sitio de una manera fácil en la que los pueda encontrar. De hecho si me voy a este sitio, ya podemos ver como todo lo que es el código CCS se ha guardado en la carpeta CCS, y dentro de ella tengo varios archivos CCS. En la carpeta fuentes están las fuentes que voy a utilizar en el sitio. En Imágenes tengo efectivamente, todas estas imágenes. En la carpeta JS he guardado todos los archivos de Java Script. Y luego también tengo estos archivos HTML. Esta en realidad es la forma más simple de organizar los archivos, que no tiene por qué ser la mejor. Si trabajamos con sitios web muy complejos, igual, una forma mejor de organizar esos archivos sería guardar esos archivos por secciones, crear carpetas para cada sección y dentro de ellas generar estructuras de CCS, Imágenes y Java Script. Lo que queda claro es que voy a tener que trabajar con archivos. Voy a tener que crearlos, copiarlos, moverlos, eliminarlos, duplicarlos. Dreamweaver me permite trabajar dentro de él con esos archivos. Voy a tener un panel de archivos que me va a servir precisamente para todas estas tareas. Dentro de este panel de archivos, lo primero con lo que me voy a encontrar es con un desplegable que me permite elegir la carpeta donde quiero trabajar. Y no solo eso, debajo de esa carpeta voy a tener un listado con los sitios web donde estoy trabajando, y dentro de ella aparecerán, como digo, todos estos archivos. Cada uno de estos archivos va a tener diferentes iconos. Por ejemplo, los archivos HTML van a aparecer con las etiquetas típicas de HTML. Los archivos CCS con las llaves propias de las clases CSS. Los archivos de imagen con miniaturas para indicar el tipo de archivo que tengo. Los archivos de Java script con un icono que se suele asociar con ese JS. Sobre cualquier archivo yo puedo hacer modificaciones con el botón derecho. Puedo crear nuevos archivos, crear nuevas carpetas, puedo abrir el archivo que tengo seleccionado, incluso puedo abrirlos con otros programas. En este caso solo con Dreamweaver porque es un archivo de texto. Pero por ejemplo, si lo hiciese sobre una imagen me permitiría abrirlo con Photoshop. Y también puedo copiarlo, duplicarlo, eliminar o cambiar su nombre. Eso se puede hacer de más maneras. Yo puedo hacer clic, un segundo, clic, y eso me permite editar este nombre. Y de echo, es conveniente hacer ediciones de los nombres dentro de Dreamweaver y no fuera, porque si el archivo está vinculado a otro archivo distinto, Dreamweaver se va a ocupar de buscar esas vinculaciones y me va avisar. Por ejemplo, si yo quiero hacer una modificación sobre este nombre "logo", le quiero llamar "logo_ppal". Al hacer click sobre él, me avisa que va a actualizar todos los archivos en los que está vinculado, que son el índice y el archivo "form". Pulsaré en actualizar y él automáticamente-- aquí lo puedo ver, me va a haber cambiado ese "logo.png" por "logo_ppal.png". Si yo hago modificaciones de todas formas saltándome esta norma, que es bastante básica, desde fuera de Dreamweaver, también puedo hacer clic sobre actualizar y eso me va a volver otra vez a refrescar todo el árbol de carpetas, y de archivos. Dentro de este panel de archivos vamos a tener nociones para trabajar con lo servidores remotos. Pero esto va a ser algo que explicaremos cuando ya conozcamos un poco mejor como trabajar con los sitios dentro de Dreamweaver. El objetivo principal de este video, es explicar que vamos a tener muchos archivos, explicar un poco por encima como se puede trabajar con esos archivos, ordenarlos, y como se puede trabajar con ellos también desde dentro de Dreamweaver.

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.