2. ¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Características del texto
Capas
3. Dreamweaver CS5 es un software fácil de usar que
permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver ¿ Qué es Dreamweaver?
CS5 permiten agregar rápidamente diseño y
funcionalidad a las páginas, sin la necesidad de
programar manualmente el código HTML. El entorno de Dreamweaver
Se puede crear tablas, editar marcos, trabajar con
capas, insertar comportamientos JavaScript, etc.., de La pantalla inicial
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 El texto: propiedades y formato
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 Características del texto
de Adobe; la versión caduca al cabo de 30 días, pero
seguro que te dará tiempo a entenderlo y decidir si Capas
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.
4. Va m o s a v e r c u á l e s s o n
los elementos básicos
de Dreamweaver CS5, ¿ Qué es Dreamweaver?
la pantalla, las barras,
los paneles, etc..., para El entorno de Dreamweaver
saber diferenciar entre
cada uno de ellos. La pantalla inicial
Aprenderemos cómo se
llaman, dónde están y
para qué sirven. El texto: propiedades y formato
Ta m b i é n v e r e m o s c ó m o
obtener ayuda, por si en Características del texto
algún momento no
sabemos cómo seguir Capas
trabajando. Cuando
conozcamos todo esto
estaremos en
disposición de empezar
a crear páginas web.
5.
¿ Qué es Dreamweaver?
El entorno de Dreamweaver
La pantalla inicial
El texto: propiedades y formato
Al arrancar Dreamweaver aparece una pantalla Características del texto
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 Capas
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.
6. ¿ Qué es Dreamweaver?
A lo largo de este tema
vamos a aprender a cambiar El entorno de Dreamweaver
las propiedades del texto y
La pantalla inicial
a crear estilos CSS, que
permiten asignar al texto El texto: propiedades y formato
clases y estilos creados por
nosotros mismos, no Características del texto
predefinidos.
Capas
7. Las características del texto ¿ Qué es Dreamweaver?
seleccionado pueden ser definidas a través
del menú Formato, y a través del inspector El entorno de Dreamweaver
de propiedades. Vamos a ver las
posibilidades que se nos ofrecen a través La pantalla inicial
del inspector de propiedades, que están
clasificadas en dos El texto: propiedades y formato
categorías HTML y CSS.
Características del texto
Comenzamos viendo las
propiedades HTML: Capas
8. ¿ Qué es Dreamweaver?
Vamos a ver algunas de las
características básicas sobre las capas, El entorno de Dreamweaver
para luego poder trabajar con ellas y
aplicarles algún comportamiento. La pantalla inicial
Las capas no son más que unos
recuadros, elementos de bloque,
destinados a contener y agrupar otros El texto: propiedades y formato
elementos, igual que los párrafos son
elementos de bloque destinados a Características del texto
contener texto.
Las capas, también llamadas layers o Capas
divisiones, se crean con la
etiqueta <div></div>.
Ésta es una capa con borde morado