Haciendo Web » Manuales http://www.haciendoweb.cult.cu Mejorando la Intranet Cubana Fri, 24 May 2013 19:49:42 +0000 es-ES hourly 1 http://wordpress.org/?v=3.4.2 Tutorial HTML5 en Español: Ejemplos Prácticos de HTML5 Canvas http://www.haciendoweb.cult.cu/tutorial-html5-en-espanol-ejemplos-practicos-de-html5-canvas/ http://www.haciendoweb.cult.cu/tutorial-html5-en-espanol-ejemplos-practicos-de-html5-canvas/#comments Fri, 24 May 2013 19:49:42 +0000 Jorge Enrique Dominguez http://www.haciendoweb.cult.cu/?p=11901 El lenguaje HTML es de gran importancia para el desarrollo web, recientemente salio la nueva versión de este importante lenguaje el cual con sus nuevos elementos promete revolucionar lo que hasta hace un tiempo conocíamos de la web y extender aun mas sus posibilidades y funcionalidades, es por esto que les traigo hoy este excelente tutorial del uso de canvas que tiene HTML5 y que harán de sus paginas un mundo nuevo, Espero que les sea de utilidad.

HTML5: Elemento Canvas

El elemento de HTML <canvas> permite la creación de gráficos, diagramas, juegos y otros elementos visuales. También permite renderizar en 2D y 3D figuras e imágenes, vía JavaScript.

Canvas es quizás la parte más visible del set de características de HTML5 con nuevos demos, proyectos, etc.

 

Soporte de los Navegadores y Aceleración por Hardware

Canvas es soportado a partir de FireFox 1.5, Opera 9, las nuevas versiones de Safari, Chrome e Internet Explorer 9. La aceleración por hardware es soportada con algunas variaciones por todos los navegadores.

 

Que puede hacer Canvas y que  No

La especificación advierte de no usar Canvas para renderizar contenido estático. Hay varias razones para no usar Canvas si una imagen o un elemento de texto tradicional son suficientes. Si el scripting está deshabilitado del lado del cliente, Canvas será inútil.  El texto dibujado en Canvasno puede ser seleccionado, buscado, o rastreado por las arañas de la web. Por esa misma razón,Canvas hace más difícil la accesibilidad. Por ejemplo, si buscamos redondear los bordes de un área de texto seguramente conviene utilizar CSS3 antes que Canvas.

 

La Performance de Canvas

Canvas puede ser muy rápido, pero está en manos del programador  que esto se cumpla. Muchas de las optimizaciones que deben ser tenidas en cuenta y llevadas adelante quedan también en responsabilidad del programador. La velocidad juega un papel importante, y cualquier desarrollador de Canvas serio debe familiarizarse con los conceptos básicos de performance de gráficos como invalidations y viewports.

 

Ejemplo Práctico: Creando un Canvas

El elemento <canvas> es similar a los tags <div>, <a> o <table>, con la excepción de que su contenido son renderizados con JavaScript. Para implementarlo, necesitamos escribir el tag <canvas> en algún lugar del código HTML y crear una función de JavaScript que acceda a dicho tag una vez que la página carga y luego utilizar las APIs de Canvas de HTML5 para que se puedan visualizar nuestros dibujos.

<body>
<canvas id="myCanvas"></canvas>
</body>

HTML5 Canvas Template

<!DOCTYPE HTML>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

// sigue el código

};

</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>

El código superior puede ser tomado como base de todos nuestros futuros proyectos de Canvas. Podemos definir el ancho y alto utilizando las propiedades width y height. En la función inicializadora podemos acceder al objeto canvas DOM através del id y obtener el contexto 2-d utilizando getContext(). 

Líneas

El método beginPath() define un nuevo path de dibujo. El método moveTo() podemos pensarlo como una forma de posicionar el cursor de dibujo. El método lineTo() dibuja una línea entre los puntos dados. El método stroke() asigna color a la línea y la hace visible. El color por default es negro.

<script>
context.beginPath();
context.moveTo(x,y);
context.lineTo(x,y);
context.stroke();
</script>

 

<!DOCTYPE HTML>
<head>
<style>

body {
margin: 0px;
padding: 0px;
}

#myCanvas {
border: 1px solid #9C9898;
}

</style>
<script>

window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(100, 150);
context.lineTo(450, 50);
context.stroke();
};

</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>

Otros atributos:

lineWidth =  ancho de la línea.

strokeStyle = color de la línea.

 

Paths y Curvas

Para crear un path con HTML5 Canvas, podemos conectar multiples subpaths. El punto final de cada subpath será el nuevo punto de contexto. Podemos usar los métodos lineTo(), arcTo(), quadraticCurveTo() y bezierCurveTo() para construir cada subpath. Podemos usar el métodobeginPath() cada vez que deseemos crear un nuevo path.

<!DOCTYPE HTML>
<head>
<style>

body {
margin: 0px;
padding: 0px;
}

#myCanvas {
border: 1px solid #9C9898;
}
</style>

<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
context.beginPath();
context.moveTo(100, 20);

// linea 1
context.lineTo(200, 160);

// curva cuadratica
context.quadraticCurveTo(230, 200, 250, 120);

// curva bezier
context.bezierCurveTo(290, -40, 300, 200, 400, 150);

// linea 2
context.lineTo(500, 90);
context.lineWidth = 5;
context.strokeStyle = "blue";
context.stroke();
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>

Formas

Para crear una forma customizada con HTML5 Canvas, podemos crear un path y luego cerrarlo utilizando el método closePath(). Podemos usar los métodos lineTo(), arcTo(), quadraticTo() o bezierCurveTo() para construir  cada subpath que necesitemos.

Con la propiedad fillStyle podemos setear el color de la forma.

<script>
context.closePath();
</script>


  




<!DOCTYPE HTML>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}

#myCanvas {
border: 1px solid #9C9898;
}
</style>

<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

// comienza la figura customizada
context.beginPath();
context.moveTo(170, 80);
context.bezierCurveTo(130, 100, 130, 150, 230, 150);
context.bezierCurveTo(250, 180, 320, 180, 340, 150);
context.bezierCurveTo(420, 150, 420, 120, 390, 100);
context.bezierCurveTo(430, 40, 370, 30, 340, 50);
context.bezierCurveTo(320, 5, 250, 20, 250, 50);
context.bezierCurveTo(200, 5, 150, 20, 170, 80);

// se completa la figura customizada
context.closePath();
context.fillStyle = "#8ED6FF";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "blue";
context.stroke();
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>


Rectángulos


Para crear rectángulos podemos usar el método rect(). A este lo podemos posicionar con los parámetros x e y, y podemos setear su ancho y alto con width y height respectivamente. La posición es relativa al borde superior izquierdo del rectángulo.






<!DOCTYPE HTML>
<head>
<style>
#myCanvas {
border: 1px solid #9C9898;
}

body {
margin: 0px;
padding: 0px;
}
</style>

<script>
window.onload = function() {
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

context.beginPath();
context.rect(188, 50, 200, 100);
context.fillStyle = '#8ED6FF';
context.fill();
context.lineWidth = 5;
context.strokeStyle = 'black';
context.stroke();
};
</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>




Círculo


Para dibujar un círculo en HTML5 Canvas podemos crear un arco usando el método arc() y definir como ángulo de comienzo 0 y el ángulo final como 2 * PI.




<script>
context.arc(x, y, radius, 0 , 2 * Math.PI, false);
</script>




  




<!DOCTYPE HTML>
<head>
<style>

body {
margin: 0px;
padding: 0px;
}

#myCanvas {
border: 1px solid #9C9898;
}
</style>

<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 70;

context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = "#8ED6FF";
context.fill();
context.lineWidth = 5;
context.strokeStyle = "black";
context.stroke();
};

</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>


Imágenes


Para dibujar una imagen usando HTML5 Canvas,  podemos usar el método drawImage() que requiere un objeto imagen y un punto de destino. Este último es relativo al borde izquierdo superior de la imagen.




<script>
context.drawImage(imageObj, x, y);
</script>


<!DOCTYPE HTML>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
#myCanvas {
border: 1px solid #9C9898;
}
</style>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var imageObj = new Image();

imageObj.onload = function() {
context.drawImage(imageObj, 69, 50);
};
imageObj.src = "http://www.html5canvastutorials.com/demos/assets/darth-vader.jpg";
};

