{"id":694,"date":"2013-04-25T21:54:08","date_gmt":"2013-04-26T00:54:08","guid":{"rendered":"http:\/\/leandroascierto.com\/blog\/?p=694"},"modified":"2013-04-25T22:04:14","modified_gmt":"2013-04-26T01:04:14","slug":"screenshots-website","status":"publish","type":"post","link":"https:\/\/leandroascierto.com\/blog\/screenshots-website\/","title":{"rendered":"Screenshots website"},"content":{"rendered":"<p>Este es un m\u00f3dulo clase que sirve para capturar sitios web y poder guardarlos como una im\u00e1gen, utiliza el motor de\u00a0Internet\u00a0explorer. La clase cuenta con un evento y varias propiedades y funciones a modo de ser flexible para cada uso, entre \u00e9stas, poder guardar la im\u00e1gen en varios formatos, PNG, JPG, ICO, etc., tanto en archivo como en stream. Adem\u00e1s captura el Favicon de la web en\u00a0cuesti\u00f3n, como as\u00ed tambi\u00e9n otros datos como la descripci\u00f3n y el titulo. Podemos elegir las dimensiones que queramos como entrada y salida.<\/p>\n<p>Como\u00a0requerimiento sistema operativo Windows XP y posteriores (aunque s\u00f3lo lo\u00a0prob\u00e9\u00a0en Windows 7, pero no creo que haya inconvenientes).<\/p>\n<p>A\u00a0continuaci\u00f3n pondr\u00e9 tres proyectos en los que utilizar\u00e9 el m\u00f3dulo clase y mostrar\u00e9 un poco para qu\u00e9 podr\u00eda\u00a0servir.<\/p>\n<p style=\"text-align: center;\">&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.<\/p>\n<p>El primero se trata de un \u00a0proyecto algo simple para mostrar un poco como funciona la clase y sus propiedades.<\/p>\n<div style=\"width: 710px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Snap Website\" src=\"https:\/\/leandroascierto.com\/blog\/imagenes\/SnapWebSite.png\" width=\"700\" height=\"860\" \/><p class=\"wp-caption-text\">Snap Website<\/p><\/div>\n<p align=\"center\"><a href=\"https:\/\/leandroascierto.com\/blog\/descarga.php?url=SnapShotWeb.zip\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Descargar\" alt=\"\" src=\"https:\/\/leandroascierto.com\/blog\/descarga.php?file=SnapShotWeb.zip\" width=\"280\" height=\"61\" \/><\/a><\/p>\n<p style=\"text-align: left;\" align=\"center\">&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.<\/p>\n<p style=\"text-align: left;\" align=\"center\">El segundo se trata de un proyecto m\u00e1s avanzado, con algunos controles de usuario y\u00a0m\u00f3dulos\u00a0extra para crear una ventana donde podamos alojar algunos sitios web como accesos directos y mediante algunas\u00a0combinaciones\u00a0de teclas mostrar esta ventana. Para m\u00e1s\u00a0informaci\u00f3n\u00a0ver el archivo Leame.txt que se encuentra junto al proyecto.<\/p>\n<p style=\"text-align: left;\" align=\"center\">Para apreciar mejor este proyecto recomiendo compilarlo y tener el tema Aero corriendo (claro \u00e9sto si su sistema operativo es\u00a0windows\u00a0vista o posterior) en la siguiente captura pueden apreciar una linda interfaz.<\/p>\n<div style=\"width: 679px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Mis Sitios favoritos\" src=\"https:\/\/leandroascierto.com\/blog\/imagenes\/mis_sitios_favoritos.png\" width=\"669\" height=\"458\" \/><p class=\"wp-caption-text\">Mis sitios favoritos<\/p><\/div>\n<p align=\"center\"><a href=\"https:\/\/leandroascierto.com\/blog\/descarga.php?url=Mis_sitios_favoritos.zip\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Descargar\" alt=\"\" src=\"https:\/\/leandroascierto.com\/blog\/descarga.php?file=Mis_sitios_favoritos.zip\" width=\"280\" height=\"61\" \/><\/a><\/p>\n<p align=\"center\">&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.<\/p>\n<p style=\"text-align: left;\" align=\"center\">Y el tercero se trata de un proyecto para crear los\u00a0cl\u00e1sicos\u00a0accesos\u00a0directos\u00a0en el explorer de windows, con la diferencia que \u00e9ste permite poner como icono la \u00a0miniatura de la web, el icono generado cuenta con cuatro\u00a0dimensiones\u00a0 256&#215;256 (PNG), 48&#215;48, 32&#215;32 y 16&#215;16, los dos\u00a0\u00faltimos\u00a0son representados por el favicon de la web (si es que lo tiene).<\/p>\n<p style=\"text-align: left;\" align=\"center\">En este proyecto\u00a0utilic\u00e9 IShellLink.tlb\u00a0\u00a0para poder crear los accesos directos, ya que fue la mejor\u00a0opci\u00f3n\u00a0que\u00a0encontr\u00e9\u00a0para solventar las teclas de acceso\u00a0r\u00e1pido.<\/p>\n<p style=\"text-align: left;\" align=\"center\">Nota: los iconos los almacenar\u00e1 en la misma carpeta que el proyecto, si se genera un acceso directo, esta carpeta no debe moverse m\u00e1s para que no se pierda la referencia al icono, por lo que recomiendo, al descomprimir el proyecto elegir una ubicaci\u00f3n permanente.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 33%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-694 gallery-columns-3 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/leandroascierto.com\/blog\/screenshots-website\/bigsicons\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-695\" srcset=\"https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-150x150.png 150w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-96x96.png 96w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-24x24.png 24w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-36x36.png 36w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-48x48.png 48w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/BigsIcons-64x64.png 64w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-695'>\n\t\t\t\tVista Iconos muy grandes\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/leandroascierto.com\/blog\/screenshots-website\/shortcutmaker\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-696\" srcset=\"https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-150x150.png 150w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-96x96.png 96w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-24x24.png 24w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-36x36.png 36w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-48x48.png 48w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/ShortcutMaker-64x64.png 64w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-696'>\n\t\t\t\tInternet Shortcut Maker \n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/leandroascierto.com\/blog\/screenshots-website\/smallicons\/'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-150x150.png\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" aria-describedby=\"gallery-1-697\" srcset=\"https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-150x150.png 150w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-96x96.png 96w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-24x24.png 24w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-36x36.png 36w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-48x48.png 48w, https:\/\/leandroascierto.com\/blog\/wp-content\/uploads\/2013\/04\/Smallicons-64x64.png 64w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-697'>\n\t\t\t\tVista Contenido\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p align=\"center\"><a href=\"https:\/\/leandroascierto.com\/blog\/descarga.php?url=ShortcutMaker.zip\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" title=\"Descargar\" alt=\"\" src=\"https:\/\/leandroascierto.com\/blog\/descarga.php?file=ShortcutMaker.zip\" width=\"280\" height=\"61\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este es un m\u00f3dulo clase que sirve para capturar sitios web y poder guardarlos como una im\u00e1gen, utiliza el motor de\u00a0Internet\u00a0explorer. La clase cuenta con un evento y varias propiedades y funciones a modo de ser flexible para cada uso, entre \u00e9stas, poder guardar la im\u00e1gen en varios formatos, PNG, JPG, ICO, etc., tanto en <a href='https:\/\/leandroascierto.com\/blog\/screenshots-website\/' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40,29],"tags":[115,60,35,114,113],"class_list":["post-694","post","type-post","status-publish","format-standard","hentry","category-aplicaciones","category-modulos","tag-capturar-sitio-web","tag-gdi-plus","tag-gdi","tag-screenshot-web","tag-snap-website","category-40-id","category-29-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts\/694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/comments?post=694"}],"version-history":[{"count":12,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts\/694\/revisions"}],"predecessor-version":[{"id":705,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/posts\/694\/revisions\/705"}],"wp:attachment":[{"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/media?parent=694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/categories?post=694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leandroascierto.com\/blog\/wp-json\/wp\/v2\/tags?post=694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}