logo El diario de Pepe Molina (Caricatos)

yo

El lenguaje php es interpretado en los servidores web.[página 1]


Última caricatura

IV Asamblea de la AEC: IV Asamblea General de la Asociación Española de Caricaturistas

IV Asamblea de la AEC

RSS de las imágenes: rss


La Cita

La vida por sí misma es el más maravilloso cuento

Hans Christian Andersen, escritor danés (1805-1875).


En esta zona están las páginas personales del autor.


Mis clientes ahora también son mis amigos (aunque les cobre).


En Mis amigos Informáticos hay una pequeña colección de páginas de colegas webmasters..


En Mis amigos artistas podemos encontrar artistas de cualquier índole (dibujantes, pintores, escritores...)


Las recomendaciones que proponemos son de índole variada.


Aquí un cajón de sastre de enlaces.


Nos referencian desde sitios de toda índole.


Puede contribuir a mantener esta página con su donativo.


botón pay-pal

Apuntes de la etiqueta: php (1) rss

Logo php

El lenguaje php es interpretado en los servidores web. Es seguramente el lenguaje más usado para realizar páginas web dinámicas.

Entre las posibilidades del lenguaje destacamos la facilidad para conectarse con bases de datos, y las características gráficas, muy útiles entre otras cosas para crear imágenes tipo captcha, miniaturas, marcas de agua, etc.

Clip-Art: de wmf a svg

emoticón de Caricatos Publicado el día 08 de marzo de 2015

Hace algunos años las revistas sobre temas informáticos nos inundaron de dibujitos conocidos como "clipart" (o clip-art)

.....

Leer apunte completo...




Ajax para copiar ficheros

emoticón de Caricatos Publicado el día 12 de julio de 2014

Hemos visto como subir archivos con Ajax, donde contábamos de un formulario y un control para seleccionar ficheros, pero cómo lo haríamos sin esa selección...

.....

Leer apunte completo...




Este diario: Listado de Archivos

emoticón de Caricatos Publicado el día 14 de mayo de 2014

Entre los recuadros que encontramos a los lados del diario, a la derecha y hacia el final de la página encontramos este listado

.....

En los primeros párrafos hemos indicado que el listado estaba comprimido, pero de manera visual, ya que realmente lo que hemos hecho es expandir el mismo...

.....

La mencionada "accesibilidad" podemos distinguirla porque los elementos desplegables son a la vez enlaces que funcionan como tal en navegadores con javascript desactivado.

.....

Leer apunte completo...




Iconos

emoticón de Caricatos Publicado el día 21 de marzo de 2014

Hace algunos años hemos empezado un proyecto para crear los iconos que necesitemos en nuestras páginas a partir de cualquier imagen o recorte de ellas.

.....

Leer apunte completo...




Gradientes... y svg

emoticón de Caricatos Publicado el día 04 de agosto de 2013

Conseguir fondos en colores degradados (o gradientes) cada vez es más fácil.

.....

De los tres gradientes que hemos expuesto, el primero es una imagen generada con un código similar al que expusimos al principio de este apunte. El segundo de los casos es simplemente una capa con estilos; que es precisamente lo que nos interesa, pero a día de hoy no es estándar, aunque es de esperar que pronto lo sea.

.....

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
x="0" y="0" width="200" height="10" preserveAspectRatio="none" viewBox="0 0 200 10" id="gradientes_svg">
	<defs>
		<linearGradient id="rojo_azul_svg" x1="0%" y1="0%" x2="100%" y2="0%" >
			<stop offset="0%" stop-color="red"/>
			<stop offset="100%" stop-color="blue"/>
		</linearGradient>
	</defs>
	<rect fill="url(#rojo_azul_svg)" width="100%" height="100%" />
</svg>

.....

Leer apunte completo...




Polígonos: svg vs. canvas

emoticón de Caricatos Publicado el día 01 de abril de 2013

Vamos a empezar con la imagen que vemos a nuestra derecha, que ya nos ha servido en el apunte: SVG: Preliminares para iniciar una serie de apuntes sobre este formato vectorial.

.....

