Web Educa

Aplicación web que te permite crear botones para tu web de manera rápida, sencilla y con unos diseños muy buenos.

Enlace a Buttonator.

Blogia y el blog ciudadano es un sistema de publicación web que no lleva un buscador incluído, así que os vamos a dejar el código aquí del buscador más famoso de internet.

Sólo tenéis que cambiar el código de la dirección de WEB Educa por vuestra propia dirección web.  Google tiene tres tipos de buscadores para incorporar, nosotros aquí hemos añadido el  más completo.

Nosotros hemos lo hemos incorporado en la barra de menu a la izquierda y abajo. Recordemos como añadir código a la plantilla de Blogia .

 <code>

<!– SiteSearch Google –>
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Buscar">
<font size=-1>
<input type=hidden name=domains value="http://zaragozaciudad.net/educaweb"><br><input type=radio name=sitesearch value=""> WWW <input type=radio name=sitesearch value="http://zaragozaciudad.net/educaweb" checked> WEBeduca <br>
</font>
</td></tr></TABLE>
</FORM>
<!– SiteSearch Google –> 

</code>

Etiquetas: buscador

Seguimos con los resumenes en WebEduca, hoy para los que usan Blogia como herramienta web.

Lo más sencillo y por lo que hay que empezar e un blog con Blogia o con ZaragozaCiudad. Con "hoy abrimos un blog" explicábamos como crear un blog ciudadano y lo sencillo que era empezar a manejarlo, escribir y editar los contenidos.

Clasificación: Categoría Diseño Blogia en la que hemos ido escribiendo como editar una plantilla, elegir colores, cambiar la cabecera...

1. Cambios en la plantilla de blogia I - Inicio
2. Cambios en la plantilla de blogia II - Cambios de plantillas genéricas
   
3. Cambios en la plantilla III -  Añadir código de otras webs , modificación manual de la plantilla, etcétera.
   

También explicábamos la importancia de los tags, o etiquetas .

• Etiquetar es muy importante ya que facilita las búsquedas a los lectores y ayuda en la indexación de su información por los términos que esté empleando por lo que redundará en una promoción de su página web ya que la hará más visible y accesible en internet.

Etiquetas: blogia, plantillas, zaragozaciudad, tag

Roberto Abizanda, el creador de Blogia, lleva unos meses contando las últimas novedades sobre la plataforma de publicación de blogs: Blogia.

Eternamente rehaciendo Blogia . 

Etiquetas: blogia

Etiquetas: diseño, blogia, header

Para cambiar los colores de nuestra web a nuestro gusto hay que tener en cuenta ciertas premisas.

• Elegir un color agradable, de diseño, bonito, etcétera, es una de las tareas más difíciles de la web. Tenemos que conseguir cierta armonía de colores para que los contenidos no se pierdan en una amalgama de colores.

• Es muy difícil hacer una buena combinación de colores sino tenemos una preparación de diseño, afortunadamente en internet hay herramientas que nos pueden ayudar a seleccionar esa agradable combinación de color visual.

Atención: no es recomendable elegir los colores porque simplemente nos gusten, es decir, no podemos poner un color de texto amarillo fosforito que nos hace tanta gracia, con un rojo chillón sobre un fonde verde, ya que ciertas combinaciones nos hacen perder legibilidad al texto y a nuestros contenidos, y recordemos que esto es lo más importante. La teoría del color tiene sentido, mucha gente se pasa horas leyendo textos delante de la pantalla lo que hace que nuestra vista se vaya cansando, si llega a una web con unos colores muy fuertes sin tener un objetivo claro es muy posible que ese usuario se vaya de esa página sino está buscando nada específico y obligatorio en ella.

Así para ayudarnos a tan difícil tarea de selecionar colores en internet tenemos herramientas como las calculadoras de color que nos ayudan a elegir colores complementarios y que sean armoniosos.

• Calculadora on-line (imagen de ejemplo).
• Calculadora para descargar y manejar en nuestro ordenador.

¿Cómo cambiar los colores en nuestro blog ciudadano?

