shualt

En este articulo veremos varias razones por las que PHP es uno o el mejor lenguaje web para principiantes, razones como su facilidad de uso y aprendizaje, ademas de su extensa comunidad y documentacion. Para quien esta dirigido este articulo Este articulo esta dirigido para aquellas personas que tienen intenciones de entrar en la programación web (del lado del servidor) y todavía no se deciden por un lenguaje en especifico. Razones: * Tal vez la razon mas crucial es que PHP tiene una gran comunidad de desarrolladores desperdigada en foros, blogs, etc. * PHP es un lenguaje Open Source y gratuito, se tiene acceso al código fuente para modificarlo, así se va corrigiendo el lenguaje constantemente por los mismos desarrolladores. * El lenguaje de PHP es muy fácil de aprender comparados con otros lenguajes de programación, este lenguaje es muy parecido al lenguaje C y Java ya que las sintaxis primarias están basadas en Perl, PHP tiene las librerías especializadas en determinadas funciones solo necesitas saber la sintaxis y aplicarla. * Este lenguaje fue diseñado para trabajar sobre la web, nos trae un paquete lleno de funciones especificas para la web. nos permite hacer conexiones con bases de datos, parsear XML, generar PDFs, enviar mails, generar imágenes, etc. * Su rendimiento es realmente bueno y eficiente, usando un buen servidor puede dar millones de consultas al día. * La versión de PHP5 trae el soporte para la programación orientado a objetos u OOP, ideal para proyectos a gran escala. * PHP funciona en todos los sistemas operativos y es seguro que todos los hostings pagados o gratuitos soportan PHP. Instalación de unos cuantos clics Gracias a los servidores locales todo-en-uno, instalar PHP y empezar a programar es cosa de segundos, tenemos a disposición varias alternativas gratuitas de este tipo de programas: * En Windows tenemos a XAMPP, WAMPo APPSERV. * En Mac esta MAMP ¿Dónde aprender PHP? Sin contar la documentación oficial, existe muchísima mas documentación extendida en la web pero la mayoria en ingles, en este blog hemos preparado una serie de tutoriales de PHP que tal vez te sirvan de ayuda: 1. PHP desde cero: Conceptos básicos 2. PHP desde cero: Conceptos básicos 3. PHP desde cero: Condicionales 4. PHP desde cero: Métodos POST y GET 5. PHP desde cero: Funciones 6. PHP desde cero: Arrays 7. Próximamente mas.. Fuente: http://web.tursos.com/articulos/general/por-que-php-es-el-mejor-lenguaje-para-principiantes/

10 Tips de posicionamiento que debes saber No se necesita ser un guru del SEO para empezar a posicionar tu web, estos son 10 Tips de posicionamiento básicos que debes tener en cuenta cuando estructures tu pagina web. 1. Compra un dominio que tenga las palabras claves para que se posicione mas rápido, cuando el dominio tiene un nombre corto es mucho mejor, los dominios tienen que ser propios como los (.com, .net, .org) 2. Siempre publica un contenido propio y de calidad (no copies de otras paginas, no contenido duplicado) que sea bueno para los usuarios. 3. El contenido es el rey, trata de siempre actualizar tu pagina o blog, asi se puede aumentar la frecuencia de rastreo de los bots de google, yahoo o bing en tu pagina web. 4. No te olvides de poner las palabras claves en la url de cada articulo 5. Es recomendable usar las herramientas de webmaster de google como los Sitemaps, Analytics y contar siempre con la pubicidad de google Adsense. 6. Siempre en los h1 y h2 poner las palabras claves como titulo. 7. Utiliza guiones para separar las palabras en las url. 8. Aloja tu pagina web o blog en un hosting de calidad, Google da importancia al tiempo de respuesta, si tu pagina web a caido lo asociaran como baja calidad y pierde relevancia. 9. No usar tablas excepto que sean necesarias, los buscadores se los tapan. 10. Intercambiar enlaces con otras paginas de contenido relacionado. Fuente!

