Bueno, volvamos a lo nuestro. El atributo style es genial para aplicar formatos como color, alineación, tamaño, etc. Sin embargo, a veces es bastante largo de escribir si lo que queremos es algo muy específico. Por ejemplo, si dentro de un párrafo queremos que solo una palabra esté subrayada, el método correcto sería:

1
2

<p>Este es un parrafo en el cual la palabra
que estara subrayada es <span style="text-decoration:underline">esta</span></p>

Debes haber notado una etiqueta nueva que no habíamos visto: span. Te cuento que la etiqueta span se usa para aplicar estilos a fragmentos de texto a los que no podríamos acceder de otra forma. Por ejemplo, si quiero poner en negrita solo una palabra, como esta, no puedo aplicar estilos al párrafo que la contiene, sino que debo tener una forma de separar solo esa palabra (a veces una letra o un grupo de letras) del párrafo para darel formato. En esos casos se usa la etiqueta span.

Sin embargo, sigue viéndose muy extenso escribir span y luego incluir los estilos solo para una palabra o una letra. En esos casos podemos apoyarnos en las etiquetas de formato. Sí, ya sé que he dicho que el formato se aplica con estilos, no con atributos ni etiquetas. Pero estas etiquetas en particular son ampliamente usadas y dudo mucho que queden obsoletas, incluso en años. Veamos:

Negrita <b></b> o <strong></strong>

Como lo dice el título, cualquiera de esas dos etiquetas puede usarse para  aplicar negrita; la etiqueta b (de bold, negrita en inglés) o la etiqueta strong (fuerte en inglés).

1
2

<b>Esta frase esta en negrita</b><br />
<strong>Y esta otra tambien</strong>

Cursiva <i></i> o <em></em>

En este caso, pueden usarse la etiqueta i (de italic, cursiva en inglés) o em (de emphasis, énfasis en inglés)

1
2

<i>Esta frase esta en cursiva</i><br />
<em>Y esta otra tambien</em>

Subrayado <u></u>

En este caso se usa la etiqueta de dos lados u (de underline, subrayado en inglés).

1

<u>Esta frase esta subrayada</u>

Superíndice y subíndice:  y 

El superíndice consiste en hacer pequeña la letra y elevarla sobre la base. El subíndice consiste en hacer pequeña la letra y bajarla de la línea de base. Por ejemplo:

En esta fórmula, los exponentes son superíndices:

x²-y² = 4

En esta fórmula, vemos subíndices:

O₂ + H₂ = H₂O

1
2

<p>Para elevar equis al cuadrado usamos un superindice: x<sup>2</sup><br />
Y para escribir la formula del agua usamos un subindice: H<sub>2</sub>O</p>

Cita textual <blockquote></blockquote>

Cuando copiamos un fragmento de un texto ajeno, es necsario indicar que se trata de una cita. En HTML, la etiqueta blockquote cumple esta función. Lo que hace es sangrar el texto hacia la derecha.

1
2

<blockquote>I have a dream. <br />
Martir Luther King</blockquote>

Tachado <del></del>

Se usa para tachar un texto con una línea horizontal. Suele ser útil cuando se cambia un texto y no se quiere eliminar el original para que los visitantes a la web. Como decir que  renunció botaron al Ministro de Justicia.

1

<del>Este texto esta tachado</del>

Preformateado <pre></pre>

Si queremos que el navegador muestre lo que hemos escrito tal como está en el código, respetando los espacios y saltos de línea, esta etiqueta se encarga de eso. Recuerda que el navegador ignora los saltos de línea y espacios en el código. Por ejemplo, el siguiente código:

1
2
3

<p>Este parrafo
tiene varias
lineas</p>

Genera una sola línea:

Este parrafo tiene varias lineas.

Pero este otro

1
2
3

<pre>Este parrafo
tiene varias
lineas</pre>

Genera tres líneas (aunque con letra monoespaciada):

Este parrafo
tiene varias
lineas

Si este artículo te gustó también puedes leer:

• Curso básico de HTML: 3 – Atributos y valores (1 comentarios)
• Curso básico de HTML: 4 – El atributo “style” (1 comentarios)
• Curso básico de HTML: 2 – Etiquetas básicas (1 comentarios)
• Curso básico de HTML 1 – Introducción a HTML (1 comentarios)
• Web 2.0 (7 comentarios)

Un laboratorio multinacional crea una nueva enfermedad para la cual también tienen creada la cura. Puesto que solo ellos tienen la cura, su preocupación es expandir la enfermedad para que mucha gente requiera el remedio y solo ellos puedan venderlo y así sus ingresos sean gigantescos.

¿Y a que viene esto?

Las academias han creado el mito de que el ingreso a la universidad es el clímax de la educación juvenil, que un ingresante ha alcanzado el cenit intelectual. Que el ingreso se lo debe a su academia, a las noches que no durmió, a las fiestas a las que no fue y a los amigos que dejó de lado. Y que ingresar es lo más maravilloso del mundo, comparable a una medalla olímpica o un bachillerato. Y los padres ya se tragaron el cuento, cuando sus hijos ingresan hacen fiestas, reparten cervezas, dan discursos emotivos. No importa si su hijo ingreso al octavo o décimo intento, igual ya ingresó. Las academias usan el sistema del laboratorio del ejemplo anterior, crean la enfermedad (la creencia de que el ingreso es increíblemente difícil, que es absolutamente imposible ingresar solo con los conocimientos adquiridos en el colegio o repasando en casa) y solo ellos tienen la cura (solo ellos pueden hacer que el estudiante ingrese).

Existen casos peores: profesores de academia que se burlan de ciertas universidades porque su examen de admisión es más sencillo, o se burlan de ciertas carreras porque el puntaje requerido para ingresar no es tan alto. En Aduni (la roja hasta los huesos Aduni), por ejemplo, es costumbre arraigada despotricar contra carreras de poco puntaje. He conocido amigos, ex alumnos y familiares que sienten vergüenza (VER-GÜEN-ZA) de expresar su vocación por miedo a la burla y terminan postulando a una carrera “bien vista” solo por la presión del entorno. Si estas academias impulsan el ingreso a la universidad, ¿no debería ser parte de su labor la de orientar la vocación, las capacidades y el método de estudio?

En Trilce (la del dirigente de la U, Juan Carlos Noli, a quien más le importa su equipo y sus barras bravas y sus pleitos que sus colegios), se anunció con bombos y platillos que se estaba creando la más grande enciclopedia del sistema preuniversitario del Perú. Y a falta de mayor creatividad, le pusieron un nombre, huachafo, ofensivo para cualquier intelectual, ridículo por decirlo directo: “El gordito“. Este “libro” debía contener todos los temas de todos los cursos (sería un libro por curso). Hasta ahí todo bien (salvo el nombre tonto), pero cuando empezamos a redactarlo (yo participé en esa redacción) recibimos una orden venida del mismo dirigente de la U que en sus ratos libres juega a educador: el bendito libro debía contener 100 preguntas de opción múltiple (las que tienen cinco alternativas) pero solo dos hojas (cuatro carillas) de teoría. No interesaba si el tema en cuestión era corto o extenso: solo podía tener cuatro carillas de teoría. Y nosotros devanandonos los sesos, preguntándonos cómo rayos sintetizamos todo el Siglo de Oro español en cuatro carillas, o los aspectos del verbo en cuatro carillas. O el caso contrario, ¿cómo exprimimos un tema corto para sacarle cien preguntas de opción múltiple? El libro salió, al menos tuvieron la decencia de pagar a quienes tuvieron una mayor participación en él (algo inusual en Trilce, aunque no fue mucho, al menos pagaron); pero por ahí anda, lleno de errores de teoría y con preguntas tan forzadas que ofenden (como preguntar diez veces cuántos artículos encuentra en la siguiente oración, solo variando la oración).

Pero ¿quién da la orientación vocacional a los chicos?, ¿quién les hace un paseo didáctico?, ¿una visita a un museo? No, claro que no, esas son labores del colegio. Y es verdad, son labores del colegio, pero más allá de labores del colegio, son labores propias de una buena educación. ¿Quién respeta al alumno que quiere postular a la USMP, a la URP, a la PUCP?

Una vez una alumna me preguntó si le recomendaba postular a una universidad nacional o a una privada. No lo dudé un instante y le dije: si puedes pagarla, ve a una privada. Cuando me preguntó por qué, le respondí: “tienen baños limpios”.

Y no solo tienen baños limpios, sino mejores profesores (con las pensiones que pagan en que cerebro anormal cabe que enseñen profesores mediocres ahí), mejor infraestructura (¿existe algun sanmarquino que no haya hecho cola para usar una computadora lenta y podrida de virus?), entre otras cosas. Claro que no todas las particulares son buenas (el escándalo de Alas Peruanas, que fue bien camuflado por el Apra, nos abrió bien los ojos en ese tema).

Sin ir más lejos, el último examen de admisión a San Marcos incluyó preguntas como estas:

Los siguientes versos: “¿Por que a verte volvi, Silvia querida?/ ¡Ay triste! ¿Para que? ¡Para
trocarse/ mi dolor en mas triste despedida!” pertenecen a:

1. Ricardo Palma.
2. Jose Asuncion Silva.
3. Mariano Melgar.
4. Carlos Augusto Salaverry.
5. Jose de Esponceda.

Seriale la alternativa que exhibe correcta puntuacion del enunciado.

1. Al entrar al aula chicos, saluden; al salir, cierren la puerta.
2. Al entrar al aula, chicos saluden; ai salir, cierren la puerta.
3. Al entrar al aula; chicos saluden; al salir, cierren la puerta.
4. Al entrar al aula, chicos, saluden; al salir, cierren la puerta.
5. Al entrar al aula, chicos, saluden, al salir, cierren la puerta.

Si un triángulo rectángulo, recto en A, tiene 5cm de hipotenusa y se cumple que senB=2senC, entonces el área del triángulo es:

1. 2,5 cm²
2. 5 cm²
3. 5,1 cm²
4. 5,5 cm²
5. 5,2 cm²

¿Me dice alguien cuál de esos temas no se ven en el colegio? Si alguien no me cree, ahi van las respuestas:

La primera es Mariano Melgar. Cualquier alumno atento a clase sabe que Mariano Melgar estuvo enternamente enamorado de Silvia, así que ni siquiera es necesario acordarse de los versos porque el nombre Silvia ya nos hace pensar en Melgar. Tema de 4to año de secundaria.

La segunda es la alternativa d: “Al entrar al aula, chicos, saluden; al salir, cierren la puerta” Son dos expresiones opuestas (las ideas de entrar al aula y salir del aula) por lo que deben separarse por punto y coma. En la primera expresión aparece un vocativo (chicos) que debe separarse por coma y en la segunda expresión se coloca una coma porque se ha invertido el orden sintático natural (debería ser “cierren la puerta al salir”). Tema de primer año de secundaria: puntuación.

En la tercera el razonamiento es sencillo, si la hipotenusa mide 5cm asumamos que los catetos son b y c, opuestos a los vértices B y C respectivamente. Por tanto, el seno de B sería b/5 y el seno de C sería c/5, por el dato que nos dan:

Por lo tanto, la respuesta es la alternativa b. Quinto año de secundaria, tema: funciones trigonométricas.

¿Entonces? ¿De verdad es de vida o muerte estudiar en una academia? Y ojo que no reniego de las academias en sí, porque me parece completamente válido que un estudiante entre un par de meses a repasar conceptos que no tiene muy frescos. Pero de ahí a matricularse un año y otro y otro, intentar año tras año ingresar al punto que se plantean el ingreso como una de sus más altas metas (una encuesta a estudiantes de secundaria demuestra que su meta ya no es ser profesional, sino “ingresar”, miren a donde estamos llegando), descuidar sus estudios porque, total, en la academia veré todo esto. ¿Es esa la educación realmente? ¿Querer aprender en pocos meses varios temas, tener un aprendizaje memorísitico sin mayor análisis, desconocer métodos de estudio como la lectura, el fichaje (ahora con software), la investigación que les serán vitales a los estudiantes desde el primer ciclo?

¿Un estudiante puede ingresar a la universidad solamente con los conocimientos adquiridos en el colegio? Mi respuesta es un rontundo sí y tengo argumentos y pruebas de sobra para rebatir a cualquier oportunista que diga lo contrario. Si a eso sumamos la informalidad y las pésimas condiciones de estudio y laborales, estas academias realmente son lupanares y no centros de estudio. ¿Se acuerdan de los locales de Vallejo en Chancay, Tacna, el local de Aduni en Huancavelica, el de Trilce en Rufino Torrico, el de Saco Oliveros en Av, Arequipa o el de Pitagoras frente a la UNI?