Hay diversas formas para saber si una imagen tiene colores planos

.....

Ya con nuestra imagen mostrada en nuestra aplicación tan solo tenemos que pinchar en la forma que deseemos capturar para que obtengamos el resultado esperado.

.....

Leer apunte completo...




SVG animado: algunos ejemplos sencillos

emoticón de Caricatos Publicado el día 15 de febrero de 2013

Hemos hecho un par de animaciones rotando nuestro logo y las manecillas de un reloj analógico.

.....

Ya habíamos usado animateTransform en nuestras anteriores animaciones y eran del tipo "rotate" (rotación); en este caso hemos usado translate (traslado), y su uso es similar, así que no nos detendremos en explicarlo.

.....

El otro recorrido "path" es diagonal

.....

Leer apunte completo...




SVG: creación dinámica

emoticón de Caricatos Publicado el día 01 de febrero de 2013

Volviendo a las imágenes SVG, vamos a crear nuestro mapa de forma dinámica.

.....

... y veremos aparecer pausadamente y de forma caótica todas las provincias españolas.

.....

Al tratarse de un fichero svg, a la vez es un fichero xml, que nos vale para obtener datos con la tecnología Ajax.

.....

Leer apunte completo...




Uso de estrellas svg: Alertas

emoticón de Caricatos Publicado el día 08 de enero de 2013

Existen muchos posibles usos para dibujos con forma de estrella; tal vez uno de los más comunes son los sistema de evaluación muy usados en blogs o páginas parecidas (como este diario)

.....

Para darle algo de dinamismo le hemos añadido un efecto de rotación a las puntas de la estrella con una duración de cinco (5) segundos por cada giro.

.....

Leer apunte completo...




SVG: crear sudokus

emoticón de Caricatos Publicado el día 01 de enero de 2013

Simplemente haremos un recuadro con nueve (9) filas y nueve (9) columnas, resaltando recuadros agrupados en tres (3) filas y tres (3) columnas.

.....

Para conseguir entonces distintos sudokus, vamos a facilitar un formulario con la inicialización del mismo como parámetro

.....

Como podemos ver, con este apunte solo generamos el recuadro con sus casillas y los valores que nosotros pongamos. Investigaremos en su resolución.

.....

Leer apunte completo...




Generando estrellas svg

emoticón de Caricatos Publicado el día 25 de diciembre de 2012

Después de crear estrellas de cinco puntas, nos faltaría hacerlas con distintas características, variando el número de puntas u otras variantes.

.....

no solo ha cambiado el número de puntas de la estrella, sino que las puntas son de diferentes tamaños.

.....

Podemos obtener efectos muy curiosos con un número elevado de puntas, aunque tal vez no sea de utilidad.

.....

Leer apunte completo...




Reloj analógico configurable svg

emoticón de Caricatos Publicado el día 15 de diciembre de 2012

Después de comprobar con qué facilidad se puede dibujar un sencillo reloj analógico decidimos poderlo configurar; y a la vez compartirlo.

.....

Ya que estamos tratando la configuración de nuestro reloj, nos pondremos "manos a la obra"; pero aclarando que se trata de cosas básicas como los colores de sus componentes o la hora de inicio de su funcionamiento.

.....

Si se prueba la opción donde se abre una nueva ventana, el reloj se adaptará a las dimensiones de ésta, debido a que la declaración de las dimensiones en la etiqueta svg es de 100%.

.....

Leer apunte completo...




Mapas interactivos svg

emoticón de Caricatos Publicado el día 04 de diciembre de 2012

Volvemos a la temática sobre imágenes svg para mostrar otro mapa pero con nuevas características, como la redimensión (la "S" en Svg corresponde a "eScalable").

.....

También vemos que podemos variar los colores, resaltando si fuera necesario zonas concretas, y sin usar el lenguaje de programación habitual

.....

Para facilitar la creación de mapas para otros objetivos, hemos generado unos ficheros que esperamos sean de utilidad

.....

Leer apunte completo...




Sencillo reloj analógico svg

emoticón de Caricatos Publicado el día 14 de noviembre de 2012

