CSS

CSS se refiere a (Cascading Style Sheets), es la tecnología desarrollada por el World Wide Web Consortium (W3C) con el fin de separar la estructura de la presentación.

se trata de dotar a los sitios web de un determinado “estilo” compuesto por todos aquellos elementos (colores, imágenes, bordes, márgenes, etc.) los cuales su composicion crean la pagina y su arquitectura en esta.

http://www.csstutorial.net/—–> tutorial

HTML

HTML se define como ( Hypertext Markup Language) en inglés, es el lenguaje utilizado para las páginas web o de Internet. este  lenguaje HTML estructura la información, que luego es visualizada utilizando un navegador, como en Internet Explorer que viene con el sistema operativo.

sirve para referirse al contenido del tipo MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del xml (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

 

 

http://www.virtualnauta.com/es/html/home.php —-> mas referencias y tutoriales.

LAYOUT

Es la forma en como la pagina web esta manejando sus medios o su informacion , de la forma en como la hubica en la pagina.

La noción de layout suele utilizarse para nombrar al esquema de distribución de los elementos dentro un diseño. Es habitual que un diseñador que se dedica a la creación de páginas webdesarrolle un layout y se lo presente a su cliente para que éste lo apruebe y decida sobre la distribución de los contenidos.

El layout, en este sentido, puede ser una especie de plantilla que presenta tablas o espacios en blanco. La idea es que, a partir del layout, la página web comience a desarrollarse con sus contenidos específicos. El layout puede estar compuesto, por ejemplo, por un rectángulo a modo decabezal y por tres columnas. Dicho esquema es genérico y puede usarse para desarrollar múltiples sitios web.

En el cabezal puede incluirse el encabezado de la página (como el nombre de una empresa o de una publicación), en la columna de la izquierda aparecerían lassecciones del sitio (Quiénes somos, Qué hacemos, etc.), la columna del medio sería destinada al desarrollo de los contenidos y la columna de la derecha, a publicidades.

Es habitual, en el ámbito de Internet, que se ofrezcan layouts gratuitos y que los propios usuarios se encarguen de personalizarlos con sus contenidos. El diseñador sólo exige que aparezca su mención en algún lado de la página web, para que quienes deseen un desarrollo más complejo, puedan contactarlo.

http://definicion.de/layout/

POST TOP 5 WEB

Con base a la información que se ha visto en clase y teniendo en cuenta las referencias y ejemplos claros que se mostraron, les voy a mostrar según mi criterio cuales son las paginas web TOP 5 de las que he visto o conozco. a continuación los links de las paginas van de mejor a peor.

TOP …Mejores …5

1) http://www.domesticmonsters.com/es/inicio_es.html —> Domestic Monster

Esta segun mi gusto y criterio es la top 5 ya que la pagina maneja homogeneidad en su totalidad de la pagina, las etiquetas que utiliza son bien clara, se logra ubicar un buen layout en la pagina. no maneja muchos pop ups. el manejo de los colores es uniforme manejando una buena paleta de colores la cual mantiene un buen contraste a lo largo de toda la pagina. maneja un mapa de la web bastante entendible. es una pagina flexible la cual permite al usuario navegar libremente por la pagina.

2) http://prezi.com/—-> Prezi

Una pagina para usuarios especifico los cuales su enfoque este en crear presentaciones didacticas y presentarlas mediante la web. maneja un buen manejo del espacio, presenta ayudas para el usuario presenta un esquema jerarquico, pero a su ves es global.

3) http://www.microsoft.com/en-us/default.aspx—-> Microsoft

4) http://www.mercadolibre.com.co/—-> Mercadolibre

5) http://www.whatsapp.com/—-> Whatsapp

en General todas cumples con los estandares de una buena pagina web.

 

TOP…Peores… 5

1) http://www.carrefour.com.co/—–> Carrefour, hay etiquetas que no funcionan,  hay ambiguedad, llevando al mismo sitio. los jpg de baja calidad. falta arquitectura.

2)  www.chingatumadre.com Se desperdicia un buen título para un sitio web, promete mucho y a la hora de la hora no hay nada

3) http://www.battaletras.com.ar/ definitivamente para nada amigable con el ojo humano, mucho movimiento demasiados colores, en general mala.

4) http://www.pressnetweb.com/ sinceramente no se le ve para nada de manejo de colores, ni tipografias mucho desorden.

5) http://www.arngren.net/ uno sabe por donde ver. total saturacion de informacion en toda la pagina, muy mal distribuida.