Estandar web

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


AL FINALIZAR EL CURSO EL
ESTUDIANTE SERÁ CAPAZ DE:
Armar páginas Web a partir de un Diseño predeﬁnido,
optimizando el tamaño de los archivos que la componen.

Integrar las páginas en la constitución de un sitio Web.


ESQUEMA TÉCNICO
peer map por volúmenes de conectividad


ESQUEMA SOCIAL
niveles de acceso a las redes sociales


¿QUE DEBEMOS APRENDER?
integración digital de herramientas multimedia para deﬁnición
de proyectos web


ESTRUCTURAR UN SITIO
armar 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ÓN
internet y dispositivos móviles


TASA DE PENETRACIÓN
redes sociales (facebook)


ALGO DE HISTORIA


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 artiﬁcial, la web semántica, la Web Geoespacial, o la Web 3D


WEB
SEMÁNTICA
Información procesable por
los ordenadores a escala
global

Con perﬁl regional y
modular

WEB 3.0 (Podcast, Flickr, Fotolog,
Facebook, Twitter)


WEB
SEMÁNTICA
Cambio en la curva de
aprendizaje
Promueve la separación de
contenido de formato


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


HTML
XHTML CSS JAVASCRIPT

CONTENIDO PRESENTACIÓN COMPORTAMIENTO
what does it what does it look what does it do?
mean? like? ¿Qué hace?
¿Qué signiﬁca? ¿Qué aspecto
tiene?


ARQUITECTURA
deﬁne las categorías, páginas y ﬂujo de navegación de un sitio
web

WIREFRAME
estructura de
alambre, que deﬁne la
diagramación de un
documento web


MOCK UP
maqueta ﬁnal que
presenta la propuesta
gráﬁca de un
documento, línea
visual de un sitio


PARA ESTO DEBEMOS APRENDER
A USAR LOS LENGUAJES DE
PROGRAMACIÓN
html, css, javascript


HTML
XHTML + 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, ﬁeldset, 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:

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

3) El valor de los atributos siempre se encierra con comillas:

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

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 deﬁne HTML para el manejo del
texto.


La tarea inicial del editor de contenidos HTML consiste en
estructurar el texto original deﬁniendo 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 deﬁne 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 deﬁne una serie de términos que permiten describir cada
una de las partes que componen los estilos CSS.


Estandar web

Recommandé

Recommandé

Contenu connexe

Similaire à Estandar web

Similaire à Estandar web (20)

Plus de iConstruye

Plus de iConstruye (20)

Dernier

Dernier (20)

Estandar web