Cuando hablamos de HTML nos referimos al lenguaje marcado, es decir, al código que organizará la estructura de nuestra web. Ojo, no es un lenguaje de programación en sí, sólo permite la creación de textos, imágenes, vídeos y todo el material multimedia que enriquecen una página en Internet.
¿Cómo funciona? La estructura está dividida por bloques, en lo que indicamos qué es lo que queremos mostrar en nuestra web. Así tenemos:
A través del código HTML hemos dividido la sección en dos segmentos: una para incrustar un vídeo en nuestra y la otra para texto. Title hace referencia al nombre de la página, mientras <H5>, por ejemplo, marca el tamaño de la redacción. El código <strong> por su parte asigna la negrita al texto seleccionado y <br>, el salto de línea.
La estética de la web ya corre a cargo de CSS, que veremos a continuación.
CSS: Cascading Style Sheets
Ya hemos visto cómo los programadores introducen el contenido en nuestra web. Pero hay que darle color, vida y estilo a nuestra página y darle un formato común para todos los navegadores y dispositivos digitales.
Aquí es donde se transforma todo el contenido elaborado en HTML en arte y se decide la “identidad” de nuestra web. Ideal porque se puede realizar de una sola vez influyendo en todas las páginas de nuestra página.
Podemos definir, por ejemplo, los colores corporativos y la tipografía afiliada a nuestra empresa, y el formato único que nos hará destacar entre nuestros competidores.
JavaScript
Una vez establecido el contenido y las características visuales de nuestra página vamos a hacer que funciones. JavaScript es el lenguaje de programación que se encarga de la interacción dinámica de los elementos presentes en el documento.
A partir de aquí podemos crear carruseles, galerías de imágenes, juegos y miles de eventos que se activan cuando el usuario realiza alguna actividad en nuestra página.
HTTP, CSS y JavaScript son las herramientas básicas con las que trabaja un programador al hacer una página web. Ahora ya podemos hacernos una idea del proceso y cómo se va a llevar a cabo, por lo que nos será más fácil comunicarnos con estos profesionales y podremos explicarles cómo visualizamos la web en nuestra mente.
Te puede interesar también:
- Cupón Udemy con 100% de descuento en el curso de AWS de nivel principiante a intermedio: EC2, IAM, ELB, ASG, Route 53
- Cupón de Udemy con 100% de descuento en el curso completo de SAP Analytics Cloud
- Cupón Udemy con 100% de descuento en el Curso combinado de Adobe Creative Suite: Photoshop, Illustrator, InDesign y Lightroom
Qué aprenderás en este curso online gratis de HTML5 y JavaScript
- HTML5 y JavaScript, incluido el marco de marcado semántico y Boilerplate
- Consultas de medios CSS3 y diseño responsivo
- JQuery, Fancybox, APIs y más
- 10 proyectos prácticos, incluidos juegos y aplicaciones
Contenidos del Curso online gratis de HTML5 y JavaScript
Este curso contiene más de 75 conferencias y más de 15 horas de contenido durante el cual desarrollarás 10 proyectos utilizando HTML5, JavaScript y otras herramientas.
«No te pierdas nuestro Curso de Diseño web en WordPress gratis«
- Sección 1: Introducción al curso
- curso introductorio
- Sección 2: Primeros pasos con HTML5
- Características HTML5
- Placa de caldera HTML5
- Estilo CSS
- Refresco de JavaScript
- Sección 3: Frontend
- Estructura de la página HTML5
- Estilo con CSS3
- Añadir páginas y formularios
- Disposición Responsive
- Sección 4: Galería de imágenes animadas
- Galería HTML
- Galería CSS Styling
- JQuery Quicksand
- FancyBox Lightbox
- Sección 5: Juego de serpientes
- Lona Rectángulos, Texto Y Líneas
- Animación y circulosJuego de serpiente UI – HTML
- Sección 6: Stickys
- Stickys App UI
- Crear objeto de nota
- Funciones de arrastrar y soltar
- Guardando notas y depurando
- Sección 7: D & D Image Uploader
- Image Uploader UI – HTML
- Image Uploader UI – CSS
- JQuery Filedrop Plugin
- PHP Subir Archivo
- Sección 8: Aplicación de prueba HTML5
- Quiz UI – HTML
- Quiz UI – CSS
- Manipulación de DOM usando JQuery
- Preguntas de proceso
- Optimizando nuestro código
- Sección 9: Reproductor de audio HTML5
- Reproductor de audio UI – HTML
- Reproductor de audio UI – CSS
- Jugar, pausar y parar
- Volumen y duración
- Funcionalidad de lista de reproducción
- Sección 10: Mobile Todo App
- JQuery Mobile UI – Parte 1
- JQuery Mobile UI – Parte 2
- Añadiendo todos
- Viendo Todos
- Borrar y borrar todos
- Actualizando Todos
- Sección 11: Aplicación IndexedDB
- Administrador de Clientes UI
- Conectar y Abrir IndexedDB
- Añadir y obtener clientes
- Eliminar Clientes
- Actualizar Clientes
- Sección 12: Medidor de distancia
- Medidor de distancia UI
- Obtener la ubicación del usuario
- Mira y calcula
- Sección 13: Resumen del curso
- Resumen del curso
Cuando acabes el curso podrás construir una web HTML5 con etiquetas, formularios, CSS3 y diseño responsive. También aprenderás a crear galerías de imágenes animadas, una aplicación de notas adhesivas y un juego de serpientes. Dominarás el cargador de arrastrar y soltar imágenes, y también aprenderás a crear una aplicación de cuestionario HTML5, un reproductor de audio, una lista de tareas móviles, una aplicación de gestión de clientes y una aplicación de ubicación.
Al final de este curso habrás completado 10 proyectos creativos. Esto te permitirá ampliar potencialmente tu base de clientes y actualizar tu currículum vitae para avanzar en su carrera en el campo del desarrollo web.
Acceso al curso
Para poder acceder al curso solamente tendrás que hacer clic en el siguiente botón y recuerda que el curso es totalmente ¡GRATIS!
Deja tus comentarios y sugerencias
Sobre Facialix
Facialix es un sitio web que tiene como objetivo apoyar en el aprendizaje y educación de jóvenes y grandes. Buscando y categorizando recursos educativos gratuitos de internet, de esta manera Facialix ayuda en el constante aprendizaje de todos.