</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="400"></canvas>
</body>
</html>


Texto: Fuentes, Tamaños y Estilos


Para setear la fuente, el tamaño y el estilo de un texto en HTML5 Canvas, podemos usar la propiedad font del contexto de canvas. El estilo puede ser normal, negrita o cursiva. Por default, el estilo es normal.




<script>
context.font = 'italic 40px Calibri';
</script>


<!DOCTYPE HTML>
<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
#myCanvas {
border: 1px solid #9C9898;
}
</style>

<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");
var x = 80;
var y = 110;

context.font = "60pt Calibri";
context.lineWidth = 3;
// stroke color
context.strokeStyle = "blue";
context.strokeText("Hola Mundo!", x, y);
};

</script>
</head>
<body>
<canvas id="myCanvas" width="578" height="200"></canvas>
</body>
</html>


Hasta aquí este tutorial de HTML5 pronto publicaremos mas tutoriales sobre este tema.


Descargar Ejemplos:


  4.7 kB Ejemplos HTML5 Canvas (23)  

]]>
			http://www.haciendoweb.cult.cu/tutorial-html5-en-espanol-ejemplos-practicos-de-html5-canvas/feed/
		0
		
		
		Imágenes Rotatorias en el Blog
		http://www.haciendoweb.cult.cu/imagenes-rotatorias-en-el-blog/
		http://www.haciendoweb.cult.cu/imagenes-rotatorias-en-el-blog/#comments
		Thu, 31 Jan 2013 19:29:08 +0000
		Odecte Rodríguez Madruga
				
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=11556
		
			1. Introducción:

El presente tutorial les permitira añadir imágenes que cambian automáticamente en el blog.


2. Javascript:

Vamos a:


Pa -> Multiblog -> Módulos -> Personalizado -> Modificar


Dentro del contenido pegaremos lo siguiente:


    <script language="Javascript" type="text/javascript">
        mis_imagenes = new Array("IMAGEN1","IMAGEN2","IMAGEN3","IMAGEN4")
        mi_imagen = 0
        imgCt = mis_imagenes.length
        function rotacion() {
        if (document.images) {
        mi_imagen++
        if (mi_imagen == imgCt) {




        mi_imagen = 0
        }
        document.anuncio.src=mis_imagenes[mi_imagen]
        setTimeout("rotacion()", 2 * 1000)
        }
        }
        </script>
        <body onload="rotacion()">
        <img src="http://illiweb.com/fa/empty.gif" name="anuncio" alt="Anuncios" />
        </body>


En donde IMAGEN1,2,3,4, corresponderán a las direcciónes de las imágenes que aparecerán en el widget de forma automática.


Una vez hayamos personalizado correctamente todo pinchamos Registrar.

]]>
			http://www.haciendoweb.cult.cu/imagenes-rotatorias-en-el-blog/feed/
		0
		
		
		Lenguajes de programación, CMS y el SEO
		http://www.haciendoweb.cult.cu/lenguajes-de-programacion-cms-y-el-seo/
		http://www.haciendoweb.cult.cu/lenguajes-de-programacion-cms-y-el-seo/#comments
		Thu, 31 Jan 2013 19:27:32 +0000
		Odecte Rodríguez Madruga
				
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=11533
		
			SEO - Posicionamiento en Buscadores (1)


Resumen: Como influyen los lenguajes de programación y gestores de contenido en el posicionamiento de nuestras páginas web, pudiendo impulsarlo o limitarlo.




Tan asombroso ha sido el auge de las redes sociales y la penetración de las nuevas herramientas tecnológicas basadas en la geolocalización, que expertos en Social Media no dejan de asombrarse que en vez de perder relevancia e importancia, el SEO haya resurgido más renovado y poderoso que antes. De igual forma que vuelve a la palestra un tópico siempre presente a la hora de comenzar o evaluar un proyecto que involucre la construcción de un sitio Web eficaz: La importancia la programación para el posicionamiento web.


El éxito de una campaña de marketing online depende en un porcentaje muy elevado del lenguaje de programación que utilice.


Hace unos años, para realizar un Diseño Web, únicamente era necesario HTML y CSS, sin embargo, hace mucho tiempo que la Web es dinámica, por lo que otros lenguajes llegan para adecuarse a los requerimientos de los negocios actuales.


Si enfrentamos el desafío de posicionar un sitio Web, hay que prestar atención a los errores de sistema y a la limpieza del código fuente, a fin de facilitar el trabajo de los motores de búsqueda.


Errores comunes en la programación que afectan al SEO


    

  • La utilización de Flash como lenguaje de programación exclusivo de un sitio Web es un error de gran magnitud, los robots son incapaces de leer los contenidos elaborados con este software, por lo que el posicionamiento final será nulo.
    • 

  • Los robots de los buscadores tampoco leen el contenido en JavaScript; de hecho este lenguaje ayuda a los robots a desechar contenido por considerarlo basura.
    • 



Sin ninguna duda, abusar de estos dos lenguajes de programación es un error que incidirá negativamente en el posicionamiento, aunque no son los únicos errores, ya que saliéndonos un momento del tema que hablamos, por ejemplo, dentro de las variables que el SEO considera indispensables para una campaña exitosa, está la elección de un buen hosting, que cuente con una reputación online asociada y cuyo hospedaje garantice rapidez y accesibilidad eficiente, tema no siempre evaluado adecuadamente.


Administradores de contenidos y su relación indivisible con las URL


Los CMS son una herramienta esencial para modificar y actualizar los contenidos publicados en un sitio Web y -en términos generales- es mejor no utilizar administradores de contenidos que no permitan la creación manual de la URL que identificará a cada contenido publicado en el portal Web. En este sentido realizar un diseño web con WordPress resulta tremendamente útil para optimizar una página para SEO.


Es importante tener presente que la URL –que no necesariamente debe ser igual al título- es una de las fortalezas de un buen posicionamiento Web, la URL debe contener las palabras clave y ser coherente a la vez además de obviamente, estar relacionada con el contenido.


Adicionalmente, es muy importante evitar los CMS que asignan una ID, si bien es cierto que ésta es única, es posible que en una segunda visita al sitio, Google lea la misma URL y le asigne un ID distinto, considerándolo contenidos duplicado, lo que perjudica seriamente al posicionamiento.


Recomendaciones para evitar errores en el SEO


Para minimizar el impacto de estos errores habituales a la hora de programar su sitio Web, tenga en cuenta las siguientes recomendaciones:


Flash, únicamente incrustado en banners y nunca con contenido relevante intercalado, al igual que JavaScript, utilícelo únicamente cuando no tenga otras opciones, siempre en archivo externo y fuera del código fuente.


PHP, la mejor recomendación aquí es realizar la programación de su portal Web con especialistas, la programación es una arista muy delicada en la puesta en marcha de un negocio online, déjese asesorar por una empresa o servicio experto y con buenos resultados demostrables a su haber.


La elección del hosting siempre debe ser concordante con el lenguaje de programación utilizado en su portal Web, asegúrese que éste es compatible con la versión de programación.


Escoja el administrador de contenidos que mejor se adecue a sus requerimientos, es posible que con una marca consolidada, líder en su ámbito y con varios años de trayectoria, la URL no sea tan relevante como para una marca que empieza y para la que todas acción destinada a mejorar el posicionamiento es no sólo necesaria sino altamente valorada.


Para finalizar, no se olvide que la programación de un portal Web debe ser realizada por expertos, sin embargo, no pierda la oportunidad de formarse en relación a las razones que vinculan los distintos lenguajes de programación con el posicionamiento, así podrá expresar mejor sus necesidades y objetivos a la hora de discutir sus proyectos.



]]>
			http://www.haciendoweb.cult.cu/lenguajes-de-programacion-cms-y-el-seo/feed/
		2
		
		
		Iniciación al posicionamiento web en los buscadores
		http://www.haciendoweb.cult.cu/iniciacion-al-posicionamiento-web-en-los-buscadores/
		http://www.haciendoweb.cult.cu/iniciacion-al-posicionamiento-web-en-los-buscadores/#comments
		Wed, 30 Jan 2013 17:02:23 +0000
		Odecte Rodríguez Madruga
				
		
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=11529
		
			(Tomado de lawebera.es)