Dirán que la educación estatal es tan mala que hace necesaria la academia. Pues, están razonando de forma anormal. Si la educación es mala la solución no es una academia, la solución es corregir esa educación. Los colegios preguniversitarios son solo una extensión de las academias y no han conseguido más que niños probeta que ingresan a los 10, 11 o 12 años para ser recontra promocionados en pancartas y letreros. ¿Eso es educación?

Yo suelo explicar mis ideas con analogías para simplificarlas al extremo de que todos me entiendan con suma rapidez. Decía:

Imagínense que un alumno termina la primaria y se matricula en una academia para postular a la secundaria. Deja de dormir, empieza a alterarse emocionalmente por su ingreso a la secundaria, le asaltan temores, miedos y complejos. Su familia lo presiona, en la academia le hacen creer que si no ingresa es un fracasado. Y cuando por fin ingresa la familia hace fiesta, el muchacho siente que ha logrado la más alta meta de su vida y que su nombre será grabado en mármol para las generaciones futuras. Pero, ¿no se supone que el paso a la secundaria debe ser un proceso de rutina?, lo mismo que debe ser el paso del colegio a la Universidad. Un paso de rutina, pero hoy lo toman como mi analogía.

¿Llegará el día en que el ingreso a la secundaria sea otra pesadilla adolescente y estas academias aprovechen para llenarse los bolsillos? Lamento mucho decirles esto pero, ese horrible día ya llegó. A los hombres de bien solo nos queda luchar desde nuestras trincheras para mejorar la educación. Deséennos suerte.

Apéndice

¿No me creen que ese funesto día ya llegó? A las pruebas me remito:

Descarga el pdf

Si este artículo te gustó también puedes leer:

• Saúl me escribe a propósito de las academias preuniversitarios (Merecía un post completo y no un comentario nada más). (4 comentarios)
• Pamer y Trilce no se cansan de violar la ley (55 comentarios)
• Los colegios preuniversitarios: ¿Educación de calidad o mina de oro? (77 comentarios)
• Examen de admisión en la UNI (43 comentarios)
• ¿Y tú? ¿Ya borraste tu cuenta de facebook? (5 comentarios)

¿QUÉ ES EL ATRIBUTO STYLE?

Es un atributo especial porque no tiene valores como los demás atributos, sino que contiene propiedades, y son las propiedades las que recién tienen valores.

¿CUÁL ES LA FUNCIÓN DEL ATRIBUTO STYLE?

Como su nombre lo dice, es un atributo de estilo (style es estilo en inglés), lo que significa que este atributo permite hacer lo que se hace con las Hojas de estilo CSS (especificar formato, color, tamaño, posición, etc.) aunque con algunas limitaciones.

¿POR QUÉ USAR “STYLE” Y NO OTROS ATRIBUTOS  O ETIQUETAS DE FORMATO?

Lo resumo en dos razones:

1. Los atributos y las etiquetas de formato (que veremos en el siguiente capítulo) están en proceso de extinción. Si escribes tu web abusando de ellos, es probable que en un tiempo tu página web no sea mostrada correctamente en los navegadores.
2. El atributo style usa las mismas propiedades (aunque no todas) de las Hojas de estilo CSS, lo que significa que cuando empieces a aprender diseño web con CSS (lo que de hecho es una obligación si quieres ser un experto en creación de páginas web) tendrás una base sólida.

¿CÚAL ES LA SINTAXIS DEL ATRIBUTO “STYLE”?

Puesto que style es un atributo, usa la sintaxis de todos los atributos (en la etiqueta de apertura, separado por un espacio de ella y encerrando los valores entre comillas precedidos por un signo igual), con las siguientes variaciones:

• Dentro de las comillas no se escribe el valor sino la propiedad.
• Un atributo style puede tener muchas propiedades.
• Cada propiedad tiene un valor, entre valor y propiedad deben escribirse dos puntos, así: propiedad:valor
• Entre una propiedad y la siguiente se escribe punto y coma, así: propiedad1:valor1;propiedad2:valor2 (no es obligatorio un espacio después del punto y coma, pero es frecuente colocarlo para que sea más sencillo visualizar el código y saber donde termina una propiedad y donde comienza la siguiente).
• El atributo style encierra a todas sus propiedades con punto y coma precedidos del signo igual, así: style=”propiedad1:valor1; propiedad2:valor2;”
• La última propiedad debe terminar con punto y coma, aún cuando no hay una propiedad después de esta (fíjate en el ejemplo anterior).

De lo explicado, la sintaxis del atributo style sería:

<etiqueta style=”propiedad1:valor1; propiedad2:valor2; propiedad3:valor3;”>elemento</etiqueta>

Veamos un ejemplo real:

1

<p style="font-size:120%; text-align:left; color:yellow; background-color:grey;">Hola a todos</p>

El código anterior genera el siguiente resultado:

¿Cómo se generó ese resultado? Pues a través de las propiedades contenidas en el atributo style. Las explicaré una a una para su mejor comprensión:

1. Propiedad font-size; valor 120%. Esta propiedad determina el tamaño de la fuente (letra). 120% significa 120% del tamaño estándar. También podría medirse en pixeles o en em (considerando que 1em es el tamaño estandar de letra, por lo que 120% es igual a 1.2em).
2. Propiedad text-align; valor: center. Esta propiedad determina la alineación del texto (aunque puede usarse también para elementos no textuales como imágenes). El valor center, hace que el texto aparezca centrado.
3. Propiedad color; valor: yellow. Esta propiedad determina el color de la letra (nada de font color, por favor). El valor yellow indica que la letra es amarilla (yellow es amarillo en inglés).
4. Propiedad background-color; valor: grey. Esta propiedad determina el color de fondo (nada de bgcolor, eso ya no existe). El valor grey indica que el color de fondo es gris (grey es gris en inglés).

PROPIEDADES BÁSICAS PARA EL ARGUMENTO STYLE

Mis estudiantes me preguntaban a menudo cómo cambiar el color de letra, el tamaño, el tipo de letra, entre otras cosas, así que, basado en esas dudas frecuentes, explicaré las principales propiedades del argumento style:

ALGUNOS EJEMPLOS APLICATIVOS:

1.Dibujar una línea horizontal de color verde, de 2px de grosor, de la mitad del ancho de la ventana y alineada a la izquierda:

1

<hr style="color:green;background-color:green;height:2px;width:50%;text-align:left;" />

2. Escribir un encabezado de primer nivel de color amarillo con fondo gris y centrado.

1

<h1 style="color:yellow;background-color:grey;text-align:center;">Encabezado 1</h1>

3. Darle color de fondo azul a toda la página

1
2

<body style="background-color:blue;">
</body>

4. Darle color de fondo azul y texto blanco a toda la página:

1
2

<body style="background-color:blue;color:white;">
</body>

En el siguiente capítulo estudiaremos como aplicar formato usando algunas etiquetas básicas. Aunque lo ideal es aplicar formato con el atributo style, las etiquetas de formato tendrán un buen tiempo de vida todavía con nosotros pues se usan para casos específicos.

Si este artículo te gustó también puedes leer:

• Curso básico de HTML: 3 – Atributos y valores (1 comentarios)
• Menu desplegable en Moodle (tutorial) (3 comentarios)
• Curso básico de HTML: 5 – Aplicar formato usando etiquetas (1 comentarios)
• Curso básico de HTML: 2 – Etiquetas básicas (1 comentarios)
• Curso básico de HTML 1 – Introducción a HTML (1 comentarios)

1

<hr />

Pero quizás nos interese que la línea fuera azul, de 2 pixeles de grosor, que ocupe solo la mitad del ancho en pantalla y que este pegada a la izquierda. ¿Muchas propiedades?, sí, son muchas, pero se pueden indicar en la etiqueta anterior. Para eso usamos atributos y valores.

¿QUÉ SON LOS ATRIBUTOS?

Los atributos son eso: atributos; en otras palabras, características que se le añaden a una etiqueta para especificar la forma en que queremos que se muestren sus elementos. Con los atributos podemos cambiar el color de letra, la alineación, el tamaño de una imagen o de una tabla, etc.

¿QUÉ SON LOS VALORES?

Los valores son la especificación de un atributo. Por ejemplo si el atributo indica el ancho de una imagen; el valor de dicho atributo indicara el ancho exacto en una unidad de medida (casi siempre pixeles). Por ejemplo, el atributo width significa ancho, y el valor para ese atributo podría ser 400px, con lo cual, el elemento en cuestión tendrá un ancho de 400 píxeles.

¿CÓMO SE ORDENA UNA ETIQUETA SUS ATRIBUTOS Y LOS VALORES DE ESTOS?

La forma de ordenar cualquier elemento en un código (no solo HTML) se llama sintaxix, así que, de acá en adelante hablaré de sintaxis (no de orden o posición) y ya debes saber de qué se trata.

Si una etiqueta tiene un atributo la sintaxis es así:

1. El atributo va siempre en la etiqueta de apertura, jamás en la de cierre. Se deja un espacio en blanco entre la etiqueta y el atributo.
2. Si la etiqueta es de un solo lado, el atributo se coloca entre la etiqueta y la barra de cierre, dejando, como en la indicación anterior, un espacio entre la etiqueta y el atributo.
3. El valor del atributo se escribe con el signo igual y encerrado entre comillas. así atributo=”valor”
4. Si hay más de un atributo se separan entre sí por espacios.

Por lo tanto, la sintaxis es:

<etiqueta atributo1=”valor1″ atributo2=”valor2″ atributo3=”valor3″></etiqueta>

Si la etiqueta es de un solo lado:

<etiqueta atributo1=”valor1″ atributo2=”valor2″ atributo3=”valor3″ />

Ejemplo:

1

<img src="figura.jpg" width="200px" height="300px" border="0" />

En el caso anterior la etiqueta es img y es de un solo lado. Esta etiqueta se usa para insertar una imagen en la página web. A esta etiqueta se le han añadido los siguientes atributos:

• src, se usa para indicar que imagen se va a añadir y donde se encuentra. En este caso, el valor de dicho atributo es figura.jpg
• width, se usa para especificar el ancho de un elemento. En este caso, el valor es 200px, lo que significa que la imagen insertada mide 200 pixeles de ancho.
• height, se usa para especificar el alto de un elemento. En este caso, el valor es 300px, lo qe significa que la imagen insertada mide 300 pixeles de altura.
• border, se usa para especificar el ancho del borde de un elemento. En este caso el valor es 0, lo que significa que la imagen no tiene borde. Pero también podría ser 1, 2 o 3 para indicar el ancho del borde (en pixeles)

LOS ATRIBUTOS SON OPCIONALES U OBLIGATORIOS

Eso depende de la etiqueta. Algunas etiquetas exigen atributos obligatorios sin los cuales no pueden funcionar. Otras etiquetas no los exigen y queda en la decisión del diseñador web si los añade o no pues se usan para dar formato (tamaño, color, posición, etc.).

Algunas etiquetas que exigen atributos obligatorios son:

• img, pide el atributo src para indicar la imagen
• a, exige el atributo href para indicar el destino del enlace

Llegado el momento veremos estas etiquetas.

LOS ATRIBUTOS OPCIONALES ESTÁN EN PROCESO DE EXTINCIÓN

A diferencia de los atributos obligatorios, que son exigidos por la etiqueta para funcionar. Los opcionales están desapareciendo poco a poco y los buenos diseñadores web los evitan casi totalmente porque existe un mejor método que los atributos. Dicho método se llama Hoja de estilos CSS.

Así que desde ya te advierto: no te acostumbres demasiado a los atributos porque están condenados al deceso.

Sin embargo, en el próximo capítulo de este curso, veremos el punto intermedio entre los atributos y las hojas de estilo: el atributo style.

P.D. Solución al ejercicio del capítulo anterior:

1
2
3
4
5
6
7
8
9
10
11
12
13

<h1>Etiquetas basicas de HTML</h1> 
<hr /> 
<p> 
HTML usa etiquetas para estructurar el contenido<br /> 
Dichas etiquetas se encierran entre los simbolos menor y mayor<br /> 
Algunas etiquetas son de dos lados y otras solo de uno 
</p> 
<p> 
Las etiquetas basicas son "h" para los encabezados, "hr" para las lineas,<br /> 
"p" para los parrafos y "br" para los saltos de linea 
</p> 
<hr /> 
<p>Fin del ejercicio</p>

Si este artículo te gustó también puedes leer:

• Curso básico de HTML: 5 – Aplicar formato usando etiquetas (1 comentarios)
• Curso básico de HTML: 4 – El atributo “style” (1 comentarios)
• Menu desplegable en Moodle (tutorial) (3 comentarios)
• Curso básico de HTML: 2 – Etiquetas básicas (1 comentarios)
• Curso básico de HTML 1 – Introducción a HTML (1 comentarios)