Si nos planteamos hacer el dibujo de un reloj analógico, sencillamente tenemos que hacer un círculo con doce (12) marcas indicando las horas y tres (3) líneas para las agujas.

.....

Lo único que hemos hecho con un lenguaje distinto al svg+xml es la ubicación inicial de las agujas

.....

reloj analógico estirado En este caso la hora que mostramos es la del servidor donde está alojada la página, pero para otro apunte lo ajustaremos con la hora del navegador.

.....

Leer apunte completo...




XML para guardar tablas

emoticón de Caricatos Publicado el día 04 de noviembre de 2012

En ocasiones tenemos que realizar operaciones que implican cierto riesgo de alteración de datos y se nos ocurre que podría ser buena idea volcarlos a un fichero que pueda servirnos para recuperarlos si algo falla.

.....

Para nuestro caso concreto, vamos a volcar la tabla de apuntes, pero solo nos interesan los título con sus respectivos contenidos, descartando la fecha y demás campos que para nuestro propósito son innecesarios, aunque viendo el código puede apreciarse con que facilidad podríamos insertar más campos.

.....

Si hubiéramos intentado incluir los contenidos al obtenerlos mediante Ajax, podríamos tener problemas por las etiquetas que tienen los apuntes, porque se podrían cerrar algunas existentes o añadidas como los "div" y "textarea".

.....

Leer apunte completo...




Este diario: sitemap.xml

emoticón de Caricatos Publicado el día 17 de octubre de 2012

Hemos tenido un pequeño problema con la generación de nuestro "sitemap.xml" debido a que ha crecido bastante el contenido de esta página, por lo que hemos decidido revisarlo minuciosamente.

.....

La referencia de imágenes en el sitemap puede hacerse simplemente con su URL (ubicación), o adjuntando más información como un título o una descripción:

.....

//$item es el objeto con los datos de una entrada del sitemap
//$item["images"] es el array de imágenes asociado al "$item"
while (count($item["images"]) > 0)	{
	$imagenes = array_pop($item["images"]);
	$lista .= "\n\t<image:image>";
	foreach($imagenes as $itemImage => $itemsito)
		$lista .= "\n\t\t<image:$itemImage><![CDATA[".$itemsito."]]></image:$itemImage>";
	$lista .= "\n\t</image:image>";
}

.....

Omitiremos explicar las tres últimas líneas del código ya que solo sirven para obtener los datos de las secciones "archivos", pero puede notarse que se van generando elementos del array "$listados" con los datos que usaremos en cada etiqueta "url" de nuestro sitemap.

.....

Tenemos más para contar, pero lo dejaremos para más adelante...

.....

Leer apunte completo...




Formularios y Ajax

emoticón de Caricatos Publicado el día 01 de agosto de 2012

Después de integrar un sistema para editar y borrar mensajes en nuestro libro de visitas nos encontramos en la necesidad de evitar cambiar de página por cada nueva modificación.

.....

Fieles a nuestras recomendaciones, debemos poder navegar perfectamente sin javascript (descativándolo), y así sucede, porque para lo único que lo usábamos era para mostrar una advertencia. Es el momento de añadirle a nuestro sistema inicial las modificaciones necesarias para nuestro objetivo...

.....

De la respuesta solo nos interesa que se han recibido los datos, así que simplemente obtenemos el código de color, y según ese valor actualizamos el mensaje. Con el rojo eliminamos el mensaje (en nuestro caso cambiamos su color), y en el servidor generamos una transacción "delete" en la base de datos. El código negro significa que lo hemos desactivado, y mostramos el mensaje con opacidad; y ya sea negro o azul, modificamos el mensaje con los cambios realizados.

.....

Es de destacar que el fichero que procesa cada formulario en el servidor es el mismo que tenemos para ese cometido sin usar Ajax.

.....

Leer apunte completo...




Este diario: Top 10

emoticón de Caricatos Publicado el día 19 de junio de 2012

Como habíamos adelantado, hemos reemplazado la sección "Últimos apuntes" por otra que llamamos "Top 10" (los 10 apuntes más leídos).

.....

