SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
Dreamweaver
  Dylan Caro 11B
QUE ES?



Dreamweaver CS5 es un software fácil de
usar que permite crear páginas web
profesionales.
FUNCIONES:

Las funciones de edición visual de Dreamweaver CS5
permiten agregar rápidamente diseño y funcionalidad a
las páginas, sin la necesidad de programar manualmente
el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas,
insertar comportamientos JavaScript, etc.., de una forma
muy sencilla y visual.
Además incluye un software de cliente FTP completo,
permitiendo entre otras cosas trabajar con mapas visuales
de los sitios web, actualizando el sitio web en el servidor
sin salir del programa.
Caracteristicas:
 Compatibilidad con CMS integrada. Un sistema de gestión de contenidos (en
inglés Content Management System, abreviado CMS) es in interfaz o programa
que nos permite gestionar el contenido de un sitio web. Cada vez son más
usados, y ahora Dreamweaver integra con los principales, permitiéndos crear
nuestras páginas con la estructura adecuada.
Inspeccionar CSS
Ahora, con la opción Inspeccionar, podemos ver claramente los márgenes
aplicados al elemento seleccionado, y qué propiedades le afectan, tanto si
son propias, como heredadas de los elementos padre.
Integración Adobe Browserlab.
Adobe Browser Lab es un servicio en línea de
Adobe, que nos permite comparar cómo se ve
una misma página web en las distintas
versiones de Internet Explorer, Firefox y
Safari, bajo los sistemas operativos de
Windows o Mac OS.
Entorno
Pantalla inicial de Dreamweaver
Configuración sencilla de sitios.
Ahora resulta más sencillo configurar nuestro sitio local y
remoto. Ya que se han simplificado las opciones
esenciales, y distinguido más las opciones avanzadas y
poco importantes.
S   ugerencias de código
Ahora las sugerencias de código incluyen
nuestras clases personalizadas, y los comandos
y funciones propios de los distintos CMS
soportados.
Editar paginas web
Cualquier editor de texto permite crear páginas web. Para
ello sólo es necesario crear los documentos con la
extensiónHTML o HTM, e incluir como contenido del
documento el código HTML deseado. Puede utilizarse
incluso el Bloc de notas incluido en Windows para hacerlo.
NOTA!!!!
Cuando se va a contratar un servicio de hospedaje es
necesario contratar también un dominio, tarea de la que
se suele encargar la propia empresa de hospedaje.
Registrar un dominio consiste en registrar un nombre para
nuestra página. Este nombre no puede estar repetido en
Internet, ha de ser único, al igual que ocurre con los
nombres de las empresas. Es posible registrar un mismo
nombre con distintas terminaciones, como por ejemplo, .
net, .org, .es o .com.
INSERTAR IMAGEN
En primer lugar, situamos el cursor al final de
la segunda línea y creamos un salto de línea
(tecla Enter). Después nos dirigimos al menú
Insertar, opción Imagen.
Color de texto
Para cambiar el color del texto cambiamos el
panel a las opciones de estilo, pulsando el
icono CSS a la izquierda.
Vinculo
En el campo Vínculo, escribe la URL de la
página a enlazar, como se ve en la imagen:
Listo!!
Por ultimo se guarda el documento en: Archivo
- Guardar
Fuente:
http://www.aulaclic.es/dreamweaver-
cs5/t_2_2.htm

http://www.adobe.
com/es/products/dreamweaver.html

Más contenido relacionado

La actualidad más candente

dreamweaver
dreamweaverdreamweaver
dreamweaveroreana23
 
Trabajo de dreamweaver
Trabajo de dreamweaverTrabajo de dreamweaver
Trabajo de dreamweaveralberto_tj
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israelisglael
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 

La actualidad más candente (9)

dreamweaver
dreamweaverdreamweaver
dreamweaver
 
Dreaw eaver
Dreaw eaverDreaw eaver
Dreaw eaver
 
Trabajo de dreamweaver
Trabajo de dreamweaverTrabajo de dreamweaver
Trabajo de dreamweaver
 
Dreamwaver
DreamwaverDreamwaver
Dreamwaver
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
Israel blog
Israel blogIsrael blog
Israel blog
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 

Similar a Dreamweaver

Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garciaMercedes Garcia
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5'Paola G
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5MEJIADAVID
 
Dreamweaver sara salas
Dreamweaver sara salasDreamweaver sara salas
Dreamweaver sara salassarera2
 
Dreamweaver sara salas
Dreamweaver sara salasDreamweaver sara salas
Dreamweaver sara salassarera2
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Mercedes Garcia
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222Jose David
 

Similar a Dreamweaver (20)

Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garciaDreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamweaver sara salas
Dreamweaver sara salasDreamweaver sara salas
Dreamweaver sara salas
 
Dreamweaver sara salas
Dreamweaver sara salasDreamweaver sara salas
Dreamweaver sara salas
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia Dreamweaver- mercedes garcia
Dreamweaver- mercedes garcia
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 

Dreamweaver

  • 1. Dreamweaver Dylan Caro 11B
  • 2. QUE ES? Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales.
  • 3. FUNCIONES: Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual. Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servidor sin salir del programa.
  • 4. Caracteristicas: Compatibilidad con CMS integrada. Un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) es in interfaz o programa que nos permite gestionar el contenido de un sitio web. Cada vez son más usados, y ahora Dreamweaver integra con los principales, permitiéndos crear nuestras páginas con la estructura adecuada.
  • 5. Inspeccionar CSS Ahora, con la opción Inspeccionar, podemos ver claramente los márgenes aplicados al elemento seleccionado, y qué propiedades le afectan, tanto si son propias, como heredadas de los elementos padre.
  • 6. Integración Adobe Browserlab. Adobe Browser Lab es un servicio en línea de Adobe, que nos permite comparar cómo se ve una misma página web en las distintas versiones de Internet Explorer, Firefox y Safari, bajo los sistemas operativos de Windows o Mac OS.
  • 8. Configuración sencilla de sitios. Ahora resulta más sencillo configurar nuestro sitio local y remoto. Ya que se han simplificado las opciones esenciales, y distinguido más las opciones avanzadas y poco importantes.
  • 9. S ugerencias de código Ahora las sugerencias de código incluyen nuestras clases personalizadas, y los comandos y funciones propios de los distintos CMS soportados.
  • 10. Editar paginas web Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensiónHTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso el Bloc de notas incluido en Windows para hacerlo.
  • 11. NOTA!!!! Cuando se va a contratar un servicio de hospedaje es necesario contratar también un dominio, tarea de la que se suele encargar la propia empresa de hospedaje. Registrar un dominio consiste en registrar un nombre para nuestra página. Este nombre no puede estar repetido en Internet, ha de ser único, al igual que ocurre con los nombres de las empresas. Es posible registrar un mismo nombre con distintas terminaciones, como por ejemplo, . net, .org, .es o .com.
  • 12. INSERTAR IMAGEN En primer lugar, situamos el cursor al final de la segunda línea y creamos un salto de línea (tecla Enter). Después nos dirigimos al menú Insertar, opción Imagen.
  • 13. Color de texto Para cambiar el color del texto cambiamos el panel a las opciones de estilo, pulsando el icono CSS a la izquierda.
  • 14. Vinculo En el campo Vínculo, escribe la URL de la página a enlazar, como se ve en la imagen:
  • 15. Listo!! Por ultimo se guarda el documento en: Archivo - Guardar