| En esta sección intentaré ayudar al futuro webmaster a orientarse en el mar de posibilidades que existen a la hora de realizar una web. |
| Es cierto que existen formas de realizar una web sin apenas teclear una linea de código, y el resultado puede ser una web muy válida, pero si lo que deseamos es empezar a aprender para ir profundizando más en este campo, hay que hacerse a la idea de que teclear código es inevitable. |
| Hay una pregunta que siempre flota en el aire cuando uno empieza en esto ¿Es necesario saber programar para hacer una web? |
| En principio no. No, porque no es necesario aprender un lenguaje de programación para hacerla, pero si que tendremos que tener en el horizonte la idea de aprender alguno, pues cuando nuestra web alcance desafíos importantes, tendremos que recurrir inevitablemente a ellos. |
| Pero no hay que asustarse por eso. Cuando necesites de ellos, habrás aprendido lo suficiente para que no te parezca una barrera insalvable, y los irás dominando poco a poco. |
| De momento vamos a empezar por el principio. HTML es el lenguaje de marcas esencial para crear webs. Sin él no llegarás a ninguna parte, por lo que es la primera parada que haremos. Hay muchos manuales de html al alcance de cualquier usuario en internet, pero antes de seleccionar alguno, es necesario hacer una consideración. |
| Hay dos formas de utilizar HTML, incluyendo los estilos de visualizacion de datos, o utilizar hojas de estilo para realizar este apartado. |
| No es necesario que entiendas estos dos conceptos ahora mismo, solo quédate con la idea de que trabajando con hojas de estilo (las denominadas CSS) los códigos serán más cortos, más ordenados y más eficientes. |
| Por lo tanto, aprenderemos a hacer nuestra web con HTML como lenguaje principal y con CSS para especificar los estilos (la forma en la que los datos se muestran en la pantalla). |
| Y ahora otra pregunta importante ¿De verdad se puede hacer una web completa solo con HTML y CSS? Pues si. Y la prueba es esta que estás viendo. Los códigos de esta página que no coinciden con estos lenguajes proceden de los anuncios publicitarios, pues se copian tal y como los expone la empresa de publicidad. |
| Es cierto que para cosas más complejas se necesitan otras herramientas, pero mientras no las necesites, no te compliques. Ya llegará ese momento. |
| ¿Y como vamos a trabajar? Pues muy facil. Ahora te voy a detallar los manuales que debes empezar a leerte, de forma ordenada. No voy a escribir un manual HTML, porque hay muchos en Intenet que son muy buenos (tampoco tengo el tiempo necesario para hacerlo), pero contestaré a las dudas que tengais de cualquiera de ellos. |
| Después de que vayas viendo un poco de qué va la cosa, yo intentaré realizar un ejemplo práctico de cómo hacer una web (serán varios tutoriales que espero ir haciendo a lo largo del tiempo). Basándome en un estilo parecido al de esta que estás viendo, crearé tutoriales detallados para que vayas viendo como se hace paso a paso, hasta tener el resultado completo. De esta forma podrás practicar con un modelo que ya existe, para que puedas hacerte una idea antes de empezar de lo que puedes conseguir. Y no es tan dificil. |
| ¿Y qué necesitas para empezar a trabajar? Tan solo el notepad de windows y el navegador IExplorer (eso suponiendo que tu Sistema Operativo sea Windows, en caso de que uses Linux, seguro que sabes bastante bien lo que necesitas). Más adelante necesitarás bajarte algunos navegadores más, pero eso aun puede esperar. |
| Lo que debes empezar a leerte está en la Seccion HTML/CSS. Yo te los voy a detallar por el orden que deberias abordarlos. | |
| 1º.- Como primer documento escoge |
 Manual de HTML. Tutorial de HTML. |
| Es un magnífico tutorial de webestilo.com para empezar. Tiene además la particularidad de que casi no introduce elementos visuales, con lo que no te liarás cuando empieces con las CSS. Trabájalo y si tienes dudas, exponlas. |
| 2º.- Una vez tengas claro HTML y desees más, debemos adentrarnos en las CSS para estructurar la forma en la que los datos se representan en el navegador. He seleccionados dos buenísimos tutoriales de CSS, |
| Tutorial básico de hojas de estilo en cascada. |
| Manual de CSS. Tutorial de CSS. Hojas de estilo. |
| Como primera opción yo escogería el Tutorial básico de Hojas de Estilo en Cascada de asptutor.com, aunque también puedes optar por el otro. |
| 3º.- No creas que te va a resultar muy complicado llegar hasta aquí, ya verás. Si deseas afianzar conocimientos, el tutorial HTML Dinámico de D. Gustavo Romero López es un documento excelente. |
| HTML Dinámico. |
| Deja pasar los códigos Javascript a los que hace alusión y céntrate en el HTML y las CSS. Cuando termines con él tendrás ya unos conocimientos aceptables. |
| 4º .- Las dos Especificaciones, la de HTML y la de CSS definen completamente los dos estándares. Es muy fuerte para empezar, pero te deben servir como documentos de consulta para dudas concretas. No se te ocurra empezar a trabajar sobre ellas. Te aseguro que desistirás pronto. Repito que debes usarlas solo para dudas puntuales, pues contienen las referencias oficiales tanto de HTML 4.01 como de CSS 2.1. |
| Especificación HTML 4.01 de W3C |
| Especificación CSS2.1 de W3C |
| 5º .- Por último te comento que la Guía de Referencia Rápida CSS 2.1 es un documento muy corto que yo te recomiendo imprimas y tengas siempre a mano. Es dificil recordar cada una de las palabras clave que debes usar para cada tipo de dato, y con esta referencia en pocas hojas, trabajarás más rápido. |
| Guía de Referencia Rápida CSS 2.1 de W3C |
Español
English
