Instalar un Servidor WEB y no morir en el Intento.

 

Pues a muchos usuarios de Guindos les parecerá increíble el uso de aplicaciones como xampp, appserv entre otros, pues realmente no niego que pueden ser de mucha ayuda, pero tienen un problema, las actualizaciones tardan bastante en llegar, usando en nuestro caso ubuntu, podemos tener un servidor web completamente funcional en cuestión de minutos y actualizable 100% de manera inmediata solo bastara con introducir unas pocas lineas de código en el gestor de paquetes, primero tenemos que tener claro que vamos a instalar un servidor LAMP, (Linux, Apache, MySQL, PHP)…

Entonces Comenzamos:

1.- Instalación de Apache2, Buscamos en nuestro Gestor de Paquetes, Apache2, lo seleccionamos y le damos aceptar a todas las librerías extras que nos solicita.

2.- Buscamos PHP5, Al igual que en el Paso anterior nos solicitara una serie de paquetes adicionales y le damos aceptar.

3.- Buscamos MySQL, seleccionamos mysql-serve, y le damos ok a los paquetes adicionales.

La ventaja de usar el gestor de paquetes Synaptic es que podíamos de manera sencilla instalar cada modulo por separado o instalar los 3 al mismo tiempo.

Particularmente recomiendo seleccionar los 3 anteriores e Instalarlos todos de una vez, así tendremos nuestro servidor web instalado de una vez con todo lo necesario.

La instalación es Automática solo debemos intervenir al momento de colocar la clave del root del mysql, este es el usuario principal con todos los derechos, si nuestro servidor es personal, privado, y nadie tiene acceso a el, (como el mio), solo para pruebas de mis proyectos, recomiendo dejar esta clave en blanco, de todas formas es muy sencillo cambiarla en un futuro.

Luego de todo esto, si introducimos http://localhost/ nos debe ejecutar el servidor web, y ya esta funcionando.

Pero podríamos agregarle unas cuantas cosas para que funcione mejor nuestro servidor web, como

PHPmyadmin; es un manejador de bases de datos mysql, vía web bastante sencillo, gráfico y completo, ningún servidor web esta completo sin el.

PHP5-GD, es la librería de manejo de imágenes por excelencia de nuestro apache, nunca trabajes sin ella , muchos scripts de galerías trabajan con esta librería.

mod_rewrite: este lo instalamos vía terminal, solo escribimos:

sudo a2enmod rewrite

y luego en editas el archivo:

sudo gedit /etc/apache2/sites-enabled/000-default

Buscas la línea para el directorio /var/www donde dice:

AllowOverride None

y cambiar por

AllowOverride All

Reinicias Apache con:

# /etc/init.d/apache2 restart

Continuar normalmente, En ocasiones al reiniciar nos aparecerá este error:

apache2: Could not reliably determine the server’s fully qualified domain name, using 127.0.1.1 for ServerName

Solo debemos hacer lo siguiente, en la consola, escribimos:

sudo gedit /etc/apache2/sites-enabled/000-default

y al final del archivo, agregamos esta linea.

ServerName 127.0.0.1

y Listo, tenemos un servidor web 100% funcional, activo, actualizable, y su instalación no nos lleva mas de 30 min.

Los peores pecados de webmasters y diseñadores. Part IV

Seguimos con esta entrega…

16. Crear una botonera completa con -por lo menos- tres efectos distintos de Swish.

•  Si Algo aprendi yo de mi hermano que es Diseñador Grafico, es que nunca usar muchos efectos en una animacion, simplemente cansa la vista y se ve feo, eso de hacer botones en swift por ejemplo y darles animacion ramdon() pues es algo que jamas debes hacer, escoje los 2 o 3 efectos para TODA TU WEB, la simplicidad es la clave del diseño perfecto, imagina usar miles de colores en tu web, como se veria, piensa, 1 color por efecto..

17. Usar en el enlace de “contacto” el típico GIF animado de un buzoncito, o de una cartita que se mueve.

•  Los Gif animados son algo muy basico y feo, es mejor usar una buena imagen estatica, estilo web 2.0 se ve mucho mejor… o simplemente colocar el enlace.

18. Dejar eternamente páginas incompletas, donde sólo se ve un GIF animado que dice “En construcción”.

•  Cada vez que lanzes una nueva seccion asegurate que este completa… evita secciones en construccione es mejor dejar el enlace anclado a un #.

19. Si uno se dedica a hacer sitios Web en Flash, “diseñar” un sitio “extrañamente parecido” a 2advanced.com o similar.

•  Por mas genial que te paresca un diseño que viste en una pagina X, la originalidad es siempre bien recibida

20. Usar redireccionadores .TK, .CJB.NET o similares para sitios comerciales.

•  Señores solo 100.000 Bs al año, el costo es bastante economico, relagense y pagen si su empres genera eso es 1 dia, hagan el gasto, nadie toma en serio a una empresa cuyo portal sea www.miempresa.cjb.net o similares