La petición Ajax es exactamente igual (se puede comprobar forzando el enlace, tal vez en una nueva ventana o pestaña), enlazando a la misma página con los mismos parámetros, pero mostrando los resultados con otro formato. Por ejemplo, la descripción o definición se asigna al atributo title de cada enlace.

.....

Quiero destacar que esas peticiones no son redundantes, ya que por cada petición se crea una lista nueva, ocultando la anterior para tan solo modificar los estilos de visualización si necesitamos volverlas a mostrar. Sabiendo que será la primera página la única visible y existente, inicializamos una variable con ese dato:

.....

ultimo_tope = "1";
var lista_tope = {};
lista_tope[ultimo_tope] = {"visible": true};

.....

Para luego considerar esa existencia a la hora de paginar.

.....

Leer apunte completo...




Libro de visitas

emoticón de Caricatos Publicado el día 09 de junio de 2012

En los libros de visita podemos dejar constancia de nuestra presencia en los distintos sitios donde los encontremos. En las páginas web pasa lo mismo.

.....

Habíamos eliminado el formulario para firmar debido al spam que recibíamos, pero al tener mayor experiencia, podemos evitarlo (cosa que haremos pronto). También habían abusado cuando se permitieron etiquetas html, por lo que hemos eliminado esa característica. Ahora nos queda realizar algunas tareas administrativas que listaremos a continuación:

.....

  • Mejorar la presentación de mensajes (por ejemplo la fecha).
  • Un sistema para editar y/o borrar mensajes.
  • Validación y seguridad.
  • Paginación.

.....

Leer apunte completo...




Top 10 con Ajax (paginación)

emoticón de Caricatos Publicado el día 27 de mayo de 2012

Últimamente hemos modificado la página para mostrar los apuntes creados cada mes en la sección archivos, por lo que la sección "Últimos apuntes" tiene ahora poco sentido mantenerla. Por otro lado, en otro apunte hemos mostrado los 10 apuntes más leídos del diario, y hemos pensado que es lo que podría sustituir la sección antes mencionada.

.....

Otra modificación que hemos realizado es obtener el resumen al igual que hemos hecho con el apunte anterior. Tan solo falta saber cuántas páginas habrá, o aún mejor, cuántos apuntes... ¡Ya tenemos dos motivos para realizar consultas "Ajax"!

.....

Después de obtener ese dato (el número de apuntes) obtenemos la primera de las páginas y concluímos con los ajustes finales.

.....

Tan solo nos queda revisar detalles secundarios pero no menos importantes como las actualizaciones en los elementos que indican dónde estamos, ya sea enfatizando el vínculo actual (en nuestro caso hemos incrementado el tamaño de la letra/número), o actualizando ese valor en la zona informativa.

.....

Leer apunte completo...

Páginas: [ 1 ] [ 2 ][ 3 ]

Zona de comentarios

Esta etiqueta aún no tiene comentarios.

Evaluación

Valoración de esta página: (etiqueta.php) valor

Valoración evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar evaluar

Respuesta: Zona de mensajes (proceso de evaluación)

Historial de navegación

Esta página ha sido visitada en 23857 ocasiones


Disponemos de rss sindicar

Y del Mapa del sitio, además del sitemap.xml.


Aquí podemos encontrar los apuntes más visitados.

"Top 10" reemplaza a la sección Últimos apuntes.


Una buena forma de buscar un apunte es a partir de su categoría.


También es posible buscar apuntes por medio de las etiquetas (tags).


Hemos decidido poner al alcance de todos algunos comodines.

Adjuntamos una versión reducida del "buscador interno" que vemos en la lista anterior:

Buscar en apuntes

También estamos recopilando antiguas páginas del sitio.


Desde este recuadro se puede hacer una búsqueda cronológica.


Se puede crear una postal nueva desde el enlace del sector "Otras páginas del dominio", o editar la que sale en el recuadro, pulsando sobre ella..

../diario.imagen.php?id=2
http://www.pepemolina.com/postales/Navidad/TgC_Navidad_31.gif
enlace a la postal
Copyright © 2002-2024 www.pepemolina.com
RSS rss | Ver Mapa del sitio