Mostrando entradas con la etiqueta Diseño y Desarrollo Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño y Desarrollo Web. Mostrar todas las entradas

Maravilloso servidor Portable "Server2Go"

server2go servidor portable
Esta magnífica herramienta es un servidor portable donde puedes almacenar los sitios web que estés desarrollando para luego probarlos desde un Flash USB o CD, sin necesiad de instalar Apache ni IIS (lo cual es un problema a la hora de mostrar los resultados a alguien en cualquier PC que no sea la nuestra), ni tampoco tener que subir los archivos a internet cada vez que queramos mostrar los resultados.

Soporta PHP 5, bases de datos Mysql 5 y SqLite, lo único que tenemos que hacer es descomprimir el server2go en una memoria USB, y luego cargar los archivos de nuestro sitio en la carpeta "htdocs", luego ejecutar server2go, cuando se abra el explorador con una dirección de IP en la barra de direcciones, debemos colocar el nombre de la carpeta de nuestro sitio, ej.: 192.168.1.2/misitio/index.html, y listo!

Es una herramienta muy útil y recomendable, y lo mejor de todo es que puedes descargarla completamente gratis desde el sitio oficial http://www.server2go-web.de/download/download.html.

server2go servidor portable ejemplo

Otra cosa interesante es que si quieres puedes utilizarlo junto con un Firefox Portable, solo hay que hacer unos cambios que están explicados en su sitio web, http://www.server2go-web.de/wiki/usingportablefirefox.

server2go servidor portable intro

Diseño CSS para IE6, IE7 y Firefox

Este es un pequeño y extremadamente útil "truco" que nos soluciona el común problema que tenemos al diseñar una web con CSS que debe ser compatible para Internet Explorer 6, Internet Explorer 7 y por supuesto Firefox.

Básicamente para Firefox no existe ningún problema pero IE6 e IE7 suelen interpretar las hojas de estilo en cascada de diferentes maneras, lo que puede "literalmente" hechar por la borda todo un diseño realizado para Firefox únicamente, bueno, no se procupen demasiado, la solución que encontré buscando en la web es muy simple, y consta en crear diferentes parámetros css para cada navegador, entonces el código que se interprete será el que corresponda al navegador que estemos usando,

Para IE6 debes colocar: * Html (antes de cada etiqueta)
Para IE7 debes colocar: *:first-child+html (antes de cada etiqueta)

Por ejemplo, si creas un Div llamado "contenido" debes colocarlo así:

Para Firefox:

#contenido{
position:absolute;
left:217px;
top:250px;
width:749px;
height:2000px;
z-index:1;

Para IE6:

* html #contenido{
position:absolute;
left:217px;
top:250px;
width:749px;
height:2100px;
z-index:1;

Para IE7:

*:first-child+html #contenido{
position:absolute;
left:217px;
top:250px;
width:749px;
height:2200px;
z-index:1;

Como ven, el alto (height) de nuestro Div, tiene un tamaño distinto para cada navegador, Firefox (height:2000), IE6 (height:2100) e IE7 (height:2200), esto quiere decir que si vemos la pagina web con firefox, nos mostrará el div "contenido" con un alto de 2000px, si lo hacemos con IE6 veremos el div "contenido" con un alto de 2100px, y con IE7 un alto de 2200px.

Esto puede utilizarse para cualquier div o etiqueta en nuestro código CSS, les aseguro que esta técnica les facilitará muchísimo el trabajo de diseñar para distintos navegadores, y seguramente les solucionará problemas (si todavia no la conocían) con cualquier diseño que tengan.

un saludo, y buena suerte.

Como usar CDOSYS!

Existen diferentes herramientas para enviar emails directamente desde tu pagina web, algunas cuestan dinero y otras no, esta vez hablaré de una de las más comúnes, poderosas y además gratuitas, se trata de CDOSYS, una herramienta de Microsoft que funciona bajo los servidores IIS desde los 5.1 para arriba.

para aquellos que quieran profundizar más en el tema pueden ver este enlace ASP Cdosys ,

lo que voy a mostrarles ahora es un ejemplo sobre como configurar esta herramienta en nuestro sitio web, y que esta "funcione" correctamente, me tomó un tiempo dar con buenos ejemplos en la web y despues de hacer varias pruebas por fin lo logré que funcione, pero para empezar debo aclarar lo siguiente:
  1. Cdosys debe estar instalado en el servidor IIS donde esté alojado su sitio web (normalmente lo está, pero si nó puden solicitar a su proveedor que lo instale).
  2. Para este ejemplo utilizaré el lenguaje ASP.
  3. Deben tener una cuenta de email configurada para su sitio web, por ejemplo si su sitio se llama: www.ejemplo.com, lo mas común es que su cuenta de email (si crearon una) sea "micuenta@ejemplo.com".
