{"id":24,"date":"2007-08-22T16:53:57","date_gmt":"2007-08-22T19:53:57","guid":{"rendered":"http:\/\/www.dialeticavisual.com.br\/archives\/24"},"modified":"2007-08-22T16:53:57","modified_gmt":"2007-08-22T19:53:57","slug":"estrutura-html-em-graficos","status":"publish","type":"post","link":"https:\/\/blumenthal.com.br\/d\/2007\/estrutura-html-em-graficos","title":{"rendered":"Estrutura html em gr\u00e1ficos"},"content":{"rendered":"<p>O Aharef  disponibiliza <a href=\"http:\/\/www.aharef.info\/2006\/05\/websites_as_graphs.htm\" title=\"Aharef\" target=\"_blank\">uma ferramenta<\/a> em que vc &#8220;traduz&#8221; o c\u00f3digo html de um site graficamente. Abaixo, o resultado obtido por este blog:<br \/>\n<img decoding=\"async\" src=\"http:\/\/www.dialeticavisual.com.br\/i\/dletcvsl.gif\" class=\"ImgLeft\" \/><br \/>\nonde,<br \/>\n<strong> azul: <\/strong>n\u00famero de links (tags &#8220;a href&#8221; )<br \/>\n<strong> vermelho: <\/strong>n\u00famero de tabelas<br \/>\n<strong> verde:<\/strong> n\u00famero de tags DIV<br \/>\n<strong> violeta:<\/strong> n\u00famero de imagens<br \/>\n<strong> amarelo: <\/strong>n\u00famero de forms (FORM, INPUT, TEXTAREA, SELECT e OPTION)<br \/>\n<strong> laranja:<\/strong> quebras de linha e indenta\u00e7\u00f5es (BR, P e BLOCKQUOTE)<br \/>\n<strong>preto: <\/strong>HTML tags<br \/>\n<strong> cinza: <\/strong>outras tags<\/p>\n<p>Ele tamb\u00e9m sugere contribuir <a href=\"http:\/\/flickr.com\/photos\/tags\/websitesasgraphs\/\" target=\"_blank\">uma galeria com<\/a> estas imagens de diversos sites.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Aharef disponibiliza uma ferramenta em que vc &#8220;traduz&#8221; o c\u00f3digo html de um site graficamente. Abaixo, o resultado obtido por este blog: onde, azul: n\u00famero de links (tags &#8220;a href&#8221; ) vermelho: n\u00famero de tabelas verde: n\u00famero de tags DIV violeta: n\u00famero de imagens amarelo: n\u00famero de forms (FORM, INPUT, TEXTAREA, SELECT e OPTION) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,12],"tags":[],"class_list":["post-24","post","type-post","status-publish","format-standard","hentry","category-design","category-web"],"_links":{"self":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":0,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/media?parent=24"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/categories?post=24"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/tags?post=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}