maria alejandra maussa palomino
TRANSCRIPT
MARIA ALEJANDRA
MAUSSA PALOMINO.
11°C
E.N.S.D.B
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales.
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.
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.
Las páginas web están escritas en HTML.
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
Va m o s a v e r c u á l e s s o n l o s e l e m e n t o s b á s i c o s d e D r e a m w e a v e r C S 5 , l a p a n t a l l a , l a s b a r r a s , l o s p a n e l e s , e t c . . . , p a r a s a b e r d i f e r e n c i a r e n t r e c a d a u n o d e e l l o s . A p r e n d e r e m o s c ó m o s e l l a m a n , d ó n d e e s t á n y p a r a q u é s i r v e n . Ta m b i é n v e r e m o s c ó m o o b t e n e r a y u d a , p o r s i e n a l g ú n m o m e n t o n o s a b e m o s c ó m o s e g u i r t r a b a j a n d o . C u a n d o c o n o z c a m o s t o d o e s t o e s t a r e m o s e n d i s p o s i c i ó n d e e m p e z a r a c r e a r p á g i n a s w e b .
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
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.
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
A l o l a rgo de es te t ema
vamos a ap rende r a camb ia r
l a s prop iedades de l t ex to y
a c rea r es t i los CSS , que
pe rm i ten as i gna r a l t ex to
c l ases y es t i l o s c reados po r
noso t ros m i smos , no
p rede f i n i dos .
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
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:
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
Vamos a ver algunas de las características básicas sobre las capas, para luego poder trabajar con ellas y aplicarles algún comportamiento.Las capas no son más que unos recuadros, elementos de bloque, destinados a contener y agrupar otros elementos, igual que los párrafos son elementos de bloque destinados a contener texto.
Las capas, también llamadas layers o divisiones, se crean con la etiqueta <div></div>.
Ésta es una capa con borde morado
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas