Estandar web
Upcoming SlideShare
Loading in...5
×
 

Estandar web

on

  • 1,721 views

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

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

Statistics

Views

Total Views
1,721
Views on SlideShare
1,564
Embed Views
157

Actions

Likes
0
Downloads
36
Comments
0

1 Embed 157

http://cmultimedia.wordpress.com 157

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Estandar web Estandar web Presentation Transcript

  • 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 agosto de 2010
  • 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
  • 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 de proyectos web miércoles 18 de agosto de 2010
  • 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
  • ¿CUAL ES EL MERCADO? visto desde el paradigma de un desarrollador web miércoles 18 de agosto de 2010
  • 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 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
  • 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
  • WEB SEMÁNTICA Cambio en la curva de aprendizaje Promueve la separación de contenido de formato miércoles 18 de agosto de 2010
  • miércoles 18 de agosto de 2010
  • LENGUAJES DE PROGRAMACIÓN diseño basado en estándares web miércoles 18 de agosto de 2010
  • 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
  • ARQUITECTURA define las categorías, páginas y flujo de navegación de un sitio web miércoles 18 de agosto de 2010
  • WIREFRAME estructura de alambre, que define la diagramación de un documento web miércoles 18 de agosto de 2010
  • 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
  • PARA ESTO DEBEMOS APRENDER A USAR LOS LENGUAJES DE PROGRAMACIÓN html, css, javascript miércoles 18 de agosto de 2010
  • 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 apertura > < /Etiqueta de apertura > miércoles 18 de agosto de 2010
  • <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, 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
  • 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árrafo con <a>un enlace</a></p> miércoles 18 de agosto de 2010
  • 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
  • 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
  • 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
  • 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, titulares y títulos de sección, como se muestra en la siguiente imagen: miércoles 18 de agosto de 2010
  • 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
  • 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, Xml o Xhtml. miércoles 18 de agosto de 2010
  • 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
  • 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 estilos CSS. miércoles 18 de agosto de 2010