1. El código HTML se usa para crear páginas web. El navegador interpreta el código y muestra el resultado en forma de página web.
2. Para escribir código HTMl debemos usar un editor de texto plano. Para Windows, el mejor sin duda es NotePad ++
3. Al trabajar escribiendo código HTML debemos tener dos programas abiertos: el editor de textos para escribir el código y un navegador (que no sea Internet Explorer, por favor, porque muestra mal el diseño) para ver los cambios en la pagina web.
4. Los códigos HTML se marcan con etiquetas que se encierran entre los símbolos menor y mayor (< >).
5. Algunas etiquetas son de dos lados (apertura <etiqueta> y cierre </etiqueta>) y otras son de un solo lado y se cierran en sí mismas (<etiqueta/>).
6. Los comentarios no se muestran en la página web y deben ir encerrados entre < ! – - y - ->
7. La estructura básica de una página web es:

1
2
3
4
5
6
7
8
9

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title><!--Aqui escribe el titulo de tu pagina web--></title>
</head>
<body>
<!--Todo el contenido que se coloque aqui sera visible en la pagina web-->
</body>
</html>

Hoy veremos las etiquetas básicas para añadir contenido en una página web. No olvides que el contenido se añade dentro de la sección body.

Encabezados

También conocidos como títulos, sirven para darle una estructura a la página web. Existen seis clases de encabezados, es decir, encabezado de nivel 1, encabezado de nivel 2 y así hasta llegar al encabezado de nivel 6, en el que 6 es el de menor jerarquía y 1 es el más importante.

Los encabezados se indican con la etiqueta de dos lados h (de head en inglés) seguida del número de nivel del encabezado.

Veamos:

1
2
3
4
5
6

<h1>Encabezado 1</h1>
<h2>Encabezado 2</h2>
<h3>Encabezado 3</h3>
<h4>Encabezado 4</h4>
<h5>Encabezado 5</h5>
<h6>Encabezado 6</h6>

Escríbelos en tu editor de texto plano para que veas los resultados y practiques.

Líneas

Las líneas son trazos horizontales que van de un extremo al otro de la ventana (a menos que se le indique lo contrario). Pueden servir para separar un título de un contenido, el contenido de un pie de página o cualquier división que se nos ocurra. Siempre es recomendable no abusar de las líneas. Se usa la etiqueta de un solo lado hr

1

<hr />

Párrafos

Los párrafos son bloques de texto que funcionan como un solo elemento (por ejemplo, al cambiar el color de letra se cambia para todo el párrafo). Además, entre un párrafo y otro hay un salto doble de línea para que visualemente separemos los bloques de texto.

Se usa la etiqueta de dos lados p

1
2
3
4

<p>Esto es un parrafo. Puede ser extenso o corto,
pero cuando cierro la etiqueta p el parrafo termina</p>
<p>Y cuando se vuelve a abrir otra etiqueta p
un parrafo nuevo comienza</p>

* Nota: los encabezados son llamados elementos de bloque, por lo tanto no pueden ir dentro de un párrafo. Ejemplo:

Incorrecto:

1
2
3
4

<p>
 <h2>CURSO DE HTML</h2>
 HTML es el lenguaje en el que se escriben las paginas web
 </p>

Correcto:

1
2
3
4

<h2>CURSO DE HTML</h2>
 <p>
 HTML es el lenguaje en el que se escriben las paginas web
 </p>

*Nota 2: El navegador ignora los saltos de línea dentro del código HTML, por eso, en el ejemplo anterior, da lo mismo que la línea 2 tenga la etiqueta de apertura de párrafo y la línea 4 la etiqueta de cierre. Las líneas 2,3 y 4 podrían estar en una sola y daría lo mismo.

Es decir:

1
2
3
4
5
6
7
8
9

<h2>CURSO
 DE
 HTML</h2>
 <p>
 HTML
 es el lenguaje
 en el que se escriben
 las paginas web
 </p>

y este otro:

1

<h2>CURSO  DE HTML</h2><p>HTML es el lenguaje en el que se escriben  las paginas web</p>

Generan el mismo resultado en el navegador. O sea que nosotros saltamos de línea en el código solo para facilitar nuestra lectura, ya que al navegador le da igual.

Saltos de línea

Puede darse el caso de que queramos que el texto haga un salto simple de línea y no el salto doble que se origina al pasar de un párrafo a otro. En este caso se usa la etiqueta de un solo lado br

1
2
3
4
5
6
7
8
9

<p>Este es un parrafo, si yo salto de linea en el codigo
(como aqui) el navegador lo ignora y mostrara todo en una linea.
Pero si quiero que el navegador realmente muestre un salto simple
de linea (no doble como en el parrafo) uso la etiqueta br <br />
Aqui ya salte de linea <br />
Aqui he vuelto a saltar de linea <br />
Aqui he saltado de linea una vez mas</p>
<p>Aqui comienzo un nuevo parrafo, y como ya sabemos
el salto de linea entre un parrafo y el siguiente es doble</p>

Como ejercicio, escribe el código para la siguiente página web (en la siguiente sesión daré el código con la solución):

Si este artículo te gustó también puedes leer:

• Curso básico de HTML: 5 – Aplicar formato usando etiquetas (1 comentarios)
• Curso básico de HTML: 4 – El atributo “style” (1 comentarios)
• Curso básico de HTML: 3 – Atributos y valores (1 comentarios)
• Curso básico de HTML 1 – Introducción a HTML (1 comentarios)
• Web 2.0 (7 comentarios)

Si yo quiero añadir código a un post (html, php, css, javascript, entre otros) el problema es que el sistema lo ejecutará. La otra forma es escribirlo directamente en el contenido del post como:

<span style=”color:red”>Rojo</span>

Con todos los problemas que esto implica (el código anterior en realidad no es código -texto plano- sino texto con formato, por citar el más obvio).

Después de bucear entre muchos plugins para mostra código, de visitar blogs que ya lo hacen y preguntar a los autores que plugin usan he encontrado la que me parece una solución excelente (sin problemas tontos como que hay que quedarnos en la vista html porque se pierde el código al pasar al editor visual) es combinar el uso de dos plugins. Sí, dos, no basta uno solo.

PLUGIN 1: WP-SYNTAX

Descarga el plugin desde su página e instalalo. O, mucho mejor, instálalo directamente desde tu tablero de WordPress.

Una vez instalado, para mostrar el código debes ir a la vista HTML del editor, escribir el código y rodearlo de <pre></pre>, adicionalmente debes añadir el atributo lang para especificar el tipo de código y el atributo line si quieres que se muestren los números de línea. Por ejemplo, algo como:

<pre lang=”php” line=”1″>

<?php echo ’Hola ’, htmlspecialchars($_POST['usuario']); ?>

</pre>

se vería así (usando WP_Syntax):

1

<?php echo 'Hola ', htmlspecialchars($_POST['usuario']); ?>

Sin embargo, este método trae problemas como incompatibilidades al pasar al modo visual o el hecho mismo de que hay navegar en el código html para hacer pequeñas modificaciones y que hay que indicar a mano los atributos lang y line.

PLUGIN 2:  WP-SYNTAX BUTTON

Este plugin inserta un botón en el editor visual que permite ahorrarse toda la escritura de etiquetas y atributos que requiere el plugin anterior.  WP-Syntax button obviamente no trabaja por sí solo, sino como “una extensión” de WP-Syntax. Puedes instalar este plugin descargándolo desde esta página o desde el tablero de WordPress.

Una vez instalado, verás un botón nuevo en el editor visual:

En el editor visual se añade el botón "Code"

El uso es bastante sencillo. Escribe tu código directamente en el editor visual, seleccionalo, pulsa el botón code y escoge el tipo de código. Es todo. Adicionalmente escribe el número de línea desde el que quieres que comience el código (esto es opcional).

Al pulsar el botón Code aparece este cuadro. En el se debe elegir el tipo de código a mostrar y, opcionalmente, el número de línea desde el que comenzará el conteo

A TENER EN CUENTA

Aún existe un problema con esta combinación de plugins, aunque considero que es mínimo en comparación con los que traen otros y es que es preferible escribir el código en un editor de texto plano en vez que escribirlo directamente en el editor visual de WordPress. ¿La razón?, pues que el editor visual salta de párrafo al presionar Enter y en el caso del código tendríamos saltos de línea de dos en dos. Por ejemplo, al escribir esto en el editor visual:

<table>

<tr>

<td></td>

</tr>

</table>

Se mostraría esto (fíjate que quedan líneas vacías):

1
2
3
4
5
6
7
8
9

<table>
 
<tr>
 
<td></td>
 
</tr>
 
</table>

Aquí un ejemplo de los dos plugins combinados para mostrar código:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html<?php echo $direction ?>>
<head>
 <?php echo $meta ?>
 <meta name="keywords" content="moodle, <?php echo $title ?> " />
 <title><?php echo $title ?></title>
 <link rel="shortcut icon" href="<?php echo $CFG->themewww .'/'. current_theme() ?>/favicon.ico" />
 <?php include("$CFG->javascript"); ?>
 <?php include("js.php"); ?>
</head>
<body<?php
 echo " $bodytags";
 if ($focus) {
 echo " onload=\"setfocus()\"";
 }
 ?>>
<div id="page">
<?php if ($home) { ?>
 <div id="background"> <!-- closed in footer.html -->
 <table id="wrapper"> <!-- closed in footer.html -->
 <tr>
 <td>
 <div id="header-home">
 <a id="logo" href="<?php echo $CFG->wwwroot; ?>">&nbsp;</a>
 <h1><?php echo $heading ?></h1>
 <div><?php echo $menu ?></div>
 </div>
<?php include("menu.php"); ?>
 <?php } else if ($heading) {  ?>
 <div id="background"> <!-- closed in footer.html -->
 <table id="wrapper"> <!-- closed in footer.html -->
 <tr>
 <td>
 <div id="header">
 <a id="logo" href="<?php echo $CFG->wwwroot; ?>">&nbsp;</a>
 <h1><?php echo $heading ?></h1>
 <div><?php echo $menu ?></div>
 </div>
<?php include("menu.php"); ?>
 <?php } ?>
<?php if ($navigation) { ?>
<div>
 <div><?php print_navigation($navigation); ?></div>
 <div><?php echo $button; ?></div>
 </div>
 <?php } else if ($heading) { ?>
<?php } ?>
<!-- END OF HEADER -->
<div id="content">

Si este artículo te gustó también puedes leer:

• ¿Wordpress o Blogger? (3 comentarios)
• Wordpress.com añade widget para twitter (4 comentarios)
• Nuevo tema en WordPress.com: iNove (1 comentarios)
• Curso de WordPress.com: 4 – Widgets (2 comentarios)
• ¡Un año! (4 comentarios)

Página web estática y página web dinámica

Una página web estática es aquella cuyo contenido se verá siempre igual a menos que se modifique directamente el código que la genera (código html). Mientras que una página web dinámica es aquella cuyo contenido es generado por fórmulas que hacen llamados a una base de datos para imprimir la información en pantalla. En otras palabras, es como si una página web estática ya estuviera creada desde antes de acceder a ella y una página web dinámica se construyera “al vuelo” cuando la ejecutamos.

Un ejemplo de web dinámica sería este blog. Si escribes un comentario aquí, el contenido variará sin haber tocado el código.

Introduccion a HTML

El código HTML se puede escribir en cualquier editor de texto plano. En Windows podemos usar el bloc de notas (aunque, reconozcámoslo, es un asco) o, mucho mejor aún, notepad++. Si estás en alguna distribución Linux ya tendrás a la mano un excelente editor de texto plano.

Empezaremos por lo básico, la escructura de un documento HTML. Para eso abrimos nuestro editor de textos y guardamos un archivo nuevo (en blanco) con el nombre nuevo.html Entonces notaremos que el icono que muestra dicho documento ha cambiado para mostrar que es un documento web. Si le damos doble clic se abrirá en el navegador por defecto de nuestro sistema (Firefox, p.ej.).

Para empezar a escribir HTML tendremos dos ventanas abiertas: 1. Nuestro editor de textos, desde el que introduciremos el código. 2. Nuestro navegador web para visualizar los cambios a nuestra página web.

Ahora bien, para escribir HTML necesitamos escribir etiquetas. Estas etiquetas van rodeadas de los símbolos menor < y mayor >. Ĺa mayoría consisten en una etiqueta de apertura y una etiqueta de cierre. Aunque algunas no necesitan la de cierre.

En el caso de etiquetas de dos lados, la de apertura se escribe <etiqueta> y la de cierre </etiqueta> (con una barra antes del nombre). En el caso de las etiquetas de un solo lado, estas deben cerrarse en sí mismas con un espacio y una barra de cierre, de esta forma: <etiqueta />

Por ejemplo:

1
2

