Genesis peraza
-
Upload
genesis-peraza -
Category
Documents
-
view
239 -
download
2
description
Transcript of Genesis peraza
Desde su lanzamiento en 1997, Dreamweaver de
Macromedia se ha convertido en la solución
estándar de la industria para el desarrollo
profesional de la Web y, actualmente, más de 3,2
millones de profesionales utilizan Dreamweaver para
desarrollar sus sitios Web. Con su tecnología
Roundtrip HTML, que protege la calidad del código
cuando el usuario alterna entre la vista del código y
la del diseño, Dreamweaver es la solución pionera
para el desarrollo profesional de sitios visuales en
Internet.
Un software fácil de usar que permite crear
páginas web profesionales. Las funciones de
edición visual de Dreamweaver 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.
QUE ES DREAMWEAVER?
ENTORNO DE DREAMWEAVER
•LA BARRA DE LA APLICACIÓN.
La barra la aplicación se incorporó en la
versión anterior de Dreamweaver. Si tenemos
la ventana maximizada veremos todos los
elementos de la barra ocupando una sola
línea, si no, ocuparán dos líneas, como en la
imagen superior.
Esta barra contiene los siguientes
elementos: los menús (en la imagen, en la
parte inferior), varios botones propios de la
aplicación, el conmutador de espacio de
trabajo y una caja de búsquedas para obtener
ayuda on line.
Los botones propios de la aplicación, que
aparecen junto al icono, nos permiten (de
derecha a izquierda) cambiar entre la vista de
diseño o código, acceder a las extensiones que
se pueden añadir, o al administrador de sitio.
•LAS PESTAÑAS DE DOCUMENTO
Cada archivo que tengamos abierto, mostrará una
pestaña con su nombre, lo que nos permitirá cambiar
de uno a otro fácilmente. Si junto al nombre aparece
un *, indica que ese archivo tiene cambios sin
guardar. Podemos cerrar cada documento clicando
en el aspa de la derecha, o acceder a otras acciones
haciendo clic con el botón derecho, como Cerrar
otros archivos.
Debajo de las pestañas encontramos los archivos a
que utiliza nuestra página, como la hoja de estilos,
archivos JavaScript, etc... pudiendo acceder a ellos
con un clic. Esto nos ahorrará bastante tiempo.
•LA BARRA DE HERRAMIENTAS
ESTÁNDAR.
La barra de herramientas estándar contiene
iconos para realizar las acciones más
habituales del menú Archivo y Edición. De
izquierda a derecha: Nuevo archivo, Abrir,
explorar con Adobe Bridge, Guardar, Guardar
todo, Imprimir el código fuente, Cortar, Copiar,
Pegar, Deshacer y Rehacer. Esta barra puede
ser muy útil, pero en realidad casi todo el
mundo usa esos comandos directamente con el
teclado (Ctrl + G para guardar, Ctrl + C para
copiar, etc.)
•LA BARRA DE HERRAMIENTAS DE
DOCUMENTO.
La contiene iconos que nos permiten cambiar
entre las distintas vistas de edición y la vista en
vivo, vistas previa en multipantalla, acceder
cómodamente al título de la página, o realizar
las distintas opciones de validación que nos
ofrece el programa.
• 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.
•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.
•PLANTILLAS DISEÑO FLUIDO.
El acceso a la web a través de todo tipo de
dispositivos está experimentando un aumento
importante. Ahora es habitual acceder a
internet desde el teléfono móvil y desde las
tabletas. Esto complica el diseño de los sitios
web porque los dispositivos son de diferentes
dimensiones.
Una forma de afrontar este problema es
utilizando el diseño fluido, este tipo de diseño
hace que la página se adapte automáticamente
a las dimensiones del dispositivo. Este tipo de
diseño utiliza HTML 5 por los que los
navegadores antiguos no son capaces de
representarlo correctamente. Sin embargo,
existen librerías de Javascript que solucionan
este inconveniente
•Integración con PhoneGap mejorada:
PhoneGap es un servicio para generar aplicaciones
para teléfonos móviles en las plataformas más
utilizadas (Android, Apple, ...) ahora se ha mejorado la
compatibildad con PhoneGap desde Dreamweaver .
•Funciones exclusivas para Creative Cloud.
Creative Cloud:
Es la nueva forma de adquirir productos Adobe, como
Dreamweaver, mediante suscripción mensual o anual,
de esta forma se tiene acceso más rapido a las
actualizaciones y se puede disponer de los archivos
de trabajo en cualquier ubicación con acceso a
internet.
•Transiciones
Las transiciones
permiten pasar
propiedades CSS de un
estado inicial a otro estado
final de forma continua.
Con transiciones se
pueden lograr vistosos
efectos de animaciones.
•Fuentes Web
Existen sitios web con multitud de nuevas fuentes que
pueden dar un aire distinto a nuestros diseños de
páginas web. En esta versión, Dreamweaver permite
incorporar los archivos de nuevas fuentes de forma
sencilla.
•Trabajar sin necesidad de tener conocimientos de
programación HTML.
•Con el mismo editor puedes trabajar tanto páginas
estáticas como dinámicas.
•Permite conectividad con base de datos.
•Ahorro de tiempo en desarrollo de proyectos.
•Herramientas de comprobación de errores en
compatibilidad.
Autor: Génesis Peraza