Friday 15 June 2007

Quiero CREAR paginas WEB

¿Quieres crear páginas web y te preguntas hasta donde puedes llegar o qué puedes empezar a aprender para avanzar? Déjame darte la opinión de un humilde autodidacta con más de 7 años a la espalda metido en el mundillo.

Por orden iré enumerando algunos pasos que podrías seguir:
  • crear un Blog
  • aprender a retocar fotos
  • aprender HTML
  • aprender CSS
  • programación en Javascript
  • copiar y pegar DHTML ;)
  • bases de datos: PHP y MySQL
  • gestores de contenidos: Drupal, Joomla, PHPnuke, PostNuke, etc.

Déjame que explique un poco cada punto, por si alguno de vosotros se inicia en esto:
  • De buenas a primeras, sin ningún conocimiento específico ya puedes crearte un BLOG, como por ejemplo aquí en Blogger. Que nadie piense que un Blog solo sirve como "diario personal". Al contrario, si buscas por internet encontrarás gente que utiliza los blogs para las cosas más variopintas: carta de presentación de empresas, asociaciones, grupos musicales, etc; albumes de fotos (fotoblog), para artistas de la imagen o para tus viajes; promoción de tus productos o servicios; incluso si consigues -sea como sea- un número de visitas considerbale puedes albergar publicidad de otros en tu blog, ganando comisiones por ello!

  • En cuanto te pongas a generar contenidos en una web te darás cuenta de que lo que vas a necesitar es incluir alguna que otra imagen (dibujos, fotos, etc...) en tus páginas. Mi consejo es que sigas algún tutorial básico para aprender lo mínimo indispensable para editar fotos: cambiarlas de tamaño, recortarlas, mezclarlas para hacer un poster, y de ahí en adelante lo que quieras. En particular te aconsejo que te descargues GIMP que es gratuito (es el Photoshop Opensource, por llamarlo de alguna manera). En esta página encontrarás el programa y tutoriales en español de cómo utilizarlo.

  • Si los dos puntos anteriores ya los controlas, el siguiente paso lógico es aprender algo de HTML, con un tutorial básico te bastará, o con artículos sueltos que te introduzcan poco a poco. Mi mejor consejo: "aprende a medida que vayas necesitando", no te servirá de mucho leer 10 manuales completos de HTML. Mejor que cuando necesites aprender a hacer algo concreto busques en internet ayuda: descubrirás que en los foros están casi todas las preguntas respondidas. Eso sí, si quieres aprender vas a tener que leer muchos foros ;o) Para empezar te recomiendo que entres en la página de desarrolloweb.com en donde encontrarás de todo y en español!!!! Este enlace que te he dado lleva a la sección que ellos han llamado: Aprende a crear webs desde cero.

  • El complemento ideal para HTML es CSS, dedica tan solo 5 horitas a aprender algo de CSS, y tus páginas cobrarán vida y color; dedicale 50 horas y tus páginas serán tan atractivas como las de los profesionales!!! Claro, eso sí... también dependerá tu creatividad. Puedes empezar con este manual también de desarrolloweb.com (te dan la opción de descargartelo, creo que pagando, pero puedes leerlo sin pagar allí mismo... mira hacia la mitad de la página donde aparece el listado de capítulos.

  • Así como con CSS se trabajan aspectos como colores, tamaños, distancias, estilos de fuente, de párrafo, características de las tablas (colores de fondo, bordes, sangrados, márgenes, etc...), te encontrarás limitado en cuanto quieras darle un poco más de interactividad a tus páginas. Para ello tendrás que introducirte en la programación en Javascript. Esto puede parecer palabras mayores para algunos, especialmente por la palabra "programación". Sin embargo, como en los temas anteriores, aprender unas nociones básicas siempre es fácil y está al alcance de todo el mundo. Y como mínimo, siempre puedes utilizar y adaptar ejemplos de código de otros. Yo creo que así hemos aprendido todos: con ejemplos!!! Vamos, que lo que no te va a evitar nadie es invertir un montón de horas. Y aquí, más que nunca te recuerdo mi mejor consejo: "aprende a medida que vayas necesitando". Por ejemplo, supongamos que te gustaría crear un reloj que mostrara la hora en tu página, pues ves a un buscador y busca exactamente "javascript reloj" y verás que te aparecerán multitud de manuales, entradas en foros y artículos que te explicarán cómo hacerlo con código de ejemplo y todo.

  • Yo diría que el paso definitivo y profesional en el diseño de páginas web es aprender a mezclar el HTML, el CSS y el Javascript: aprende a incluir DHTML (HTML Dinámico) en tus páginas. Para que me entiendas, te permitirá hacer cosas como esos menús tan atractivos que se despliegan al pasar por encima. No es necesario que sepas programar en DHTML (lo cuál sólo está al alcance de gente con bastante experiencia en programación), sino que que bastará aprender a utilizar el código de otros en tus páginas. La mejor página con diferencia que he encontrado del tema es DHTMLgoodies en la que han puesto multitud de código ya listo para utilizar en tus páginas, para hacer de todo y del modo más profesional: menús, efectos de arrastrar y soltar, etc... increíble lo que hacen con DHTML. No dudes en gastar 15 minutos de tu tiempo en hacerle una visita rápida.

  • Llegados a un nivel de usuario avanzado (supongamos que más o menos ya sabes hacer todo lo anterior) lo que a uno le llama poderosamente es indudablemente la necesidad de trabajar con bases de datos y crear páginas dinámicas de gestión de contenidos: crear una base de datos en un servidor y crear las páginas HTML necesarias para acceder a ellas (grabar datos, leerlos, editarlos y eliminarlos). Y qué te voy a contar, en este campo las alternativas son innumerables!!!! A falta de datos fiables, pero en base a lo que veo en internet a diario, las dos plataformas más extendidas (diría que se comen más del 90% de las webs) son el paquete Microsoft (páginas ASP con bases de datos en SQLserver o Access) y el paquete Opensource (por tanto gratuito) PHP y MySQL. La principal diferencia es que el primero solo funciona pagando las correspondientes licencias, y el segundo es gratuito, lo cuál quiere decir que por defecto el 99% de los servidores del mundo pueden ejecutar tus páginas hechas en PHP y con MySQL, pero no al revés! Mi consejo es que si vas por libre (en todos los sentidos) te instales un paquete que integre toda una plataforma de desarrollo web opensource. Y después de varios años de probar varios, descubrí hace unos meses uno fantástico (para Windows): WAMP, que te instala de una vez el "servidor Apache", PHP, MySQL y otras herramientas (editores, etc.).

  • Cuando tengas una nociones básicas de PHP y MySQL podrás lanzarte a instalar completas aplicaciones opensource hechas con estos lenguajes listas para descargar, instalar y utilizar. Son los llamados gestores de conocimiento o CMS. Como te digo son un conjunto de archivos (normalmente centenares) que uno se descarga del portal de la comunidad que los desarrolla, uno los sube a su propio servidor (via FTP), te creas una base de datos (una vacía y un usurio con acceso a ella) desde el panel de tu hosting, y en un navegador llamas al archivo de instalación (del tipo install.php) y por sí solito empieza a rellenar tu base de datos con decenas de tablas y te crea un usuario "administrador" con el que podrás acceder a la gestión de tu nuevo "portal". A partir de ahí, según tus conocimientos en HTML, CSS, Javascript, PHP y MySQl, podrás personalizar ese portal a tu medida, aunque sin saber de todo eso ya se puede hacer mucho (como en un blog!). Los CMS más populares a día de hoy: Drupal, Joomla, Mambo, PHPnuke , PostNuke, etc.. Aunque claro, hay CMS muy especializados en campos como el e-commerce, el e-learning, etc... Para estar a la última de los mejores CMS opensource visita el portal OpenSource CMS.

Espero que este resumen te haya ayudado a entender algo más acerca de crear páginas web ;) ¿Sabes? estoy convencido de que nunca podré devolver a la comunidad de internautas todo lo que he aprendido de ellos. Con este blog quiero añadir mi granito de arena. Ánimo!