IMAGENES Y VIDEO DE DREAMWEAVER:


acontinuacion veremos algunas imagenes y videos de dreamweaver

si les queda alguna duda, aqui les dejo un tutorial de dreamweaver.
http://www.youtube.com/watch?v=Q6rRLw5ggOg

COMO USAR DREAMWEAVER:

 ya que hemos usado el Dreamweaver para seguir el ejemplo de esta sección, aprovecho para colocar aquí y ahora unas notas interesantes sobre el programa. Cosillas que no hemos usado ni visto en las lecciones pero que seguro que te van a resultar bastante útiles a la hora de crear tus páginas web.

Te explico un poco sobre el uso de la función de Buscar y Reemplazar, herramienta que te va a ahorrar mucho trabajo si tu sitio web dispone ya de un montón de páginas, pues con un par de clics te permite cambiar el código de todas ellas.

También te hablo en estas páginas sobre la creación de Bibliotecas de Dreamweaver. Se trata de colocar las partes de código comunes a todas las páginas en una de esas bibliotecas y poder así llamarlas cuando te hagan falta sin necesidad de tener que teclear todo el código desde el principio. Además cualquier cambio futuro en la biblioteca reformará las páginas que la usan, de modo que puede ser bastante útil a la hora de actualizar páginas web.

Imagina que tu web ya tiene un montón de páginas. Imagina que no has usado marcos, ni includes, ni bibliotecas.. y que de repente se te ocurre crear una sección más y poner un enlace nuevo en el menú de todas las páginas, o cambiar el logotipo de la web de todas ellas, o en definitiva, cambiar algo que es común a todas. Lo normal es abrir página por página y variar lo que quieres, pero es un trabajo de chinos, te lo aseguro.

Dreamweaver posee una magnífica herramienta que es capaz de buscar el código html que queramos cambiar en todas las páginas de la web y reemplazarlo por otro código de un modo rápido y sencillo.

La herramienta la podemos encontrar en la ventada de diseño del Dreamweaver (cuando abrimos una página html con él). Está en la barra de herramientas de arriba, en Edición > Reemplazar... (o pulsando Control + H). Al hacerlo se abre una ventana como esta:

Por ejemplo. Imagina que en todas las páginas de nuestra web tenemos puesto un título en el código Html de este modo:<title>Untitled Document</title> y que leyendo estas páginas aprendemos que esta línea es para poner nuestro título y nos vemos con que hemos de cambiarlo en más de 50 páginas. Uffff.. Pues con esta herramienta podemos arreglarlo en un periquete!

Escribimos en el hueco blanco de arriba de esa ventana el código que queremos que cambie. Luego ponemos este otro código en el hueco "Reemplazar con:" <title>Bienvenido a www.Perico.com!</title> y ahora escogemos, dentro de"Buscar en:" la opción "Sitio Actual" para que cambie ese código en todas las páginas del sitio y no solo en esa página concreta.

Después de esto le damos a Reemp. Todos y automáticamente hará los cambios oportunos.

Solo tiene una pega. Si no lo hacemos bien no podemos dar marcha atrás, de modo que yo (tras algunos tropiezos muy gordos...) siempre hago una copia de seguridad de TODA la carpeta de mi web antes seguir. Hazlo, en serio.

Pues del mismo modo, si tienes un menú con enlaces a cada una de las páginas de tu web en todas tus páginas, y un día decides inlcuir una sección más, solo tienes que,

0. Hacer una copia de la carpeta de tu web, por seguridad.

1.- Abrir una de las páginas donde haya uno de esos menús.

2.- Ir a la Vista HTML y copiar todo el código del menú.

3.- Abrir la ventana de Reemplazar.

4.- Pegar en el cuadro "Buscar" todo ese código.

5.- Pegar el código nuevo en el cuadro "Reemplazar con" (Puedes pegar el mismo que has pegado en Buscar y retocarlo ahí mismo...uncarpetaconcreta, pero casi no se ve la opción, tienes que pulsar en las flechitas de arriba y abajo ).

CONCEPTO:

Adobe Dreamweaver es una aplicación en forma de suite (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares. Creado inicialmente por Macromedia (actualmente producido por Adobe Systems) es el programa más utilizado en el sector del diseño y la programación web, por sus funcionalidades, su integración con otras herramientas como Adobe Flashy, recientemente, por su soporte de los estándares del World Wide Web Consortium. Su principal competidor es Microsoft Expression Web y tiene soporte tanto para edición de imágenes como para animación a través de su integración con otras. Hasta la versión MX, fue duramente criticado por su escaso soporte de los estándares de la web, ya que el código que generaba era con frecuencia sólo válido para Internet Explorer y no validaba como HTMLestándar. Esto se ha ido corrigiendo en las versiones recientes.
Se vende como parte de la suite Adobe Creative Suite.
La gran ventaja de este editor sobre otros es su gran poder de ampliación y personalización del mismo, puesto que en este programa, sus rutinas (como la de insertar un hipervínculo, una imagen o añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran flexibilidad en estas materias. Esto hace que los archivos del programa no sean instrucciones de C++ sino rutinas de Javascript que hace que sea un programa muy fluido, que todo ello hace, que programadores y editores web hagan extensiones para su programa y lo ponga a su gusto.
Las versiones originales de la aplicación se utilizaban como simples editores WYSIWYG. Sin embargo, versiones más recientes soportan otras tecnologías web como CSS, JavaScript y algunos frameworks del lado servidor.
Dreamweaver ha tenido un gran éxito desde finales de los años 1990 y actualmente mantiene el 90% del mercado de editores HTML. Esta aplicación está disponible tanto para la plataforma MAC como para Windows, aunque también se puede ejecutar en plataformas basadas en UNIX utilizando programas que implementan las API's de Windows, tipo Wine.
Como editor WYSIWYG que es, Dreamweaver permite ocultar el código HTML de cara al usuario, haciendo posible que alguien no entendido pueda crear páginas y sitios web fácilmente sin necesidad de escribir código.
Algunos desarrolladores web criticaban esta propuesta ya que crean páginas HTML más largas de lo que solían ser al incluir mucho código inútil, lo cual va en detrimento de la ejecución de las páginas en el navegador web. Esto puede ser especialmente cierto ya que la aplicación facilita en exceso el diseño de las páginas mediante tablas. Además, algunos desarrolladores web han criticado Dreamweaver en el pasado porque creaba código que no cumplía con los estándares del consorcio Web (W3C).
No obstante, Adobe ha aumentado el soporte CSS y otras maneras de diseñar páginas sin tablas en versiones posteriores de la aplicación, haciendo que se reduzca el exceso de código.
Dreamweaver permite al usuario utilizar la mayoría de los navegadores Web instalados en su ordenador para previsualizar las páginas web. También dispone de herramientas de administración de sitios dirigidas a principiantes como, por ejemplo, la habilidad de encontrar y reemplazar líneas de texto y código por cualquier tipo de parámetro especificado, hasta el sitio web completo. El panel de comportamientos también permite crear JavaScript básico sin conocimientos de código.
Con la llegada de la versión MX, Macromedia incorporó herramientas de creación de contenido dinámico en Dreamweaver. En lo fundamental de las herramientas HTML WYSIWYG, también permite la conexión a Bases de Datos como MySQL y Microsoft Access, para filtrar y mostrar el contenido utilizando tecnología de script como, por ejemplo, ASP, ASP.NET, ColdFusion, JSP (JavaServer Pages) yPHP sin necesidad de tener experiencia previa en programación.
Un aspecto de alta consideración de Dreamweaver es su funcionalidad con extensiones. Es decir, permite el uso de "Extensiones". Las extensiones, tal y como se conocen, son pequeños programas, que cualquier desarrollador web puede escribir (normalmente en HTML y Javascript) y que cualquiera puede descargar e instalar, ofreciendo así funcionalidades añadidas a la aplicación. Dreamweaver goza del apoyo de una gran comunidad de desarrolladores de extensiones que hacen posible la disponibilidad de extensiones gratuitas y de pago para la mayoría de las tareas de desarrollo web, que van desde simple efectos rollover hasta completas cartas de compra.También podría decirse que, para un diseño más rápido y a la vez fácil, podría complementarse con Fireworks en donde se podría diseñar un menú u otras creaciones de imágenes (gif web, gif websnap, gif adaptable, jpeg calidad superior, jpeg archivo más pequeño, gif animado websnap) para un sitio web y después exportar la imagen creada y así utilizarla como una sola en donde ya llevará los vínculos para dicho sitio.

podremos ver acontinuacion un video sobre dreamweaver:

http://www.youtube.com/watch?v=94rvs3_kbh4