Como armar una página web

Cuando uno se inicia en la programación web lo primero que se pregunta es: Como armar una página web? que necesito saber? donde puedo subir mi web? etc…
Entonces, empecemos por el principio.

Conocimientos para armar una página web

Antes de plantearnos todas estas dudas requeriremos de los conocimientos.

Así que lo primero y principal es aprender HTML y CSS. Ambos son bastante fáciles de aprender y no requieren de conocimientos previos, como recomendación personal también agregaría XML y XHTML.

Más adelante os daréis cuenta de la importancia de los estándares.
Sabiendo HTML y CSS seremos capaces de armar una página web estática, maquetar, crear plantillas, pasar diseños de photoshop a html.

Sin embargo nos queda lo más importante para armar una página web y es que tenga una interacción con el usuario.
La interacción se consigue con dos partes, por un lado Javascript (JQuery ) para una mejor experiencia de navegación y por otro PHP para crear páginas web dinámicas.

Las páginas web dinámicas nos permitirán armar webs que sean capaces de actualizarse a base de unos cuantos clicks y aporreos al teclado.

Con los conocimientos previos ya seremos capaces de armar una página web en condiciones.

Herramientas para armar una página web

Sin embargo los conocimiento no lo son todo.
También necesitaremos algunas herramientas.
Las siguientes herramientas son desde mi punto de vista y cada uno puede elegir la que mejor se le adapte.

Siguiendo el proceso anterior, para HTML y CSS no necesitaremos nada más que un bloc de notas.
Sin embargo, tabular y leer código en el bloc de notas es bastante pesado, por lo que os recomiendo notepad++, software gratuito y multiplataforma.

A partir de aquí se abre un abanico de posibilidades para trabajar con HTML,PHP,CSS i Jquery mientras creamos nuestra página web.

Yo personalmente uso notepad++ para todo… pero para gustos colores.
Una excelente herramienta es Dreamweaver, pero bien utilizada. Siempre que uso DW para crear páginas web nunca toco la vista de diseño (ensucia el código y no me parece cómodo).

También tenemos Eclipse con su versión de php y muchas opciones si buscamos por internet.
Otra gran herramienta es PHPEditor, la verdad es que el tiempo que la probé me encantó.
Tiene un sistema de información que nos lista todas las variables, funciones (con sus parámetros) y globales que usamos en un proyecto, cuantas veces las usamos y en que páginas.
Sin embargo como no suelo programar proyectos enormes no lo uso demasiado, prefiero la velocidad de carga del notepad++ :P

Como he dicho, para gustos colores.
Hay muchísimas herramientas para utilizar.

Donde alojar mi página web?

Es una pregunta que muchos se suelen hacer.
En esta semana intentaré traer una lista de buenos servidores, gratuitos y de pago.
Sin embargo no recomiendo para nada miarroba (aunque alguien me dijo que ya no aloja proyectos).

En el trayecto de aprendizaje, mi recomendación es usar XAMPP, un servidor local con php y mysql entre otras cosas.
También hay muchas alternativas a este software (como easyphp) pero como dije antes.. para gustos…

Espero el post sea de ayuda para establecer ciertos puntos de inicio y a partir de ahí desenvolupar un perfil de programador web.

La cosa no acaba en esos 4 lenguajes la cosa se extiende mucho, y más ahora con HTML5 y CSS3 y eso sin contar todos los CMS del mercado!

Buena suerte con la aventura por los dominios de la programación web y me gustaría ver vuestros proyectos! nunca se sabe cuando podremos trabajar juntos.
Anímate a armar tu página web! ;)

2 Responses to Como armar una página web

  1. Maks dice:

    Justo voy a postear en skamasle sobre como elegir un servidor web mas que nada acorde con presupuesto.

    Para linux se puede usar Quanta Plus, tipo dreamweaver, y si es editor de texto yo prefiero gedit, hay para windows pero tarda mucho en abrir.. en linux es una bala…

    Se te olvido decir algo muy importante, tener como mínimo instalado opera, chrome, firefox e ie, para ver si la web se ve bien en todos los navegadores…

    Buen post :)

  2. lie dice:

    Buen post. Me agrada!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">