• ¿ Qué es Dreamweaver ?
• El texto: propiedades y formatos



• Características del texto




• Hiperenlaces
• Diseño de página. Maquetación web
   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.
• ¿ 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
   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
• ¿ 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.
• ¿ 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.

Presentación1

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