SlideShare ist ein Scribd-Unternehmen logo
1 von 8
1- Presentación

     2- Que es
  Dreamweaver

 3- Novedades de
Dreamweaver CS5

    4-Imágenes y
  ejemplos de las
       novedades

       5- El texto:
    propiedades y
         formatos

          6- Estilo

         7-Macos

     8- Imagen y
 Agradecimientos
1- Presentación

    2- Que es
  Dreamweaver

 3- Novedades de
Dreamweaver CS5

  4- Imágenes y
  ejemplos de las
    novedades

    5- El texto:
  propiedades y
     formatos

     6- Estilo

    7-Marcos
1- Presentación

2- Que es
Dreamweaver

3- Novedades de
Dreamweaver CS5

4-Imágenes y ejemplos
de las novedades

5- El texto:
propiedades y
formatos.

6- Estilo
7- Marcos

8- Imagen y
Agradecimientos
1- Presentación
                           A lo largo de este tema vamos a aprender a cambiar
2- Que es                  las propiedades del texto y a crear estilos CSS, que permiten
Dreamweaver                asignar al texto clases y estilos creados por nosotros mismos,
                           no predefinidos.
3- Novedades de            Características del texto
                           Las características del texto seleccionado pueden ser definidas a
Dreamweaver CS5
                           través del menú Formato, y a través del inspector de
                           propiedades. Vamos a ver las posibilidades que se nos ofrecen a
4-Imágenes y ejemplos      través del inspector de propiedades, que están clasificadas dos
de las novedades           categorías HTML y CSS.
                           1.Formato:
5- El texto: propiedades   Permite seleccionar un formato de párrafo ya definido para
y formatos.                HTML, que puede ser encabezado, párrafo o formato
                           predeterminado. El formato predeterminado sirve para que el
                           texto aparezca tal cual ha sido escrito, por ejemplo, si entre dos
6- Estilo
                           palabras se introducen varios espacios solo se considera uno,
                           pero al establecer el formato predeterminado se respetará que
7- Marcos                  hayan varios espacios en lugar de solo uno. El texto normal,
                           debería ir siempre en párrafos, salvo que esté en otros
8- Imagen y                elementos, como tablas o listas.
Agradecimientos
Es importante emplear correctamente los encabezados,
                               ya que se organizará mejor el contenido de nuestra web, y
1- Presentación                es importante de cara a buscadores y visitantes. No te
                               preocupes por cómo se muestran esos encabezados,
2- Que es Dreamweaver          recuerda que siempre podremos personalizarlo.

3- Novedades de                 2. Estilo:
Dreamweaver CS5
                               El botón B encierra el texto en una
                               etiqueta <strong></strong>, que por defecto se muestra
4-Imágenes y ejemplos de las   en negrita. El botón I, lo encierra entre <em></em>, que
novedades                      por defecto se ve en cursiva.
                               Estas son las etiquetas de resaltado más habituales, pero
5- El texto: propiedades y     existen otras que encontramos a través del menú Texto.
formatos.                      Por ejemplo, subrayar el texto. Esta opción no aparece en
                               el panel de Propiedades ya que de normal no suele
6- Estilo                      utilizarse, debido a que los vínculos aparecen subrayados
                               y el subrayar texto normal podría hacer que el usuario
                               pensara que se trata de un vínculo. Además, emplea
7- Marcos                      etiquetas que están en desuso.

8- Imagen y Agradecimientos
1- Presentación                Los marcos o frames sirven para distribuir mejor los
                               datos de las páginas, ya que permiten mantener fijas
2- Que es Dreamweaver          algunas partes, como pueden ser el logotipo y la barra de
                               navegación, mientras que otras sí pueden cambiar.
3- Novedades de                Además de mejorar la funcionalidad, pueden mejorar
                               también la apariencia.
Dreamweaver CS5
                               Cada uno de los marcos de una página, contiene un
                               documento HTML individual. Por ejemplo, en la siguiente
4-Imágenes y ejemplos de las   imagen puedes ver una página con dos marcos. El marco
novedades                      izquierdo contiene el documento menu.htm y el derecho el
                               documento quienes.htm. Para poder visualizar la página
5- El texto: propiedades y     de este modo, hemos tenido que abrir el
formatos.                      documento index.htm, que es la página que contiene los
                               marcos. Es posible editar los documentos contenidos en
                               los marcos desde la página que contiene el grupo de
6- Estilo
                               marcos. Esto facilita el trabajo, ya que es más fácil
                               hacerse una idea de cómo quedará la página al final, cosa
7- Marcos                      que no es posible si se editan individualmente cada uno
                               de los documentos que contiene el marcos agrupados.
8- Imagen y Agradecimientos
1- Presentación

2- Que es Dreamweaver

3- Novedades de Dreamweaver
CS5

4-Imágenes y ejemplos de las
novedades

5- El texto: propiedades y
formatos.

6- Estilo

