Este documento presenta las características y funcionalidades del software Dreamweaver, incluyendo la edición de texto, la creación de hiperenlaces y la maquetación de páginas web a través de capas y CSS sin necesidad de codificar manualmente.
• ¿ Quées Dreamweaver ?
• El texto: propiedades y formatos
• Características del texto
• Hiperenlaces
• Diseño de página. Maquetación web
3.
Dreamweaver CS5 es un software • ¿ Qué es Dreamweaver
?
fácil de usar que permite
• El texto: propiedades
crear páginas web profesionales. y formatos
Las funciones de edición visual de
Dreamweaver CS5 permiten agregar
rápidamente diseño y funcionalidad a • Características del
texto
las páginas, sin la necesidad de
programar manualmente el código
HTML.
Se puede crear tablas, editar marcos, • Hiperenlaces
trabajar con capas, insertar • Diseño de página.
comportamientos JavaScript, etc.., Maquetación web
de una forma muy sencilla y visual.
4.
• ¿ Quées Dreamweaver
A lo largo de este tema vamos ?
• El texto: propiedades
a aprender a cambiar y formatos
las propiedades del texto y a
crear estilos CSS, que • Características del
permiten asignar al texto texto
clases y estilos creados por
nosotros mismos, no
predefinidos • Hiperenlaces
• Diseño de página.
Maquetación web
5.
Las características • ¿ Qué es Dreamweaver ?
del texto • El texto: propiedades y
seleccionado pueden ser formatos
definidas a través del
menú Formato, y a
través del inspector de
propiedades. Vamos a • Características del texto
ver las posibilidades que
se nos ofrecen a través
del inspector de
propiedades, que están • Hiperenlaces
clasificadas en dos • Diseño de página.
categorías HTML y CSS. Maquetación web
Comenzamos viendo las
propiedades HTML
6.
• ¿ Quées Dreamweaver ?
Vamos a ver qué son
los hiperenlaces, para qué • El texto: propiedades y
sirven y cómo crearlos, ya que formatos
son un elemento esencial para
cualquier página web.
Un hiperenlace, hipervínculo, o
vínculo, no es más que un • Características del texto
enlace, que al ser pulsado lleva
de una página o archivo a otra
página o archivo.
Es posible asignar un vínculo a
un texto, a una imagen, o a • Hiperenlaces
parte de una imagen. • Diseño de página.
Cuando creemos un enlace, lo Maquetación web
que realmente haremos será
crear una etiqueta <a></a> que
es la que en HTML se encarga de
definir los enlaces.
7.
• ¿ Quées Dreamweaver ?
La maquetación es la distribución de
los elementos en nuestra página. • El texto: propiedades y
Piensa en una página web cualquiera. formatos
Seguro que distingues algunos
elementos claramente diferenciados,
como un encabezado, columnas, y un
pie de página. • Características del texto
Actualmente, la maquetación con
tablas ha caído en desuso, y se realiza
utilizando capas (<div>), también
llamadas divisiones o contenedores. La • Hiperenlaces
colocación de las capas en la página se • Diseño de página.
realiza a través de CSS. Esto permite, Maquetación web
por ejemplo, que podamos pasar de un
diseño con un menú lateral a otro con
el menú en la parte superior, sólo
cambiando la hoja de estilos.