Resumen: Guía de posicionamiento web en buscadores. Factores relevantes para ser el primero en Google y otros buscadores.


1. Conceptos básicos


¿Qué es el posicionamiento de páginas web?


Básicamente se trata de conseguir que tu página web salga en los primeros puestos de los resultados de búsqueda de los buscadores. Es decir, que si tu página trata sobre plantas medicinales, por ejemplo, cuando una persona teclea esas palabras en Google o cualquier otro buscador aparezcas en las primeras posiciones de las listas de resultados.


¿Por qué es importante el posicionamiento en los buscadores?


Principalmente porque así conseguirás gran cantidad de visitas (la mayor parte de las visitas de una web provienen de buscadores) y además, porque esas visitas estarán realmente interesadas en lo que les ofreces. Piensa que una persona que entra a tu página de plantas medicinales por medio de un buscador, antes se ha tenido que molestar en buscar cosas como “plantas medicinales”, “medicina natural”, “medicina alternativa”, etc. por lo que puedes pensar que está, por lo menos, moderadamente interesada en tus productos. Desde luego, lo estará más que una persona que ve un anuncio de tu web por casualidad sin haberlo deseado.


¿Qué hay que hacer para posicionar una página web?


Esta pregunta es difícil de responder, y desde luego daría para escribir un libro, pero si sigues leyendo esta página encontrarás una breve guía sobre las principales cosas que se pueden hacer para posicionar una web en Google, además de aquellas que no debes hacer si no quiere ser penalizado por ellos. Obviamente hay muchas más, pero éstas son suficientes para empezar a obtener resultados a largo-medio plazo. Recuerda en todo momento que este proceso no es rápido en ningún caso, y que para conseguir resultados estables en el tiempo se necesitan meses de trabajo.


Ahora bien, antes de empezar a hablar de esas técnicas, conviene tener unos conceptos previos claros y unos objetivos realistas sobre lo que queremos conseguir al posicionar nuestra web:


Funcionamiento de un buscador


Antes de nada, puede ser útil comprender cómo funciona un buscador a la hora de indexar un sitio web, esto es, añadir un sitio a la base de datos de un buscador, por lo que ya puede salir en sus resultados de búsqueda.


Para indexar las páginas web que hay en Internet, los buscadores utilizan unas aplicaciones llamadas arañas (o spiders, robots, etc.) que visitan periódicamente los sitios que tienen ya almacenados en sus bases de datos en busca de nuevos contenidos, modificaciones, enlaces a seguir o páginas que ya no existen (en este último caso para borrarlas). Todas las páginas nuevas que visita el robot, las modificaciones que detecta, etc, las va guardando en la bases de datos, así consiguen la mayoría de ellos mantenerlas actualizadas.




Palabras clave o keywords


Son una de las cosas más importantes a tener en cuenta a la hora de hablar de posicionamiento en los buscadores. Son aquellas palabras que introducen los usuarios en los buscadores para realizar sus búsquedas. Es decir, son las palabras por las que nos van a encontrar.


Por este motivo, el análisis de palabras clave es un paso previo muy importante de cara al posicionamiento en los buscadores. Si no dirigimos nuestros esfuerzos a las palabras clave adecuadas, estaremos perdiendo el tiempo. En este sentido, es importante tener en cuenta siempre lo siguiente; las palabras únicas más generales (e incluso no tan generales), como por ejemplo, “ordenadores”, ofrecen mucha competencia, es decir, que muchas páginas intentan aparecer en los primeros puestos cuando alguien las busca. Por el contrario, los usuarios son cada vez mejores buscadores de información y utilizan con poca frecuencia palabras generales a favor de frases más precisas que les arrojen resultados de mayor relevancia para sus necesidades. Por eso, a la hora de hablar de palabras clave sería mejor referirnos a frases clave y, en consecuencia, guiar nuestros esfuerzos a posicionar frases y no palabras sueltas. Esto nos dará mejores resultados.


Por suerte, existen en el mercado diversas herramientas que nos ayudarán a decidir sobre qué palabras (frases) clave trabajar para mejorar el posicionamiento de nuestra web en los buscadores. Entre ellas, una de las más conocidas es el Wordtracker Keyword Generator (en inglés), también puedes utilizar la herramienta para palabras clave de Google. En ambas, puedes introducir las palabras clave que te interesen y el programa te devuelve una lista de palabras similares que pueden ser analizadas de diversas formas.


Un último punto a considerar en cuanto a las palabras y frases clave, es decidir cuántas utilizamos. Hay que buscar soluciones realistas, pero en general, por cada página web con bastante contenido que tengamos (se entiende como información, no imágenes, enlaces, juegos, ni publicidad), es recomendable utilizar de una a tres frases claves. Hay que resaltar aquí que es aconsejable utilizar palabras o frases distintas para cada página de la web, dependiendo del contenido específico de cada una. Además, obtendremos mejores resultados si ponemos nuestro esfuerzo en frases que, aunque menos buscadas, tengan menor competencia, que frases con mucha competencia ya que con ellas será muy difícil el posicionamiento en los buscadores, por lo que no será muy efectivo.


Centrarse en los principales buscadores


Actualmente, Google es el líder indiscutible de los buscadores (por lo menos en el mercado hispano). No hay datos exactos, pero alrededor del 70% de las búsquedas se realizan a través de él, y si incluimos en el cómputo a Yahoo y MSN, abarcan en torno al 95% del total. Por tanto, lo principal es conseguir posicionarse en estos tres buscadores, puesto que son los que nos reportarán la mayoría de las visitas. Para cada uno de ellos hay técnicas específicas, si quieres conocerlas, puedes serte útil visitar los foros de xeoweb.


Tener paciencia y seriedad


Cada vez más se está teniendo muy en cuenta la edad del dominio propio y la edad de los dominios que nos enlazan, de tal forma que no nos considerarán realmente importantes (por decirlo de alguna manera) hasta que no llevemos un tiempo establecidos en Internet y se vea nuestra evolución. Normalmente, a partir de 18 meses de antigüedad suele ser suficiente. Por tanto, habrá que tener paciencia y trabajar poco a poco para ir consiguiendo hacernos un hueco en Internet y que los buscadores nos tomen en serio.


2. Técnicas y consejos de posicionamiento en los buscadores


Ofrecer contenidos de calidad


Actualmente, el contenido es muy valorado por los buscadores para realizar sus resultados de búsqueda, y en especial el contenido único. Por eso, es otra de las claves del posicionamiento en los buscadores. Esto es debido a que los buscadores cuando rastrean con sus arañas tu página web añaden cada palabra que encuentran para después intentar relacionarlas con las búsquedas de los usuarios y arrojar sus resultados. Pero además, el contenido de calidad propicia que otras webs que te consideren interesante te enlacen, precisamente por tener buena información en tu sitio. Conseguir enlaces de otras webs, como veremos más adelante, es muy importante a la hora de posicionar tu página. Además de estas ventajas, podemos añadir que los contenidos de calidad son una de las más valiosas armas para fidelizar visitas, ya que ofrecerás a tus visitantes aquello que realmente les interesa, por lo que es muy probable que vuelvan.


Cuando redactes tu página no olvides incluir en el texto de forma coherente las palabras clave que elegiste con anterioridad, siempre que mantengas sentido en tu página y no se note que están puestas de forma forzada, etc. Los contenidos deberían tener una densidad del 2% al 7% para cada palabra o frase clave utilizada. No intentes escribir tus palabras clave demasiadas veces en el texto porque puede ser considerado spam y penalizar tu página (evita que la densidad de cada una sea superior al 20%). Una buena herramienta para saber la densidad de palabras clave de tu web es keyword density & prominence.




Conseguir buenos enlaces


Los enlaces que apuntan a una página, conocidos como backlinks, son muy importantes en el posicionamiento web en buscadores, porque los interpretan como una especie de voto a esa web. Pero no todos los enlaces son útiles para este propósito, los más importantes son los enlaces naturales, es decir, aquellos que se consiguen gracias a la calidad de los contenidos de la web de forma espontánea. Sin ser sugeridos por nosotros mismos.