5 Elementos básicos de HTML Ejemplo de una pagina completa: Haremos el encabezado navegación, contenido y pie de pagina como todas paginas tienen. [*]En el encabezado va el logo y su eslogan si gusta. [*]Las opciones de navegación(menú). [*] Seccion de contenido con sus imágenes. [*] En el pie de pagina va el copyright. <html> <head> <title>Barra de titulo</title> </head> <body> <div id="contenedor"> <div id="encabezado"> <h1>Paginas web</h1> <p>creacion de paginas en html</p> </div><!--encabezado--> <div id="navegacion"> <ul> <li><a href="index.html">Inicio</a></li> <li><a href="#">servicios</a></li> <li><a href="#">contactos</a></li> </ul> </div><!--navegacion--> <div id="contenido"> <h2>Lorem ipsum.</h2> <p>dolor sit amet, <strong>consectetur adipiscing elit</strong>. Quisque eu augue odio. <em>Vivamus id massa in orci porta indum. <em> Aenean consequat dui <strong><em>vitae lectus ullamcorper aliquam volutpat</strong></em> erat sollicitudin. Praesent a libero non dolor hendrerit pellentesque. Maecenas in lorem.</p> </div><!--contenido--> <div id="pie"> <p>creativehacks.com copyright todos los derechos reservados.</p> </div><!--pie--> </div> </body> </html> Explicación: 1. Divisiones: <div></div> Div (división) es un contenedor de elementos que puede agrupar párrafos, listas y graficos en una caja o box que almacenan otras cajas y les dan formato mendiante un estilo CSS. Para poder identificar los elementos usamos un atributo id dentro de la etiqueta correspondiente, es recomendado usar comentario en el final de una etiqueta para saber donde acaba el elemento. <body> <div id="contenedor"> <div id="encabezado"> </div><!--encabezado--> <div id="navegacion"> </div><!--navegacion--> <div id="contenido"> </div><!--contenido"> <div id="pie"> </div><!--pie--> </div> </body> Los elementos div nos permiten crear cuadros en nuestra pagina web que a su vez sirven para almacenar otros elementos de HTML , representado graficamente. 2. Titulos: <h1></h1> y <h2></h2> Los elementos heading (1-6) definen a los titulos por orden importancia empezando desde el 1 como el de mayor valor y sucesivamente. <h1>Titulo 1</h1> <h2>Titulo 2</h2> <h3>Titulo 3</h3> <h4>Titulo 4</h4> <h5>Tiutlo 5</h5> 3. Listas: viñetas y numeracion: <ul></ul> y <ol></ol> Las listas ordenadas y no ordenadas son muy importantes para estructurar el contenido en nuestra página web. Viñetas: lista no ordenada. Una lista está compuesta por dos elementos: [*]<ul></ul> significa "unordered list" es decir "lista no ordenada" que es el principio y el final de la lista con viñetas. [*]<li></li> que marcan los elementos dentro de la lista. <ul> <li>Arroz</li> <li>Papaya</li> <li>Tomate</li> </ul> Numeraciones: lista ordenada. Una lista está compuesta por dos elementos: [*]<ol></ol> significa "ordered list" es decir "lista ordenada" que es el principio y el final de la lista con numeraciones. [*]<li></li> significa "list item" que marcan los elementos dentro de la lista. <ol> <li>primera</li> <li>segunda</li> <li>tercera</li> </ol> 4. Hipervínculos: <a></a> Los hyperlinks o hipervínculos son el elemento html para mostrar un link o enlace web. Los hipervínculos siempre tienen la misma estructura, la etiqueta a que significa anchor. <a href="..." title="...">Texto visible</a> [*]href es la abreviatura de "Hypertext Reference" es donde se pone la ruta de la página a donde se llegara al hacer clic, y cambia en la misma ventana del navegador, puede ser un nombre de archivo o una URL. [*]El atributo title es opcional, solo se pone si usted gusta que se muestre un texto cuando el puntero del ratón este encima del hipervínculo. [*]Entre &lt;a&gt; y &lt;/a&gt; se coloca un texto que el navegador mostrara en subrayado azul por defecto. <p>visita <a href="http://www.creativehacks.com" title="Creative Hacks - tutoriales">CreativeHacks</a> donde encontraras bastantes tutoriales para armar tu web</p> 5. Resaltar texto: <strong></strong> y <em></em> Los elementos strong y em sirven para resaltar texto, ambos son elementos inline. [*]<Strong> define algo muy resaltado, mayormente llamado "negrita" [*]<Em> significa emphasize(enfatizar), llamado "cursiva". <p>este texto tiene ejemplos de <strong>negrita</strong>y de <em> cursiva</em></p> FUENTE: http://www.creativehacks.com/html/5-elementos-basicos-html/