7- Marcos

8- Imagen y Agradecimientos


                  MUCHISIMAS GRACIAS POR VISITARNOS!

Weitere ähnliche Inhalte

Was ist angesagt?

Deber de programacion web.
Deber de programacion web.Deber de programacion web.
Deber de programacion web.
hamintoperez
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
Mariana Barreto
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
vcitordanilo47
 

Was ist angesagt? (15)

Clase 1 Plataforma introducción a Diseño Web
Clase 1 Plataforma introducción a Diseño WebClase 1 Plataforma introducción a Diseño Web
Clase 1 Plataforma introducción a Diseño Web
 
Deber de programacion web.
Deber de programacion web.Deber de programacion web.
Deber de programacion web.
 
Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS Lenguaje HTML ETIQUETAS
Lenguaje HTML ETIQUETAS
 
Taller 1 mariana barreto
Taller 1 mariana barretoTaller 1 mariana barreto
Taller 1 mariana barreto
 
Israel
IsraelIsrael
Israel
 
Html
HtmlHtml
Html
 
PRODUCTO 3
PRODUCTO 3PRODUCTO 3
PRODUCTO 3
 
Etiquetas html
Etiquetas htmlEtiquetas html
Etiquetas html
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 
Sesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDUSesión 5 Curso Avanzado SPIPEDU
Sesión 5 Curso Avanzado SPIPEDU
 
Partes de Una Pagina Web
Partes de Una Pagina WebPartes de Una Pagina Web
Partes de Una Pagina Web
 
¿Qué es HTML5?
¿Qué es HTML5?¿Qué es HTML5?
¿Qué es HTML5?
 
Marcos
MarcosMarcos
Marcos
 
Introducción a CSS
Introducción a CSSIntroducción a CSS
Introducción a CSS
 
Html grupo de informatica
Html  grupo de informaticaHtml  grupo de informatica
Html grupo de informatica
 

Andere mochten auch (13)

Mantenimiento
MantenimientoMantenimiento
Mantenimiento
 
Herramientas tic
Herramientas ticHerramientas tic
Herramientas tic
 
Comunicaion asertiva
Comunicaion asertivaComunicaion asertiva
Comunicaion asertiva
 
Informe capacitación de liderazgo
Informe capacitación de liderazgoInforme capacitación de liderazgo
Informe capacitación de liderazgo
 
Actividad 2
Actividad 2Actividad 2
Actividad 2
 
Media tecnica sena
Media tecnica senaMedia tecnica sena
Media tecnica sena
 
Inducción competencia básica laboral
Inducción competencia básica laboralInducción competencia básica laboral
Inducción competencia básica laboral
 
Diapositivas competencias generales hseq
Diapositivas competencias generales hseqDiapositivas competencias generales hseq
Diapositivas competencias generales hseq
 
Diapositivas de las competencias generales
Diapositivas de las competencias generalesDiapositivas de las competencias generales
Diapositivas de las competencias generales
 
Cartilla de Comunicacion - Ficha 866929
Cartilla de Comunicacion - Ficha 866929Cartilla de Comunicacion - Ficha 866929
Cartilla de Comunicacion - Ficha 866929
 
Promover La Interacción Idónea
Promover La Interacción IdóneaPromover La Interacción Idónea
Promover La Interacción Idónea
 
Programa técnico en asistencia administrativa
Programa técnico   en asistencia administrativaPrograma técnico   en asistencia administrativa
Programa técnico en asistencia administrativa
 
Proceso de inducción del personal
Proceso de inducción del personalProceso de inducción del personal
Proceso de inducción del personal
 

Ähnlich wie Presentación janyne yepez (20)

Dreamweaver gisselle noguera
Dreamweaver gisselle nogueraDreamweaver gisselle noguera
Dreamweaver gisselle noguera
 
Karina
KarinaKarina
Karina
 
Lorena
LorenaLorena
Lorena
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
Shirly presentación power point
Shirly presentación power pointShirly presentación power point
Shirly presentación power point
 
Shirly presentación power point
Shirly presentación power pointShirly presentación power point
Shirly presentación power point
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
Presentación1
Presentación1Presentación1
Presentación1
 
Maria alejandra maussa palomino
Maria alejandra maussa palominoMaria alejandra maussa palomino
Maria alejandra maussa palomino
 
Presentación2
Presentación2Presentación2
Presentación2
 
Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...
Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...
Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Igl...
 
Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaver
 
Html presentacion
Html presentacionHtml presentacion
Html presentacion
 
Presentación alanis
Presentación alanisPresentación alanis
Presentación alanis
 
Word
WordWord
Word
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Mehr von Janyne Yepez (8)

Web 2
Web 2Web 2
Web 2
 
Aurora polar
Aurora polarAurora polar
Aurora polar
 
Como crear una pagina web 2
Como crear una pagina web 2Como crear una pagina web 2
Como crear una pagina web 2
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Bosques tropicales imagenes
Bosques tropicales imagenesBosques tropicales imagenes
Bosques tropicales imagenes
 