No obstante, los enlaces naturales no son los únicos válidos para el posicionamiento en los buscadores, los enlaces de directorios también pueden sernos útiles. Aunque estos no aumentarán demasiado el tráfico de tu web, ayudarán con el tiempo a subir posiciones, siempre y cuando sean buenos directorios (por ejemplo Dmoz) en cuanto a contenido y al tipo de enlaces que realizan. Además, debemos evitar en lo posible repetir el mismo título y descripción en cada directorio en el que demos de alta la web, ya que lo más importante son los enlaces naturales, y así no lo parecerían. Por otro lado, si tienes una web con mucho y buen contenido, puede ser interesante realizar artículos para otras páginas de tu misma temática, ya que los enlaces que se consiguen así son muy valorados por los buscadores, además de serte útil para la promoción web (normalmente en la página del artículo que proviene de otras fuentes se indica el nombre del autor y la dirección de su página web).


A la hora de recibir un enlace de otra página, fíjate bien en cómo lo hacen. Esto es, debes fijarte en el “anchor text” (el texto del enlace) y el tipo de enlace. En el anchor text debería figurar alguna palabra clave relacionada con tu página. Por ejemplo, para una web de cocina mediterránea, sería muy conveniente que precisamente fuera “cocina mediterránea” el texto del enlace y no “pincha aquí” o “enlace”. Además, presta atención al código de tu enlace, que tenga un aspecto parecido a este:


<a href="http://www.tupagina.com">Palabras clave</a>


O si es una imagen:


<a href="http://www.tupagina.com">
<img src="logo.gif" alt="Palabras clave" /></img></a>


Sobre todo, asegúrate de que tu enlace no está hecho con javascript, porque los buscadores no pueden leerlos y no te servirá de nada de cara al posicionamiento. Los enlaces javascript son más o menos así:


<a href="javascript:http://www.tupagina.com()">Link</a>


También hay que tener cuidado de que no hayan incluido el atributo “nofollow” dentro de la etiqueta <a>, ya que estos enlaces no son seguidos por los buscadores.


Por último, decir que es importante no conseguir muchos enlaces de golpe, sino que ir trabajando en este aspecto calmadamente (por ejemplo, conseguir 10 enlaces el primer mes, 15 el segundo, 30 el tercero, etc.) para evitar que los buscadores interpreten este hecho como que estamos intentando manipular sus resultados y nos penalicen.


MetaTags


Es frecuente pensar que los buscadores le dan mucha importancia a los MetaTags, en particular a la meta tag keywords y la meta tag description, pero esto no es verdad. Estas metas son prácticamente ignoradas por los buscadores, puesto que se han convertido en puro spam en muchos casos. No obstante, y aunque no ayude al posicionamiento en los buscadores, puede ser interesante seguir añadiendo el meta tag de la descripción, ya que algunos de ellos lo tienen en cuenta al mostrar sus resultados. Si quieres añadir metatags a tu web, puede serte útil el generador de metatags disponible en esta página.


Título y etiquetas de encabezado


Los títulos son etiquetas que sí se toman en cuenta de cara al posicionamiento en los buscadores, ya que éstos les conceden bastante importancia. Es imprescindible añadir un título a cada página, pero procura que no exceda de 60 caracteres para dar más densidad a tus palabras clave.


Las etiquetas de encabezado (h1, h2, h3, etc.) también pueden ser útiles en el posicionamiento web en buscadores, por lo que puedes meter en ellas algunas de tus palabras o frases clave, siempre con moderación y coherencia para evitar hacer spam y ser penalizados.


Ni que decir tiene que es precisamente el título lo que primero ve una persona en los resultados de búsqueda y lo que le tiene que impactar o interesar para decidir entrar en tu página.




Incluir un mapa web


Son aconsejables cuando la página web es muy grande o es difícil que los buscadores puedan seguir los enlaces de los menús (por ejemplo, por la utilización de javascript o flash, ya que no pueden leerlo). En el mapa web se deben poner enlaces de texto a todas las páginas del sitio, pudiendo el buscador de este modo acceder a toda nuestra web. No obstante, no pongas más de 100 enlaces por página porque esto puede ser penalizado.


Evitar la utilización de flash, archivos PDF y javascript en la medida de lo posible


Evita la utilización de archivos flash innecesarios, a los buscadores les cuesta mucho indexarlos y en la mayoría de los casos no lo hacen. Lo mismo pasa con los archivos pdf, que aunque presentan menos problemas que los primeros, también pueden crear dificultades de indexación. Por su parte, el código javascript presenta otro problema para los buscadores ya que la mayoría no puede seguir los enlaces que contienen, por lo que si tu menú está hecho en javascript probablemente sólo conseguirán indexar tu página principal.


Ceñirse a los estándares web


Validar nuestras páginas conforme a los estándares nos ayudará de forma indirecta al posicionamiento en los buscadores, ya que al validar nuestras páginas estamos revisando posibles errores de programación que pueden causar dificultades a los robots para indexar nuestras páginas, o que éstas no se vean correctamente por el usuario. Cuanto más fácil se lo pongas a los robots para indexar tu página mejor. Para conseguir este objetivo, revisa a fondo los manuales del W3C (la organización que crea los estándares web) y utiliza su validador.


Tamaño máximo de páginas y enlaces


La cifra mágica para ambos casos es 100. No más de 100 enlaces por página (mejor no aproximarse) y no más de 100 Kb. de peso. Si pones más de 100 enlaces en una página corres el riesgo de ser penalizado en los buscadores, por lo que tus posiciones caerían drásticamente o incluso te borrarían de la base de datos. Intenta no superar los 80 enlaces para estar seguros de no estar haciendo las cosas mal. En cuanto al peso de la página, si supera los 100 Kb. muchos buscadores no te la indexarán, además, cuanto más pese más tardará en cargar, cosa que no es recomendable de cara al usuario.


Monitorizar la web, posicionamiento continuo


Monitorizar la web y sus posiciones en los principales buscadores es una estrategia útil para detectar a tiempo posibles pérdidas de posiciones. Para monitorizar posiciones hay programas y webs que facilitan la tarea, por ejemplo, el Free Monitor for Google. No obstante, a la hora de controlar el posicionamiento en Google, hay que tener en cuenta que es frecuente la caída brusca de posiciones o la desaparición de nuestras páginas, sobretodo cuando la web es nueva. Esto no tiene por qué ser malo, al contrario, es algo habitual y normal. Si tras un par de días la situación no ha vuelto a la normalidad puedes empezar a preocuparte.


Además, en el tema del posicionamiento de páginas web, constantemente salen cosas nuevas y quedan obsoletas las anteriores, por lo que puede ocurrir que lo que te resultó útil en su momento, ahora no te sirva para nada o incluso te perjudique. Razón más que suficiente para mantenerse al día en este tema y renovarse continuamente.




3. Tácticas penalizadas en el posicionamiento en los buscadores


La penalización de webs que realizan prácticas no éticas para posicionarse en los primeros resultados de búsqueda, es una estrategia que utilizan los buscadores para ofrecer resultados más interesantes a sus usuarios. Cuando se detecta que una página está realizando acciones no permitidas, se le penaliza, lo cual puede consistir en hacerla perder posiciones en las búsquedas o incluso eliminarla de los resultados y desindexarla. Entre los motivos que existen para ser penalizado, tenemos:


1. Texto oculto.

2. Webs duplicadas.

3. Enlaces artificiales.

4. Cloaking y doorways.


Texto oculto


Consiste básicamente en poner texto dirigido específicamente para los buscadores que no es visible para los usuarios con el fin de obtener un mejor posicionamiento en los buscadores. Los webmasters que realizan estas prácticas, se dedican a escribir palabras para rellenar su web y obtener así mayor densidad en ellas. Para que el usuario no las vea, es común que pongan el mismo color para el texto y para el fondo.


Webs duplicadas


Esto consiste en crear webs idénticas (con el mismo contenido y demás) para conseguir enlaces para la web que realmente se quiere posicionar. Esta técnica está bastante mal vista por los buscadores, por lo que hay que evitarla. Además, hay que tener cuidado al cambiar de dirección web de no dejar online la misma web en las dos direcciones porque podrías ser penalizado al tener contenido duplicado.


Enlaces artificiales


