Editando apunte: Este diario: Diseño modular

Editando apunte: Este diario: Diseño modular cerrar apuntes

ID: 18 (tabla: apuntes) Título:
Fecha: [poner fecha actual ]
Categorías: Así se hizo, Vicisitudes de un Webmaster, Programación
Etiquetas: bitácora, blog, diario, diseño, php, webmaster
Extras: bitácora, blog, diario, diseño, php, webmaster
apunte: - - - - - - - -

<p>
	[rss]Siguiendo con los pasos que hemos dado para el desarrollo de este diario, vamos a comentar como se ha planteado su diseño.[/rss]
</p>
<p>
	En la cabecera de la página tan solo se incrusta dinámicamente datos muy básicos como el título y las palabras clave para las búsquedas; a la vez que dependiendo de que se tratase de un apunte, se añade un script de validación para los comentarios, y si llevara información "<a href="?titulo=Este+diario:+Extras" >extra</a>", también se añade (scripts y estilos adicionales).
	El cuerpo de la página principal se acomoda con una instrucción include, usando un simple <a href="diario.jocker.php?extra=mostrar&url=diario/diario.includes.body.txt&PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2">fichero txt</a> con las etiquetas html definidas y con elementos de inserción de variables php.
</p>
<p>
	La cabecera del cuerpo de la página solo tiene el título que definimos en el fichero de configuración, y el logotipo (mi propio emoticón) que además lleva información de la página para datos estadísticos futuros. En el momento de escribir este apunte no tenía ninguna floritura más, aunque tenemos previsto mejorar el diseño. El pie de página está por desarrollar, aunque se reserva para las cosas típicas de esta zona (créditos, derechos de autor, etc.)
</p>
<h3 class="subtitulo">
	Divide y vencerás
</h3>
<p>
	<a href="diario.ficha.php?id=9&PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2" title="pintor"><img src="diario.imagen.php?id=9&max=300" alt="pintor" longdesc="diario.ficha.php?id=9" style="float: left; border: 1px solid #dddddd; margin: 0 1em .5em 0; padding: 1em" /></a>
	Durante mis estudios informáticos en España, ésta ha sido una de las frases que más he tenido que escuchar en las asignaturas de programación. Creo que este diario es un auténtico ejemplo de uso de la misma; les comento ¿por qué?:
</p>
<p>
	Las distintas secciones laterales están programadas en ficheros individuales, y en consecuencia, cuando debo modificar algo en alguna de esas secciones, simplemente tengo que editar un ficherito con unas pocas líneas (tal vez 20 o 30).
</p>
<p>
	Para poner un ejemplo comentaremos la zona de etiquetas, que como puede verse, está implementada con el aspecto de una <a href="http://es.wikipedia.org/wiki/Nube_de_palabras">nube de palabras</a>, sobre el color, es fácil reconocer que cambian a rojo las etiquetas asociadas al apunte activo; y sobre el tamaño, será mayor mientras mayor número de apuntes tengan asociada la etiqueta. El tamaño se obtiene con relativa facilidad:
</p>
<pre class="codigo" >function tam_fuente($mis_ids, $max, $escala, $base)	{
	return $base + ($mis_ids / $max * $escala);
}
//...
$fuente = "font-size: ".tam_fuente(count($_etiquetas), $max_ids, 1.4, .7)."em";
</pre>
<p>
	Nótese que a medida que necesitemos diferenciar más el tamaño, mayor valor deberemos asociar a la variable $escala, y el tamaño mínimo proporcional se encuentra en la variable $base.
También de la misma forma podemos saber el número de apuntes asociados a cada categoría, pero en esta ocasión, ese dato lo incorporamos directamente en el mismo listado.
</p>
<h3 class="subtitulo">
	Más módulos de quita y pon
</h3>
<p>
	Tenemos previsto añadir más módulos con la intención de hacer el diario más atractivo. Nos interesa también mejorar la <a href="http://es.wikipedia.org/wiki/Usabilidad" >usabilidad</a> del sitio, por eso podríamos realizar algunos cambios en el futuro.
Algunas de las opciones que nos hemos planteado es integrar antiguos elementos del dominio como <a href="Turing.html?PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2">La máquina de Turing</a>, el viejo <a href="generador/generador.html?PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2" >Generador de Fórmulas Matemáticas y Lenguaje HTML</a> o el también viejo editor de <a href="postales/index.html?PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2">Postales digitales</a>; aunque posiblemente actualizaremos esas viejas versiones.
También implementaremos las interesantes citas: <a href="http://www.caricatos.net/citas/index.php">Ponga una cita en su página</a>, pero a la vez que se asocie a un módulo de "<a href="?categoria=Eventos+y+efem%E9rides&PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2">Eventos y efemérides</a>".
</p>
<p>
	<a href="diario.ficha.php?id=12&PHPSESSID=j5rb5umcu3oevdnv16qofjdcg2" />
		<img src="dibujos/miemoticon.gif" alt="yo" style="float: right" longdesc="diario.ficha.php?id=12" />
	</a>
	A medida que se ande el camino, iremos informándolo. ¡Que lo disfruten!
</p>
<br/>

Controles Otras tablas: imagenes, postales, categorias, etiquetas, extras - - (popup ) - que

Seleccionar nuevo apunte

categoria Nombre:
Controles Otras tablas: apuntes, imagenes, postales, etiquetas extras - - Seleccionar: categoria
Descripción: - - - - - - - -	Apuntes

extra Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias etiquetas - - Seleccionar: extra
Descripción: - - - - - - - -	Apuntes

etiqueta Nombre:
Controles Otras tablas: apuntes, imagenes, postales, categorias extras - - Seleccionar: etiqueta
Descripción: - - - - - - - -	Apuntes

Editor del diario

Zona de comentarios

Evaluación