21. Usar una dirección @hotmail.com, @yahoo.com, etc. como e-mail de contacto para sitios comerciales.

•  Quizas digas pero es que no deseo gastar megas de mi hosting en correo, pero amigos los redireccionamiento existen…

22. “Diseñar” un sitio usando las plantillas prefabricadas que vienen con el programa (Dreamweaver, FrontPage, etc.)

•  No hay plantillas mas feas que estas jajajaja

23. Dejar puesto el código “HTML saved from URL…”

•  Esto no se ve mucho, al menos de forma trivial, pero cuando uno consigue esto, dios… que pavada.

24. Tener una presentación (intro) en Flash usando una fuente pequeñísima, que se lee bien en un documento HTML pero que se torna ilegible dentro de un objeto Flash.

•  Jajaja…muy comun…

25. Hacer un sitio (en Flash o HTML) con dimensiones fijas (por ej.: 750 x 400), desperdiciando el espacio total de la ventana del navegador. Si yo ahorro durante meses para comprar un monitor de 19 pulgadas, seguiré viendo ese sitio en 750 x 400, es decir que se verá como un pañuelito en la pantalla.

•  Sin Comentarios

26. Si trabajas con Flash, usar fuentes del tipo píxel fonts. Y si trabajas en HTML, utilizar fuentes de tamaño pequeñísimo que nadie que sea mayor de 40 años pueda visualizar bien (excepto si tu sitio está pensado exclusivamente para una audiencia joven).

•  Sin Comentarios

27. Dejar un tamaño de fuente fijo en todo el sitio, impidiendo que el usuario pueda elegir el tamaño de fuente mediante la opción que todo navegador trae para eso.

•   Sin Comentarios

28. Tener un sitio Web personal y actualizarlo cada seis meses.

•   Sin Comentarios

29. Abusar del Flash a tal punto que en la ventana siempre aparezcan cositas y figuras volando o moviéndose, dificultando al máximo la lectura.

•   Sin Comentarios

30. Hacer sitios bien “post-modernos”, con colores y temática “cool” que solamente un avanzado diseñador o un consumado artista pueden entender medianamente.

•  Sin Comentarios

Los peores pecados de webmasters y diseñadores. Part III

Seguimos con esta serie de pecados de webmasters…. aqui viene otra serie mas.

9. Poner música MIDI como fondo o un Flash con repetición imposible de apagar. Equivale a decir implícitamentee al visitante “Quiero que salgas de mi sitio Web,¡ahora!”.

Bueno amigos imaginense este momento, tu estas en tu computadora navegando, escuchando tu musiquita preferida y en un momento dado sale un midi mas fastidioso que te obliga a bajar el volumen, te corta la inspiracion de la musiquita que estabas escuchando y te desconcentra… De paso no puedes apagarla o si tiene el boton de apagado pero es tan pequeño y esta tan bien disimulado que no lo logras ver, lo minimo cierras esa ventana en segundos.

10. Dejar como título de un documento HTML frases del tipo “Untitled Document” o “Página nueva 1″. Un detalle muy de principiantes.

Pues para muestra un boton, miren la cantidad de paginas tienen este error http://www.google.co.ve/search?hl=es&q=Untitled+Document&btnG=Buscar&meta=cr%3DcountryVE Cosa que se soluciona en segundo y casi automatico.

11. “Diseñar” un sitio Web con Word o PowerPoint y usar luego la función “Guardar como HTML”. No requiere mayores comentarios…

Panas esto no tiene mucha explicacion, es demasiado malo, demasiado novato y se ve requete malo.

12. Abrir todos los enlaces del sitio (o la mayora de los enlaces) en una ventana nueva.

Demasiado malo, o demasiado patetico y chimbo.

13. Agregar (o permitir que nuestro servidor gratuito lo haga) en el sitio los siempre desagradables popups (o más recientemente, layers o capas flotantes), publicitando cualquier porquería.

14. Utilizar comandos en JavaScript o Flash para poner el sitio a pantalla completa. ¡Eso es más que espantoso!

15. Usar Í­conos con GIFs animados bajados de sitios ajenos.

Eso pasa mucho, y tambien esos gif que son eternos en las web, que los vez en todas las web MALAS, son una constante, esto de verdad es algo muy pero muy mamarracho.

Los peores pecados de webmasters y diseñadores. Part II

Pues seguimos con nuestros PEORES PECADOS DE LOS WEBMASTERS… ahora traemos una serie de 5 pecados los cuales no requieren mucha explicacion o manuales sobre como evitarlo… simplemente no lo hagas

4. Poner applets de Java que tardan un año en cargar sólo para hacer que el logo tenga un efecto “reflejo en el agua”. Si van a hacer que el usuario espere, por lo menos que valga la pena.