<strong>Hola</strong><!--Esta etiqueta tiene apertura y cierre-->
<hr /><!--Esta etiqueta no requiere cierre-->

ESTRUCTURA BÁSICA DE UN DOCUMENTO HTML

Un documento HTML tiene una estructura determinada, digamos que es un esqueleto, o una maqueta, sobre la cual construimos el documento.

1. Un documento HTML debe encerrarse con la etiqueta de dos lados <html></html>
2. El documento HTML debe contener dos secciones: head y body; estas se indican con etiquetas de dos lados respectivamente: <head></head> y <body></body>. En la sección head se añade información importante para nuestro documento pero que no será visible en la ventana del navegador; mientras que en la sección body se añade todo el contenido que será visible en nuestra página web.
3. Dentro de la sección head se escribe el título de la página web con la etiqueta de dos lados <title></title>

1
2
3
4
5
6
7
8

<html><!--el documento debe iniciarse con la etiqueta html de apertura-->
 <head><!--inicio de la seccion head-->
 <title>Mi primer documento HTML</title><!--Dentro de la etiqueta title se escribe el titulo de la pagina-->
 </head><!--fin de la seccion head-->
 <body><!--inicio de la seccion body-->
 <!--todo lo que se escriba dentro de body sera visible en la pagina web-->
 </body><!--fin de la seccion body-->
</html><!--el documento debe cerrarse con la etiqueta de cierre html-->

Cuando queremos escribir comentarios estos deben ir encerrados entre <!-- y --> de la siguiente manera:

1

<!--Este es un comentario. Los comentarios se utilizan para explicar fragmentos de código puesto que el navegador los ignora y no se ven en la pagina web. Sin embargo, es recomendable no abusar de ellos porque retardarian la carga de la pagina-->

HTML ESTRICTO Y HTML TRANSICIONAL

Si bien existen más variantes de código HTML, estas dos son las más usuales. Cómo su nombre lo indica, el HTML estricto no permite errores ni etiquetas reprobadas (antiguas), mientras que el transicional es más “permisivo” con dichos errores. Obviamente sería preferible utilizar HTML estricto y así lo usaré a lo largo del curso. En caso contrario haré la aclaración cuando sea necesario.

Sin embargo, no es tan sencillo como decirme a mí mismo: “escribiré con HTML estricto” o “escribiré con HTML transicional”, sino que debes informárselo al navegador para que comprenda como manejar el código de tu página web. Para eso hay que agregar una línea al código, antes de la etiqueta <html>

Para HTML transicional este es el código:

1

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Para el HTML estricto:

1

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Por lo tanto, la estructura básica de un documento html será:

1
2
3
4
5
6
7
8
9

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title><!--Aqui escribe el titulo de tu pagina web--></title>
</head>
<body>
<!--Todo el contenido que se coloque aqui sera visible en la pagina web-->
</body>
</html>

Si este artículo te gustó también puedes leer:

• Curso básico de HTML: 5 – Aplicar formato usando etiquetas (1 comentarios)
• Curso básico de HTML: 4 – El atributo “style” (1 comentarios)
• Curso básico de HTML: 3 – Atributos y valores (1 comentarios)
• Curso básico de HTML: 2 – Etiquetas básicas (1 comentarios)
• Web 2.0 (7 comentarios)

Paso a paso: un archivo comprimido (zip, rar, tar, etc.) es un archivo que contiene a otro (o a otros) en su interior y se ha empaquetado para ocupar menos espacio y que sea más fácil de compartir. Pensemos en algunos casos en los que crear un paquete comprimido es necesario:

• Quiero enviar un archivo adjunto y que se cargue rápidamente.
• Quiero enviar varios archivos adjuntos en un solo paquete
• Quiero compartir una carpeta que tiene una estructura interna específica.

Ejemplo concreto: Un cliente me pidió que traslade todos los contenidos de su anterior servicio de alojamiento web para montarlos en el nuevo sitio web que yo administraré. Al ingresar al servidor del cliente veo que tiene muchos archivos (cientos) agrupados en carpetas y subcarpetas, algunos sueltos, otros no. Un auténtico caos. Imagínense cuánto demoraría en bajarme todos los archivos a mi PC para luego subirlos al nuevo alojamiento. ¿Solución? Obvio: un paquete comprimido; escojo la carpeta padre (dentro de la cual están todos los archivos), la comprimo, luego me bajo el paquete comprimido (un solo archivo). Una vez en mi máquina lo descomprimo y voilá, en un solo paso he bajado cientos de archivos.

Como datos adicionales, les cuento que los archivos de office (documentos de texto, hojas de cálculo, presentaciones) pueden ocupar hasta un 30 o 40% del tamaño original del archivo si los comprimimos. Además, si piensas comprimir imágenes, videos o mp3 estás perdiendo el tiempo pues comprimir este tipo de ficheros es bastante más complejo que hacerlo con una hoja de Word.

PROGRAMAS COMPRESORES DE ARCHIVOS

Por enésima vez, si usan alguna distribución Linux no necesitan instalar nada, solo clic derecho > extraer (para descomprimir) o clic derecho > crear archivador (para comprimir). Pero eso sí, en Ubuntu (y seguro que en otras distros también) no viene por defecto la opción para manejar archivos rar (un tipo bastante famoso de archivos comprimidos), basta ir a la terminal y teclear:

sudo aptitude install rar unrar

En Windows los programas más comunes son WinZip y Winrar, pero ambos son programas de pago. Uno gratuito y excelente es Izarc. Pero si quieres libertad total (software libre), te recomiendo usar 7 zip.

COMPRIMIR Y DESCOMPRIMIR ARCHIVOS

Si tienes instalado un programa compresor puedes hacer doble clic en el archivo comprimido y verás su contenido (aunque sin descomprimirlo, solo estarás viendo el contenido). Para descomprimir el archivo haz clic derecho en él y escoge la opción correspondiente según el programa que tengas. Pero en todos la opción es similar: dentro del menú contextual aparece un submenú del programa compresor que tengas (WinZip, Winrar, Izarc, 7-zip) y dentro de él varias opciones, una de ellas es extraer (extract en inglés)

Tienes dos opciones para extraer:

• Extraer aquí. El contenido del archivo comprimido aparece en la misma carpeta del archivo de origen. Si es un solo archivo o una carpeta no hay problema, pero si son varios aparecerán desperdigados por la pantalla.
• Extraer en. Por defecto el programa permite crear una carpeta con el nombre del archivo comprimido y en ella extraer el contenido. Sin embargo también puedes escoger el nombre de la carpeta.

Si este artículo te gustó también puedes leer:

• No hay entradas relacionadas.

¿Escucharon y vieron la interpretación del argentino? Una completa maravilla, una voz sólida y un estilo increíble. De lejos la mejor presentación:

Y la otra, ¿vieron a Sandra Muente?, a riesgo de me den con todo, no me gustó, me pareció un mal arreglo del tema y Sandra tiene voz de niña, como para Nubeluz o Karina y Timoteo, no jala su voz para canciones más “serias”, aunque canta lindo, eso sí, pero su timbre de voz es infantil. Pero ese no es el punto, el punto es que estaba preciosa, para ver el video, ponerlo en mute y quedarse idiotizado viendo lo hermosa que es esta niña, perturbadora.

Y si no sabían, un chileno se metió el festival al bolsillo cantando canciones del grupo 5. Pero tranquilos, tiene los derechos así que no se trata de plagio, pero igual a uno lo deja bien confundido. Además que, a opinión personal, su interpretación está muy por debajo de la de los peruanos:

Si este artículo te gustó también puedes leer:

• ¿Que rayos le sucede a Chile? (0 comentarios)
• ¡¡¡¡Iron Maiden en Peru!!!! (1 comentarios)
• Tragedia en Chile (1 comentarios)
• Poesía: Poema 15 – Pablo Neruda (0 comentarios)
• Poema 15 – Pablo Neruda (leído por Alejandro Sanz) (0 comentarios)

Desgracia en Chile

A las 3 de la madrugada de hoy sábado 27 de febrero, Chile padeció una pesadilla, un terremoto de 8.8 grados (el de Pisco fue de 7.9 y el de Haití de 7.0 grados) que a esta hora lleva en su cuenta 146 víctimas fatales. Los puentes se han caído como castillos de naipes, los edificios derrumbados, las calles agrietadas, autos volcados, una tragedia que a cualquier hombre y mujer de bien solo puede provocarle solidaridad y angustia.

Los periódicos de hoy no incluyen la noticia porque a esa hora ya está saliendo el tiraje en la imprenta, pero a través de internet (sobre todo de Twitter, que una vez más ha demostrado ser el futuro de las comunicaciones en tiempo real) podemos seguir las noticias, fotos, videos y mensajes de toda la comunidad.

No tengo mucho qué decir, soy un ignorante de la geografía y geología, así que no puedo hablar de epicentros ni de intensidad ni de zonas sísmicas ni nada similar. Pero no quería dejar de expresar mi solidaridad y la tremenda angustia que siento de ver cómo gente tan cercana a nosotros está sufriendo. Y, déjenme decir, si alguien aprovecha para sacar rencores con Chile en estos momentos, es un pobre imbécil. Este momento solo puede ser de solidaridad.

Si tuitean usen el hastag #terremotochile

Enlaces:

• Sigue segundo a segundo lo que sucede en Chile
• Terremoto en Chile en Valdivia (1960) es el más fuerte de la historia, y este terremoto es el sétimo más fuerte de la historia.
• Impactantes fotos del terremoto
• Primer video del terremoto
• Página de ayuda de Google
• Ante el colapso de las líneas teléfonicas, internet ha ayudado a la comunicación
• El terremoto de Chile según Wikipedia
• Víctimas peruanas, mujer y su hija fallecen en Chile
• Se suspende el festival de Viña del Mar

P.D. Por favor, si comentan no hablen ni de Dios ni del fin del mundo ni nada similar. Este es un momento serio.

Si este artículo te gustó también puedes leer:

• ¿Que rayos le sucede a Chile? (0 comentarios)
• ¡Gracias! (0 comentarios)
• Viña 2010, un par de videos (1 comentarios)
• Resumen de Romeo y Julieta (Sinopsis general) (54 comentarios)
• Resumen de Romeo y Julieta (Mapa conceptual) (17 comentarios)

Y tan cierto es que no es muy sencillo administrar Drupal, su instalación misma es un dolor de cabeza. En realidad es sencilla, pero la casi nula documentación en español hace que uno se complique más de lo necesario. Por eso escribo este tutorial.

PASO 1: CONSEGUIR DRUPAL Y SU TRADUCCIÓN AL ESPAÑOL

Son dos paquetes los que hay que descargar:

• Drupal 6.15 (versión actual)
• Traducción al español

PASO 2: SUBIR LA CARPETA DRUPAL Y LA TRADUCCIÓN AL SERVIDOR

Conectate a tu servidor por FTP (o por el administrador de archivos de Cpanel) y sube los contenidos del paquete de Drupal (luego de descomprimir) en la carpeta donde instalarás Drupal. Si quieres que Drupal administre tu sitio web, debes subir los contenidos del paquete drupal directamente a la carpeta public_html (si estás en localhost, las carpetas son /var/www o /opt/lampp/htdocs según el metodo que hayas usado, como explico aquí).

Una vez que hayas subido los contenidos del paquete drupal, debes subir los contenidos de la traducción al español (luego de descomprimir) en la misma carpeta en la que se encuentran los compoenentes de Drupal.

PASO 2: FORMA RÁPIDA

Si te complica todo lo anterior, he empaquetado El paquete de drupal y su traducción en un zip (bajatelo desde aquí). Solo sube ese zip a tu servidor y descomprímelo en public_html.

PASO 3: PREPARAR EL ARCHIVO settings.php

Lo siguiente es entrar a la carpeta /sites/default . Dentro de ella encontrarás un archivo llamado default.settings.php. Cópialo y a la copia cámbiale el nombre por settings.php. ¡Ojo! No le cambies el nombre solamente, primero copia y luego cámbiale el nombre a la copia. No digas que no te avisé.

Nota: Si usas el zip que yo he empaquetado, puedes saltarte este paso, pues ya he preparado el archivo.

PASO 4: CREAR LA BASE DE DATOS

Si usas Cpanel en tu servidor, ve a Bases de datos MySQL, si estas en localhost, ve a localhost/phpmyadmin en tu navegador. Si no sabes como crear la base de datos, fijate en este artículo.

PASO 5: INICIAR LA INSTALACIÓN:

Entra al sitio en el que deseas instalar drupal usando tu navegador. Debes ver algo así (en caso obtengas algún mensaje de error en alguno de los pasos debes modificar los permisos de los archivos o carpetas que se te indiquen):

Escoge el idioma español y continua. En la siguiente página escribe la configuración de la base de datos que creaste en el paso 4:

Luego Drupal empezará a instalarse hasta mostrar el siguiente aviso:

Anula los permisos de escritura para /sites/default/settings.php llena los datos que se solicitan y listo. Ya tienes tu web con drupal lista para administrar:

¿Viste que no era tan difícil? Tu nuevo sitio (todavía vacío), debe verse así:

Una vez que empiece a añadir contenido la página anterior desaparecerá. Pero no es el momento de explicar cómo hacerlo. Para otro artículo será.

Si este artículo te gustó también puedes leer:

• URL limpias en Drupal (7 comentarios)
• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• Montar un servidor local (localhost) en Ubuntu (8 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)

Como padre uno comienza una nueva vida y entre muchas cosas nuevas, se empieza a ver programas que uno jamás imaginaría ponerse a ver (como Barney :S), pero la experiencia es enriquecedora, mucho. Y debo decir que entre todos los programas infantiles que he visto (y he visto muchos, como todo padre, me imagino), el que me parece genial (no exagero el término) es The Wiggles.

Pensaba que eran alemanes, por sus trajes, su aspecto y la temática del programa pero googleando encontré que son australianos y su espectáculo infantil es el más exitoso del mundo (sorry Barney, Hi5, Lazy Town, recontra sorry Yola Polastri), han ganado discos de oro, platino, el 2009 sus ganancias rodearon los 45 millones de dólares, entre otras anécdotas impresionantes.

Leí además que se graduaron en educación preescolar y haciendo un proyecto de su carrera empezaron componiendo canciones y cuenta una anécdota que regalaron discos con su música entre sus alumnos y a los días una de las madres les devolvió el disco porque su hijo “no paraba de escucharlo”. Así de sorprendente. Así que no son imporvisados, conocen de teorías de aprendizaje y todo eso lo aplican a su espectáculo. ¿Educativo?, claro que sí, muy educativo. Acá en Perú lo transmiten por Play House Disney (canal 3 en Telmex TV) así que pongan a sus niños a verlos y los verán saltando y bailando.

¿Y lo de rock para niños? Eso es lo mejor, aburren esas canciones tontas con ritmos tiernos y vocecitas dizque dulces que aletargan a los niños. Los wiggles rokean de verdad, para niños, pero de que rokean, rokean. ¿Qué no me creen? Pues dos ejemplos:

¡Geniales!

Si este artículo te gustó también puedes leer:

• Reflexiones de navidad (4 comentarios)
• Para este año nuevo quiero (1 comentarios)
• Happy halloween (7 comentarios)
• Fotos – ¡Nació Sofía! (0 comentarios)
• Fotos – Vísperas del primer cumpleaños de Sofía (0 comentarios)

Quienes usen Moodle (el mejor sistema de gestión de e-learning) saben que el mayor problema de este LMS (junto con su espantoso editor HTML) es que sus temas (plantillas) tienen diseños pobres, poco atractivos y que hacen que un sistema tan potente parezca ser una especie de web 1.0

Por suerte, en estos últimos años han empezado a salir diseños variados y plantillas de apariencia profesional. Pero aún así son pocos y los más o menos buenos (ni siquiera realmente sorprendentes) son de pago.

Pero vamos al grano, un sitio web se ve definitivamente mejor si cuenta con un menú desplegable (de esos que despliegan sus contenidos con solo colocar el cursor encima de cada ítem), y si pudiéramos añadir uno a Moodle sería estupendo.

De hecho ya existen plantillas que cuentan con menús desplegables, aquí las que me han gustado:

• Afterburner
• Aarvark
• SHS Blue
• Newbury college
• Solent

Sin embargo, son pocos, y sería genial poder añadir un menú desplegable a cualquier tema de Moodle, ya que hay varios temas bastante atractivos y si le podemos añadir el menú quedará de lo lindo. Vamos al hecho.

PASO 1: EL CÓDIGO DEL MENÚ DESPLEGABLE

En realidad esté código no es para Moodle, se puede insertar en cualquier página html o php. Y tampoco lo escribí yo, lo encontré googleando cuando estaba desesperado buscando como añadir menús desplegables personalizados en vez de atarme a los temas que diseñaron otros. Así que mi aporte es como adaptar este menú a cualquier plantilla de Moodle y, mejor aún, explicarlo en español, que no he encontrado nada al respecto en nuestra lengua.

Vamos al código:

Descárgalo desde aquí

Cuando descomprimas el zip encontrarás una carpeta llamada desplegable y en su interior lo siguiente:

• El archivo desplegable.html (el código del menú)
• El archivo desplegable.css (el código que ordena el html anterior para que tenga el aspecto de menú).
• La carpeta chromejs dentro de la cual se encuentra el archivo chrome.js (el código que hace que el menú se despliegue).

PASO 2: EDITAR EL ARCHIVO desplegable.html

Abre el archivo desplegable.html con un editor de textos y borra la siguiente línea:

1

<link rel="stylesheet" type="text/css" href="desplegable.css" />

PASO 3: AÑADIR LOS ESTILOS DEL MENÚ A LOS ESTILOS DEL TEMA DE MOODLE

Localiza el archivo que contenga los diseños de tu tema de moodle. Debe llamarse styles.css (es lo general aunque no siempre es así). Abre ese archivo con un editor de textos y copia al final todo el contenido del archivo desplegable.css

Por si las dudas, el código es el siguiente:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

.chromestyle{
width: 1000px;
font-weight: bold;
font-size:0.9em;
margin:0px auto;
padding:0px;
}
 
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
/*content: ".";*/
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.chromestyle ul{
border: 1px solid #bbb;
width: 100%;
background-color:#eee;
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}
 
.chromestyle ul li{
display: inline;
}
 
.chromestyle ul li a{
color: #BF3B44;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}
 
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
color:#6F2225;
background-color:#fff; /*THEME CHANGE HERE*/
}
 
/* ######### Style for Drop Down Menu ######### */
 
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}
 
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}
 
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
 
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

No olvides pegar el código anterior dentro (y al final) del archivo css de tu tema de Moodle.

PASO 3: AÑADIRLO A UNA PLANTILLA CUALQUIERA DE MOODLE

Ya tenemos la carpeta desplegable, lo que ahora debemos hacer es copiar todo su contenido dentro de la carpeta de nuestro tema de moodle. ¡Ojo!, no copies la carpeta desplegable sino su contenido.

Bien, ahora debemos hacer unas modificaciones en el archivo header.html (dentro de la carpeta de tu tema de moodle) y eso será todo.

Abre el archivo header.html con un editor de textos (si estas en windows te recomiendo notepad++, en linux, cualquier editor que traiga tu distribución será perfecto). Lo siguiente hazlo con mucho cuidado:

Primero debes añadir el siguiente código dentro de la sección head y justo después de la sección title

1
2

<script src="<?php echo $CFG->themewww .'/'. current_theme() ?>/chromejs/chrome.js" />
</script>

Debe quedarte algo así, no exactamente igual al código que está a continuación, pues solo lo escribo para que veas más o menos donde deben introducir el código anterior. Pero recuerda que cada tema es distinto y no debes modificar en nada el código existente, solo debes añadir el código anterior:

1
2
3
4
5
6
7
8
9

<head>
 <?php echo $meta ?>
 <meta name="keywords" content="moodle, <?php echo $title ?> " />
 <title><?php echo $title ?></title>
 <script src="<?php echo $CFG->themewww .'/'. current_theme() ?>/chromejs/chrome.js" />
 </script>
 <link rel="shortcut icon" href="<?php echo $CFG->themewww .'/'. current_theme() ?>/favicon.ico" />
 <?php include("$CFG->javascript"); ?>
</head>

El código anterior permite que se solicite las órdenes el archivo chrome.js que era, si te acuerdas, el que generaba el efecto desplegable en el menu. Ahora debemos invocar el archivo desplegable.html que es el que contiene el menú en sí. Para eso ubica la sección page, el código debe ser así:

1

<div id="page">

Una vez ubicado dicha sección pega el siguiente código inmediatamente antes de él:

1
2
3
4
5
6
7

<div>
 <?php
{
 include('desplegable.html');
}
?>
</div>

Si lo has hecho bien, activa el tema en tu Moodle y ¡bingo! ya tienes tu menú desplegable.

SOLO VEO EL MENÚ DESPLEGABLE EN LA PORTADA

Lo más probable es que solo puedas ver el menú desplegable en la portada, más no en las demás páginas de tu Moodle. Eso sucede porque casi siempre, el código en el header.html distingue la portada del resto de paǵinas. Si te sucede eso, busca una segunda sección page y copia el código tal como lo hiciste en el paso anterior. Ya podrás ver el menú desplegable.

CONCLUSIONES

Pueden parecer muchos pasos y muy complejos, pero he intentado ser lo más detallado posible en la explicación. Solo te queda editar manualmente el menú para que aparezcan los elementos que deseas.

Cualquier duda es bienvenida en los comentarios.

Si este artículo te gustó también puedes leer:

• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 8: Conociendo el bloque "Administración del sitio" (11 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)
• Manual de Moodle, capítulo 6: Estructura de carpetas en Moodle (0 comentarios)
• Manual de Moodle, capítulo 5: Instalación de Moodle (0 comentarios)

Como mencione ayer, Escuela Digital y Aula Web ya son una realidad y uno de los objetivos principales de estas dos empresas es compartir conocimiento. Así que empiezo explicando el núcleo de nuestro trabajo: la creación de sitios web.

¿Cómo creamos los sitios web en Escuela Digital?

Usamos herramientas llamadas CMS (Content Managament System), es decir, sistemas de gestión de  contenidos. Estos sistemas permiten la creación de sitios web complejos y profesionales ahorrándonos la escritura de código. Sin embargo, quiero dejar bien en claro que sin tocar nada de código se puede hacer un sitio web completo con un CMS, pero si queremos personalización avanzada, añadir funciones nuevas, satisfacer las necesidades de clientes específicos, crear diseños novedosos, etc. habrá que enfrentarse al código y a nivel intermedio-avanzado. Así que quédense tranquilos los puristas que ven a los CMS como un “cualquiera-lo-hace”. Además que, aunque no toquemos nada de código, hay que saber administrar el CMS lo cual tampoco es sencillísimo.

¿Cómo se crean sitios web usando CMS?

Todos los CMS que conozco son opensource, es decir, libres y gratuitos. Desconozco si existen CMS privativos, aunque supongo que sí. Pero como no me muevo en el mundo del software privativo, ni me va ni me viene.

En fin, al grano. Es necesario primero escoger qué CMS usaremos según el proyecto que vamos a realizar. Existen decenas de CMS y no todos hacen lo mismo, no todos serán igual de sencillos de administrar (para nosotros o para un cliente), no todos tendrán la misma funcionalidad. Solo quien haya estado probando varios CMS para proyectos diferentes sabrá rápidamente cuál se ajusta a una necesidad específica.

Supongamos que ya elegimos el CMS para nuestro proyecto. Lo siguiente es instalarlo en un servidor. Para eso, obviamente, debemos contar con un servidor. Existen muchas empresas que alquilan espacio en un servidores con precios que van desde los 7 dólares al mes hasta los 400 dólares mensuales. Para un proyecto personal basta y sobra con el de 7 dólares al mes. Acá algunas empresas:

• Bluehost
• Dreamhost
• Hostgator (en está empresa alojado mi blog)

Bueno, tenemos el servidor, instalamos el CMS en él y lo manejamos desde el navegador. En otro artículo explicaré cómo crear nuestro primer sitio web en un servidor.

¿Qué tipos de CMS existen?

Hay de todo, y no sé si haya quien los conozca todos, pero por mi experiencia mencionaré los que conozco y sus usos:

• Drupal. El mejor CMS del mundo. Permite crear sitios web de alta complejidad y personalización.
• Joomla. El mejor CMS después de Drupal, pero siempre andan peleando el primer lugar, lo que beneficia a los usuarios.
• WordPress. El CMS más usado en el mundo hoy en día, su facilidad de uso y de instalación lo han hecho tremendamente famoso. Sirve para la creación de sitios web personales: blogs.
• MediaWiki. Permite crear wikis con el mismo sistema que la Wikipedia. De hecho, mediawiki es el CMS con el que se maneja la Wikipedia.
• PHPbb. Herramienta para la creación de foros.
• Gallery. CMS para la creación de galerías fotográficas, permite cuentas de usuario, comentarios, álbumes privados, etc.

¿Qué es un LMS?

Un LMS es un CMS orientado a la educación, permiten el seguimiento de calificaciones de los alumnos, creación de actividades educativas en línea, foros, talleres de grupos, etc. Sus siglas provienen de Learning Managament System, es decir, sistema de gestión de aprendizaje. Los más importantes son:

• Moodle. El mejor LMS del mundo. Permite la creación de un sistema web que administre escuela con miles de alumnos y requerimientos distintos, sus configuraciones de seguridad y las jerarquías de permisos lo hacen el LMS por excelencia. Sin embargo, su administración no es del todo sencilla ni intuitiva.
• Claroline. LMS amigable y de fácil manejo. Estupendo para iniciarse en el E-learning, aunque en proyectos de gran envergadura no es recomendable.
• Dokeos. LMS muy similar a Claroline con el que ha tenido desarrollos paralelos (incluso existen desarrolladores que han participado en ambos proyectos).

En próximos artículos explicaré la instalación de los CMS que uso en Escuela Digital.

Si este artículo te gustó también puedes leer:

• Montar un servidor local (localhost) en Ubuntu (8 comentarios)
• URL limpias en Drupal (7 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 8: Conociendo el bloque "Administración del sitio" (11 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)

de	El equipo de Gmail mail.mailing1@gmail.com
para	afelipech@gmail.com
fecha	17 de febrero de 2010 23:49
asunto	Notificación: Cuenta Desactivada
enviado por	gmail.com
firmado por	gmail.com

Su cuenta permaneció inactiva las ultimas horas, teniendo problemas constantemente
para la conexión a los sitios de Google - Gmail, por lo cual nuestro Centro de Seguridad
decidió proteger su privacidad desactivando su bandeja de entrada de forma que su
información se mantenga guardada.

Puede reactivar nuevamente su cuenta o cancelarla definitivamente. Además,
dispondrá de instrucciones claras que le indicarán el modo de cancelar la suscripción de
su cuenta.

Las siguientes opciones, si no son seleccionadas, harán que su cuenta nuevamente
permanezca inactiva, de forma que deberá comunicarse con el soporte de Google -
Gmail. 

Usted tiene 15 días a partir del envío de esta notificación, para reactivar su cuenta de
Google - Gmail, pasado ese tiempo su cuenta quedará automáticamente eliminada.

Para reactivar y habilitar su cuenta de Google - Gmail, haga clic en Activar Cuenta
Para dar de baja su cuenta y eliminarla permanentemente, haga clic en Eliminar Cuenta

- El equipo de Gmail

Ten en cuenta que no se podrá llevar a cabo la importación si utilizas Internet Explorer
6.0. Para sacarle partido a las últimas funciones de Gmail, instala la última versión de
un navegador totalmente compatible.

En ocasiones normales no caería en tal engaño. Las razones que me hicieron dudar son las siguientes:

• He estado administrando cuentas de Google Apps mías y de clientes, por lo que he accedido como a seis cuentas de Gmail en unas dos horas. Así que por ahí se me ocurrió (el sueño tuvo que ver) que algo haya hecho mal y sin querer haya borrado algún dato.
• Leí el correo desde el cliente de correo de Ubuntu, Evolution. Así que pensé que mi cuenta en la web estaría realmente desactivada pero que el acceso POP aún era posible.
• Aparentemente es un correo serio porque incluso dice que debo comunicarme con el soporte de gmail e incluye un enlace a una página oficial de Gmail, en la que se recomiendan los mejores navegadores para usar Gmail.

Sin embargo, al hacer clic en el enlace (el que supuestamente era para reactivar mi cuenta) aparece lo siguiente (a que le sacan siete diferencias, como los matarratos de los periódicos):

Gmail falso (pishing - estafa)

Gmail original (en inglés, para comparar con la clonación anterior)

Bueno, suponiendo que te sea dificil reconocer la versión falsa (pishing) el truco es muy sencillo. Basta mirar la barra de direcciones, fijate que la versión falsa comienza con php.googlemailling (extrañísimo) mientras que la versión verdadera comienza con google.com

El pishing es un tipo de estafa via web que consiste en enviar correos a los clientes haciendose pasar por la empresa que les brinda algún servicio (principalmente bancos). Envian informes de que su cuenta se perderá y que debe cambiar sus datos (como me acaba de pasar a mí) e incluyen un link. Nosotros hacemos clic y aparece una página muy similar a la original y si mordemos el anzuelo ingresaremos nuestro usuario y contraseña y ¡bingo! acabamos de regalar nuestros datos a delincuentes informáticos.

Las recomendaciones para no ser víctimas de pishing son:

1. Los bancos nunca incluyen links en sus correos (lo han dicho hasta el cansancio, pero hay gente a la que le aburre leer las cartillas que regalan en los bancos).
2. Si quieres asegurarte, llama a la empresa o teclea manualmente la dirección de la web en vez de hacer clic en el link.
3. Fíjarse en la barra de estado del navegador para saber a donde dirige realmente el link.
4. Postear el intento de estafa, feisbukearlo, tuitearlo, postearlo. Lo que sea, pero haz llegar el anuncio a cuantos puedas. Hay que apoyarse en estas situaciones.

Bueno, ya saben, si reciben ese mail pongalo en spam y, ¿no sería bueno que el verdadero equipo de Gmail ponga un bloqueo a sus correos para que nadie se pueda llamar a sí mismo “El equipo de Gmail”? No creo que sea nada complicado y nos ayudaría bastante.

ACTUALIZACIÓN

Han sacado la web falsa del servidor que la tenía alojada. Sin embargo, aunque no revisé el código, estoy seguro que es muy sencillo mudar todo su sistema en otro servidor. Así que igual tenga cuidado. Ahí dejo el enlace que llevaba a la web falsa:

http://php.googlemailing1.s156.eatj.com/mail.htm?ID=gmail.com&t=g

Si este artículo te gustó también puedes leer:

• ¡Gmail caído! (0 comentarios)
• Que no te estafe Manuel Lira, mucho cuidado (es en serio) (9 comentarios)
• Pamer y Trilce no se cansan de violar la ley (55 comentarios)
• Mitos del lenguaje 7 – Colegios y academias pre-universitarios (15 comentarios)
• Gmail – Manejo de contactos y de otras cuentas (4 comentarios)

Hoy es un día de plena felicidad para mí. Y no es ninguna fecha especial, pudo haber sido ayer o mañana, pero me vino un golpe de emoción que no quiero desaprovechar.

Quienes han leído este blog (que contra todo pronóstico se acerca a su segundo año de existencia), quienes hayan aplaudido mi forma cruda de decir las cosas, quienes me hayan insultado (por el mismo motivo XD) quienes me siguen, me twitean, etc., etc., deben saber que existen (y seguirán existiendo ciertas constantes en mí):

1. No soy adulador ni lustrabotas de nadie. N-A-D-I-E, hasta he perdido empleos por eso, pero mi dignidad está limpia. Lo que he conseguido hasta ahora ha sido siempre con los principios muy claros y sólidos.
2. La educación peruana es una mierda. Y no me cansaré de decirlo (a menos que llegue un día en que deje de serlo). La educación se ha convertido en la gallina de los huevos de oro en un país de ciegos en que todos los tuertos hacen fortuna porque saben resolver una ecuación o se saben de memoria un poema. J-A-M-Á-S me sentaré a la mesa con quienes arruinan la educación y jamás fumaré la pipa de la paz con ellos.
3. Me he autoimpuesto la misión de cambiar la educación nacional. Los conformistas dirán: jajajaja, estás loco, ¿que podrás hacer tú contra el sistema? Los aventureros saludarán la idea pero no le verán el norte. Pero tengo la decisión clara y me siento capaz de conseguir esa meta. ¿Yo solo?, imposible. Pero he notado que el peruano no mueve un dedo si alguien antes que él no lo mueve. Pero si ve alguien a quien seguir, su empuje es enorme. Hay muchos entusiastas que harían lo mismo que yo, que si estuviera en sus manos se lanzarían a hacerlo. Pero les gana la vida, las cuentas por pagar, los malos sueldos, el estrés del desempleo los consume. Eso es muy triste, gente altamente capacitada que termina con problemas mentales por el estrés de sentir que su vida no va a nada en este país de aprovechados.
4. Creo seriamente que la tecnología no es una herramienta educativa, sino que es LA herramienta educativa. Sin una inserción efectiva de las TIC a la escuela, la renovación educativa es imposible.
5. Solo llegaremos lejos en este país de aprovechados haciendo lo contrario. La ecuación es muy sencilla de resolver: el país está podrido por los aprovechados. Pues hagamos lo contrario, seamos solidarios, compartamos lo que tenemos, sea poco o mucho. Demos algo de nuestro tiempo libre para ayudar a los demás. Verán que se genera una cadena de favores. Solo se necesita quien dé el primer paso. Intento darlo yo, ojalá no sea un paso en falso.

Todo esto va a un fin, un objetivo que ya había adelantado antes pero que hoy es una realidad. Un sueño hecho realidad después de años de soportar de todo (la metáfora no es excesiva), de chismes, pasado por agravios, difamaciones hasta robos, estafas y traiciones (a ver si lees esto, Giovanny). He creado una empresa, Escuela Digital SAC que se encargará de insertar la tecnología en la educación (y también en otros ámbitos, como productividad empresarial), adicionalmente, he creado Aula Web. En un inicio tenía pensado que Aula Web sería la empresa que hoy es Escuela Digital, pero en vista de lo específico de nombre (Aula Web solo puede entenderse como un aula en internet) he pensado que Aula Web será un portal educativo. Una especie de red social educativa, poco a poco iré definiendo la idea, pero ahí vamos.

De ahora en adelante es una lucha de David contra Goliat. Pero a la larga saldremos airosos.

Aquí están los sitios, todavía emergentes y con una administración que me consume por completo:

• http://aulaweb.pe
• http://escueladigital.pe

Espero que entiendan que el papeleo (el drama de Manuel Lira), la creación de los sitios, su administración mis peleas con el inglés y etc etc justifiquen mi “abandono” temporal de este blog. Pero ya estoy de regreso y estaré posteando más seguido.

Deséennos suerte.

Si este artículo te gustó también puedes leer:

• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)
• Manual de Moodle, capítulo 9: Cambiar la apariencia de Moodle con los temas (2 comentarios)
• Manual de Moodle, capítulo 8: Conociendo el bloque "Administración del sitio" (11 comentarios)
• Manual de Moodle, capítulo 7: Moodle en español (0 comentarios)

MÉTODO 1: Instalar XAMPP

XAMPP es un paquete que incluye todo lo necesario para tener tu servidor listo en un par de minutos. Es excelente para pruebas, pero se recomienda encarecidamente no usarlo en servidores de producción pues no habilita ninguna característica de seguridad por defecto (aunque luego se puede configurar pero esa ya es otra historia). XAMPP incluye Apache (el servidor), MySQL (bases de datos), PHP (el lenguaje de programación) y PERL (otro lenguaje de programación); y de ahí sus siglas: AMPP (debería ser LAMPP, por usar Linux, pues en Windows se habla de WAMPP, pero he leído que por cuestiones legales usan el nombre XAMPP).

Bueno, para Linux (no solo Ubuntu) es muy sencillo. Vamos a la siguiente página:

http://www.apachefriends.org/en/xampp-linux.html

descargamos el paquete y lo descomprimimos en /opt. En la web de XAMPP recomiendan no usar el modo gráfico, sino los comandos en terminal, así que estos son:

Entramos a la carpeta en la que hemos descargado el paquete, si fuera la carpeta descargas, dentro del home sería:

cd descargas

Si lo hubieras descargado directamente en el home, no hay que hacer nada, la terminal por defecto se abre en home.

Luego, como root, descomprimimos el paquete en /opt con el siguiente comando:

sudo tar xvfz xampp-linux-1.7.3a.tar.gz -C /opt

Y como nos dicen en su web, eso es todo, Ya tenemos XAMPP en nuestra PC. Pero eso sí, debemos arrancarlo para que funcione. Para eso usamos el siguiente comando:

sudo /opt/lampp/lampp start

Y para detenerlo (pues consume recursos de la máquina):

sudo /opt/lampp/lampp stop

Y si quisieras que arranque siempre al encender la máquina, ve al menú Sistema-> Preferencias-> Aplicaciones al inicio-> Añadir y en orden escribes el comando de arranque, es decir:

sudo /opt/lampp/lampp start

Por último, todos tus archivos, CMS, etc deben ser guardados en la carpeta /opt/lampp/htdocs.

Y para acceder al servidor escribes localhost en el navegador y listo.

MÉTODO 2: Instalar LAMP con synaptic

Este es mi método preferido aunque es más enredado que el anterior, pero nada del otro mundo. Vamos a Sistema->Administración->Gestor de paquetes Synaptic y buscamos e instalamos los siguientes paquetes:

• Apache2
• Mysql-client
• Mysql-server
• Php5
• Php-gd
• Phpmyadmin

Es todo, comenzamos la instalación (demorará unos 15 minutos con una velocidad de conexión estándar) y al finalizar nos pedirá una contraseña de root, se la damos y si nos pregunta que servidor queremos administrar, escogemos Apache2.

