Te fascina la idea de tener tu propio espacio en Internet en el que expresarte de la mejor manera, por lo que estás pensando seriamente en aprender a crear un sitio web HTML que te permite dar rienda suelta a tu creatividad, compartiendo tus ideas o, por qué no, tu proyecto, con todos los que te importan. El problema es que no tienes la menor idea de cómo se puede hacer esto, por lo que estás buscando una guía que te ayude a dar tus primeros pasos en el mundo de los lenguajes web.

Bueno, ¡estoy muy feliz de informarte que lo has encontrado! De hecho, a continuación pretendo proporcionarle todas las instrucciones necesarias sobre el lenguaje HTML y sobre cómo crear un sitio de Internet. No te preocupes si no estás muy familiarizado con el tema: los conceptos que te voy a exponer son fáciles de entender y te garantizo que incluso aquellos que, como tú, nunca antes han hecho algo así, podrán crear un pequeña página web desde la que empezar, quizás, un gran proyecto.

Entonces, ¿a qué esperas para empezar? Tómate unos minutos de tiempo libre para ti, ponte cómodo y lee atentamente todo lo que tengo que decirte: estoy seguro de que, una vez hayas terminado de leer esta guía, te sorprenderá el resultado que podrás lograr. Habiendo dicho eso, ¡solo tengo que desearte una buena lectura y que te diviertas!

  • Información preliminar
  • Partes de una página web HTML
  • Crea un sitio web HTML básico
  • La hoja de estilo
  • Marco y CMS
  • Recursos útiles

Elementos flash o subprograma de Java.

Por esta razón, HTML 5 también se usa ampliamente en el desarrollo de aplicaciones dedicadas a teléfonos inteligentes, tabletas y otros dispositivos conectados, generalmente sin soporte para estas tecnologías "adicionales".

En general, una página creada con HTML solo está definida página estática, es decir, capaz de mostrar siempre el mismo contenido y, en la mayoría de los casos, no puede ser modificado por las condiciones actuales del entorno en el que se muestra ni por las acciones que el usuario realiza en él.

Sin embargo, como descubrirás a medida que sigas leyendo esta guía, hay muchos idiomas que no intersecarse con HTML para construir sitios web más o menos complejos, dinámicos y ricos en contenido: dos de los lenguajes que merecen mención son el CSS, que define el estilo de los elementos que componen las páginas del sitio web, y la JavaScript, un lenguaje de programación real que te permite manipular dinamicamente la página y hacerla interactiva si es necesario.

Haga clic aquí.

Una vez que la entrada esté completa, guardar con nombre el archivo, teniendo cuidado de utilizar la extensión .html (p.ej. PrimoSito.html). En este punto, solo tienes que hacer haga doble clic en el archivo que acaba de guardar para verlo en el navegador: ¡felicidades, acaba de crear su primera página web HTML! Recuerde que puede ver el código de la página en cualquier momento haciendo clic en un punto aleatorio y seleccionando Ver código fuente desde el menú contextual propuesto por el navegador.

Con esta técnica, podrá crear una serie de páginas HTML que solo se pueden ver en la computadora que está utilizando: para que su sitio sea accesible desde Internet, deberá comprar una. espacio de alojamiento que puede albergar sus páginas y, posiblemente, un dominio asociado. Te expliqué el asunto en detalle en mi guía para mejor hosting.

archivo html recién editado y… ¡disfruta del resultado! Para obtener más información sobre las directivas CSS, lo invito a leer detenidamente la guía básica de HTML.it para CSS.

WordPress, Drupal, Magento, Joomla y Prestashop.

HTML.it Guía HTML: es muy probable que sea una de las guías más completas y exhaustivas disponibles en la Red: está dividida en secciones temáticas prácticas, está llena de ejemplos y, sobre todo, se actualiza constantemente.

  • W3Schools.com, promovido y publicado por W3C, es un portal web completo dedicado a HTML y todas las tecnologías que giran en torno a él. La peculiaridad de W3Schools es la posibilidad de realizar, tras la lectura de cada lección, numerosos ejercicios de autoverificación para evaluar las habilidades adquiridas.
  • Amaya: es un gran programa de edición de HTML, de código abierto, creado y distribuido por el W3C. Es un editor de tipos wysiwyg (lo que ves, es lo que tienes, "Lo que ves es lo que obtienes), capaz de crear sitios HTML completos, así como hojas de estilo, pequeños scripts, etc. dibujarlos con el raton.
  • Adobe Dreamweaver: si recuerda correctamente, ya le he hablado de este software en mi guía de programas HTML. Es una solución potente y completa para el diseño y estructura de sitios de Internet tanto simples como complejos, equipada con herramientas para la gestión de HTML, JavaScript, CSS, diseño gráfico, etc.
  • HTML 5 con CSS y JavaScript: si eres un amante de las referencias "en papel" y tienes la intención de utilizarlas para aprender en profundidad las tecnologías web, puedes darle una oportunidad a este texto: más que un manual, es una referencia completa para crear sitios web, sino también de aplicaciones móviles basadas en la Web, basadas en la interacción entre HTML5, hojas de estilo y JavaScript.
  • Si ha llegado hasta aquí, significa que ha dominado perfectamente todo lo que hay que saber sobre la programación HTML básica. Espera, ¿me estás diciendo que crees que todavía es un poco difícil y que te gustaría un sistema que pueda guiarte al menos en tus primeros pasos? Entonces te recomiendo que crees tu primer sitio web utilizando uno de los CMS gratuitos, con su espacio de alojamiento asociado, disponible en Internet: dos de los más utilizados en la actualidad son sin duda WordPress.com es Blogger, del que hablé específicamente en mis ideas sobre cómo crear un sitio con WordPress y cómo crear un blog gratuito en google.