Es un error comun de novatos llenar sus paginas de applets de java o comunmente scripts de java, para hacer los mil y un efectos, textos en la barra de estado, textos que sigen el mouse, colores a la barra de estado… simplemente son cosas que no deberian existir en las paginas, el hecho de que los puedas hacer no siempre significa que debas hacerlo, piensa estos applets lo que hacen es relenterizar la pagina y eso al final nunca sera lo que queremos.

5. Anunciar que el software usado para diseñar el sitio fue, entre otros, “Fotoshop” y “Dremweaver”. Lo mínimo que se puede aprender para hacer un sitio decente es el nombre de los programas que se están usando…

Acaso Adobe, Microsoft o alguien te paga por que le pongas ese anuncio alli, pues si no es asi que haces colocando esto, crees que se ve cool que todo el mundo vea que lo hiciste en dreamweaber pues te informo que hasta mi primito de 5 años usa el dreaweaber entonces eso no te hace especial… Limpia eso.

6. Añadir en el pie de la página alguna tonteríaa como “Powered by Microsoft FrontPage” o cosa similar. Y además en inglés. No importa que nuestro sitio esté en español, porque las frases en inglés lo hacen más cool.

El Famoso Powered, muchas veces ni saben que significa, pero igual lo coloco… powered by (el programa que use, la empresa diseño el portal, webmaster, y muchas loqueras mas) errores asi veras en todo el mundo, pero piensa algo si tu comunidad es hispana, si tu lo hiciste en español, coloca todo en español.

7. Justamente, teniendo en cuenta lo anterior, otro gran pecado es la constante utilización del Spanglish, con frases y palabras al estilo Skip Intro, Disclaimer, Postear, etc., habiendo un equivalente en español para todas ellas.

Claro aunque postear ya se volvio una palabra usada por los hispano hablantes, todas ellas tienen un equivalente en español y sinceramente los spanglish se ven bien feos.. Asi como Skip Intro, nunca falta aquel que no habla nada de ingles e igual se tiene que calar los 5 min de tu intro por que no sabe que por alli se salta eso.

8. Poner el sitio de una “empresa” de diseño Web en un servidor gratuito.

Esto es algo absurdo, inutil y de muy pero muy mala impresion. Si tienes una empresa de diseño al menos gasta un poquito y pagate un sever privado, asi sea uno de 25mb.. pero pagatelo pana… sabemos que el diseño web da para pagar eso y mucho mas….

Los peores pecados de webmasters y diseñadores. Part I

Hace tiempo conseguir en mocoforo.com una lista de los peores pecados de webmasters y diseñadores, lo que realmente me ayudo a darme cuenta de errores que yo mismo cometía, pues ha sido la información tan valiosa que me dispuesto a ayudar a que estos errores no se repitan mas, pero claro no solo dando a conocer los errores, sino también dando posibles soluciones.. (a los que lo tengan, no todos los tienen).

1. Hacer una galerí­a de fotos usando imágenes completas (a las que se les cambia el tamaño mediante los tags width y height en HTML) fingiendo que son miniaturas o thumbnails. No cuesta nada usar un editor de imágenes para crear miniaturas de verdad.

Soluciones: Pues la cosa es tan simple como querer hacerlos, simplemente tienes una par de opciones. 1.- Te bajas un sistema de galerías que te haga todo el trabajo (la opción mas fácil). 2.- Te instalas un programa como el http://www.picasa.net/ o http://www.fookes.com/ezthumbs/index.php programas como estos son muchísimos, y te pueden hacer las thumbnails de forma automática.

2. Poner un enlace de contacto de e-mail directamente con la función mailto:. Además de ignorar a la gran mayorí­a de usuarios que no saben o no pueden configurar un cliente de correo (Outlook, etc.), y teniendo en cuenta que para hacer un formulario de contacto basta con usar algunas líneas de PHP, Perl o incluso Flash, la única excusa es la flojera.

Soluciones:Prácticamente todos los servidores del mundo ofrecen soporte php o asp en su defecto, recomiendo el php sobre el asp, pero bueno revisa tu web, y ve que lenguaje soporta… Y bueno en estos enlaces esta la forma mas sencilla de ver como hacer esto… Enviar un mail usando php Enviar un mail usando asp

3. Poner un aviso en la página principal al estilo: “Sitio optimizado para el navegador XYZ con resolución de XXX x XXX”. ¿Realmente conocen a algún usuario común y corriente que haya cambiado su navegador o resolución para ver un sitio Web?

Soluciones:Pues si lo haces quítalo YAAAAAAAAAAAA… la verdad que esto es inútil.. y entupido

¿Es PHP un lenguaje poco “serio”?

Rasmus Lerdorf creó PHP como un lenguaje de secuencia de comandos para la creación dinámica de documentos HTML. Su relativa simplicidad propicia una curva de aprendizaje fácil de recorrer, permitiendo el desarrollo rápido de aplicaciones web. Esa simplicidad, unido al hecho de que es un proyecto de código abierto, han convertido a PHP en un lenguaje de programación muy popular.