Presentacion Curso CSS

60 %
40 %
Information about Presentacion Curso CSS

Published on June 20, 2007

Author: ismasan

Source: slideshare.net

Description

Breve historia de la WWW y los estándares Web hasta llegar a la Web 2.0

Ismael Celis http://www.estadobeta.com http://aardvark.cl

Diseño Web: Perfil de una Profesión

Breve Historia de la Web De HTML a la Homepage ( 1960’s - 1990’s )

Lenguaje de Demarcación Datos Legible por máquinas ✓ Legible por décadas ✓ Versátil (información compleja) ✓

SGML ( Structured General Markup Language ) <QUOTE TYPE=quot;examplequot;> Este es un ejemplo de <ITALICS>SGML</ITALICS> </QUOTE>

World Wide Web 1990, Tim Berners Lee • Arquitectura Cliente - servidor • URI’s • Hipertexto (links) • Lenguaje estructurado (HTML)

Arquitectura Cliente Servidor Solicitud Cliente Servidor Respuesta Cliente Cliente

URI ( Uniform Resource Identifier ) URL ( Uniform Resource Location ) http://www.estadobeta.com/2006/10/22/utilitario-web-20/ http://www.google.cl/intl/en_com/images/logo_plain.png http://www.youtube.com/watch?v=zmLToYe8nRo

HTML ( HyperText Markup Language ) <!DOCTYPE HTML PUBLIC quot;-//W3C//DTD HTML 3.2 Final//ENquot;> <HTML> <HEAD> <TITLE>Receta para el Arroz con Huevos</TITLE> </HEAD> <BODY bgcolor=white text=black link=red> <H1>Arroz con Huevos</H1> <H2>Ingredientes</H2> <UL> <LI>Arroz</LI> <LI>Huevos</LI> <LI>Sal</LI> </UL> <A href=”/preparacion.html”>Ver preparación</A> </BODY> </HTML>

HTML Navegadores gráficos y el “Diseño Web”

Editores WYSIWYG, “Páginas” Web

Guerra de los Browsers! - Extensiones propietarias a HTML - Énfasis en Diseño Visual - Pérdida de estándares y Semántica <font> <blink> <marquee> “Optimizado para Internet Explorer 5.0”

Homepage

“Web 2.0” Estándares, API’s y más allá ( 2000’s - )

Estándares Web http://www.w3.org/ • XHTML • CSS • Javascript (Ecmascript)

(X)HTML • Aplicación de XML • Sólo estructura semántica (no hay diseño) • Más estricto (+ fácil de leer por máquinas) • Extensible • Universal

CSS ( Cascading Style Sheets ) • Lenguaje de presentación (diseño y formato) • Aplicables a sitios enteros • Múltiples dispositivos (monitor, impresora, braille) • Separa tareas (contenido - presentación)

CSS ( Cascading Style Sheets ) body { font-size: 10px; font-family: verdana, arial, sans-serif; background-color: #000000; } h1 { color: #eeeeee; font-size: 120%; width: 300px; }

SEO y semántica • Internet: ecosistema de datos (una gran base de datos) • Google, Pagerank • Web Semántica (xml, rdf) • Microformatos, FoaF

Blogs, Wikis, CMS’s • Generación Dinámica de contenidos (CMS’s) • Sistemas de Templates (plantillas) • Sindicación de contenidos (RSS, Atom)

Sindicación de Contenidos • Subscripción a contenidos (sin diseño) • Granularización de contenidos (post, artículo) • Personalización de contenidos • Formatos estándar (RSS, Atom)

RSS Aplicación de XML para noticias y sumarios http://www.nytimes.com/services/xml/rss/nyt/Africa.xml

Agregadores de Contenido ( Personalización de contenido Web )

Servicios Web

Google Maps + = YouTube + www.blueokapi.com Flickr

= Google News http://www.marumushi.com/apps/newsmap/

“Web 2.0” • Nuevos modelos de negocios. • Nuevas posibilidades creativas. • Nuevas metodologías, la misma tecnología.

Diseño Desarrollo Web: Perfil de una Profesión

¿ Web 3.0 ?

? www.estadobeta.com

Add a comment

Related presentations

Related pages

1. PRESENTACION DEL CURSO HTML Y CSS - YouTube

1. PRESENTACION DEL CURSO HTML Y CSS ... CURSO DE HTML Y CSS-- Created using ... Presentacion Curso Programación con PLC Nivel 1 v2012 ...
Read more

Presentación Curso HTML+CSS+JS - YouTube

Video de presentación del contenido del curso. Página personal: ... Presentación Curso HTML+CSS+JS BorjaGalisteo. Subscribe Subscribed ...
Read more

Curso CSS Fundamentos: diseño y presentación de sitios web

Curso CSS Fundamentos. Aprende a crear y aplicar estilos CSS para definir la presentación de tus páginas web (fuentes, colores, posición, etc)
Read more

Diseño web y Estilos CSS -Dreamweaver

Los estilos CSS te permiten separar la estructura de un documento Web de su presentación y en este curso interactivo, pensado para aquellos nuevos ...
Read more

Curso online de Comenzando con CSS • Acamica

El CSS te permite añadir diseño a tus páginas web. En este curso empezaremos a conocer este lenguaje de estilado que todos los mejores diseñadores y ...
Read more

CSS Fundamentos: diseño y presentación de sitios web ...

Aprende a crear y aplicar estilos CSS para definir la presentación de tus páginas web (fuentes, colores, posición, etc)
Read more

Presentación del curso CSS con SASS y LESS - lynda.com

Presentación del curso CSS con SASS y LESS provides you with in-depth training on Diseño web. Taught by Marcos González Sancho as part of the ...
Read more

CSS Fundamentos: diseño y presentación de sitios web | Udemy

Please confirm that you want to add CSS Fundamentos: diseño y presentación de sitios web to your Wishlist. ... Despedida del curso CSS - Fundamentos .
Read more

Presentación del curso CSS específico para libros EPUB

Presentación del curso CSS específico para libros EPUB provides you with in-depth training on Diseño & Ilustración. Taught by Ignacio ...
Read more