Recientemente, investigó un poco con fines laborales y, en lugar de utilizar el PowerPoint "clásico", le gustaría informar los resultados en una página web rica en contenido, con la que "impresionar" a su jefe y aspirar, por qué no, a un avance de carrera. El problema ahora es que andas a tientas por completo en la oscuridad, ya que nunca has intentado comprender cómo crear una página HTML antes de ahora, por lo que buscas un curso "intensivo" que te pueda hacer adquirir al menos los conocimientos básicos para realizar un trabajo de este tipo.

Bueno, estoy muy feliz de informarte que estás en el lugar correcto, en el momento correcto: a continuación, de hecho, será mi cuidado explicarte los fundamentos de la "programación" en lenguaje HTML, cuidando también de proporcionarte con todas las herramientas necesarias para actuar de forma independiente en el futuro. Lo sé, al principio puede parecer bastante difícil, ¡pero puedo garantizarles que un poco de paciencia y unos días de práctica son suficientes para lograr resultados notables!

Así que, sin dudarlo más, tómate unos minutos de tu tiempo libre y lee atentamente todo lo que tengo que explicarte sobre el tema: estoy seguro de que, al final de esta lectura, tendrás una idea muy clara de lo que hacer y podrá organizar mejor la página HTML que pensó para su jefe. Habiendo dicho eso, no me queda nada por hacer más que desearle una buena lectura y un buen trabajo.

Elementos flash o el applet de Java, indispensable desde hace mucho tiempo para obtener resultados similares.

Precisamente por ello, hasta la fecha, HTML 5 es muy utilizado, así como para la implementación de sitios web y portales, también en el desarrollo de aplicaciones para teléfonos inteligentes y tabletas y en la implementación de paneles de gestión para otros tipos de "conectados". dispositivos ".

Básicamente, una página creada con HTML solo está definida página estática, es decir, diseñado para mostrar siempre el mismo contenido, principalmente no modificable por las condiciones actuales del entorno desde el que se visualiza, ni por el comportamiento del usuario durante la navegación.

Sin embargo, es posible hacer colaborar HTML con muchos otros lenguajes, para construir páginas más complejas, ricas en contenido y, sobre todo, dinámicas: entre los lenguajes más populares de este tipo cabe destacar el CSS, usado para definirlo estilo de los elementos que componen una página, y la JavaScript, un lenguaje de programación que te permite manipular dinámicamente la página haciéndola, si es necesario, interactiva.

