CONCEPTOS BÁSICOS DE DW CS6

-
CONCEPTOS BÁSICOS DE DW CS6

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

Las funciones de edición visual de Dreamweaver CS6 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.
Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver desde la página de Adobe, la versión caduca al cabo de 30 días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de este fantástico programa.
Nota: Esta versión estará disponible hasta que Adobe lance la nueva versión del programa.
Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe. aulaClic no tiene ninguna relación con Adobe.

1.2. Novedades de Dreamweaver CS6

En este punto comentaremos las características que aporta esta nueva versión sobre la anterior.
• 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 librerias de Javascript que solucionan este inconveniente.
Dreamweaver incorpora estas soluciones en sus nuevas plantillas de diseño fluido que veremos en la unidad 18.


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

• Intergració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.
Además hay funciones que sólo estan disponibles para los suscriptores de Cloud, como la inserción de etiquetas HTML 5 desde el panel Insertar, la compatibilidad con Edge Animate o la búsqueda dinámica en Mac.

Comentarios

Publicar un comentario

Entradas populares de este blog

DISEÑO DE PAGINA. MAQUETACION WEB

-
Imagen
Maquetar una página web La maquetación es la distribución de los elementos en nuestra página. Piensa en una página web cualquiera. Seguro que distingues algunos elementos claramente diferenciados, como un encabezado, columnas, y un pie de página. Hace unos años, la maquetación de las páginas web se realizaba utilizando tablas ( < table > ). Una vez entendido este proceso podía resultar sencillo, aunque si no se dominaban las tablas, podía convertirse en algo tedioso. El problema de las tablas es que generaban un página muy encorsetada, y el código se volvía complejo de entender. Además, algunos buscadores encontraban problemas al analizar la estructura de la página. Actualmente, la maquetación con tablas ha caído en desuso, y se realiza utilizando  capas  ( < div > ), también llamadas divisiones o contenedores. La colocación de las capas en la página se realiza a través de  CSS . Esto permite, por ejemplo, que podamos pasar de un diseño con un menú la...
Leer más

EL TEXTO: PROPÌEDADES Y FORMATOS

-
Imagen
EL TEXTO: PROPÌEDADES Y FORMATOS 4.1. Características del texto Las características del  texto seleccionado  pueden ser definidas a través del menú  Formato , y a través del  inspector de propiedades . Vamos a ver las posibilidades que se nos ofrecen a través del  inspector de propiedades , que están clasificadas en dos categorías  HTML  y  CSS .  Comenzamos viendo las propiedades  HTML Todas estas propiedades generan etiquetas HTML, que tienen un estilo por defecto en el navegador. Pero al final, podremos personalizarlas con CSS para que se vean exactamente como queramos. Formato:   Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado, párrafo o formato predeterminado. Los encabezados se utilizan para establecer títulos dentro de un documento. El formato predeterminado sirve para que el texto aparezca tal cual ha sido escrito, por ejemplo, si entre dos palabras se introducen vari...
Leer más

EL ENTORNO DW CS6

-
Imagen
ENTORNO DW CS6 2.1. La pantalla inicial Al arrancar Dreamweaver aparece una  pantalla inicial  como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los  nombres de los diferentes elementos  y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante. En el resto de esta unidad vamos a ir describiendo los puntos más importantes señalados en esta imagen por los números en azul del 1 al 9. 1.- Las barras. 2.- Las pestañas de documentos. 3.- La barra de estado. 4.- El panel de propiedades. 5.- Área de paneles. 6.- Paneles y ventanas. 7.- Línea inferior de pestañas. 8.- Vista diseño del documento. 9.- Vista código del documento. 2.2. Las barras 1.- La barra de la aplicación...
Leer más