CSS

Definición:

Conjunto de estilos auxiliares al codigo HTML que configuran la apariencia de una pagina; comprende fuentes, colores y composicion. Acronimo de Hojas de Estilo en Cascada (Cascading Style Sheets). Es distinto de plantillas o temas.

Fuente: http://buxara.wordpress.com/glosarios/glosario-blogs/

Sintaxis:

http://www.desarrolloweb.com/articulos/185.php

http://www.w3schools.com/css/css_syntax.asp

Ejemplos:

http://www.w3schools.com/css/css_examples.asp

Referencias:

http://www.csselite.com/

http://www.awwwards.com/

http://cssgallery.com/

Tutoriales:

http://www.w3schools.com/css/

http://www.cssbasics.com/

http://sixrevisions.com/css/20_websites_learn_master_css/

 

Anuncios

HTML

Definición:

HTML (lenguaje de hipertexto basado en marcas): Formato que se usa en las páginas web. El estándar HTML establece marcas (tags) o códigos utilizados para definir las propiedades del texto, tipos de letra, estilos, imágenes y otros elementos que forman parte de una página web.

Fuente: http://support.mozilla.org/es/kb/Glosario

Sintaxis:

El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base al que llamamos etiqueta. A través de las etiquetas vamos definiendo los elementos del documento, como enlaces, párrafos, imágenes, etc. Así pues, un documento HTML estará constituido por texto y un conjunto de etiquetas para definir la forma con la que se tendrá que presentar el texto y otros elementos en la página.

La etiqueta presenta frecuentemente dos partes:

Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>

Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo:

Las etiquetas <b> y </b> definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente código:

<b>Esto esta en negrita</b>

Fuente: http://www.desarrolloweb.com/articulos/535.php

Ejemplos:

http://htmldog.com/examples/

Sitios de Referencia:

http://html5gallery.com/

http://htmldog.com/reference/htmltags/

http://www.htmlgoodies.com/beyond/reference/article.php/3472851/Quick-HTML-Reference.htm

Tutoriales:

http://htmldog.com/guides/htmlbeginner/gettingstarted/

Top 5: Mejores y Peores Paginas Webs

5 PEORES

Aqui va mi lista de las cinco peores paginas web que conozco.

chiptune.com

Esta pagina tiene un mezcla peligrosa de arquitectura, se mezcla una jerarquía confusa y extensa con una estructura metafórica ambigua; esta mezcla termina en una confusión sin límites.

Esta pagina web es bastante impresionante, no solo su estilo gráfico es pésimo, sino que no existe ningún tipo de trabajo de arquitectura de la información. No hay un sistema de exploración ni de búsqueda.

spartanmma.com.co

Esta pagina presenta problemas en el esquema de organización, las categorías no son excluyentes, no hay una jerarquía adecuada. No falta mencionar los enlaces vacíos.

artie.com

Esta pagina web presenta problemas en el esquema de organización, tiene listas engorrosas y el panel de navegación es apenas detectable visualmente.

Esta pagina usa un intrincado esquema de organización por metáfora, es completamente ambiguo, las imágenes no tienen relación alguna con la información a la que dirigen y hacen perder al usuario en una “exploración” engorrosa.

5 Mejores

Ebay es una pagina que goza de una arquitectura bien diseñada,  pese a toda la información que contiene la pag, la exploración y búsqueda funcionan perfectamente.

The PirateBay es una pagina que posee una gran cantidad de torrents, el sistema de búsqueda es muy efectivo y está muy bien complementado con un explorador por categorías.

La pagina del tiempo posee un diseño bien logrado, los diferentes tipos de navegación y estructuras de organización están presentes en toda la páginas.

La tienda de Steam tiene un poderoso esquema de organización, está bien organizada en cuanto a jerarquía y el motor de búsqueda no se queda atrás.

gmail.com

Gmail presenta un potente esquema de organización cronológico altamente personalizable. Además permite organizar los correos en categorías. Posee un motor de búsqueda interno muy eficiente.

Enter your email address to follow this blog and receive notifications of new posts by email.

Únete a otros 4 seguidores

Viz-me

One visualization at a time

Quite Alone

"To awaken quite alone in a strange town is one of the pleasantest sensations in the world" – Freya Stark

Global Art Junkie

A curated serving of the visual arts

Inkjot

little pictures I like to draw