WebTursos es una pagina de aprendizaje creado por Edwind Pineda y Josue Ochoa donde pueden encontrar diversos tutoriales y recursos para poder crear tu propia pagina web, es de ahí donde viene la palabra Tursos que es las iniciales de tutoriales y las letras finales de recursos. Leer mas.

En este tutorial haremos una función en PHP que generara una seria de letras y números elegidos de manera aleatoria y las plasmara en una imagen, para luego en un formulario hacer la comparación de la imagen generada con lo que el usuario vea e ingrese. Los códigos captcha empezaron a utilizare en el año 2000 para evitar que los robots puedan registrarse en cuentas de correo electrónicos, foros, portales o participar en encuestas, que solo el humano puede hacerlo. Vamos a trabajar con dos archivos, captcha.php e index.php en el primero se generara la imagen aleatoria y en el segundo se comparara la imagen generada con lo que el usuario ingrese en la caja de texto: 1. captcha.php Iniciamos session y creamos una función que generara los números y letras aleatorios. Luego en $cadena declaramos los números y letras para que la imagen generada obtenga su contenido. Después en un for generamos la cadena de números/letras de manera aleatoria con la función rand. dijo:<?php session_start(); function texto($ancho) { $cadena = "0123456789abcdefghijkmnñlopqrstwxyz"; for($i = 0; $i<$ancho;$i++) { $muestra .= $cadena{rand(0,35)}; } return $muestra; } Ahora creamos una variable de session que nos permita guardar el texto que se utilizara en el captcha, donde llamaremos la funcion texto() creada anteriormente, tambien debemos definir una imagen de fondo donde se plasmara el texto generado. dijo:// Define el ancho del texto usando un parametro (5) para la función creada anteriormente. $_SESSION['captcha'] = texto(5); // La imagen gif de fondo. $captcha = imagecreatefromgif("imagen.GIF" ); // La localizacion de la imagen, lo dejamos en 0,0,0 $letras = imagecolorallocate($captcha,0,0,0); // Unir el texto en la imagen gif creada. imagestring($captcha,5,16,7,$_SESSION['captcha'],$letras); // Pone la imagen en cabezera. header("Content-type: image/gif" ); // Muestra la imagen. imagegif($captcha); ?> 2. index.php Ahora creamos el formulario donde colocaremos la imagen del captcha con un campo de texto donde se ingresa el texto y se compara con la variable de session que se creó en que parte de arriba, la imagen se coloca de la manera siguiente. Primero colocamos el código PHP, iniciamos sesión y declaramos $code que es el valor de lo que se ingrese en la caja de texto del formulario que haremos a continuación. Luego preguntamos si se presiono o no el boton de enviar, dentro de este if hacemos otro if donde comparamos el valor de la variable de sesión con el valor de lo que el usuario ingreso en la caja de texto y mostramos las respuestas correspondientes. dijo:<?php session_start(); $code = trim($_POST['code']); if(isset($_POST['save'])) { if($_SESSION['captcha'] == $code) { echo "<span style='color:green'>Es correcto el captcha ingresado</span>"; } else { echo "<span style='color:red'>Es incorrecto el captcha ingresado</span>"; } } ?> Ahora creamos el formulario, prestad atención a la etiqueta img donde en src llamamos al archivo captcha.php que creamos al principio. dijo:<form name="form1" method="post" action=""> <img src="captcha.php" width="100" height="30" vspace="3"><br /> <input name="code" type="text"/><br /> <input type="submit" name="save" value="Send"><br /> </form> FUENTE: Webtursos

