Archivo por 'Diseño Web'

Animación Flash (.swf) con fondo transparente

Logo Flash

A veces queremos poner una animación Flash en nuestro sitio web, pero con fondo transparente.  Si ya tienes la animación en tu página, solo agrega el siguiente parámetro en el código html.

wmode=”transparent”

De esta manera, el fondo quedará transparente.

Espero te sea de utilidad.

Saludos cordiales.

Popup’s (ventanas emergentes) en Dreamweaver

Editor de pop-up

Si deseas abrir un pop-up usando Dreamweaver, la extensión Popup Link de FlevOOware, podrá serte de utilidad. Aunque es cierto que Dreamweaver trae una opción para poder hacerlo, esta extensión te permite configurar la manera en cómo se abrirá la ventana emergente, tal como el que se abra centrada o en algún lugar en específico. En la imagen de arriba podrás ver el cuadro de diálogo que se muestra para su configuración.

Lo mas interesante es que esta extensión es totalmente gratis. En el mismo sitio podrás encontras mas extensiones para Dreamweaver que te pueden ser de utilidad.

Saludos cordiales.

Cuenta regresiva en Javascript

Anexo el siguiente código para insertar en nuestras páginas web un contador regresivo, que incluye tanto horas, minutos y segundos.

<script type="text/javascript"></script>

<form> Faltan

<input style="background: none transparent scroll repeat 0% 0%; text-align: left; border: 0px" name="reloj" size="30" /> </form>

El formato puedes darlo al gusto y el estilo de tu sitio.
Espero te sea de utilidad.
Saludos.

Diviendo imágenes con Adobe Image Ready

primer imágen

En ocasiones diseñamos alguna imágen para colocarla en nuestro sitio de internet, pero resulta que debido a su tamaño, ésta tardar en cargar para mostrarse, y máxime si no contamos con internet de alta velocidad.

En esos casos, podemos dividir la imágen en varias partes para que la carga sea más rapida.  Aunque pudiera haber varios programas para hacerlo, en mi caso usé  Adobe Image Ready, y los pasos fueron los siguientes:

  • Abrir el programa Adobe Image Ready.
  • Abrir la imágen a dividir.
  • Elegir de la barra de menú la Opción Sectores + Dividir Sector.
  • Del cuadro de diálogo que se nos muestra, elegimos la manera en cómo se dividirá la imagen y damos OK.

Dividir sectores

  • Finalmente, le damos Archivo + Guardar Optimizada como … elejimos nuestro nombre para el archivo y le damos Guardar.
  • Se creará una carpeta con varias imágenes con un número consecutivo y listas para usarse en nuestro sitio de internet.

Este fue el procedimiento que usé para la portada principal del sitio encontactoregional.

Espero les sea de utilidad. Saludos cordiales.

Evitar usuarios spam en foros phpBB

phpBB

En ocasiones, quienes usamos algun foro basado en phpBB nos resulta molesto cuando hay robots que se dedican a registrar usuarios para luego enviar spam en los foros, ya que de manera muy sencilla dichos robots se ‘vuelan’ la confirmación visual que genera el sistema de registro de los foros phpBB.

Afortunadamente, existe un MOD que ayuda a evitar esos molestos autoregistros. Se llama Better captcha. Lo instalé en 2 foros que tengo y francamente ha sido la solución real a mi problema de usuarios spam.

Espero les sea de utilidad.

Saludos.

Untitled Document

A veces, por las prisas, se nos llega a olvidar ponerle el ‘Title’ a nuestra página web mientras la desarrollamos. Este fin de semana, el sitio de Proceso estuvo en mantenimiento, y hoy lunes, al checar el sitio noté que su page principal dice en su título ‘Untitled Document‘. Veamos cuantos días así permanece.

proceso.com.mx

Digo, a cualquiera le puede pasar, no …?

Adobe Dreamweaver CS3

El tan esperado Dreamweaver CS3 es ¡toda una mavarilla! Tiene grandes diferencias, desde la interfaz hasta la manera en cómo maneja el código y el css. Yo usaba el MX2004, porque francamente no vi que valiera la pena el 8, de modo que decidí esperar hasta esta versión que es todo un mundo para el diseño y la programación web.

RAZONES PARA ACTUALIZAR

 

  • Estructura Spry para Ajax
  • Datos Spry
  • Objetos Spry
  • Efectos Spry
  • Integración con Adobe Photoshop® y Fireworks®
  • Comprobación de compatibilidad con el explorador
  • Sitio web CSS Advisor (Asesor de CSS)
  • Diseños de CSS
  • Gestión de CSS
  • Adobe Device Central CS3

 

Por esto y mas, a Dreamweaver CS3 no lo cambio por nada.

Sitio Oficial

 

Desarrollo de sitios dinámicos con PHP, MySQL y Dreamweaver

Con mas frecuencia hay interés en poder desarrollar páginas web pero dinámicas, esto es, que tenga acceso a alguna base de datos y que nos permite insertar, buscar, actualizar y eliminar registros.

Aunque suena complicado, no lo es del todo cierto. Usando php, mysql y dreamweaver podemo lograrlo sin tanto tiempo. Aparte necesitamos algunos otros programas para convertir nuestra computadora en un servidor web.

Les dejo el enlace a un tutorial que explica paso a paso cómo poder lograrlo. Aunque las versiones a las que se hace referencia son algo “viejitas” en las nuevas versiones del software los procedimientos son los mismos o muy parecidos, con lijeros cambios.

Espero les sea de utilidad.

Si hay dudas, pues con todo el gusto del mundo podemos ayudar.

http://www.mmug-ar.com.ar/dreamweaver/php.html

Saludos :-)

Poner la fecha con Php

Para poder mostrar la fecha actual en nuestra página web. puedes usar las siguientes líneas de código entre los tags de php :
——

function fecha(){
/* nombramos en una matriz los nombres de los meses y días*/

$meses = array(”enero”, “febrero”, “marzo”, “abril”, “mayo”, “junio”, “julio”, “agosto”, “septiembre”, “octubre”, “noviembre”, “diciembre”);

$dias = array(”Domingo”, “Lunes”, “Martes”, “Miércoles”, “Jueves”, “Viernes”, “Sábado”);
$dia = date(j); // devuelve el día del mes

$dia2 = date(w); // devuelve el número de día de la semana

$mes = date(n)-1; // devuelve el número del mes

$ano = date(Y); // devuelve el año
$fecha = $dias[$dia2].”, “.$dia.” de “.$meses[$mes].” de “.$ano;
return $fecha;
}

——
Para mostrarla pones el siguiente code entre los tags de php:

—-

$hoy = fecha();

echo $hoy;
// devolvería p.ej.: “Domingo, 13 de febrero de 2005″

—–

Saludos.

Cualquier detalle, favor de comentar.