Bosques tropicales
Bosques tropicalesBosques tropicales
Bosques tropicales
 
Bosques naturales
Bosques naturalesBosques naturales
Bosques naturales
 
Informatica janyne solo falta video
Informatica janyne solo falta videoInformatica janyne solo falta video
Informatica janyne solo falta video
 

Presentación janyne yepez

  • 1.
  • 2. 1- Presentación 2- Que es Dreamweaver 3- Novedades de Dreamweaver CS5 4-Imágenes y ejemplos de las novedades 5- El texto: propiedades y formatos 6- Estilo 7-Macos 8- Imagen y Agradecimientos
  • 3. 1- Presentación 2- Que es Dreamweaver 3- Novedades de Dreamweaver CS5 4- Imágenes y ejemplos de las novedades 5- El texto: propiedades y formatos 6- Estilo 7-Marcos
  • 4. 1- Presentación 2- Que es Dreamweaver 3- Novedades de Dreamweaver CS5 4-Imágenes y ejemplos de las novedades 5- El texto: propiedades y formatos. 6- Estilo 7- Marcos 8- Imagen y Agradecimientos
  • 5. 1- Presentación A lo largo de este tema vamos a aprender a cambiar 2- Que es las propiedades del texto y a crear estilos CSS, que permiten Dreamweaver asignar al texto clases y estilos creados por nosotros mismos, no predefinidos. 3- Novedades de Características del texto Las características del texto seleccionado pueden ser definidas a Dreamweaver CS5 través del menú Formato, y a través del inspector de propiedades. Vamos a ver las posibilidades que se nos ofrecen a 4-Imágenes y ejemplos través del inspector de propiedades, que están clasificadas dos de las novedades categorías HTML y CSS. 1.Formato: 5- El texto: propiedades Permite seleccionar un formato de párrafo ya definido para y formatos. HTML, que puede ser encabezado, párrafo o formato predeterminado. El formato predeterminado sirve para que el texto aparezca tal cual ha sido escrito, por ejemplo, si entre dos 6- Estilo palabras se introducen varios espacios solo se considera uno, pero al establecer el formato predeterminado se respetará que 7- Marcos hayan varios espacios en lugar de solo uno. El texto normal, debería ir siempre en párrafos, salvo que esté en otros 8- Imagen y elementos, como tablas o listas. Agradecimientos
  • 6. Es importante emplear correctamente los encabezados, ya que se organizará mejor el contenido de nuestra web, y 1- Presentación es importante de cara a buscadores y visitantes. No te preocupes por cómo se muestran esos encabezados, 2- Que es Dreamweaver recuerda que siempre podremos personalizarlo. 3- Novedades de 2. Estilo: Dreamweaver CS5 El botón B encierra el texto en una etiqueta <strong></strong>, que por defecto se muestra 4-Imágenes y ejemplos de las en negrita. El botón I, lo encierra entre <em></em>, que novedades por defecto se ve en cursiva. Estas son las etiquetas de resaltado más habituales, pero 5- El texto: propiedades y existen otras que encontramos a través del menú Texto. formatos. Por ejemplo, subrayar el texto. Esta opción no aparece en el panel de Propiedades ya que de normal no suele 6- Estilo utilizarse, debido a que los vínculos aparecen subrayados y el subrayar texto normal podría hacer que el usuario pensara que se trata de un vínculo. Además, emplea 7- Marcos etiquetas que están en desuso. 8- Imagen y Agradecimientos
  • 7. 1- Presentación Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya que permiten mantener fijas 2- Que es Dreamweaver algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar. 3- Novedades de Además de mejorar la funcionalidad, pueden mejorar también la apariencia. Dreamweaver CS5 Cada uno de los marcos de una página, contiene un documento HTML individual. Por ejemplo, en la siguiente 4-Imágenes y ejemplos de las imagen puedes ver una página con dos marcos. El marco novedades izquierdo contiene el documento menu.htm y el derecho el documento quienes.htm. Para poder visualizar la página 5- El texto: propiedades y de este modo, hemos tenido que abrir el formatos. documento index.htm, que es la página que contiene los marcos. Es posible editar los documentos contenidos en los marcos desde la página que contiene el grupo de 6- Estilo marcos. Esto facilita el trabajo, ya que es más fácil hacerse una idea de cómo quedará la página al final, cosa 7- Marcos que no es posible si se editan individualmente cada uno de los documentos que contiene el marcos agrupados. 8- Imagen y Agradecimientos
  • 8. 1- Presentación 2- Que es Dreamweaver 3- Novedades de Dreamweaver CS5 4-Imágenes y ejemplos de las novedades 5- El texto: propiedades y formatos. 6- Estilo 7- Marcos 8- Imagen y Agradecimientos MUCHISIMAS GRACIAS POR VISITARNOS!