Revista Comunicación

Como aprender a hacer tu propia página web

Publicado el 29 junio 2014 por Ynakasone

Hacer una página web comprende saber varios lenguajes de programación y herramientas de desarrollo de software.  En este artículo voy a ayudarles a escoger los principales lenguajes y herramientas de software que necesitas para hacer tu propia página web.

Lo primero que debemos aprender es el lenguaje de programación HTML5 y para ello necesitamos un editor HTML. Hay muchas herramientas para hacer programas en HTML, hasta podemos hacerlo con Notepad que viene gratis con el Sistema Operativo Windows. Una herramienta que les recomiendo es Notepad++ y la pueden descargar en forma gratuita desde: http://notepad-plus-plus.org/

Una vez descargado e instalado el Notepad++, vamos a abrirlo y comenzar a escribir etiquetas como:

notepad-plus-plus

Como pueden ver este programa hace más fácil  distinguir el texto que esta de negro y las etiquetas de color azul. Existen muchos tutoriales de HTML5 en internet, Youtube y libros en bibliotecas y librerías.

Notepad++ no solo nos permite escribir programas en HTML5, sino en muchos otros lenguajes de programación para páginas web como CSS3, JavaScript, php, Java, C, ASP y otros.

Una vez aprendido el funcionamiento de las principales etiquetas de HTML5, vamos a darle formato a nuestra página web aprendiendo CSS3, para aprender CSS3 debemos recurrir a fuentes de información disponible al igual que HTML5.

Aprendiendo HTML5 y CSS3 podemos hacer páginas web simples que no requieren de muchos efectos, por ejemplo una página web personal que solo contenga información y que esta no requiera ser actualizada constantemente.

Si queremos darle interactividad a una página web, debemos aprender JavaScript. Una vez aprendido JavaScript, les recomiendo aprender las funcionalidades de Ajax y JQuery, que son librerías de programas ya hechos y optimizados. Estas librerías nos ayudarán a hacer muchas cosas rápidamente.

Ahora si deseamos hacer un formulario de contacto, en donde al ingresar datos nos envié un correo electrónico con los datos ingresados, debemos recurrir al lenguaje de programación php, que es un lenguaje más avanzado. Existen otros leguajes de programación que pueden reemplazar a php, pero php es un lenguaje de programación de uso gratuito y muy popular. Para ejecutar el programa php necesitamos instalar Apache que podemos descargar gratis desde http://httpd.apache.org/ o alquilar un hosting Linux. Si alquilan un servidor web Linux, les recomiendo que tenga cPanel, esto hará más fácil la administración del servidor.

Hasta aquí el único programa que debemos usar para hacer programas web es Notepad++ o cualquier otro editor web.

Para complementar el uso de php, debemos aprender a crear Bases de datos con MySQL, luego como crear tablas y SQL. Una aprendido a hacer SQL, debemos aprender a usar el SQL dentro del lenguaje de programación php. Para usar MySQL, deben decargar (http://www.mysql.com/downloads/) la versión GPL (que es la versión gratis) para Windows. Si ya tienes alquilado un hosting no es necesario instalarlo en tu computador a menos que quieras tener tu página web en tu computador y hosting. A partir de la versión 5 de MySQL te permite crear Store Procedures y Triggers que son programas que se hacen y ejecutan en la Base de Datos, por lo cual hace tu página web más rápida.

mysql

Si hemos llegado a aprender todo lo anterior, ya poder hacer páginas web complejas como un portal de noticias o una página web con carro de compras.

Si queremos hacer páginas web corporativas muy complejas, debemos dominar el lenguaje de programación php orientado a objetos y usar estructuras como MVC (Model View Controller).

Para finalizar, no les recomiendo hacer una página web desde cero, ya que es muy trabajosa y ya existen muchos programas hechos que se actualizan constantemente con las nuevas versiones de los sistemas operativos y lenguajes de programación. Esto sería como que si quisiéramos inventar la rueda.

Ing. Yuri Suárez Nakasone.

Nipon Computer LLC

http://www.NiponComputer.com


Volver a la Portada de Logo Paperblog