Consiste en aumentar de forma artificial los enlaces entrantes a una web. Se puede hacer de varias formas y todas ellas resultarán perjudiciales para nuestra web tarde o temprano:


    

  • Realizar spam en blogs y libros de firmas, escribiendo en ellos con la única intención de dejar en enlace a la web.
    • 

  • FFA y granjas de enlaces: son páginas dedicadas a dar enlaces a otras páginas, ya sea pagando o gratis, pero que con el tiempo son penalizadas duramente por los buscadores, así como las páginas enlazadas por ellas, por ser simplemente páginas con miles y miles de enlaces que no aportan nada.
    • 

  • Cross-linking: realizar enlaces en cadena con conocidos u otras webs de forma que todas enlazan a todas formando un círculo. Si los buscadores detectan que el único motivo de esos enlaces es conseguir un mejor posicionamiento, pueden penalizarlas.
    • 



Cloaking y doorways


El cloaking consiste en hacer webs distintas en función de quién la visite. De esta forma, los webmaster realizan páginas totalmente optimizadas para los robots y páginas distintas para los usuarios con el fin de obtener un buen posicionamiento en los buscadores. Cuando un robot intenta rastrear la página se le identifica como tal y es redireccionado a la página construida específicamente para él, lo mismo ocurre con los visitantes normales.


Las doorways son un caso particular de Cloaking, en el que se realizan páginas optimizadas con el único fin de obtener un buen posicionamiento web en buscadores. Normalmente, cuando el usuario intenta acceder a ellas es redireccionado a la página “de verdad” mediante un enlace javascript (los buscadores no pueden leerlos), mientras que cuando el buscador accede a la página se le permite navegar por ella y al no poder leer el enlace javascript almacena la página optimizada para él.


Aunque éstas técnicas puedan parecer atractivas, no la uses, puesto que cada día los buscadores implementan nuevos métodos de detección para ellas, por lo que tarde o temprano tus páginas serán penalizadas.



]]>
			http://www.haciendoweb.cult.cu/iniciacion-al-posicionamiento-web-en-los-buscadores/feed/
		1
		
		
		Guía de Windows 8: Restaurar y Reinstalar Windows
		http://www.haciendoweb.cult.cu/guia-de-windows-8-restaurar-y-reinstalar-windows/
		http://www.haciendoweb.cult.cu/guia-de-windows-8-restaurar-y-reinstalar-windows/#comments
		Fri, 07 Dec 2012 17:28:40 +0000
		César Capote
				
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=10828
		
			



Windows 8 está preparado para ponértelo fácil si algo falla. Se acabó pasar la tarde luchando con el sistema para dejarlo como venía de fábrica, gracias a dos nuevas funciones: Restaurar y Restablecer.


Restaurar deja Windows como venía de fábrica, pero mantiene tu configuración y archivos personales. Restablecer va un paso más allá, y deja el equipo como venía de fábrica.


Cómo se accede a Restaurar y Restablecer


Esta opción se encuentra en el Panel de Configuración de Inicio, accesible arrastrando desde el lateral derecho (en pantalla táctil) o dejando el ratón en la esquina inferior derecha (si usas un ratón). Después presiona Cambiar configuración del PC.


En Uso general encontrarás ambas opciones. Restaurar tu PC sin afectar a tus archivos equivale a restaurar, mientras que Quitar todo y reinstalar Windows es lo mismo que restablecer. Pulsa el botón Comenzar correspondiente y empieza el asistente.


Pantalla de Configuracion


Cómo restaurar Windows 8


Al presionar Comenzar sale una ventana informativa donde se explican las operaciones que se llevarán a cabo.


Restaurar el PC


En esencia, se puede resumir en lo siguiente:


    

  • Tus aplicaciones se borrarán salvo que las instalaras desde la Tienda de Windows
    • 

  • Se mantendrán tus archivos y configuración personalizada
    • 

  • Todo lo demás (configuración del PC, etc) volverá a sus valores de fábrica
    • 



Si estás de acuerdo, pulsa Siguiente y el proceso se iniciará sin demora. Ten en cuenta que puede tardar varios minutos.


Restaurando su PC


Cómo restablecer Windows 8


Restablecer deja Windows como recién salido de la tienda. Se explica en la ventana emergente cuando inicias el proceso.


Restablecer el PC


Al pulsar Siguiente se te da a elegir entre borrar los archivos de forma normal o segura. Sólo quitar los archivos borra los archivos, sin más, mientras que Limpiar completamente la unidad hace un borrado seguro de los datos, de modo que no se puedan recuperar con herramientas como Recuva.


El borrado seguro lleva mucho más tiempo ya que es necesario sobrescribir el contenido varias veces para imposibilitar la recuperación, por lo que es recomendable sólo si vas vender ese equipo o temes que alguien pueda buscar información confidencial en el equipo.


Limpieza Segura


Una vez hayas elegido, el proceso se inicia. Ten paciencia, en unos minutos tu Windows 8 se


Restableciendo el PC


Reiniciará y lucirá como nuevo.


Fuente: Softonic



]]>
			http://www.haciendoweb.cult.cu/guia-de-windows-8-restaurar-y-reinstalar-windows/feed/
		2
		
		
		Permisos para foros en phpBB3
		http://www.haciendoweb.cult.cu/permisos-para-foros-en-phpbb3/
		http://www.haciendoweb.cult.cu/permisos-para-foros-en-phpbb3/#comments
		Mon, 03 Dec 2012 13:35:07 +0000
		Kazekage
				
		
		
		
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=10659
		
			Esta guía pretende enseñar básicamente como debes editar o configurar los permisos de tus foros, en especial cuando creas un nuevo foro, y resolver las dudas mas frecuentes que surgen al crear nuevos foros y al intentar crear foros privados o con ciertos privilegios para ciertos grupos.


Respuestas Rápidas a consultas frecuentes


    

  1. Pregunta: Nadie puede ver los nuevos foros que he creado
    
Por defecto, los nuevos foros no tienen permisos asignados. Debes asignarles permisos o copiarlos desde otro foro para que puedan ver y acceder a los foros que has creado.
    2. 

  2. Pregunta: Yo tengo permisos totales como administrador. ¿Entonces porque no puedo ver mis nuevos foros?
    
Los permisos de Administrador no tienen relación con los permisos de los foros. Tienes que asignarle los permisos correspondientes a ese foro, para que tu o tu grupo de usuarios puedan ver o postear en este nuevo foro que has creado.
    3. 

  3. Pregunta: He configurado los permisos para mis nuevos foros, pero aun no puedo verlos.
    
Recuerda de que, además de agregar permisos a cada foro, también debes configurar los permisos para la Categoría “padre” que los contienen (si el nuevo foro que creaste se llama “Consultas” y está dentro de la categoría “General”, debes dar permisos adecuados a esta categoría “General” también).
    4. 

  4. Pregunta: He añadido una nueva categoría de foros, con los permisos adecuados, pero aun no la puedo ver.
    
Las categorías no se mostrarán a menos que contengan foros dentro (obviamente con foros que se puedan ver y sean accesibles).
    5. 

  5. Pregunta: ¿Como les puedo permitir a mis moderadores crear posts como “Notas” o “Anuncios”?
    
Los permisos para crear este tipo de posts, se encuentran en los permisos de Foros. Si les asignas el rol de “Acceso Total” a ese grupo, dentro de los permisos de ese foro, podrán realizar este tipo de posts. También puedes hacerlo desde la configuración avanzada.
    6. 

  6. Pregunta: He configurado un subforo para que copie los permisos de su foro padre, pero cuando he cambiado los permisos del foro padre, los del subforo no cambian.
    
La acción de “Copiar permisos” es una acción, no una configuración permanente. Cuando seleccionas esta opción, esto copia los permisos del otro foro cuando das click al botón “Enviar”. Pero no se copiarán los futuros cambios que hagas, solo se copian en ese momento, a menos que luego de cambiar los permisos del foro “padre”, vuelvas a copiar los permisos, al editar el subforo (en la opción de Administrar foros).
    7. 

  7. Pregunta: He creado un foro privado con un grupo especial el cual tiene los permisos para ver el foro. Pero, ninguno de los usuarios de este grupo puede ver este foro.
    