Ya vimos como cambiar la plantilla y desde el código de la plantilla se nos van dando etiquetas para poder ir cambiando los colores del texto, del fondo de la web, etcétera.

_{Algo más de bibligrafía:
Cómo seleccionar combinaciones perfectas de colores coincidentes.
Teoría del color en la wikipedia.}

Etiquetas: diseño, calculadora, teoría, color

Seguimos con el cambio básico de la plantilla en el blog ciudadano.

Vamos a empezar a enredar con el código de la plantilla de nuestro weblog.

• Recordamos: le tenemos que dar al desplegable de las OPCIONES y elegimos APARIENCIA.
• Ahora le daremos a la opción de CAMBIAR PLANTILLA, entre el FONDO y MÁS PLANTILLAS tenemos el CÓDIGO DE LA PLANTILLA, elegimos esta última opción.
• Así podremos ver el código del diseño de la plantilla que tengamos elegida anteriormente.

Llegados a este punto recomendamos abrir una hoja del WORDPAD en nuestro ordenador, o del BLOC DE NOTAS, nos vale cualquier editor de texto, pero no recomendamos el WORD, copiamos todo el código que vemos y lo pegamos en nuestro documento para tener una copia de nuestro código en caso de que algo no salga como queremos, siempre podremos volver atrás. Esto es MUY IMPORTANTE, con el cambio de la plantilla es muy fácil que la primera vez no nos salga como queremos ¹.

En nuestro caso, tenemos este diseño, pero ya podrían haber cambiado la plantilla. Nosotros tratamos de descifrar el código (aunque no tengamos ni idea) y casi intuitivamente vemos donde están las cosas, no es así del todo, bajamos en la plantilla y el menu de las plantillas de blogia se localiza enseguida. En nuestro caso hemos decidido poner un video de como se instala un blog (en este caso es wordpress que es un sistema de contenidos muy popular en internet, aunque esto es algo que con este blog ciudadano no tenemos que hacer nada más que registrarnos y olvidarnos de instalaciones) y el link a esta entrada. También podríamos añadir un contador de visitas (ya lo haremos, conoceremos sitios de estadísticas gratuitas en web), una imagen, etcétera. Imaginación al poder con internet. Es fácil adaptar un diseño básico a nuestras necesidades, pero hay que perder un poquito de tiempo en romper y arreglar nuestro diseño, luego podemos cambiar tanto como queramos.
 

¹ Este consejo nos vale para cualquier sistema de blogging que empleemos, hagamos copias de nuestro diseño si vamos a modificarlo y antes de modificarlo.

Etiquetas: diseño, plantilla, template, web

Cambio de la plantilla del blog ciudadano:

• Ponemos el ratón encima de OPCIONES, y se abre un desplegable.
• Le damos a APARIENCIA.
• En las etiquetas que nos salen le vamos a dar la que hemos marcado en la imagen, marcado con el número 2: CAMBIAR PLANTILLA.

Y veremos las plantillas, le damos al desplegable y vemos los diseños que nos ofrece blogia y el blog ciudadano, vamos eligiendo y nos quedamos con una que nos guste.

Etiquetas: plantilla, templates, blogia, diseño, web

Entramos en Mi cuenta, arriba en la zona de la derecha en la administración del blog:

• Cambiamos a las opciones avanzadas, de usuario experto, de esta manera podremos empezar a cambiar la plantilla del weblog.
• Ponemos el ratón arriba en Opciones y nos saldrá un desplegable, pinchamos en Apariencia, y veremos nuestro weblog con el "lorem ipsum" (el lorem ipsum es un texto que se utilizaba en las imprentas hace siglos para ver como quedaba el cuerpo del texto en determinados formatos, ahora con internet se mantiene esta tradición de diseño).
• Es para modificar la Apariencia, el diseño, añadir o quitar fotos y videos en la zona del menu, etcétera. De momento no tocamos el código de la plantilla, pero es algo que vamos a hacer en las siguientes artículos en Web Educa.
  

Etiquetas: diseño, weblog, blogia, blog, ciudadano, plantillas