Your SlideShare is downloading. ×
0
MULTIMEDIA 1
                                 diseño basado en estándares web




miércoles 18 de agosto de 2010
OBJETIVO DEL CURSO
    DESARROLLAR UN PROYECTO MULTIMEDIA EN
    INTERNET CON HERRAMIENTAS DIGITALES




miércoles 18 de a...
AL FINALIZAR EL CURSO EL
    ESTUDIANTE SERÁ CAPAZ DE:
    Armar páginas Web a partir de un Diseño predefinido,
    optimiz...
ESQUEMA TÉCNICO
                                 peer map por volúmenes de conectividad

miércoles 18 de agosto de 2010
ESQUEMA SOCIAL
                                 niveles de acceso a las redes sociales

miércoles 18 de agosto de 2010
¿QUE DEBEMOS APRENDER?
        integración digital de herramientas multimedia para definición
                             ...
ESTRUCTURAR UN SITIO
     armar documentos para la web desde su diseño, optimización y
             vinculación entre leng...
¿CUAL ES EL MERCADO?
                      visto desde el paradigma de un desarrollador web




miércoles 18 de agosto de ...
TASA DE PENETRACIÓN
                                 internet y dispositivos móviles

miércoles 18 de agosto de 2010
TASA DE PENETRACIÓN
                                 redes sociales (facebook)

miércoles 18 de agosto de 2010
ALGO DE HISTORIA

miércoles 18 de agosto de 2010
WEB 3.0
       la transformación de la red en una base de datos, un movimiento hacia hacer los
         contenidos accesib...
WEB
                                           SEMÁNTICA
                                           Información procesable...
WEB
                                 SEMÁNTICA
                                 Cambio en la curva de
                    ...
miércoles 18 de agosto de 2010
LENGUAJES DE PROGRAMACIÓN
                                 diseño basado en estándares web




miércoles 18 de agosto de 2...
HTML
                XHTML              CSS               JAVASCRIPT




       CONTENIDO                 PRESENTACIÓN    ...
ARQUITECTURA
        define las categorías, páginas y flujo de navegación de un sitio
                                     w...
WIREFRAME
                                 estructura de
                                 alambre, que define la
          ...
MOCK UP
                                 maqueta final que
                                 presenta la propuesta
         ...
PARA ESTO DEBEMOS APRENDER
        A USAR LOS LENGUAJES DE
             PROGRAMACIÓN
                                 html...
HTML
                XHTML            +   CSS




miércoles 18 de agosto de 2010
BÁSICO PARA RECORDAR
    las etiquetas se indican por pares y se forman de la siguiente
    manera:

    < Etiqueta de ape...
<nombre_etiqueta> ... </nombre_etiqueta>




miércoles 18 de agosto de 2010
a, abbr, acronym, address, applet, area, b, base,
       basefont, bdo, big, blockquote, body, br, button,
       caption,...
TRES RESTRICCIONES
    BÁSICAS QUE INTRODUCE
    XHTML




miércoles 18 de agosto de 2010
1) Las etiquetas se tienen que cerrar de acuerdo a como se
    abren:
    Ejemplo correcto en XHTML:

    <p>Este es un pá...
2) Los nombres de las etiquetas y atributos siempre se escriben
    en minúsculas:
    Ejemplo correcto en XHTML:

    <p>...
3) El valor de los atributos siempre se encierra con comillas:
    Ejemplo correcto en XHTML:

    <p>Este es un párrafo c...
TEXTO
    La mayor parte del contenido de las páginas HTML habituales
    está formado por texto, llegando a ser más del 9...
miércoles 18 de agosto de 2010
La tarea inicial del editor de contenidos HTML consiste en
    estructurar el texto original definiendo sus párrafos, titul...
Una vez definida la estructura básica de los contenidos de la
    página, el siguiente paso consiste en marcar los diferent...
HOJAS DE ESTILO EN
    CASCADA CSS




miércoles 18 de agosto de 2010
CSS es un lenguaje formal (que se escribe en un
    archivo de texto), que define la presentación de
    un documento Html,...
DÓNDE ESCRIBO LA PARTE
    DE CSS?
 Hay dos opciones para insertar estilos en un documento
 XHTML. Lo más normal es hacerl...
miércoles 18 de agosto de 2010
GLOSARIO BÁSICO
    CSS define una serie de términos que permiten describir cada
    una de las partes que componen los est...
Upcoming SlideShare
Loading in...5
×

Estandar web

1,293

Published on