bueno, ahora el ejemplo, yo utilicé una página HTML que contiene el formulario donde llenamos los datos del email y el mensaje en sí (contacto.html) , y otra página ASP que procesa el envío y lo ejecuta (cdosys.asp).

este es el código de "contacto.html":
------------------------------------------------------------------------------------------------


<html>
<head><title>contacto.html</title>
</head>
<body>
<form name="email" action="cdosys.asp" method="post">

Remitente:
<font color=#808080>coloque su dirección de email</font><br />
<input type="text" name="remitente" size="66" maxlength="256" /><br /><br />

Destinatario:
<font color=#808080>email del destinatario</font><br />
<select name="destinatario">
<option value="">seleccione un email
<option value="miemail1@ejemplo.com">miemail1@ejemplo.com<!--aca pudes colocar cualquier dirección/es de email-->
<option value="miemail2@ejemplo.com">miemail2@ejemplo.com
</select><br /><br />

Asunto:
<input type="text" name="asunto" size="66" maxlength="256" /><br /><br />

Mensaje:
<textarea name="cuerpo" cols="50" rows="15"></textarea><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Limpiar" />
</form>

</body>
</html>

-----------------------------------------------------------------------------------------------

éste el de la página que procesa el envío en ASP (cdosys.asp):

-----------------------------------------------------------------------------------------------

<% @ LANGUAGE=VBSCRIPT
ENABLESESSIONSTATE=FALSE %&g
t;

<html>

<head></head>
<%

Dim remitente,destinatario,asunto,cuerpo
remitente=request.form("remitente")

destinatario=request.form("destinatario")
asunto=request.form("asunto")
cuerpo=request.form("cuerpo")

Dim ObjSendMail


Set ObjSendMail = CreateObject("CDO.Message")

'Esta sección provee la informacion necesaria para la configuración del servidor SMTP remoto.
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/sendusing
") = 2
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpserver") ="servidor.ejemplo.com" 'servidor SMTP
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smt
pserverport") = 587 'puerto de servidor SMTP
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpusessl") = False 'Usar SSL para la conección (True or False)
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpconnectiontimeout") = 60


' Si su servidor requiere autenticación por nombre de usario y password agregue las siguientes 3 líneas, si no, no necesita hacerlo.
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/smtpauthenticate") = 1
ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/sendusername") ="direccion@ejemplo.com" 'Nombre de Usuario

ObjSendMail.Configuration.Fields.Item ("http://schemas.microsoft.com/cdo/configuration/sendpassword") ="1234" 'Password
ObjSendMail.Configuration.Fields.Up
date
'Aquí acaba la configuración del servidor SMTP remoto==

ObjSendMail.To = destinatario
ObjSendMail.Subject = asunto

ObjSendMail.From = remitente
ObjSendMail.TextBody = cuerpo
ObjSendMail.Send

Set ObjSendMail = Nothing
%>
<body>

<div id="index">
<div id="mensaje">

su mensaje se ha enviado con éxito...

</div>

<meta http-equiv="refresh" Content="3;URL=contacto.html">

</div>

</body>

</html>

----------------------------------------------------------------------------------------------

ver un ejemplo en el sitio que desarrollé recientemente:

Análisis de percepción visual en imágenes - Feng-GUI

El Site Feng-GUI nos ofrece un servicio que como publicista, diseñador web y amante de la fotografía, me pareció particularmente interesante, se trata de un software de inteligencia artificial que simula los primeros 5 segundos de percepción visual en una imagen (web, fotografía, video, etc.), analizando y mostrando en una transparencia sobre la imagen que subamos, cuales son los sectores más atractivos visualmente, cuáles se ven primero y en qué orden se ven.

En el Site podemos subir una imagen cada cierto tiempo y nos mostrará los resultados sin ningún costo (solo una marca de agua en la imagen con el texto "Created by Feng-GUI") , pero si optamos por pagar, el precio es de 50 USD por 50 imágenes ó 200 USD por 250 imágenes, también ofrecen servicios para análisis de video y otros, vale la pena darse una vuelta por el sitio!

ver web: Feng-GUI

Diseño Web

Vean http://www.worldrangercongress.org, diseño web css 2.1.