DREAMWEAVER

Introducción Definición Características Versiones Tutorial Webgrafía

Índice

Algunos editores muy conocidos son Dreamwever, Go live o NVU. Son software especializado en la creación de sitios web, construidos para crear y modificar el código HTML, CSS, PHP, etc. de tus páginas web.

Tienen funciones muy útiles para un diseñador web, como el editor gráfico, que te permite crear webs con pocos conocimientos de HTML ya que se asemeja a un procesador de textos.

Introducción

Otras funciones de estos programas son:

– Permitir reemplazar código de múltiples páginas a la vez

– La comprobación de errores de programación en el código

– Pre visualizar las páginas en diferentes navegadores, etc.

Introducción

¿Qué es?Es un software que permite crear páginas web.Permite diseñar páginas web sin necesidad de programar manualmente lenguajes de código como HTML.

• Dreamweaver es una herramienta muy útil para todos los programadores ya sean novatos o expertos.

• Cuando programas en HTML puedes hacerlo directamente desde una pestaña en la que puedes ver el una especia de vista previa de la pagina.

• Dentro de esta vista previa puedes editar la página fácilmente añadiendo botones, tablas etc. sin ningún problema.

Características

• Tiene la posibilidad de conectarse a Ftp con un host y editar directamente los archivos allí almacenados te permite editar CSS rápidamente, podrás hacer plantillas en pocos minutos siguiendo una básica ya predefinida por Dreamweaver.

• Puedes bajarte complementos para sistemas ya estipulados como para Joomla que tiene varios editores de plantillas.Te identifica los códigos por colores para que puedas localizar mejor los tipos de código

Características

Versiones

Tutorial

Barra de Menú

Están todas las secciones propias de cualquier software como las opciones de Archivo, Edición, Insertar, etc…

Funciones Comunes

Se puede elegir como ver lo que hacemos en solo código, el diseño o los dos.Tiene varios botones en los que podremos elegir como se vería en distintos dispositivos, probar nuestra página en un navegador, validar el documento para que este correcto y comprobar que funciona con todos los navegadores.

Otras Funciones

Hay varias opciones para el formateo del código como aplicar sangrías y otras utilidades, aplicar comentarios al código, activar/desactivar alertas y errores, etc…

Editor Código/Visual

Editor de Código

En el editor de código podremos insertar manualmente el código para crear nuestra web y en el editor visual actuará como cualquier editor de texto pudiendo insertar fácilmente todos los elementos de una web.

Editor Visual

Propiedades Elemento

Se puede modificar las propiedades del elemento que tengamos activado en ese momento como puede ser poner el texto en negrita o aplicar un enlace o vinculo al elemento. Las propiedades varían según el elemento seleccionado.

Secciones

Hay diferentes apartados que son muy útiles como la posibilidad de insertar los elementos, ver los estilos del elemento activo y sus propiedades CSS o ver en jerarquía de árbol los directorios y archivos que tenemos.

Insertar Elementos

En estos tres submenús podemos encontrar los elementos más comunes para poder realizar una página web.

Menú Contextual y Propiedades

Clickeando con el botón derecho del ratón en el editor visual se nos mostrará el menú contextual en el que tenemos muchas opciones para aplicar a nuestra página, una de las más importantes es la propiedades de la página en la que podremos cambiar el fondo, tamaño, márgenes, etc…

http://www.un.org/spanish/Depts/dpi/seminariomisiones/dw4_using_es.pdf

http://multimediakaren.blogspot.com.es/2012/06/programas-para-la-creacion-de-sitios.html

http://dreamdavidsalazar.wordpress.com/2012/06/18/versiones-de-dreamweaver/

http://www0.unsl.edu.ar/~tecno/multimedia/dreamweaver/Gilberto/dreamweaver/Default.htm

Webgrafía

Magisterio de Primaria 4ºA

Realizado por:

o Elena Dorado Pérezo Fátima Hernández Rojaso Sheila García Sánchezo Vanesa Fdez-Áviles Cañadas