En este caso, no hay que iniciar el servidor pues automáticamente esta corriendo siempre. Sin embargo, si quisiéramos pararlo para ahorrar recursos de la máquina, usamos el siguiente comando:

sudo /etc/init.d/apache2 stop

Y para iniciarlo:

sudo /etc/init.d/apache2 start

Por último, los archivos, los CMS y demás, se guardan en la carpeta /var/www.

Y para acceder, al igual que en xampp escribimos localhost en el servidor.

Si este artículo te gustó también puedes leer:

• Manual de Moodle, capítulo 4: Implementación del servidor II (2 comentarios)
• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• URL limpias en Drupal (7 comentarios)
• Cómo instalar Drupal – Tutorial (5 comentarios)
• ¿Wordpress o Blogger? (3 comentarios)

Manuel Alberto Lira Álvarez, un persona que se aprovecha de la buena fe de la gente

Bueno, ayer cumplí 30 años y creo que el post obligatorio para empezar mi treintena es este. Pues advertir a la gente sobre los estafadores y los ladrones es una forma de ayudar a formar una sociedad mejor.

Antes de continuar quiero dejar algo bien en claro: en este artículo no hay ni una sola línea que no sea dicha completamente en serio, no hay un ápice de broma. La persona que menciono es real y lo que me hizo también lo es. Yo no me estoy escondiendo, esto no es un anónimo, soy Álvaro Felipe Chávez y como tal escribo esto. Así que espero que tomen esto con la mayor seriedad porque la persona de la que hablaré es alguien de cuidado, un estafador que se hace pasar por abogado (sin serlo) para quitarte lo que tengas. Pero vayamos a los hechos.

ANTECEDENTES

Como mis lectores sabrán, llevo varios años inmerso en el mundo de la tecnología, concretamente en la tecnología aplicada a la educación. Hace un par de años intente formar una empresa en ese rubro pero fui estafado por un rufián llamado Giovanny Palacios Távara y su empresa Fagist. Tuve que reiniciar todo desde cero y me levanté del problema poco a poco. Adquirí mayores conocimientos y sentí que el final del 2009 sería la meta para al fin crear la ansiada empresa (pero con otras personas, ya no con ese tipo). Para eso junté el dinero que creía me costarían los trámites de constitución y un amigo me recomendó un abogado que nos haría la asesoría legal. El supuesto abogado se llama Manuel Alberto Lira Álvarez.

*Aclaro que inicie este artículo hablando de mis 30 años porque justamente era una de mis metas llegar a la treintena con mi empresa constituida.

PERFIL DE MANUEL LIRA

Físicamente es un hombre adulto, de unos cincuenta años, robusto, canoso y de voz aguda. Pero salta a la vista su discapacidad pues carece de piernas y debe ser llevado en silla de ruedas (desconozco la causa de su mal). Y justamente dicha discapacidad es su principal herramienta de engaño, pues una persona honesta difícilmente pensará mal de una hombre mayor que carece de piernas, antes lo verá con lástima, pensará en lo dura que debe ser su vida y su mecanismo de defensa-desconfianza (que todos tenemos por nuestro bien) se verá debilitado. Se moviliza en un carro verde muy antiguo (con algunos planchados sin pintar) y se acompaña de su secretaria, Susana Moreno Zúñiga, una chica de unos 27 años, con el pelo teñido y actitud sumisa.

En su personalidad, Manuel Lira se presenta como un hombre experimentado, como un abogado superior en conocimientos y efectividad al resto. Maneja bien el palabreo y eso le ayuda a ganarse la confianza de sus potenciales víctimas. Sin embargo, usa mucho una frase que debe despertar las sospechas en toda persona de bien: “hecha la ley, hecha la trampa” y empieza a explicarte como trasgredir la ley.

ACUERDO CON MANUEL LIRA

Puesto que la empresa tenía dos grandes posibilidades de contratos próximos, necesitábamos la constitución lo antes posible. Nos encontramos en la veintenaía de diciembre del 2009 y el prometió que todo estaría listo antes de fin de año. Sus honorarios serían de mil soles, pues dada su “experiencia” decidimos que él nos apoyaria a firmar los dos primeros contratos que por nuestra “inexperiencia” podríamos arriesgar. Para tal fin, Manuel Lira debía aparecer como Gerente General hasta la firma de los contratos. A cuánta gente con menos preparación les dirá lo mismo: que él puede hacer de gerente para ayudarles a comenzar. Entonces quedamos en que serían 500 soles por la constitución de la empresa y 500 soles por los dos primeros contratos (250 por cada uno). Los costos que nos planteó fueron los siguientes:

• 120 soles: informe de Infocorp mío y de mi socio
• 60 soles: reserva de nombre de la empresa en Registros Públicos
• 700 soles: gastos notariales (ingreso de la minuta, escritura)
• 200 soles: gastos registrales (inscripción de la empresa después del levantamiento de la escritura).
• 60 soles: libros de actas, legalizaciones.
• 1000 soles: honorarios de Manuel Lira

Total: 2160 nuevos soles.

Además yo no podría aparecer en la minuta porque uno de nuestros potenciales clientes tenía un mal concepto de mi persona y no queriamos arriegsar el contrato. Así que Manuel Lira propuso a su secretaria para tomar un porcentaje. Después de la firma del contrato se haría el traspaso de acciones.

SEGUIMIENTO DEL TRABAJO DE MANUEL LIRA

• Manuel Lira nos dijo que necesitábamos un capital social para constituir la empresa. Dicho capital podía ser en bienes o en dinero. Nos recomendó usar bienes porque en dinero debía hacerse un depósito al banco. Le dijimos que los bienes que teníamos bordearían los 4 mil soles, pero él dijo que debíamos inscribirnos con bienes por 50 mil soles. Yo le dije que no teníamos bienes por esa cantidad y que no podía mentirse así de fácil y él me dijo que sería fácil sustentarlo. Dijo que el pago en la notaría dependía del capital social y que hasta 35 mil soles  de capital el pago era de 700 soles, así que dije que lo ponga como 35 mil soles, ante las insistencias de Manuel Lira que pretendía que constituyamos con un capital (inexistente) de 50 mil soles.
• El primer día le entregué 300 soles como adelanto
• El segundo día se le entregaron 700 soles para la notaría
• El tercer día (24 de diciembre) se le entregaron 200 soles más.

Hasta ese momento no nos había entregado ni un solo papel, ni el recibo por los gastos de la notaría ni el recibo de Registros Públicos ni de Infocorp ni nada. Lo único que nos mostró fue el kardex de la notaría:

Escaneo del Kardex, el documento que entrega la notaría cuando se hace un trámite

Reverso del Kardex

Su excusa fue que aún no teníamos RUC, y que el pediría factura por los gastos, así que cuando tengamosía, el RUC recién pediría las facturas. Pero aún así, sonaba demasiado irregular. No creo que en algún lugar (notaría, por ejemplo) se haga un pago y no te den ningún documento que acredite el pago, fecha y monto. Obviamente, algo empezaba a oler raro.

MANUEL LIRA EMPIEZA A APESTAR A PODRIDO

Para el 24 de diciembre del 2009 se le había entregado a Manuel Lira la suma de 1200 soles, divididos de la siguiente manera:

• 700: gastos notariales
• 300: honorarios
• 200: registros públicos e infocorp

Y el trato era que antes de fin de año se le cancelen la mitad de sus honorarios (es decir, 500 soles). Ese mismo día quedamos en que el 29 de diciembre firmaríamos la escritura en la notaría. Pero fuimos muy claros en decir que debería ser en la tarde pues todos nosotros estábamos trabajando ese día por la mañana. Sin embargo, un día antes, Manuel Lira me envía un correo en el que nos citaba para las diez de la mañana. Le respondí amablemente recordandole que le dejamos claro que a esa hora nadie podía y esta fue su respuesta:

----------
De:       manuel alberto lira alvarez <liraalma01@hotmail.com>
Para:     ALVARO FELIPE <afelipech@gmail.com>
Asunto:   RE: contrato
Fecha:    Mon, 28 Dec 2009 23:19:44 +0000 (18:19 PET)

ALVARO:
LA HORA YA LO COORDINE CON LA NOTARIA Y LA UNICAS PERSONAS QUE FIRMAN SON
PERCY, TU ESPOSA Y SUSANA MORENO, ADEMAS ESE DIA QUEDAMOS ASI O NO PUEDE TU
ESPOSA POR FAVOR LLAMAME A MI CASA O ENVIAME TU TELEFONO DE CASA QUE NO LO
TENGO A LA MANO.

MANUEL
----------

Ante mi respuesta de que era falso que hayamos quedado en la mañana, puesto que todos teníamos trabajo y todos eramos conscientes de eso, montó en cólera y me respondió diciendo que le estaba faltando el respeto porque lo trataba de mentiroso. Podía ser un malentendido, pero ya las cosas empezaban a oler mal.

COMIENZA LA ESTAFA

El martes 29 de noviembre nos encontramos a las 3 y media de la tarde en la notaría Javier Espino (cuídense de hacer trámites ahí). La escritura sería firmada por mi esposa, mi socio y la secretaria de Manuel Lira. Sin embargo, en la toma de la huella dóigital, curiosamente, el escáner solamente tomó la huella de la secretaria más no las de las otras personas. La secretaria en la notaría nos trató mal, dijo que estaba apurada y que vayamos a la RENIEC a solucionar nuestro problema. Manuel Lira no dijo nada, siendo supuestamente abogado nuestro, lo mínimo que debía hacer es velar por nuestros derechos, ver la manera de solucionarlo, impedir que una veinteañera nos hable como sis fuéramos sus empleados cuando estabamos pagando 700 soles por esas firmas.

A la salida de la notaría decidimos darle solo 100 soles a Manuel Lira (debíamos darle 200 según el trato) pues no se había firmado la escritura; pero él alegó que no era su culpa, que jamás le había sucedido algo así y que era el trato darle 200 soles (los que restaban de sus honorarios). Adoptó una actitud quejumbrosa tal que decidimos darle los 200. Pero yo le dije claramente que con promesas y palabras no se gana la confianza, sino con hechos. Así que le dabamos los 200, aunque no había termiando el trabajo, para demostrar nuestra buena fe. Pero que ya no le ibamos a dar nada más hasta que terminen los trámites. Con ese pago le habíamos dado 1400 soles.

DNI – RENIEC – HUELLA DIGITAL

Mi esposa y mi socio fueron a la RENIEC (por separado) y ambos recibieron la misma respuesta: sus huellas estaban bien y no tenían ningún problema. En todo caso, sería la empleada que no sabía tomar las huellas dactilares, o no les limpió las yemas con alcohol, por ejemplo.

MANUEL LIRA DESAPARECE

Ya estábamos en enero, y muy preocupados por el retraso (el trato era que antes de llegar al 2010 la empresa ya estaría constituida). Mi socio se comnicó con Manuel Lira, le informó lo de RENIEC y Manuel Lira empezó a aplazar indefinidamente la firma. La aplazo primero una semana, con la excusa de que no tenía chófer, luego una semana más, diciendo que mandaría un correo a la notaría y demás excusas similares. Incluso llegó a decirle a mi socio que un lunes en la mañana firmarían en la notaría y cuando mi socio le explicó que a esa hora él no podía porque estaba trabajando, Manuel Lira le dijo: “ese no es mi problema”. Increíble, nosotros le pagamos y él nos trata así. Yo andaba mal, después de la estafa de Giovanny Palacios, anduve muy nervioso pues era evidente que me encontraba con otro timador que seguramente (como no nos había mostrado ningún recibo) había tomado todo el dinero, se lo había gastado y podía desaparecer dejándome sin nada (d¿e donde sacaba 1400 soles más en verano, cuando un profesor no tiene trabajo?).

Lo peor fue que al final quedó el lunes en la mañana, pero dejando indicaciones claras de que vaya solamente mi esposa pero que a mi no se me diga nada. Actitud demasiado baja, ¿que tenía de malo que vaya yo?, si yo era quien dirigía todo, mi esposa solo me representaba. Así que, a sabiendas que Manuel Lira se aparecería ese mismo día ahí y que después quizás volvería a desaparecer, decidimos estar todos ahí (cuando Manuel Lira solo esperaba encontrar a mi esposa).

CAREO CON MANUEL LIRA

A la llegada de Manuel Lira, se puso de pésimo humor al vernos a todos ahí, incluso dijo que solo ingresarían los que iban a firmar (en clara alusión a mí, aunque la vez anterior ingresé normalmente a la firma). Ingresamos a la notaría, Manuel Lira entró a un ambiente y se quedó ahí por más de una hora. Cuando salió dijo que teníamos que sacar otra DNI porque las huellas no iban a pasar, que ya había consultado y que sería imposible. Pedimos hablar con el notario y Manuel Lira se negó diciendo que era en vano pues él ya había hablado. Así que me paré en el medio del pasillo y no le permití irse.