En este tutorial veremos como definir el tiempo de vida de las sesiones en PHP, este ejemplo puede resultar útil para definir cuando caduca por defecto la sesión de un usuario en un sistema de login/identificación. Empezamos el código con session_start(); dijo: <?php session_start(); En este paso se crea una variable que defina el tiempo que el usuario este inactivo para que lo saque el sistema, 900 esta expresado en segundos que se traduce a 15min de duracion. 1 $inactivo = 900; Buscamos la existencia de la variable de session en una condicion, luego en la variable $vida_session almacenamos el resultado de la resta entre la $_SESSION['tiempo'] y el tiempo actual (time). Comparamos este resultado ($vida_session) con el tiempo de inactividad que definimos mas arriba, si el resultado es mayor que la variable $inactivo entonces la sesión se destruye y redirecciona a la (hipotética) pagina de login. dijo: if(isset($_SESSION['tiempo']) ) { $vida_session = time() - $_SESSION['tiempo']; if($vida_session > $inactivo) { session_destroy(); header("Location: login.php" ) ; } } Caso contrario se actualiza la sesion almacenando el tiempo actual en la variable $_SESSION['tiempo'] dijo: $_SESSION['tiempo'] = time(); ?> Codigo final dijo: <?php session_start(); $inactivo = 900; if(isset($_SESSION['tiempo']) ) { $vida_session = time() - $_SESSION['tiempo']; if($vida_session > $inactivo) { session_destroy(); header("Location: login.php" ) ; } } $_SESSION['tiempo'] = time() ; ?> Fuente: WebTursos

Hola, en este tutorial, haremos en menos de 10 pasos un texto con efecto de oro usando los Estilos de capa y algunos Filtros que nos brinda Photoshop. Resultado Final: Paso 1 Empezamos con un nuevo documento de 454x340 pixeles, desbloqueamos la capa de fondo haciendo Control + doble clic y le agregamos una Superposición de degradado en los Estilos de capa con esta configuración: Paso 2 Añadimos una nueva capa, la pintamos de blanco con y la ponemos en Modo de fusion Multiplicar, esto es para darle efectos a esta capa pero que al mismo tiempo afecte también a la que esta abajo (Fondo). Paso 3 Teniendo esta capa seleccionada le agregaremos el filtro Texturizar (Filtro > Textura > Texturizar) con la siguiente configuración: Paso 4 Ahora le ponemos Añadir ruido (Filtro > Ruido > Añadir ruido). Paso 5 Ya tenemos el fondo listo, procederemos a crear la tipografia, para este ejemplo estoy usando las siguiente configuracion: Paso 6 A la capa que contiene el texto le agregamos Estilo de capa: Superposición de degradado con estos parámetros y colores (#564407, #FBE6A7, #D4BA63): Paso 7 Ahora le agregamos un Estilo de capa: Trazo y le ponemos como Tipo de relleno, Degradado. Nota que en este Degradado los colores son como un reflejo, osea que los de la izquierda son los mismos que los de la derecha pero en orden invertido (#FBE6AF, #564407, #AA882D, #564407 - #564407, #AA882D, #564407, #FBE6AF): Paso 8 Le agregamos ahora un Estilo de capa: Bisel y relieve para darle un efecto de profundidad, usa la siguiente configuración: Paso 9 Y por ultimo un Estilo de capa: Sombra paralela con estos parametros: Y con esos simples pasos ya tenemos listo nuestro texto con efecto de oro, espero que te haya servido y gustado este tutorial. Fuente aqui