{"id":478,"date":"2013-04-18T14:40:05","date_gmt":"2013-04-18T13:40:05","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/?page_id=478"},"modified":"2013-12-11T16:31:07","modified_gmt":"2013-12-11T15:31:07","slug":"especificacions-tecniques-de-disseny-per-a-web","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/disseny\/especificacions-tecniques-de-disseny-per-a-web\/","title":{"rendered":"Especificaciones t\u00e9cnicas de dise\u00f1o para web"},"content":{"rendered":"<p><\/p>\n<h3>WebFonts<\/h3>\n<p>El formato web Open Font (WOFF) es un formato de fuentes tipogr\u00e1ficas orientado a su utilizaci\u00f3n en sitios web. Se desarroll\u00f3 en el 2009, como resultado de un proceso de estandarizaci\u00f3n del uso de fuentes, siguiendo una\u00a0<a href=\"http:\/\/www.w3.org\/TR\/WOFF\/\" target=\"_blank\">recomendaci\u00f3n del World Wide Web Consortium (W3C)<\/a>. El objetivo del W3C es que WOFF se convierta en el formato \u00fanico e interoperativo para todos los navegadores web.<\/p>\n<p>El formato WOFF tambi\u00e9n se conoce popularmente como\u00a0<b>WebFonts<\/b>.<\/p>\n<p>La <a href=\"http:\/\/www.fontshop.com\/blog\/newsletters\/\" target=\"_blank\">p\u00e1gina de FontShop dedicada a las WebFonts<\/a>\u00a0explica con mucha claridad las caracter\u00edsticas de este formato. A continuaci\u00f3n, se ofrece un extracto de su contenido, aunque se recomienda leerlo todo:<\/p>\n<p><i>La mayor\u00eda de fuentes se hab\u00edan dise\u00f1ado hasta el momento para entornos de impresi\u00f3n o para ser incluidas en una imagen o en un PDF. Las WebFonts, en cambio, est\u00e1n optimizadas para su uso en p\u00e1ginas web, utilizando la regla CSS @ font-face. Mediante esta regla, las fuentes son enlazadas en la p\u00e1gina web, y son descargadas por los navegadores, de modo que cualquiera que visite la p\u00e1gina puede ver las fuentes declaradas por el dise\u00f1ador de la p\u00e1gina. Eso significa que el sitio web puede mostrar texto indexable, editable, escalable y din\u00e1mico, en una fuente diferente de las web seguras en las que los dise\u00f1adores web han tenido que basarse durante a\u00f1os.<\/i><i>\u00a0<\/i><i><\/i><\/p>\n<p><b>Lecturas recomendadas:<\/b><\/p>\n<ul>\n<li><a href=\"http:\/\/www.w3.org\/TR\/WOFF\/\" target=\"_blank\">P\u00e1gina del W3C dedicada al formato WOFF.<\/a><\/li>\n<li><a href=\"http:\/\/www.fonts.com\/web-fonts\" target=\"_blank\">The WebFont Awards<\/a>: sitio web dedicado a premiar los dise\u00f1os web m\u00e1s brillantes basados en WebFonts.<\/li>\n<li><a href=\"http:\/\/webfonts.info\/fonts-available-font-face-embedding\" target=\"_blank\">Cat\u00e1logos de WebFonts gratuitas<\/a>.<\/li>\n<li>Proveedores comerciales de WebFonts: entre otros,\u00a0<a href=\"http:\/\/www.fontshop.com\/blog\/newsletters\/\" target=\"_blank\">FontShop<\/a>\u00a0y <a href=\"http:\/\/www.fonts.com\/web-fonts\" target=\"_blank\">Fonts.com<\/a>\u00a0tienen un amplio cat\u00e1logo de WebFonts comerciales.<\/li>\n<\/ul>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>CSS3<\/h3>\n<p>Las hojas de estilo en cascada (<i>cascading style sheets<\/i> o <i>CSS<\/i>) son un formato aprobado por el\u00a0<a href=\"http:\/\/www.w3c.es\/\" target=\"_blank\">World Wide Web Consortium (W3C)<\/a>, que trabaja con documentos HTML utilizando una sintaxis sencilla y varias propiedades de estilo.<\/p>\n<p>Hasta ahora, se hab\u00edan desarrollado las versiones CSS1 y CSS2, pero a principios del a\u00f1o 2010 aparece CSS3, que permite incorporar propiedades de formato m\u00e1s sofisticadas que las anteriores, lo que permite que el dise\u00f1ador web disponga de m\u00e1s flexibilidad al preparar la interfaz gr\u00e1fica de un sitio web.<\/p>\n<p>Algunas de las\u00a0<b>caracter\u00edsticas m\u00e1s destacadas de CSS3<\/b>\u00a0son las siguientes:<\/p>\n<ul>\n<li>esquinas redondeadas;<\/li>\n<li>fuentes con nuevos atributos (por ejemplo, con degradados);<\/li>\n<li>generaci\u00f3n de efectos de sombra;<\/li>\n<li>m\u00e1scaras para im\u00e1genes, directamente especificadas desde CSS;<\/li>\n<li>p\u00e1ginas con m\u00faltiples columnas de contenido;<\/li>\n<li>configuraci\u00f3n m\u00e1s detallada de las caracter\u00edsticas del texto;<\/li>\n<li>control del grado de opacidad de los elementos.<\/li>\n<\/ul>\n<p>La mayor\u00eda de navegadores soportan CSS3.<\/p>\n<p><b>Lecturas recomendadas:<\/b><\/p>\n<ul>\n<li><a href=\"http:\/\/www.exforsys.com\/tutorials\/css3.html\" target=\"_blank\">Tutorial CSS3<\/a><\/li>\n<li><a href=\"http:\/\/www.css3.info\/\" target=\"_blank\">Blog dedicado a CSS3<\/a><\/li>\n<li><a href=\"http:\/\/www.maestrosdelweb.com\/editorial\/css-3-mas-social-que-nunca\/\" target=\"_blank\">CSS3: m\u00e1s social que nunca<\/a><\/li>\n<li><a href=\"http:\/\/www.maestrosdelweb.com\/editorial\/css-3-las-nuevas-propiedades\/\" target=\"_blank\">CSS3: las nuevas propiedades<\/a><\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>WebFonts El formato web Open Font (WOFF) es un formato de fuentes tipogr\u00e1ficas orientado a su utilizaci\u00f3n en sitios web. Se desarroll\u00f3 en el 2009, como resultado de un proceso de estandarizaci\u00f3n del uso de fuentes, siguiendo una\u00a0recomendaci\u00f3n del World Wide Web Consortium (W3C). El objetivo del W3C es que WOFF se convierta en el &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/disseny\/especificacions-tecniques-de-disseny-per-a-web\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abEspecificaciones t\u00e9cnicas de dise\u00f1o para web\u00bb<\/span><\/a><\/p>\n","protected":false},"author":35,"featured_media":0,"parent":458,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"tags":[],"class_list":["post-478","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/pages\/478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/comments?post=478"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/pages\/478\/revisions"}],"predecessor-version":[{"id":615,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/pages\/478\/revisions\/615"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/pages\/458"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/media?parent=478"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dim\/es\/wp-json\/wp\/v2\/tags?post=478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}