sección de esta guía.

  • Listas con viñetas - exactamente como su nombre lo indica, este tipo de etiqueta le permite definir listas con viñetas y, si lo desea, ordenadas. El principio y el final de uno lista con viñetas son decretados por las etiquetas
    es (lista desordenada), mientras que para el lista ordenada se utilizan etiquetas
    es (lista ordenada). Cada elemento de la lista está incluido en etiquetas.
  • es (elemento de lista).
  • Formularios - Algunas etiquetas HTML están diseñadas específicamente para crear formularios rellenables. Por ejemplo, el principio y el final de un formulario se especifican mediante marcadores.
    es , los diversos elementos de entrada (cuadros de texto, casillas de verificación, etc.) se identifican mediante la etiqueta y especificado por el parámetro tipo. En cambio, para crear cuadros dentro de un formulario, se usa la etiqueta
    . Le mostraré cómo usar algunas de estas etiquetas en la sección de la página de inicio de sesión HTML.
  • Haga clic aquí.

    Cuando hayas terminado, guardar con nombre el archivo que acaba de crear con la extensión .html (p.ej. mysite.html) y, para ver la página dentro del navegador, haga haga doble clic en el archivo que acaba de guardar. Bueno: ¡acabas de crear tu primera página HTML! Si lo desea, puede ver el código de la página haciendo clic derecho en un lugar aleatorio de la página y eligiendo la opción Ver código fuente desde el menú propuesto por el navegador.

    Recuerda que, de esta forma, la página HTML creada solo será visible dentro de la computadora que estés usando; si desea que la página sea accesible desde Internet, debe comprar una espacio de alojamiento que pueda alojarlo, posiblemente para combinarlo con un dominio para acceder a él fácilmente. Si está interesado en esta eventualidad, lo invito a consultar mi guía para mejor hosting.

    Biografía de Salvatore

  • Obras de Salvatore
  • Contactos de Salvatore
  • Para acceder a la sección de guías haga clic aquí.

    Como puede adivinar fácilmente, los hipervínculos a las otras páginas del sitio se han insertado dentro de una lista con viñetas desordenada. Además de eso, a la página se le ha asignado una fondo de colores a través del parámetro bgcolor (es decir. Backgramoredondocolor) adjunto a la etiqueta

    anteriormente, usando un código similar al siguiente.

      Página de inicio de sesión   

    Iniciar sesión en el sitio

    action = "scriptAccesso.php">

    <tipo de entrada = "enviar" value = "Iniciar sesión">

    ¿Olvidaste tu contraseña? Haga clic aquí para restablecerlo.

    La dificultad, en este caso, es decirle al navegador cómo verificar que el usuario y la contraseña se hayan ingresado correctamente, donde el usuario presiona el botón para autenticarse (en este caso, ): generalmente, esta operación se completa llamando a un script en particular (escrito con lenguaje javascript, php, ASP u otros), que trata de comparar los campos en las casillas correspondientes con los registros de una base de datos o un archivo de texto. En el código mencionado anteriormente, este script se especifica en el parámetro acción de la etiqueta

    , que indica la acción que se debe realizar cuando se presiona el botón de tipo enviar (en nuestro caso, "Iniciar sesión").

    Para obtener más información sobre el procedimiento para crear scripts de inicio de sesión en PHP, lo invito a consultar el tutorial básico de HTML.it.

    Finalmente, guarde el archivo, haga doble clic en el html respectivo y… ¡disfrute del resultado!

    Herramientas para crear páginas HTML

    Si ha llegado hasta aquí, significa que ha adquirido los conocimientos básicos necesarios para crear una página HTML y que estás listo para dar tus primeros pasos con total autonomía. Entonces, una vez que entienda el uso de etiquetas y cómo construir la estructura de una página Web, le gustaría tener una descripción completa de las herramientas que pueden ayudarlo a realizar fácilmente su trabajo: a continuación indico aquellas que, en mi opinión , pueden resultarle más útiles.

    página web oficial.

  • Amaya - es un editor HTML de código abierto creado y distribuido por el consorcio W3 (W3C). Permite, gracias a una conveniente interfaz WYSIWYG, crear páginas y sitios completos en HTML, hojas de estilo, pequeños scripts y otras partes de plataformas Web, incluso “dibujar” todo con el mouse. Puedes descargar Amaya desde esta página.
  • Adobe Dreamweaver - es una herramienta semiprofesional extremadamente potente que, gracias a las diversas herramientas presentes en ella, permite diseñar sitios de Internet simples y complejos. Además de ser un editor de HTML, Dreamweaver puede manejar CSS, JavaScript, archivos de gráficos y más. Puede comprar Dreamweaver (con la posibilidad de una prueba gratuita de 7 días) desde su sitio web oficial.
  • Los que mencioné son algunos de los editores HTML más utilizados, pero no son los únicos: en este sentido, he creado para ti una guía específica sobre programas HTML, en la que puedes encontrar muchos otros software de este tipo que pueden Ayudarle a llevar para terminar su trabajo.

    mesas, graficas, formato de texto, listas, imagenes y así sucesivamente) para crear la página web como le gustaría verla en el navegador.

    Cuando haya terminado, haga clic en el menú Archivo Word, elige la opción Guardar con nombre, indica el carpeta en el que guardar el archivo y, posteriormente, especificar el Nombre del archivo y configura el menú desplegable Guardar como (Formato de archivo en Mac) en la voz página web, si solo está interesado en guardar el texto, o en Página web en un solo archivo para guardar también imágenes, fuentes utilizadas y otros elementos "externos" a Word dentro del mismo archivo.

    Nota: para mantener la fe en el formato original, Word puede agregar algunas etiquetas "propietarias" para no alterar la visualización de la página. Si es su intención excluirlos y limitarse a guardar solo los marcadores HTML, debe seleccionar el elemento Página web Filtrata en el menú desplegable Guardar como / Formato expediente.

    crear un sitio con WordPress e cómo crear un sitio con sitios de google.

    También existen plataformas más orientadas a la creación de páginas HTML estáticas, como Weebly, Yola o Xoom: Te expliqué específicamente cómo funcionan en mi guía sobre Cómo crear un sitio web libre.

    HTML.it Guía HTML: con toda probabilidad, esta es una de las guías más completas, articuladas y ricas en conocimientos disponibles en la red: está dividida en secciones temáticas e incluye lecciones auténticas, ejemplos prácticos y ejercicios de varios tipos. Además, la guía HTML.it se actualiza constantemente.

  • W3Schools.com: este portal, promovido y publicado por el W3C, está completamente dedicado a HTML y las demás tecnologías que lo rodean. Su peculiaridad es poder realizar numerosos ejercicios de autoverificación, al final de cada lección, para verificar y evaluar las nuevas habilidades adquiridas.
  • HTML 5 con CSS y JavaScript: si prefiere el papel impreso al digital, no puede evitar echar un vistazo a este texto: además de ser un manual básico para crear sitios HTML, es una referencia bastante completa para crear aplicaciones móviles. (y no) basados ​​en la web, que combinan HTML 5 con CSS y JavaScript.