Estandar web

MULTIMEDIA 1diseño basado en estándares web

miércoles 18 de agosto de 2010

OBJETIVO DEL CURSODESARROLLAR UN PROYECTO MULTIMEDIA EN INTERNET CON HERRAMIENTAS DIGITALES


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.


ESQUEMA TÉCNICOpeer map por volúmenes de conectividad


ESQUEMA SOCIALniveles de acceso a las redes sociales


¿QUE DEBEMOS APRENDER?integración digital de herramientas multimedia para definición

de proyectos web


ESTRUCTURAR UN SITIOarmar documentos para la web desde su diseño, optimización y

vinculación entre lenguajes de programación


¿CUAL ES EL MERCADO?visto desde el paradigma de un desarrollador web


TASA DE PENETRACIÓNinternet y dispositivos móviles


TASA DE PENETRACIÓNredes sociales (facebook)


ALGO DE HISTORIA


WEB 3.0la 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


http://es.wikipedia.org/wiki/Base_de_datos

http://es.wikipedia.org/wiki/Base_de_datos

http://es.wikipedia.org/wiki/Inteligencia_artificial

http://es.wikipedia.org/wiki/Inteligencia_artificial

http://es.wikipedia.org/wiki/Web_sem%C3%A1ntica

http://es.wikipedia.org/wiki/Web_sem%C3%A1ntica

http://es.wikipedia.org/w/index.php?title=Web_3D&action=edit&redlink=1

http://es.wikipedia.org/w/index.php?title=Web_3D&action=edit&redlink=1

WEB 3.0

Información procesable por los ordenadores a escala global

Con perfil regional y modular(Podcast, Flickr, Fotolog, Facebook, Twitter)

WEB SEMÁNTICA


Cambio en la curva de aprendizajePromueve la separación de contenido de formato

WEB SEMÁNTICA



LENGUAJES DE PROGRAMACIÓNdiseño basado en estándares web


HTMLXHTML CSS JAVASCRIPT

CONTENIDOwhat does it mean?¿Qué significa?

PRESENTACIÓNwhat does it look like?¿Qué aspecto tiene?

COMPORTAMIENTOwhat does it do?¿Qué hace?


ARQUITECTURAdefine las categorías, páginas y flujo de navegación de un sitio

web


WIREFRAMEestructura de alambre, que define la diagramación de un documento web


MOCK UPmaqueta final que presenta la propuesta gráfica de un documento, línea visual de un sitio


PARA ESTO DEBEMOS APRENDER A USAR LOS LENGUAJES DE

PROGRAMACIÓNhtml, css, javascript


HTMLXHTML CSS+


BÁSICO PARA RECORDAR

las etiquetas se indican por pares y se forman de la siguiente manera:

< Etiqueta de apertura >< /Etiqueta de apertura >


<nombre_etiqueta> ... </nombre_etiqueta>


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.


TRES RESTRICCIONES BÁSICAS QUE INTRODUCE XHTML


1) Las etiquetas se tienen que cerrar de acuerdo a como se abren:Ejemplo correcto en XHTML:

Este es un párrafo con <a>un enlace</a>


2) Los nombres de las etiquetas y atributos siempre se escriben en minúsculas:Ejemplo correcto en XHTML:

Este es un párrafo con <a href="http://www.google.com">un enlace</a>


http://www.google.com


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

Este es un párrafo con <a href="http://www.google.com">un enlace</a>




TEXTOLa 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.



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:


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.


HOJAS DE ESTILO EN CASCADA CSS


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.


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" />



GLOSARIO BÁSICO

CSS define una serie de términos que permiten describir cada una de las partes que componen los estilos CSS.

Education

Estandar web