Posts archivados en la categoria Diseño Web
18th Abril 2010 | Diseño Web, Trucos Web
Desde que apareció Google Maps ya no tiene sentido colocar en una web, en la zona de ‘Donde estamos’, el típico mapa estático cutrecillo, puesto que Google, a través de su servicio de mapas, nos ofrece de forma totalmente gratuita la posibilidad de incluir un mapa dinámico incrustando en nuestra página web una ubicación de Google Maps que nosotros hayamos elegido previamente. Así, el usuario puede localizarnos e incluso buscar rutas, caminos o jugar con el mapa tanto como si estuviera visitando la propia página de los mapas de Google.
Básicamente es tan sencillo como copiar y pegar un código HTML que Google Maps nos ofrece desde su página web, aunque es posible también configurar algún aspecto como el tamaño del mapa que queremos mostrar, como os voy a mostrar a continuación.
Además, como espero mostraros en sucesivos posts, es posible realizar ligeras modificaciones y añadidos a este mapa con el fin de marcar algunas zonas, delimitar perímetros y un montón de cosas más a través del API de Google Maps, que permiten crear mapas realmente interesantes.
1. Eligiendo la ubicación
El primer paso será visitar Google Maps y buscar la ubicación del lugar que quiero que los usuarios localicen (mi casa, mi local, un pueblo, . . .).
Continuar leyendo…
19th Mayo 2009 | Curso PHP, Diseño Web, Programación Web
En la Séptima entrega de este Curso de PHP vimos como acceder a una Base de Datos MySQL y listar el contenido de una tabla creando una página web
Hoy vamos a ver como paginar esos resultados, puesto que en el caso de que tengamos, por ejemplo, unas 100 o 200 filas en la tabla no creo que nos interese tirar todas en la misma página puesto que crearían una página demasiado larga, lenta de cargar e incómoda para el usuario. Lo que queremos es mostrar los resultados de 10 en 10, ó de 20 en 20 y mostrar al usuario cuantas páginas de resultados quedan para que el pueda ir avanzando una a una o bien ir a la última directamente. Algo asi hace Wordpress con los Posts de este Blog. Sería bastante incómodo que se cargaran siempre todos en la página principal.
Asi, tomando el código que utilizamos en su día para consultar una Base de Datos, lo vamos a modificar para crear algo como lo que se ve en la captura del blog. La apariencia será diferente puesto que eso ya es aplicarle el estilo que queramos. Lo que interesa ahora es conseguir mostrar el número de páginas de resultados que hay y enlaces para acceder más rápidamente a esos resultados. El código quedaría algo asi:
Continuar leyendo…
9th Julio 2007 | Curso PHP, Diseño Web, Programación Web
Si el otro dia veiamos como subir un fichero a través de un formulario HTML, a petición popular vamos a ver como subir este fichero acompañado de algún comentario, y cómo brindar el primero en un enlace de descarga a nuestros visitantes
Lo primero será ampliar el formulario que utilizabamos en el post anterior, para incluir la posibilidad de escribir algún texto sobre el fichero
HTML:
-
<form action="enviar.php" method="post" enctype="multipart/form-data">
-
-
-
<td>Elige un fichero:
</td>
-
-
</tr>
-
-
-
-
</tr>
-
-
-
</tr>
-
</table>
-
</form>
A continuación, haremos una ligera modificación en el script PHP que se encarga de subir el fichero, puesto que ahora debemos acompañar a éste del comentario del usuario. Otra novedad en este caso, es que se almacenará tanto la ruta al fichero como el comentario en una Base de Datos de manera que desde una página de descargas puedan cargarse una página web con todos los enlaces y comentarios de los ficheros que se hayan ido subiendo. Recordad que los ficheros se suben a un directorio llamado ficheros, que debe "colgar" del directorio ráiz donde se encuentren las páginas y los scripts PHP.
Supondremos que tenemos una Base de Datos en MySQL, con una sobla tabla llamada 'descargas', formada por tres campos, que tendrá esta forma:
Continuar leyendo...
5th Mayo 2007 | Curso PHP, Diseño Web, Programación Web
Aunque la creación de formularios se realiza con lenguaje HTML, el procesado de éstos no puede hacerse con dicho lenguaje. Es necesario emplear algún tipo de lenguaje dinámico de generación de páginas web, como PHP en nuestro caso.
Supongamos que queremos hacer un formulario para subir ficheros a una carpeta determinada de nuestro servidor web. Primero, tenemos que crear el correspondiente formulario como más nos parezca. La única condición es la de crear un caja de texto del tipo file para que podamos indicar que fichero queremos subir. Por ejemplo:
HTML:
-
<form action="enviar.php" method="post" enctype="multipart/form-data">
-
-
-
<td>Elige un fichero
</td>
-
-
</tr>
-
-
-
</tr>
-
</table>
-
</form>
Veamos que significa cada una de las etiquetas/parámetros que he utilizado:
Continuar leyendo...
1st Febrero 2007 | Curso PHP, Diseño Web, Programación Web
Hoy vamos a hacer un contador de descargas, de manera que sea posible mantener la cuenta de cuántas veces se han descargados mis visitantes un determinado fichero que he colgado en mi página.
Está claro que colocando un simple enlace no podemos tener ningún tipo de control sobre su descarga puesto que los usuarios simplemente pincharán y lo descargarán. Es necesario implementar "un paso intermedio" de manera que el enlace al fichero no vaya directamente a ese fichero. Podemos hacer que en enlace de descarga lleve directamente a un script PHP que, primero incremente en uno un contador (almacenado en un fichero de texto o una Base de Datos) y posteriormente redireccione al fichero. De esa manera, anotamos la visita (descarga en este caso) y a su vez el usuario se descarga directamente el fichero por lo que prácticamente no se da ni cuenta de este "paso intermedio".
Hariamos que el enlace de la descarga llevara a un script PHP de esta manera
HTML:
-
<a href="descargar.php">Descargar el fichero
</a>
Y el script descargar.php podría ser como sigue
Continuar leyendo...
18th Enero 2007 | Curso PHP, Diseño Web, Programación Web
Hoy haremos unas tablas algo más accesibles de lo normal. En cuanto a accesibles me refiero que serán menos incómodas de leer que la típica tabla que presenta una serie de datos sobre un fondo uniforme, de manera que es imposible seguir los datos de una misma fila.
Para solucionar eso, lo que se hace es dar un fondo diferente a las filas impares y a las pares de manera que se facilita su visualización. Esto ya se viene haciendo cuando se visualiza en "modo lista" o "modo detalle" una carpeta de ficheros en algunos Sistemas Operativos.
Partiremos del ejemplo del otro dia sobre Acceso a Bases de Datos con MySQL donde se cargaban los datos de una tabla y se mostraban en una página web. Hoy los mostraremos dentro de una tabla HTML con un diseño accesible, para facilitar su lectura.
Continuar leyendo...
Desde que apareció Google Maps ya no tiene sentido colocar en una web, en la zona de ‘Donde estamos’, el típico mapa estático cutrecillo, puesto que Google, a través de su servicio de mapas, nos ofrece de forma totalmente gratuita la posibilidad de incluir un mapa dinámico incrustando en nuestra página web una ubicación de Google Maps que nosotros hayamos elegido previamente. Así, el usuario puede localizarnos e incluso buscar rutas, caminos o jugar con el mapa tanto como si estuviera visitando la propia página de los mapas de Google.
Para comentar algo busca un icono como este al final de cada post o pincha en el comentario de otro lector.