Insistimos que queríamos ver al notario y lo mucho que hizo él fue mandar a llamar a la secretaria pero nos negamos. Él empezó con su postura defensiva pues cuando le recordé que todo debía estar listo en el 2009 y estábamos a quincena de enero, dijo que yo decía impertinencias, que no era su culpa y que debíamos sacar otra DNI. Le recordé que se desapareció dos semanas, que no me contestaba los correos que en la RENIEC nos dijeron que las huellas estaban bien y él solamente se reía insinuando que nosotros no sabemos lo que decimos.

Lo presioné para que firme un papel comprometiéndose a constituir la empresa en una semana en otra notaría y que si no lo hacía me devolvería los 1400 soles. Lo firmó y quedamos en hacer una nueva minuta, con un capital de 2 mil soles (no los mentirosos 35 mil soles iniciales que él propuso).

CONTRATO UN NUEVO ASESOR

Para ese entonces, conseguí un nuevo asesor que notó muchas cosas irregulares en las gestiones de Manuel Lira. Como el capital social de 35 mil soles, las atribuciones exageradas que se había asignado como gerente en la minuta inicial o los conceptos vagos e imprecisos de la minuta. Confronté a Manuel Lira con el nuevo asesor (Alexis Pérez) y aquel actuó como todo estafador: levantó la voz, se puso irritable, cuestionó los conocimientos del señor Alexis, etc.

Mi nuevo asesor me propuso no confrontar a Manuel Lira y seguirle la corriente y decirle que al mediodía le entregaría la nueva minuta (como habíamos quedado en un inicio). Eran las nueves de la mañana y teníamos tres horas para plantear bien la situación.

Lo primero que hicimos fue investigar en la notaría Javier Espino y ahí nos dijeron que el trámite costaba 238 soles y que Manuel Lira solamente había adelantado 70. ¡Setenta soles de setecientos que le di!, sentí que el mundo se abría bajo mis pies y que un nuevo estafador acababa de robarme todo. Es más, 70 de 700 que le di para la notaria, pero en realidad eran 70 de 1400 que se le dio.

DESENMASCARANDO A MANUEL LIRA

Esa mañana fue horrible, no tenía ni un centavo para comprar algo de desayunar y sentía que este año tendría que volver a trabajar en un colegito, rodeado de colegas malhumorados y mediocres, con un sueldo miserable. Me sentía fatal.

Alexis Perez consultó con gente especializada quienes determinaron que los actos de Manuel Lira encajaban con una estafa, pero que lo importante era primero recuperar el dinero sin ir a un juicio que sería muy largo y muy costoso para 1400 soles. Nos recomendaron hacerlo firmar una letra de cambio que no requiere juicio sino que juez ordena su pago sin pasar por un proceso.

Eso hicimos, al mediodía me encontré con Manuel Lira (supuestamente para darle la minuta nueva que yo tuve que tipear, increíble, yo le pago pero yo debo tipear la minuta) le dije que ya no quería trabajar con él y que me devuelva mi dinero. Le entregué la letra de cambio y lo presioné para que la firme.

Astutamente intento firmar en la zona equivocada (con lo que anularía el documento), pero Alexis lo detuvo.

RECUPERANDO EL DINERO Y CONFRONTANDO A MANUEL LIRA

Pero todo no había terminado, porque tenía en mis manos dos documentos: un recibo por honorarios y la letra de cambio. Y las firmas no coincidian. Éncontré a Manuel Lira en una reunión que tenía con otra empresa a la que tambien “asesoraba” y le pedí que firme bien. Le entregué la letra anterior (la que el rompió) y me firmó una nueva. El dinero al final lo recibi de esa empresa pues fue la que me recomendó a Lira, ya que de manos de él, no recibí un centavo. Ignoro de que forma le habrán cobrado.

Segunda letra de cambio firmada por Manuel Lira (la primera la rompió porque la firma no coincidía con su DNI)

Fíjense en la firma en su recibo:

Segundo recibo por honorarios entregado por Manuel Lira, fíjense en la firma y comparen con la letra de cambio

ABOGADO MANUEL LIRA

Pero quedaba algo más, cuando le hice firmar la nueva letra levantó la voz como energúmeno diciendo que él era abogado. Cuando le dije que lo buscamos en el colegio de abogados y no figuraba, cambio su estrategia y dijo que había terminado su carrera pero no se había titulado. Así que envié un correo a la Facultad de Derecho de la Universidad San Martín de Porres (de la que dice Manuel Lira haber egresado). Esta fue su respuesta:

----------
Registros   <registros_derecho@usmp.edu.pe>
Para:       alvarofelipe@aulaweb.pe
Asunto:     RE: Información sobre posible egresado falso
Fecha:      Mon, 18 Jan 2010 09:49:28 -0500

ESTIMADO SEÑOR ALVARO:

LAMENTAMOS MUCHO LO QUE NOS COMENTA.

A FIN DE DAR UNA RESPUESTA FORMAL  Y DETALLADA ES NECESARIO QUE ENVIE UNA
CARTA AL SR. DECANO DR. RUBEN SANABRIA ORTIZ DE NUESTRA FACULTAD Y PONER EN
CONOCIMIENTO DEL CASO.

PARA NO DEJAR EN SUSPENSO SU CONSULTA, LE SEÑALAMOS QUE EN NUESTROS
ARCHIVOS FIGURA UN SEÑOR QUE RESPONDE AL NOMBRE DE :

LIRA ALVAREZ, MANUEL ALBERTO, QUIEN  NO HAY CONCLUIDO SUS ESTUDIOS
UNIVERSITARIOS.

ESPERAMOS SU COMUNICACIÓN, GRACIAS POR COMUNICARSE.

CLARA BECERRA

OFICINA DE REGISTROS ACADEMICOS

FACULTAD DE DERECHO USMP
----------

Queda muy clara la estafa. Hay mucho más que decir pero no tengo más tiempo por hoy. Sin embargo este artículo no está terminado e iré actualizándolo constantemente con documentos o pruebas (o alguna foto o video de Manuel Lira) en la espera de que nadie jamás haga contratos con él y arriesgue su futuro.

Si este artículo te gustó también puedes leer:

• Giovanny Palacios: ladrón y estafador (5 comentarios)
• Fagist: la máscara de Giovanny Palacios (0 comentarios)
• Fagist y Giovanny Palacios: No pueden dejar de robar (0 comentarios)
• Fagist = Robo de dominios (0 comentarios)
• Fagist y Giovanny Palacios: no pueden dejar de robar (0 comentarios)

Yo, hace muchos años

Quienes me siguen en este blog deben haber notado que últimamente el trabajo no me ha dado tiempo para actualizarlo con la frecuencia que quisiera. Pero estoy haciendo intentos por organizar mi vida.

Y aunque hoy tampoco tengo tiempo, le estoy robando unos minutos a mi trabajo porque me parece que la ocasión es importante, y es que mañana comienza una nueva vida para mí pues cumplo 30 años. No, no me compro casa nueva, no conseguí un trabajo en el extranjero o me van a promover de gerente en el trabajo. En realidad mi rutina diaria va a ser la misma como hasta ahora, pero cumplir 30 años (lo he creído desde niño) marca un inicio y un después. Oficialmente dejas de ser joven (o sea, se sigue siendo joven pero ya es distinto, creo que se entiende, ¿no?), llegas a base 3 (eso de hablar de bases por décadas nunca me ha gustado pero encaja) y tu siguiente posta son los 40. Uno se empieza a sentir viejo (aunque no lo es, pero mentalmente las cosas cambian), etc., etc., etc.

En fin, lo único que quiero escribir (aunque a nadie le importe pero quiero tenerlo como recuerdo personal) son mis reflexiones en el último día de vivir en mi segunda década. Hay muchas metas que no he logrado alcanzar, otras que sí he logrado. Pero hoy por hoy, de lo único que estoy seguro, lo único que empuja mis ganas de trabajar y mis deseos de cambiar el mundo, lo único que le da razón a mi existencia (no es sentido figurado), es mi hija Sofía.

He creado una empresa, he sembrado un árbol, he escrito más de un libro, tengo una hija, he sido nueve años profesor, he tenido (y tengo) mi banda de rock. Como dije, hay muchas cosas que me faltan conseguir (muchas) pero por ahora no quiero pensar en ellas y frustrarme. Mi hija duerme cerca a mí después de almorzar y verla me hace feliz.

Mañana tendré 30 años y ella estará conmigo. Eso me basta para llegar feliz a mi nueva década.

Mi familia (foto de la navidad 2009)

Mi hijita Sofía, hoy en día

Si este artículo te gustó también puedes leer:

• Fotos – Sofía y más Sofía (0 comentarios)
• Fotos – Sofía el 14 de noviembre del 2008 (1 comentarios)
• Fotos – Más de Sofía (0 comentarios)
• 30 años después (1 comentarios)
• The Wiggles – ¿Quién dijo que el rock no era para niños? (1 comentarios)

Drupal es un CMS (sistema de gestión de contenidos) es decir, una aplicación web que permite crear sitios web organizados y con altos niveles de personalización. Sin embargo, en la navegación por sus páginas, las URL aparecen con la cadena ?q= que no es amigable con los buscadores (Bing, Google, etc.). Lo que significa que no será sencillo posicionarnos en los primeros lugares de los resultados de búsqueda. Por ejemplo, si nuestro sitio web es http://ejemplo.com y escribimos una página de servicios está tendría una url como esta: http://ejemplo.com/?q=node/1. ¿No sería mejor que tuviera una URL como http://ejemplo.com/servicios?

Los pasos para conseguirlo son los siguientes:

PASO 1: ACTIVAR LAS URL LIMPIAS

Primero debemos activar las URL limpias. Para eso vamos a Administración>>Configuración del sitio>>URL limpias. Veremos lo siguiente:

Si la opción activado está disponible basta con hacer clic en ella, guardar la configuración y listo. Se habrá eliminado la cadena ?q= en las direcciones de nuestras páginas. Sin embargo, es posible que la opción no este disponible porque se necesite hacer un cambio en el servidor. El cambio es bastante sencillo:

Dentro de la carpeta donde está instalado drupal existe un archivo llamado .htacces que deberemos modificar. Podemos hacerlo via FTP o usando el administrador de archivos de nuestro servidor (fijate que el archivo tiene un punto antes del nombre, por lo cual es un archivo oculto; así que no olvides activar la visualización de archivos ocultos). Bueno, editas ese archivo (que en una instalación limpia de Drupal estará en blanco), y le añades lo siguiente:

1
2
3
4

RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php?q=$1 [L,QSA]

Guardas el archivo y listo. Ve de nuevo a Administración>>Configuración del sitio>>URL limpias y la opción que aparecía bloqueada estará disponible.

PASO 2: MODULO PATH PARA URL PERSONALIZADAS

El paso anterior, elimina la cadena ?q= de las rutas de las páginas de nuestro sitio. Eso convertirá nuestra dirección http://ejemplo.com/?q=node/1 en http://ejemplo.com/node/1, sin embargo, aún no la hemos convertido en una dirección amigable, como http://ejemplo.com/servicios. Para eso existe el módulo path.

Este módulo está en el núcleo de Drupal así que no hay necesidad de instalarlo, solo de activarlo. Para eso vamos a Administración>>Construcción del sitio>>Módulos y buscarlo dentro de Core – opcional.

El módulo Path se activa marcando la casilla correspondiente

Una vez guardados los cambios, podremos asignar URL personalizadas para cada página. Por ejemplo, para nuestra página htpp://ejemplo.com/node/1 navegamos hasta ella, pulsamos en editar, y en la página de edición bajamos hasta Opciones de URL y escribimos la URL personalizada.

Recuerda que no puedes añadir espacios, ni eñes ni tildes en la url (si necesitas espacios usa guiones como "quienes-somos"). Además no debes escribir la barra (/) al final o no funcionará la URL

CONCLUSIONES:

Eso es todo por ahora, de esta manera podemos personalizar nuestras URL y posicionarnos mejor en los buscadores si usamos Drupal para nuestro sitio web. Obviamente, si tenemos cientos de páginas, personalizar las URL una a una puede ser agotador, pero ya veremos adelante como resolverlo.

Si este artículo te gustó también puedes leer:

• Cómo instalar Drupal – Tutorial (5 comentarios)
• Cómo crear los mejores sitios web – ¿sabes qué es un CMS? (1 comentarios)
• Montar un servidor local (localhost) en Ubuntu (8 comentarios)
• ¿Qué son las TIC? (10 comentarios)
• ¿Hasta cuando el analfabetismo tecnológico en las escuelas? (22 comentarios)