Probablemente has dejado al grupo de “Usuarios registrados” con la configuración de NUNCA para el permiso de poder ver este foro. Como los usuarios de este nuevo grupo (el grupo especial), son también usuarios registrados, al quitarles todos los permisos a los usuarios registrados (con la opción NUNCA), esto prevalece a los permisos que les hayas dado al grupo que creaste. Lo que deberías hacer es eliminar el grupo de usuarios registrados desde la lista de permisos de ese foro, en vez de configurarle los permisos a ese grupo (dejando en NUNCA la opción para ver foros, por ejemplo).
    8. 



Si luego de leer estas preguntas y respuestas, no te ha quedado como resolver tu problema, lee el resto de la guía, donde se te enseñara básicamente a agregar/editar los permisos del foro que estas editando o del nuevo foro que has creado.


Tipos de Permisos


Dentro de la sección (pestaña) de permisos, hay 4 tipos diferentes de permisos, dentro de los cuales hay globales (que se aplican a todo el foro) y locales (para ciertos foros o usuarios en particular):


    

  • Permisos Globales para Usuarios o Grupos de usuarios: Para por ejemplo, no permitirles cambiar su avatar.
    • 

  • Permisos Globales para Administradores: Para permitirles administrar foros por ejemplo o para permitirles crear nuevos grupos.
    • 

  • Permisos Globales y Locales para Moderadores: Para permitirles cerrar temas (permiso local) o banear usuarios (esto es un permiso global)
    • 

  • Permisos Locales para Foros: Para permitir ver el foro o permitir postear en el.
    • 



Por ejemplo, si quieres que uno de tus usuarios no puedan enviar mensajes privados, debes dirigirte a la sección de permisos globales y buscar a ese usuario y editar ese permiso.


Por otra parte, los permisos locales se aplican a ciertos foros. Si le quitas el permiso a alguien para postear en un foro, esto no tendrá efectos en el resto de los foros a los cuales si tiene acceso, solo se aplicara a ese foro en particular.


También puedes configurar moderadores globales o locales. Los moderadores globales puedes moderar todos los foros a los cuales tengan acceso según los permisos que les asignes. En contraste, los moderadores locales solo podrán moderar el numero de foros que tu les selecciones específicamente. Además estos foros locales van a poder tener ciertos roles en ciertos foros. En un foro van a poder borrar mensajes por ejemplo, y en otro, solo editarlos. Los moderadores globales tendrán los mismos permisos para todos los foros.


Configurando los permisos de los foros


Para configurar los permisos del nuevo foro que has creado, debemos recurrir a la categoría “Permisos basados en foros” y seleccionar la opción “Permisos de foros” (todo esto en la pestaña de PERMISOS, por supuesto). Ahí seleccionas el foro y se te mostrara la siguiente pagina.


En esta página se muestran 2 columnas, una para usuarios y otra para seleccionar grupos. Arriba, se ven los usuarios o grupos que actualmente tienen algún tipo de permiso para ingresar al o a los foros seleccionados. Estos los puedes seleccionar y cambiarle los permisos con el botón de Editar permisos, o removerle los permisos con el botón de Eliminar permisos, para que estos grupos o usuarios (los de las listas superiores) no puedan ver el foro y no tengan ningún tipo de acceso a el (aunque lo tengan al pertenecer a otro grupo). Las listas de abajo, te permiten añadir usuarios o grupos que actualmente no poseen permisos configurados en el foro/foros seleccionado/s.


Para añadirle permisos a grupos, selecciona uno o varios de la lista de “Añadir grupos” (lista que esta abajo a la derecha, en la imagen anterior). Para los usuarios es similar, solo que debes tipear sus nicknames manualmente o buscar sus nicks). Al presionar el botón de “Añadir Permisos” luego de elegir el grupo o usuario a añadir, se te llevara a la interface de permisos del foro que seleccionaste para este grupo/usuario en particular.


Por ejemplo, si has creado un nuevo foro, debes agregar desde la lista de abajo (Añadir grupos) al grupo de Administradores, Moderadores, y al grupo de usuarios registrados o a otro grupo que quieras tengan acceso, editando los permisos de cada uno de estos grupos. Si no haces esto, aunque seas administrador, ni siquiera podrás ver el nuevo foro que has creado.


Hay 2 formas para configurar los permisos de estos grupos (o de cada usuario), usando los “Roles de permiso” que son permisos predefinidos, o ser mas especifico usando los “Permisos Avanzados” que te permitirán configurar mas características del foro y ser mas preciso.


Permisos Manuales (Avanzados)


Este es el aspecto mas importante de los permisos, y debes entenderlo bien. Hay 3 diferentes valores que los permisos pueden tener:


    

  • La opción SI, le dará el permiso para ejecutar la acción. A menos que este marcada la opción NUNCA, que prevalece.
    • 

  • La opción NO, impedirá que se le de el permiso para ejecutar la acción, a menos que este marcado SI.
    • 

  • La opción NUNCA, deshabilitara completamente el permiso para el usuario. Prevalece sobre SI (explicaremos esto mas abajo).
    • 



Estos 3 valores son importantes debido a la posibilidad de que un usuario puede tener más de 1 permiso para una misma opción, al pertenecer a diferentes grupos por ejemplo.


Pongámonos en el caso de que un usuario, pertenece por defecto al grupo de “Usuarios Registrados”, y además, a un grupo llamado “Usuarios VIP” que tú has creado para los usuarios mas dedicados a tu web. Ambos grupos, tienen diferentes permisos para ver ciertos foros. Supongamos, existe un foro llamado “Descargas” el cual quieres que solo este disponible para los usuarios del grupo “Usuarios VIP” y no para que lo vean ni puedan acceder el resto de los usuarios registrados. Por supuesto, colocaras en SI la opción de “Puede ver foros” para el grupo de “Usuarios VIP”, pero NO debes colocar la opción de NUNCA para el grupo de “Usuarios Registrados”. Si al grupo de “Usuarios Registrados” dejas en NUNCA la opción de ver este foro, el grupo de “Usuarios VIP” tampoco podrá ver el foro, pues la opción de NUNCA (que dejaste para usuarios registrados) prevalece sobre la opción SI (que dejaste para los usuarios VIP, y obviamente un usuario VIP pertenece previamente al grupo de usuarios registrados, desde que se registro en tu foro). Por lo tanto, las opciones correctas para “puede ver foros” para ambos grupos, en este foro denominado “Descargas”, son:


SI para el grupo de “Usuarios VIP”

NO para el grupo de “Usuarios Registrados” (en vez de NUNCA).


Otra opción, es sencillamente eliminar al grupo de “Usuarios registrados” de los grupos que tienen acceso al foro (que no aparezcan en la lista de arriba donde aparecen los grupos con algún tipo de permiso). Con esto los usuarios registrados no podrán ver, ni acceder al foro que creaste. Ahora si por ejemplo quieres que puedan ver el foro, pero no enviar mensajes, tienes que hacerlo con los permisos avanzados, como se ha descrito antes, cuidando de no activar la opción NUNCA, para que esto no afecte al grupo que SI quieres que tengan acceso.


Consultas…


Espero con esta pequeña guía queden un poco mas clara las cosas que debes tener en cuenta a la hora de crear un nuevo foro y de como permitir o no permitir cosas a ciertos grupos o usuarios de tu foro.

Recuerda que cualquier consulta, puedes hacerla en nuestros foros, con los debidos datos de Soporte y respetando las Normas.


Fuente: http://www.phpbb.com/support/documentat … ssions.php – Resumido y modificado por Mitch


Extraído de:  phpBB-ES.com


Permisos para foros en phpBB3 (con imágenes)

]]>
			http://www.haciendoweb.cult.cu/permisos-para-foros-en-phpbb3/feed/
		0
		
		
		Nuevos Manuales para desarrollo Web desde .CU
		http://www.haciendoweb.cult.cu/nuevos-manuales-para-desarrollo-web-desde-cu/
		http://www.haciendoweb.cult.cu/nuevos-manuales-para-desarrollo-web-desde-cu/#comments
		Wed, 04 Jul 2012 11:49:38 +0000
		Juan Pablo Pérez Manes
				
		
		

		http://www.haciendoweb.cult.cu/?p=8956
		
			documentosAmigos, me place informarles que gracias a la colaboración de KZKG^Gaara se ha han agregado nuevas descargas a la sección de Manuales, en total son casi más de 30 nuevos manuales que están disponibles desde .CU para su descarga.


Entre las secciones que se actualizaron, destacan:



En transcurso de la semana se actualizara la sección de descargas con nuevos CMS y como plato fuerte se colocarán también una serie de FRAMEWORKS entre lo que podremos encontrar (Django, Code_Igniter, Zend_Framework, Yii, Symfony2).


Estas descargas han sido recopiladas en la realización del evento FLIsOL 2012 y la mayoría provienen de la UCI y fueron aportadas por Yasiel Pompa Vazquez.


Atte: Juan Pablo Pérez Manes

]]>
			http://www.haciendoweb.cult.cu/nuevos-manuales-para-desarrollo-web-desde-cu/feed/
		8
		
		
		Fundamentos de jQuery: manual gratuito con descarga desde Cuba
		http://www.haciendoweb.cult.cu/fundamentos-de-jquery-manual-gratuito-con-descarga-desde-cuba/
		http://www.haciendoweb.cult.cu/fundamentos-de-jquery-manual-gratuito-con-descarga-desde-cuba/#comments
		Thu, 12 Jan 2012 19:55:49 +0000
		Juan Pablo Pérez Manes
				
		
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=4197
		
			 jQuery logoDispón de un nuevo recurso para aprender a implementar en tu proyecto la que por el momento es la librería más popular para el desarrollo web.



Desde hace tiempo que estábamos por publicar un Manual de jQuery este framework que se encuentra en constante actualización, evolución y que cada día es más utilizados por los desarrolladores.


Todo apunta que una de las claves del éxito de la librería JavaScript es que jQuery ofrece una curva de aprendizaje a la altura de cualquier desarrollador con unos conocimientos mínimos aunque sus resultados estén a la altura de los mejores profesionales.


En esta tarea de formar a usuarios interesados en aprender a manejar este framework encontramos múltiples opciones en inglés, algunas menos en español y solo unas pocas que a nuestro juicio añadan calidad. Es por ello que queremos destacar un recurso que bajo licencia Creative Commons Attribution-Share Alike 3.0 ha traducido al español la obra original de Rebecca Murphey “Fundamentos de jQuery“.


Este manual desarrolla a través de 11 capítulos temas como, conceptos básicos JavaScript y jQuery, núcleo jQuery, eventos, efectos, Ajax, extensiones, organización del código o prácticas para aumentar el rendimiento.


Todos aquellos interesados en acceder a este manual gratuito para dar los primeros pasos en jQuery pueden hacerlo desde: Libro gratuito de jQuery en español - Fundamentos de jQuery: (687).


Señalar además para aquellos desarrolladores interesados enacceder a la última versión de la popular librería JavaScript que pueden hacerlo desde nuestras sección de utilidades.


Fuente: Desarrolloweb

]]>
			http://www.haciendoweb.cult.cu/fundamentos-de-jquery-manual-gratuito-con-descarga-desde-cuba/feed/
		1
		
		
		Instalación de WordPress con PostgreSQL en Ubuntu Lucid
		http://www.haciendoweb.cult.cu/instalacion-de-wordpress-con-postgresql-en-ubuntu-lucid/
		http://www.haciendoweb.cult.cu/instalacion-de-wordpress-con-postgresql-en-ubuntu-lucid/#comments
		Sun, 25 Sep 2011 19:02:14 +0000
		Nelson Pimienta
				
		
		
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=1360
		
			Desde hace algún tiempo vengo escuchando sobre las bases de datos PostgreSQL, pero nunca me había dado a la tarea de realizar ningún trabajo relacionado. En esta entrada les presento mi primer logro, una instalación de WordPress con base de datos PostgreSQL en Ubuntu Lucid.




 


Detalles:

S.O: Ubuntu Lucid 10,04

Wordpress: 3,0,4

PostgreSQL: 8,4


Tanto la instalación de WordPress como la de PostgreSQL no se encuentran en sus últimas versiones, en el caso de PostgreSQL, la última versión estable es la 9,1 la cual recomiendo.


Con objetivo de ahorrar tiempo, me saltaré la parte de instalar un servidor Apache con PHP en Ubuntu. Asumiré que existe un conocimiento básico de redes, servidores y GNU/Linux.


Vamos primeramente a PostgreSQL (instalación desde el repositorio):


root@huracan:/var/www/wp# aptitude install postgresql-8.4 pgadmin3 php5-pgsql


postgresql-8,4: Base de datos PostgreSQL

pgadmin3: Herramienta de administración gráfica para PostgreSQL

php5-pgsql: Módulo de postgresql para PHP5.


No es necesario instalar pgadmin3 en el servidor (solamente postgresql-8,4 y php5-pgsql), el objetivo de pgadmin es administrar el servidor de base de datos, solo lo tiene que instalar en la pc desde donde usted valla a administrar postgresql.


Por seguridad, establecemos una nueva contraseña para el usuario “postgres”


# passwd postgres


Cambiamos los privilegios de acceso a la shell del usuario postgres.

Tenemos dos formas, la primera es con el editor vi directamente:


# vipw


Yo me fui por la segunda opción que es editando directamente el archivo passwd nunca he aprendido a trabajar con vi para mi es mas fácil trabajar con nano que con vi:


# nano /etc/passwd


En mi caso quedó asi:

postgres:x:1001:1001::/home/postgres:/bin/bash


El objetivo es tener la shell de postgres en “/bin/bash”


Comprobamos que todo ha ido bien:


# su postgres -c “psql template1″


Les debe de salir algo así:


psql (8.4.8)

  Digite «help» para obtener ayuda.


template1=#


Cambiamos la contraseña predeterminada de acceso al servidor de bases de datos:


template1=# ALTER USER postgres WITH PASSWORD ‘nueva_contraseña’;


obtenemos este mensaje de confirmación:


ALTER ROLE


Ya hemos terminado aquí; para salir:


template1=# \q


Vamos a ver ahora algunas configuraciones extras:


Por motivos de seguridad, la configuracion por defecto no admite conexiones externas, es decir, solo admite conexiones del propio servidor (me refiero a interfaz lo, localhost o 127,0,0,1).


# nano /etc/postgresql/8.4/main/postgresql.conf


Buscamos la línea:


#listen_addresses = ‘localhost’

