{"id":5916,"date":"2016-03-28T11:36:39","date_gmt":"2016-03-28T09:36:39","guid":{"rendered":"http:\/\/giusseppe.net\/blog\/?p=5916"},"modified":"2016-03-28T11:36:39","modified_gmt":"2016-03-28T09:36:39","slug":"la-consulta-caso-30-2","status":"publish","type":"post","link":"https:\/\/www.giusseppe.net\/blog\/archivo\/2016\/03\/28\/la-consulta-caso-30-2\/","title":{"rendered":"La Consulta: Caso 30"},"content":{"rendered":"

\"La<\/a><\/p>\n

El martes pasado termin\u00e9 la web dedicada al proyecto La Consulta: Caso 30<\/a>.<\/p>\n

http:\/\/laconsulta.giusseppe.net\/<\/a><\/p>\n

Ha sido un trabajo agotador, adem\u00e1s de autoexigente por pedirme a m\u00ed mismo que fuese realizado por primera vez sin atenerme a la t\u00edpica estructura organizativa de FRAMESET<\/a><\/strong> que llevo usando desde que lo conoc\u00ed all\u00e1 por los comienzos de los a\u00f1os 90.<\/p>\n

Es una estructura vers\u00e1til y modular que permite dividir la pantalla (del navegador) en varios FRAMES asociados a \u00abventanas\u00bb en los que ir mostrando la informaci\u00f3n pertinente.<\/p>\n

No obstante, de momento a Google Inc., el mayor dictador de las pr\u00e1cticas de programaci\u00f3n HTML\/Web (dictador en tanto que \u00abdicta\u00bb las buenas pr\u00e1cticas de cara al posicionamiento, por ejemplo, pero las dictaduras modernas no son impositivas, al menos no de forma, aunque s\u00ed lo sean de facto<\/em>), no le gusta que se usen frames pues sus herramientas de escaneo en busca de informaci\u00f3n significativa no recorre los distintos apartados de un FRAMESET, sino que se limita a buscar aquellos t\u00e9rminos que est\u00e1n en la p\u00e1gina principal.<\/p>\n

Dice (y puede que me lo crea) que es por una cuesti\u00f3n de \u00abeficacia\u00bb o velocidad pues no tiene tiempo para recorrer lo que ser\u00edan muchas m\u00e1s p\u00e1ginas a clasificar o identificar. Esto ser\u00e1 especialmente importante para quienes usan, como yo, Google Adwords, pues su SEO, Search Engine Optimization<\/a>, (uno de esos infernales t\u00e9rminos que invaden nuestro lenguaje) mejorar\u00e1 sustancialmente de usar a no usar los inteligentes frames.<\/p>\n

En este proyecto m\u00e1s que en otros podr\u00eda haber ignorado totalmentelas exigencias o demandas de ese gigante de la tecnolog\u00eda, pero tambi\u00e9n es cierto que quise aproximarme a esta forma \u00abnueva<\/em>\u00bb de programaci\u00f3n (hablar de programaci\u00f3n HTML siempre me da un poco de risa<\/em>) en la que el posicionamiento de los men\u00fas, por ejemplo, se realice mediante puro CSS, pero claro, he tirado de position: fixed \/ absolute<\/strong> que luego es m\u00e1s dif\u00edcil de redimensionar.<\/p>\n

Ya de paso, como si eso no fuese suficiente, he querido que fuese una p\u00e1gina \u00abweb responsive<\/strong>\u00bb o, lo que es lo mismo, que se vea bien en un m\u00f3vil o pantallas de diversos tama\u00f1os y resoluciones. Esto es una verdadera tortura, pues son demasiadas. La mejor forma era la cl\u00e1sica que llevo usando d\u00e9cadas de posicionamientos relativos y tama\u00f1os porcentuales para todo elemento que se precie.<\/p>\n

\"html5-estructura-01\"<\/a><\/p>\n

\u00bfY qu\u00e9 m\u00e1s?<\/strong><\/p>\n

No contento con eso, decid\u00ed aprender las nuevas etiquetas del HTML5<\/a>, un estandar que parece que ha mejorado bastante la creaci\u00f3n de p\u00e1ginas HTML. Tambi\u00e9n apost\u00e9 por el CSS3<\/a>, con sus capacidades de animaci\u00f3n y dinamismo que han hecho de herramientas como JavaScript o, por supuesto, el propietario (Adobe) Flash, un recuerdo del pasado o reservadas para contad\u00edsimas cosas dentro de una web moderna.<\/p>\n

Pero, por encima de todo, no quise olvidarme del contenido, un contenido que nadie leer\u00e1. Pero ah\u00ed est\u00e1, un contenido que pens\u00e9 innumerables veces imponer en un formato m\u00e1s anal\u00f3gico, m\u00e1s secuencial, menos interactivo, mucho m\u00e1s r\u00edgido y lineal: un libro en papel. Adem\u00e1s, quiz\u00e1 as\u00ed podr\u00eda incluso venderlo o presentarlo en alg\u00fan sitio o qu\u00e9 se yo.<\/p>\n

Y no. No me convenc\u00eda.<\/p>\n

Ha terminado siendo lo que ten\u00eda toda la pinta que terminar\u00eda siendo:<\/p>\n

http:\/\/laconsulta.giusseppe.net\/<\/a><\/p>\n

<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"utf-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n  <meta name=\"description\" content=\"La Consulta: Caso 30. Giusseppe Dom\u00ednguez\">\r\n  <meta name=\"keywords\" content=\"Proyectos,Giusseppe Dom\u00ednguez,La Consulta,Arte Conteptual,Remuneraci\u00f3n\">\r\n  <meta name=\"author\" content=\"Giusseppe Dom\u00ednguez\">\r\n  <title>La Consulta: Caso 30<\/title>\r\n  <link rel=\"stylesheet\" href=\"css\/consulta.css\">\r\n  <link rel=\"shortcut icon\" href=\"img\/lctac30.ico\">\r\n<\/head>\r\n\r\n<body>\r\n<header>\r\n\t\t\r\n <a id=\"logo-header\" href=\"index.html\">\r\n <span class=\"site-name\">La Consulta Caso 30<\/span>\r\n <span class=\"site-desc\">Giusseppe Dom\u00ednguez<\/span>\r\n <\/a> <!-- \/ #logo-header -->\r\n \r\n <nav>\r\n <ul>\r\n <li><a href=\"genesis.html\">G\u00e9nesis<\/a>\r\n   <ul>\r\n    <li><a href=\"genesis.html\">a<\/a><\/li>\r\n    <li><a href=\"laconsulta.html\">b<\/a><\/li>\r\n    <li><a href=\"origen.html\">c<\/a><\/li>\r\n   <\/ul><\/li>\r\n <li><a href=\"exodo.html\">\u00c9xodo<\/a>\r\n   <ul>\r\n    <li><a href=\"exodo.html\">x<\/a><\/li>\r\n    <li><a href=\"exodoexit.html\">&omega;<\/a><\/li>\r\n   <\/ul><\/li>\r\n <li><a href=\"levitico.html\">Lev\u00edtico<\/a>\r\n   <ul>\r\n    <li><a href=\"levitico.html\">&alpha;<\/a><\/li>\r\n    <li><a href=\"leviticodetalle.html\">&beta;<\/a><\/li>\r\n    <li><a href=\"leviticopeaton.html\">&gamma;<\/a><\/li>\r\n    <li><a href=\"leviticoinversion.html\">&delta;<\/a><\/li>\r\n   <\/ul><\/li>\r\n <li><a href=\"numeros.html\">N\u00fameros<\/a>\r\n   <ul>\r\n    <li><a href=\"numeros.html\">1<\/a><\/li>\r\n    <li><a href=\"numerosh.html\">e<\/a><\/li>\r\n    <li><a href=\"numeroslibro.html\">&pi;<\/a><\/li>\r\n    <li><a href=\"numerosapp.html\">i<\/a><\/li>\r\n   <\/ul><\/li>\r\n <li><a href=\"deuteronomio.html\">Deuteronomio<\/a>\r\n   <ul>\r\n    <li><a href=\"deuteronomio.html\">&#1488;<\/a><\/li>\r\n    <li><a href=\"garbanzosfoto.html\">&#1489;<\/a><\/li>\r\n    <li><a href=\"garbanzosvideo.html\">&#1490;<\/a><\/li>\r\n    <li><a href=\"garbanzospresupuesto.html\">&#1491;<\/a><\/li>\r\n    <\/ul><\/li>\r\n <\/ul>\r\n<\/nav><!-- \/ nav -->\r\n\r\n \r\n<\/header><!-- \/ #main-header -->\r\n\r\n<section>\r\n <article>\r\n  <hgroup>\r\n   <h1>\u00bfPara qu\u00e9 sirvo?<\/h1>\r\n  <\/hgroup>\r\n\r\n  <a href=\"laconsulta.html\"><img class=\"central\" src=\"img\/lctac30.jpg\" alt=\"La Consulta: CASO 30\" \/><\/a>\r\n\t\t\t\r\n  <div class=\"content\">\r\n   <p>Tengo un pasado variopinto pero un futuro tinto.<\/p>\r\n   <p>No tengo claro el para qu\u00e9 sirvo ni si aquello para lo que puede que sirva es algo que sea remunerado.<\/p>\r\n   <p>Es una peque\u00f1a (o no tanto) cuesti\u00f3n existencial.<\/p>\r\n  <\/div>\r\n\r\n <\/article> <!-- \/article -->\r\n\t\r\n<\/section> <!-- \/ #main-content -->\r\n \r\n<footer>\r\n <p>&copy; 2016 <a href=\"http:\/\/giusseppe.net\" target=\"_blank\">giusseppe.net<\/a><\/p>\r\n<\/footer> <!-- \/ #main-footer -->\r\n\r\n<\/body>\r\n<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"
El martes pasado termin\u00e9 la web dedicada al proyecto La Consulta: Caso 30. http:\/\/laconsulta.giusseppe.net\/ Ha sido un trabajo agotador, adem\u00e1s de autoexigente por pedirme a m\u00ed mismo que fuese realizado por primera vez sin atenerme a la t\u00edpica estructura organizativa de FRAMESET que llevo usando desde que lo conoc\u00ed all\u00e1 por los comienzos de los … Read moreLa Consulta: Caso 30<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[199,128,110],"tags":[96,112,76,98,72,130,105],"class_list":["post-5916","post","type-post","status-publish","format-standard","hentry","category-la-consulta","category-proyectos","category-tecnologia-opinion","tag-detalles","tag-giusseppe","tag-informatica","tag-internet","tag-mercado","tag-proyectos-2","tag-tecnologia"],"_links":{"self":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/5916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/comments?post=5916"}],"version-history":[{"count":1,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/5916\/revisions"}],"predecessor-version":[{"id":5918,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/posts\/5916\/revisions\/5918"}],"wp:attachment":[{"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/media?parent=5916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/categories?post=5916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.giusseppe.net\/blog\/wp-json\/wp\/v2\/tags?post=5916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}