Definición de web semántica y estándares en internet, diseño de estructura de documentos

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,293
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
40
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Estandar web"

  1. 1. MULTIMEDIA 1 diseño basado en estándares web miércoles 18 de agosto de 2010
  2. 2. OBJETIVO DEL CURSO DESARROLLAR UN PROYECTO MULTIMEDIA EN INTERNET CON HERRAMIENTAS DIGITALES miércoles 18 de agosto de 2010
  3. 3. AL FINALIZAR EL CURSO EL ESTUDIANTE SERÁ CAPAZ DE: Armar páginas Web a partir de un Diseño predefinido, optimizando el tamaño de los archivos que la componen. Integrar las páginas en la constitución de un sitio Web. miércoles 18 de agosto de 2010
  4. 4. ESQUEMA TÉCNICO peer map por volúmenes de conectividad miércoles 18 de agosto de 2010
  5. 5. ESQUEMA SOCIAL niveles de acceso a las redes sociales miércoles 18 de agosto de 2010
  6. 6. ¿QUE DEBEMOS APRENDER? integración digital de herramientas multimedia para definición de proyectos web miércoles 18 de agosto de 2010
  7. 7. ESTRUCTURAR UN SITIO armar documentos para la web desde su diseño, optimización y vinculación entre lenguajes de programación miércoles 18 de agosto de 2010
  8. 8. ¿CUAL ES EL MERCADO? visto desde el paradigma de un desarrollador web miércoles 18 de agosto de 2010
  9. 9. TASA DE PENETRACIÓN internet y dispositivos móviles miércoles 18 de agosto de 2010
  10. 10. TASA DE PENETRACIÓN redes sociales (facebook) miércoles 18 de agosto de 2010
  11. 11. ALGO DE HISTORIA miércoles 18 de agosto de 2010
  12. 12. WEB 3.0 la transformación de la red en una base de datos, un movimiento hacia hacer los contenidos accesibles por múltiples aplicaciones non-browser, el empuje de las tecnologías de inteligencia artificial, la web semántica, la Web Geoespacial, o la Web 3D miércoles 18 de agosto de 2010
  13. 13. WEB SEMÁNTICA Información procesable por los ordenadores a escala global Con perfil regional y modular WEB 3.0 (Podcast, Flickr, Fotolog, Facebook, Twitter) miércoles 18 de agosto de 2010
  14. 14. WEB SEMÁNTICA Cambio en la curva de aprendizaje Promueve la separación de contenido de formato miércoles 18 de agosto de 2010
  15. 15. miércoles 18 de agosto de 2010
  16. 16. LENGUAJES DE PROGRAMACIÓN diseño basado en estándares web miércoles 18 de agosto de 2010
  17. 17. HTML XHTML CSS JAVASCRIPT CONTENIDO PRESENTACIÓN COMPORTAMIENTO what does it what does it look what does it do? mean? like? ¿Qué hace? ¿Qué significa? ¿Qué aspecto tiene? miércoles 18 de agosto de 2010
  18. 18. ARQUITECTURA define las categorías, páginas y flujo de navegación de un sitio web miércoles 18 de agosto de 2010
  19. 19. WIREFRAME estructura de alambre, que define la diagramación de un documento web miércoles 18 de agosto de 2010
  20. 20. MOCK UP maqueta final que presenta la propuesta gráfica de un documento, línea visual de un sitio miércoles 18 de agosto de 2010
  21. 21. PARA ESTO DEBEMOS APRENDER A USAR LOS LENGUAJES DE PROGRAMACIÓN html, css, javascript miércoles 18 de agosto de 2010
  22. 22. HTML XHTML + CSS miércoles 18 de agosto de 2010
  23. 23. BÁSICO PARA RECORDAR las etiquetas se indican por pares y se forman de la siguiente manera: < Etiqueta de apertura > < /Etiqueta de apertura > miércoles 18 de agosto de 2010
  24. 24. <nombre_etiqueta> ... </nombre_etiqueta> miércoles 18 de agosto de 2010
  25. 25. a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var. miércoles 18 de agosto de 2010
  26. 26. TRES RESTRICCIONES BÁSICAS QUE INTRODUCE XHTML miércoles 18 de agosto de 2010
  27. 27. 1) Las etiquetas se tienen que cerrar de acuerdo a como se abren: Ejemplo correcto en XHTML: <p>Este es un párrafo con <a>un enlace</a></p> miércoles 18 de agosto de 2010
  28. 28. 2) Los nombres de las etiquetas y atributos siempre se escriben en minúsculas: Ejemplo correcto en XHTML: <p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p> miércoles 18 de agosto de 2010
  29. 29. 3) El valor de los atributos siempre se encierra con comillas: Ejemplo correcto en XHTML: <p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p> miércoles 18 de agosto de 2010
  30. 30. TEXTO La mayor parte del contenido de las páginas HTML habituales está formado por texto, llegando a ser más del 90% del código de la página. Por este motivo, es muy importante conocer los elementos y etiquetas que define HTML para el manejo del texto. miércoles 18 de agosto de 2010
  31. 31. miércoles 18 de agosto de 2010
  32. 32. La tarea inicial del editor de contenidos HTML consiste en estructurar el texto original definiendo sus párrafos, titulares y títulos de sección, como se muestra en la siguiente imagen: miércoles 18 de agosto de 2010
  33. 33. Una vez definida la estructura básica de los contenidos de la página, el siguiente paso consiste en marcar los diferentes elementos dentro del propio texto: definiciones, abreviaturas, textos importantes, textos modificados, citas a otras referencias, etc. miércoles 18 de agosto de 2010
  34. 34. HOJAS DE ESTILO EN CASCADA CSS miércoles 18 de agosto de 2010
  35. 35. CSS es un lenguaje formal (que se escribe en un archivo de texto), que define la presentación de un documento Html, Xml o Xhtml. miércoles 18 de agosto de 2010
  36. 36. DÓNDE ESCRIBO LA PARTE DE CSS? Hay dos opciones para insertar estilos en un documento XHTML. Lo más normal es hacerlo en un archivo externo (que se llama hoja de estilos) y enlazarlo desde nuestro documento XHTML. <link href="nuestra_hoja.css" rel="stylesheet" type="text/css" /> miércoles 18 de agosto de 2010
  37. 37. miércoles 18 de agosto de 2010
  38. 38. GLOSARIO BÁSICO CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS. miércoles 18 de agosto de 2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×