Tenemos que descomentarla (eliminarle el #) y cambiar ‘localhost’ por ‘*’

La línea #password_encryption = on igualmente la descomentamos:

de #password_encryption = on a password_encryption = on


Configurando listas de acceso:


Esta configuración es para controlar de distintas formas los accesos al servidor, en mi caso utilice la forma mas insegura, pero usted lo puede adaptar a sus necesidades.


# nano /etc/postgresql/8.4/main/pg_hba.conf


En la última línea agregar:


host all all 0.0.0.0 0.0.0.0 md5


Aquí estoy declarando que cualquier usuario (de postgresql) se conecte a cualquier base de datos desde cualquier IP.

Si quisiera que el usuario pepe, se conecte solo a la DB prueba desde la ip 192,168,0,1, quedaría:


host prueba pepe 192,168,0,1 255,255,255,0 md5


Conectando con pgAdmin III


Para comprobar si todo nos ha ido bien ya podemos ir a pgadmin.


Aplicaciones > Programación > pgAdmin III


Esperamos que cargue el programa, vamos a Archivo > Añadir Servidor


Si lo estamos trabajando todo en la misma pc/servidor, solamente tendremos que poner 127,0,0,1 si postgresql esta en un servidor y pgadmin en otra pc tendremos que poner la ip que corresponde al servidor.


El usuario para conectarse es “postgres” y la contraseña fue que la definimos anteriormente en ALTER USER postgres WITH PASSWORD ‘nueva_contraseña’;




Si se conecta, pues ya tenemos instalado nuestro primer servidor PostgreSQL.

Vamos a “Bases de datos” donde solamente veremos una llamada “postgres” , damos clic derecho > Nueva base de datos y creamos la base de datos de nuestro WordPress.




Igualmente creamos un nuevo usuario, esto lo hacemos en Roles de Login > Nuevo Rol de login.




Finalmente a instalar WordPress.


Antes que nada, tenemos que hacer un pequeño cambio en nuestro php.ini para que funcione el módulo php5-pgsql que instalamos al principio.


# nano /etc/php5/apache2/php.ini

En la última línea agregamos:

extension=pgsql.so

Reiniciamos Apache

# /etc/init.d/apache2 restart

Y todo listo.


NOTA: La instalación de WordPress tiene que ser desde 0, es decir, si usted tiene un blog WP ya instalado con MySQL, no puede convertir la base de datos a PostgreSQL, al menos con esta forma.


WordPress solo acepta conexiones a bases de datos MYSQL, para poder conectar con PostgreSQL necesitaremos un plugin llamado pg4wp (el cual les dejo para su descarga)


La instalación del plugin es sencilla.

La carpeta pg4wp tenemos que colocarla en /wp-content, el archivo dp.php de pg4wp también lo colocamos en /wp-content.


En el archivo db.php se configura la base de datos a utilizar, por defecto ya viene para que se utilice PostgreSQL, no tiene que cambiar nada. Esto se hace en define(‘DB_DRIVER’, ‘pgsql’);


Para PostgreSQL: define(‘DB_DRIVER’, ‘pgsql’);

Para MySQL: define(‘DB_DRIVER’, ‘mysql’);


Hemos terminado, si todo lo hemos hecho bien, solo queda abrir con el navegador la nueva instalación de nuestro blog WordPress y realizar los pasos que siempre hemos utilizado para MySQL, con la diferencia que esta vez se instalará en PostgreSQL.


Sitios de los que obtuve ayuda:


http://br.forums.wordpress.org/topic/problema-na-instalacao-do-plugin-pg4wp

http://www.guia-ubuntu.org/index.php?title=PostgreSQL

http://www.christianoviedo.com/2009/10/29/se-puede-usar-wordpress-con-postgresql/


Enlaces útiles:

Sitio Oficial de PostgreSQL

Comunidad cubana de PostgreSQL

Descarga de pg4wp

Descargar pg4wp desde haciendoweb

]]>
			http://www.haciendoweb.cult.cu/instalacion-de-wordpress-con-postgresql-en-ubuntu-lucid/feed/
		0
		
		
		Añadir y quitar enlaces en la barra de admin de WordPress
		http://www.haciendoweb.cult.cu/anadir-y-quitar-enlaces-en-la-barra-de-admin-de-wordpress/
		http://www.haciendoweb.cult.cu/anadir-y-quitar-enlaces-en-la-barra-de-admin-de-wordpress/#comments
		Mon, 19 Sep 2011 05:36:34 +0000
		Nelson Pimienta
				
		
		
		

		http://www.haciendoweb.cult.cu/?p=1117
		
			[SinglePic not found]La barra de admin, te guste o no, está aquí para quedarse. Y, no sé si te pasa como a mi, pero los enlaces por defecto no se adaptan a mis necesidades, especialmente en la visualización desde el exterior, en tu web.




Hay enlaces que me sobran y otros que me faltan. Por ejemplo, yo gestiono los comentarios mediante Disqus, y el enlace de acceso rápido a la administración de comentarios que me ofrece es precisamente el que no uso, el nativo de WordPress. Así que me puse a buscar como adaptarla a mis gustos y este es el – satisfactorio – resultado.




1. Añadir enlaces a la barra de admin de WordPress


Sin más dilación, abrimos el fichero functions.php de nuestro tema activo y añadimos el siguiente código, previa personalización del enlace o enlaces que queremos añadir. Vamos, que no dejes los que aquí ves como ejemplo:


    // añade enlaces/menús a la barra de admin
    function mytheme_admin_bar_render() {
        global $wp_admin_bar;
        if ( !is_super_admin() || !is_admin_bar_showing() )
            return;
        $wp_admin_bar->add_menu( array(
            ‘parent’ => ‘comments’, // usa ‘false’ para que sea un menú superior o sino indica el ID del menú superior
            ‘id’ => ‘false’, // ID del enlace, por defecto debe ser un valor de título
            ‘title’ => __(‘Disqus’), // título del enlace
            ‘href’ => admin_url( ‘edit-comments.php?page=disqus’) // hombre del archivo al que enlaza, en mi caso disqus
        ));
    }
    add_action( ‘wp_before_admin_bar_render’, ‘mytheme_admin_bar_render’ );


¿Qué he hecho aquí?, pues primero defino las variables para que solo sea accesible para usuarios con perfil de administrador (‘es_super_admin() || !is_admin_bar_showing() )‘). Si la condición se cumple empieza el “array”. Primero defino un menú superior (parent), en este caso mi nuevo enlace será un submenú del de comentarios, para luego añadir el título (title) del menú, en este caso Disqus, y al final (href) poner el enlace al fichero concreto a abrir (edit-comments.php?page=disqus). Y ya, añado la acción y cierro.


El resultado es esto:




2. Quitar enlaces de la barra de admin de WordPress


Si lo que quieres es quitar enlaces de los que vienen por defecto lo que tienes que incluir en el fichero functions.php de tu tema activo es algo así:


    // quita enlaces/menús de la barra de admin
    function mytheme_admin_bar_render() {
        global $wp_admin_bar;
        $wp_admin_bar->remove_menu(‘comments’);
    }
    add_action( ‘wp_before_admin_bar_render’, ‘mytheme_admin_bar_render’ );


En este ejemplo, lo que quito es el enlace por defecto a los comentarios, que es el que me sobra como ya te he comentado antes. Si quieres quitar otros los parámetros que puedes usar son los siguientes:


    

  • my-account – enlace a tu peril de usuario (sin avatares)
    • 

  • my-account-with-avatar – enlace a tu perfil de usuario (con avatares)
    • 

  • my-blogs – el menú “Mis sitios” si el usuario tine más de un sitio en multisitio
    • 

  • get-shortlink – ofrece un enlace corto a la página activa
    • 

  • edit – enlace a la página de Editar/Escribir nueva entrada
    • 

  • new-content – enlace al desplegable de “Añadir nueva”
    • 

  • comments – enlace al desplegable de “Comentarios”
    • 

  • appearance – enlace al desplegable de “Apariencia”
    • 

  • updates – el desplegable de “Actualizaciones”
    • 



Fuente: aprendawordpress

]]>
			http://www.haciendoweb.cult.cu/anadir-y-quitar-enlaces-en-la-barra-de-admin-de-wordpress/feed/
		9
		
		
		Aprende WordPress.com
		http://www.haciendoweb.cult.cu/aprende-wordpress-com/
		http://www.haciendoweb.cult.cu/aprende-wordpress-com/#comments
		Mon, 19 Sep 2011 05:25:03 +0000
		Nelson Pimienta
				
		
		

		http://www.haciendoweb.cult.cu/?p=1114
		
			wordpress-logoEl equipo de Automattic ha lanzado Learn WordPress un sitio específico – de momento solo en inglés – en el que encontrarás completas guías, con capturas de imagen y muy sencillas, con las que aprender a usar WordPress.com desde el principio.


 




Hay secciones para cada paso, desde el registro hasta trucos para ganar popularidad, de todo. ¡Muy recomendable!


Me han gustado especialmente las secciones ‘Get flashy!‘, donde se muestran todas las posibilidades de gestión de elementos multimedia en WordPress.com y la de los 10 trucos, básicos pero imprescindibles.


Fuente: aprendewordpress.com

]]>
			http://www.haciendoweb.cult.cu/aprende-wordpress-com/feed/
		0
		
		
		Manual de CSS3 para descargar gratis
		http://www.haciendoweb.cult.cu/manual-de-css3-para-descargar-gratis/
		http://www.haciendoweb.cult.cu/manual-de-css3-para-descargar-gratis/#comments
		Sun, 04 Sep 2011 16:27:54 +0000
		Juan Pablo Pérez Manes
				
		
		
		
		
		

		http://www.haciendoweb.cult.cu/?p=785
		
			css3 logoDespués de estar navegando por la red he encontrado un manual para comenzar a aprender CSS3 en la web Cristalab.com y teniendo en cuenta la carencia de acceso a este sitio he decido crear una especie de espejo de los archivos del manual haciendo uso del plugin ScrapBook de Firefox que es muy bueno para crear tu propias salvas personalizadas al estilo mirror, bueno sin mas los dejo con esta fabuloso manual.


Descargar:


Manual de CSS3 (1831)


 


Atte: Juan Pablo Pérez Manes

]]>
			http://www.haciendoweb.cult.cu/manual-de-css3-para-descargar-gratis/feed/
		20