Trabajo dreamweaver (1)

19

Transcript of Trabajo dreamweaver (1)

Page 1: Trabajo dreamweaver (1)
Page 2: Trabajo dreamweaver (1)
Page 3: Trabajo dreamweaver (1)

Algunos editores muy conocidos son Dreamwever, Golive 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.

Page 4: Trabajo dreamweaver (1)

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.

Page 5: Trabajo dreamweaver (1)

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.

Page 6: Trabajo dreamweaver (1)

• 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.

Page 7: Trabajo dreamweaver (1)

• 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

Page 8: Trabajo dreamweaver (1)
Page 9: Trabajo dreamweaver (1)
Page 10: Trabajo dreamweaver (1)

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

Page 11: Trabajo dreamweaver (1)

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.

Page 12: Trabajo dreamweaver (1)

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…

Page 13: Trabajo dreamweaver (1)

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.

Page 14: Trabajo dreamweaver (1)

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.

Page 15: Trabajo dreamweaver (1)

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.

Page 16: Trabajo dreamweaver (1)

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

Page 17: Trabajo dreamweaver (1)

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…

Page 18: Trabajo dreamweaver (1)

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

Page 19: Trabajo dreamweaver (1)

Magisterio de Primaria 4ºA

Realizado por:

o Elena Dorado Pérez

o Fátima Hernández Rojas

o Sheila García Sánchez

o Vanesa Fdez-Áviles Cañadas