En muchas ocasiones he necesitado guardar la información de cierta web. Ni en IE o Firefox tengo opciones que encuentre interesantes. El primero guarda el html y la carpeta correspondiente de imágenes, el segundo un archivo mht que deja bastante que desear.
Si no quieren instalar nada, usar algo gratuito, sin registrarse, y guardar el html en pdf existe una aplicación web , html-pdf converter que es una buena opción. Su uso es bastante intuitivo y directo.
vía mydigitallife
Este post se debe en parte a que me preguntaron como enviar una 'web' por mail, algo que también me había preguntado, pero nunca había dedicado tiempo en investigar.
Muchas empresas o instituciones usan las ventajas de este formato visual, mas interactivo y 'didáctico'.
Básicamente se distinguen dos tipos, quizás haya más, newsletters y los emails promocionales o de marketing.
Cada uno tiene su público objetivo, y por lo tanto diferentes estrategias de diseño y de contenido (no viene al caso en este post)
En techrepublic se resumen los criterios a seguir para los diferentes casos.
La codificación HTML para emails impone algunas restricciones:
Una opción es crear la web con cualquiera de estas aplicaciones, y luego copiar el código fuente.
En caso que sea necesario subir archivos, se necesita un hosting, y FireFTP (extensión Firefox ) y/o FileZilla para subirlos.
Nota: No usar Microsoft Word para crear archivos html ya que crea mucha 'basura' en ellos, ni hacer copy/paste desde/hacia Word con Notepad, PSPad, ya que Word tiene otro tipo de formato para el texto.Software para enviar emails en HTML
Zookoda (herramienta online):
Registro gratuito, hay un tutorial en (flash) guía cómo crear y enviar una newsletter HTML, sirve además para bloggers (resumen de contenidos).
Como parte del compromiso anti-span, todos los miembros están restringidos de enviar emails hasta que los detalles de cada cuenta sean manualmente verificados.
Una vez loggeados, ir a Account > Sender Details > New Sender ahí completar tu email, y controlar si han sido verificados. En caso que no seas admitido,envían un mail notificando las causas (Zookoda Verifications)
poMMo una aplicación para envío masivo de correo para Linux, por lo que leí muy versátil, escrita en PHP. (Es necesario un servidor con PHP)
Dada Mail muy personalizable,tiene muchas prestaciones como número ilimitado de lista de correos, plantillas, un mecanismo de búsqueda de archivos, un panel de control para cada lista de correos y administración.
Posibilidad de una funcionalidad extra usando extensiones como Mystery Girl - Bounce Handler. No es necesario conocimientos de Perl/CGI para su instalación.
Algunas de sus extensiones requieren conocimientos en Linux
(Requiere un servidor con CGI/Perl)
Arclab Maillist Controller (aplicación Windows)
Administra lista de emails y envíos (personalizados) de lotes de mails en html, texto plano o html y texto plano.
Contiene un editor WYSIWYG, detección personalizable de emails regresados, y un panel de control muy completo e intuitivo.
Es una aplicación gratuita para el uso de una sola lista de correos, con un máximo de 100 recipientes.
Mozilla Thunderbird es un cliente de emails que permite el envío de mensajes como texto plano, HTML email, y una combinación de HTML y texto plano. Quizás sea una de las opciones mas sencillas.
Crear un email en HTML solo requiere hacer: click en el cuerpo del mensaje, y elegir Insertar > Html. (Obvio que requiere conocimientos de HTML, usar NVU antes, generar el código y pegarlo puede ser una alternativa para quien no domine demasiado el lenguaje)
PHPMailer aplicación para PHP.
(Actualizado)
Control para sitios web de mensajería instantánea de Windows Live Messenger, permite a los webmaster chatear anónimamente con los usuarios sin necesidad que instalen el Messenger.
Este control IM corre en los navegadores, por ahora soporta: IE6, IE7, FireFox 2.0 en Windows y FireFox 2.0 en Mac OS, y está disponible en 32 idiomas. Y obviamente es necesario tener una cuenta en Windows Live ID para obtener el código Html.
Es una idea interesante a pesar de las limitaciones que de momento tiene: es necesario ingresar una imagen de verificación que no siempre es del todo clara, segundo, algunas veces no funciona, pide reiteradamente que ingrese como usuaria.
El Html usa frames, y de lo poco que se sobre este 'lenguaje' es una práctica mal vista por los inconvenientes que ocasiona.
En resumen, no es perfecto aun, pero puede ser útil para los webmasters.
Aqui un ejemplo por si quieren decir algo
vía liveside.net
Sigo investigando en el desarrollo web, campo poco explorado por mi hasta ahora. Dadas las exigencias comencé con PHP (aunque estoy aprendiendo RoR también), MySql e instalado un servidor Apache (versión 2.26) bajo Windows XP. Para instalar todo el paquete y desentenderme de las configuraciones usé xampp (instalación muy sencilla e intuitiva).
Requerimientos laborales me llevan a estas opciones sin que descarte otras a futuro.
Paso 1- Instalar servidor
Xampp no está pensado para instalarlo para producción, su fin es crear un ambiente de desarrollo para desarrolladores y nada más.
Lista de aspectos de seguridad que faltan:
No se si es un falla de Apache con windows, que dicen no es tan eficiente como lo es bajo Linux, en httpd.conf tengo los MIME configurados para que acepte MP3:<object >
<param name="src" value="tema.mp3">
<param name="autoplay" value="true">
<embed src="tema.mp3" autostart="true" loop="false></embed>
(Actualizado)
No se si lo comenté, pero monté un servidor casero desde hace un tiempo en Apache bajo Windows XP, la idea era aprender (de a poco), mientras le voy dando utilidades a mi web.
Mi web es la misma que está en http://blablabits.awardspace.com/, salvo que en mi servidor tiene música de fondo (Summer:Party, Kronos Quartet). El sevidor de awarspace no me admite un archivo mp3 tan grande, así que por ahora es una web muda..veré de cambiarlo a un formato mas chico.
En un principio en mi .html usaba la etiqueta bgsound para reproducir música de fondo e indefinidamente, pero no funciona en Firefox, ya que Microsoft es propietaria de la misma (sorprendentemente Opera sí la admite).
Solución: usar la etiqueta embed que es aceptada por todos los navegadores, para evitar problemas de compatibilidad.
El problema en sí es trivial, y los pasos que se mencionan no necesariamente me llevaron a una solución, pero el recorrido para realizar las verificaciones correspondientes sí es necesario, y quizás a alguien le sirva.
Otro de los motivos que me llevan a escribirlo, es que las potenciales soluciones generalmente las encuentro en sitios que están en inglés, y no es la primera vez que sucede, por lo que este es mi spanish aporte.
Problema: con Firefox tampoco se escucha el sonido usando embed.
Comienzo a googlear.
1. Inicio -> Panel de Control -> QuickTime
2. Ir a pestaña "Tipo de Archivo"
3. Verificar que "MP3" se encuentre seleccionado.
4. Click "Ok"
Resultado: Ninguno
De a poco para recordar los fines por los cuales creé mi blog, qué corno hago y qué no, retomo algunas cosas, una era aprender HTML, entre otras. Y aprovechando lo que aprendo agrego algunas features al blog, como un buscador. Para ello me bastó agudizar mi lectura de HTML.
Voy a mejorarlo, esto es solo el principio, antes de RoR, pero lo dejo por si a alguien le es util.
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<INPUT TYPE=text name=q size=15 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Buscar">
<font size=-1>
<input type=hidden name=domains value="http://aquivatublog.blogspot.com"><br><input type=radio name=sitesearch value=""> en Web <input type=radio name=sitesearch value="http://aquivatublog.blogspot.com" checked> en Blog <br></FORM>
Donde dice aquivatublog.blogspot.com, agregan su dirección, o bien pueden cambiar algunos nombres como 'Buscar' por 'buscar, u 'ok', o en Blog por aquivatublog.blogspot.com, etc. A matter of taste, como siempre.
Luego en blogger el procedimiento es sencillo: Plantilla > Diseño > Elementos de Página > Añadir > Editar. Se abre una ventana, y eligen 'Añadir Html/Javascript', ahí copian el código de arriba y guardan las modificaciones.
Se agregará en la side bar, y mediante un drag lo ubican donde quieran.
Aqui el display (aunqe el botón 'Buscar' se visualiza a la derecha en realidad) :
Su funcionamiento depende del sitio, los ideales son los que tienen imagenes, y cuanto mas separadas, mejor.
Procedimiento:
(Actualizado)
No hace mucho (3/05/2007) comenté sobre walk2web, no se si estaba este servicio entonces, pero hoy me percato que permite crear un widget proporcionando el código html para insertar un botón en nuestro sitio/blog . A partir de un click sobre el botón Walk-me podemos 'caminar' por donde nos guía el sitio que desees, solo basta ingresar la Url, y veremos como una cartografía de lo que es la web, una telaraña realmente.
Y lo agregué, por supuesto.
aqui un ejemplo
De a poco me voy metiendo en la programación Web, y por lo tanto cada vez mas me interesan sus aspectos relacionado con la estética y legibilidad, para ello se hace imprescindible conocer un combo de técnicas emparentadas con la 'programación': javascript + html + Css.
Hay muchos sitios con recopilación de plantillas CSS, tenemos en webmasterlibre, así como Xyberneticos tan solo por mencionar dos ejemplos bastante completos en este tema, y por si fuera poco Xyberneticos nos ofrece varios tips para trabajar con CSS.
Verlos en acción es una referencia inmejorable, esto se propone asiteaday.
Por cada día del año muestra un sitio de alta calidad con el objetivo que sirva de inspiración a los diseñadores y/o desarrolladores.
El servicio es gratuito y por RSS podemos recibir el sitio del día. Quien crea que un sitio cumpla con el target de calidad puede ingresarlo.
vía webmasterlibre
Después de poner el Office XP a punto, noté algo extranísimo, todos los archivos de extensión html o htm no tenían el icono asociado a un explorador. Una vez más, vía Google, me entero que eso suele pasar cuando se actualiza Office XP, y no sería raro, ya que mis intalaciones y posteriores actualizaciones siguieron un curso sui generis. Para comenzar, instalarlo sobre algo que no había sido desinstalado, pero que no figuraba como instalado tampoco.
San Google otra vez me dio la solución, se que la encontré en uno de los tantos foros que vi, pero encontré esta web donde propone una solución, y además en caso de no correr con suerte sugiere este utilitario, htmliconfix.
En mi caso, fue solucionado por el utilitario, y obviamente lo asocia con Internet Explorer. Mi recomendación para quien como yo use Firefox, es que momentaneamente elijan como navegador por defecto a IExplorer asi solucionan el problema para ese navegador, y luego cambian el navegador.
Lo mas interesante de esta búsqueda fue encontrar este sitio para Windows XP: que tiene fix para el registro, scripts para mejorar rendimiento, administrar tareas, una guia de solucion a problemas, utilitarios freeware, etc.
http://windowsxp.mvps.org/index.html
(Actualizado)
Encuentro particularmente estéticos esos botoncitos que parecen casi íconos que se usan para sindicaciones, direcciones de e-mails, servicios web, etc.
Navegando encontré varios sitios que ofrecen como crearlos.
Generar íconos para e-mail
Gmail, Hotmail, Yahoo..(empresas conocidas)
http://services.nexodyne.com/email/
http://www.correoiconos.com/
http://safemail.justlikeed.net/
http://www.needasig.com/
http://www.hidetext.net/index.php
Gmail, Hotmail, Yahoo..y de empresas no conocidas
http://www.mailonpix.com/
http://chxo.com/labelgen/
Gmail
Estos servicios solo proporcionan la imágen para ser subida al servidor.
http://www.email-x.net/gmailsig/gmail-signature.php
http://www.sr-ultimate.com/gmail-signature/
Salvo los dos últimos servicios, los anteriores proporcionan un código HTML para ser insertado en el sitio.
Este sistema tiene ventajas frente a los robots de spam, la imagen con nuestro correo solo despliega nuestro e-mail, pero no está asociado a ningun cliente de correo electrónico. Quien desee mandar un mail, deberá tomarse la molestia de digitar nuestro correo electrónico.
De todos modos me pregunto si esos sitios al tener nuestro correo, no pueden dar nuestro email para spam, después de un tiempo podré decirlo.
Por otra parte personalmente no pude aguantarme y puse momentáneamente uno de los íconos asociado a un cliente de correo-e. Tengo 2 correos, uno en hotmail (que asocié al cliente) y otro en Gmail (solo despliega el correo).
Supongo que debe ser un bug1, pero cada vez que el cursor está sobre el ícono de Gmail y clickeo, se abre el cliente en la cuenta de Hotmail. Lo que no debería pasar.
Código para asociar un cliente de correo a un ícono (o ícono seteado como dice mi hermana):
<a href="mailto:tallerdeldisparate@hotmail.com"/><img src="image.png"/>
image.png, es el archivo asociado a la imágen.
Modo en que inserté las imágenes: Plantilla->Agregar elemento-> Aregar Javascript/HTML, copié el código proporcionado.
Otro bug2 o desconocimiento, es que intenté insertar el código usando el editor HTML de la plantilla, no di con el lugar adecuado. Si bien lo inserta, el ícono que tenía el cliente de correo asociado no responde, o sea, no llama al Outlook, Thunderbird por ejemplo. Seguramente es mi desconocimiento del manejo de las nuevas plantillas de blogger.
(parte I)
Estoy suscrita a los boletines de Webtaller porque entre otras cosas quiero aprender sobre el universo del desarrollo web, html, css, Ruby on Rails, javascripts, applets, programación de scripts del lado del servidor, etc.
No es mi perfil, pero lo considero interesante y necesario, sobre todo porque era una analfabeta total en el tema. Y además porque lo tomo como un complemento que puede abirme la cabeza a nuevos proyectos.
La 'web' me interesa, quisiera tener un sitio web y programarle aplicaciones, sobre todo del lado del servidor, ser yo la dueña total. Manejar y administrar mi propia web.
Me niego a conocer solo lo que parcialmente me sirva si no conozco mínimamente como funciona el todo, porque además lo considero necesario. (Quisiera ejercer ese espíritu renacentista de la curiosidad como medio de vida, de comunicación mediante la idea de compartir conocimiento, esto ya es personal y utópico, pero quería decirlo)
Html (tímidos comienzos)
Estuve leyendo sobre Html, y vi las etiquetas Meta las cuales van dentro de las etiquetas <head> y </head>, su finalidad es entre otras cosas describir el contenido de la web, las palabras claves por las cuales los indexadores las buscarán, su autor, etc.
(Aqui encontrarán un buen manual de Html)
Para quien no sepa nada de que hablo, les cuento que Html es un lenguaje basado en etiquetas y es el lenguaje en el cual se realizan las páginas web. El código HTML se escribe en texto ASCII, pero con la convención que dichos archivos deben terminar con la extensión .html o .htm.
Las etiquetas o también conocidas como tags funcionan a modo de descripción de la disposición de los diferentes elementos que componen una página web, enlaces, títulos, párrafos, tablas, formularios si los hubiere, secciones, etc.
Estas etiquetas son 'entendidas' o 'interpretadas' por los navegadores para desplegar la página segun fue indicado mediante una secuencia y uso de determinadas etiquetas.
(Los navegadores son aplicaciones como Internet Explorer, Firefox, Opera, etc.)
Como no es obligación saberlo, sobre todo para alguien que no sabe nada de HTML, para editar el blog y hacer estas modificaciones deben ir a Plantilla -> Edición de HTML.
Al respecto del uso de estas etiquetas encontré información dividida en la web. Algunos afirmaban la poca repercución que actualmente tiene su uso. Principalmente porque debido al abuso de los usuarios ha llevado a que la mayoría de los buscadores hayan optado por omitirlas en sus búsquedas. Otros las siguen considerando una herramienta relativamente eficaz. Estos comentarios tan dispares datan todos del mismo año, 2006, 2007.
Ok, otra tarea más para mi "ToDo list", averiguar al respecto pero como este tópico trata sobre Html, vale la pena mencionarlas.
Pues bien volviendo a lo que interesa, en mi blog agregué estas 2:
La primera indicando las palabras claves al indexador que identifican mi blog:
<META NAME="keywords" CONTENT="programación, delphi, web, internet, desarrollo">
La segunda, describe su contenido:
<META NAME="description" CONTENT="Desarrollo de software, Delphi, web, noticias sobre el mundo del software en general, y algunos apuntes personales">
Importante, aun desconozco XML, pero me entero por ensayo y error que ese es el lenguaje usado para el diseño del blog. Al insertar las etiqueta META, tal cual la describí arriba, e intentar guardar la plantilla me arrojó error. El mismo me indicaba que ingresé etiquetas XML que no fueron cerradas debidamente (una característica típica de XML: cerrar todas las etiquetas). Las etiquetas descritas arriba quedan así :
<meta lo que vaya /> observen la retrobarra antes de la llave de cierre, debe ir.
(Lo poco que se de XML es que además de crear tus propias etiquetas, todas deben cerrarse, incluso la etiqueta <br> contrariamente a lo que sucede en HTML. En HTML esto no es necesario para etiquetas como title, head, etc)
El otro 'detalle' que no fue menor, fue donde ubiqué las etiquetas. Antes de la que dice: <b:skin ............ que se encuentra también dentro de la etiqueta Head y después de la etiqueta <title ......</title>
Si la insertaba dentro de la etiqueta skin me cambiaba el 'layout' del blog y si lo hacía después, directamente salía un error de composición de la plantilla que no me dejaba guardarla.
Google mediante no encontré nada al respecto, salvo descripciones de los diferentes usos de META con diferentes parámetros. Pero no dónde insertarlo dentro del un blog de la última versión como este. Evidentemente tiene que ver con el tema de las css, algo que me queda por investigar y aprender.
Aun así, para los interesados encontré en este blog la nueva codificación usada en blogger y algunas sugerencias. Si bien está referido a su fase beta, dudo que haya cambiado en lo escencial.
Reconozco que parte de este contenido pueda serle trivial a unos cuantos (muchos), pero determinados temas como Html, quiero que tengan el mayor alcance posible, y no solo sea para los gurús o entendidos en informática necesariamente. Ademas soy una informática, pero tampoco entendida, aqui compartí lo que empíricamente sucedió.
¿Qué habré tocado? porque veo que deshabilité la opción de agregar comentarios.
Consejos de Webtaller
