Introducing 

Prezi AI.

Your new presentation assistant.

Refine, enhance, and tailor your content, source relevant images, and edit visuals quicker than ever before.

Loading content…
Loading…
Transcript

¿Qué es HTML/CSS/JS?

Colegio Galileo

Página web

Analisemos

Ahora imaginemos que tenemos un sitio web

Este sitio web tiene un título que dice:

Registrate hoy

Tiene un contenido donde probablemente te explico porqué deberias registrarte y hasta una foto para convencerte.

Tiene un formulario donde quiero que coloques tu e-mail y contraseña para que te registres.

Y un botón de enviar.

¿Qué es HTML, CSS y JAVASCRIPT en este formulario?

Analisemos

Qué es HTML

HTML

HTML sería internamente todo el contenido que sea información

la forma en que tu colocas el título, el texto, la imágen e incluso, colocar cada uno de los elementos del formulario, eso es HTML.

Las hojas de estilo en cascada

CSS

CSS

css

Son las que les dicen al título que sea grandote y que esté arriba, son las que le dicen a la imagen que se haga en el lado derecho, al texto su tamaño, ancho y límite, también, le dicen al botón que debería tener un borde con sombrita, a las cajitas, que deberian de estar una encima de la otra. También si tenemos un color de fondo y el tipo de tipografia está en CSS. Todo lo que tiene que ver con la forma visual de mostrar estos objetos está en CSS. Sino tuvieramos CSS esto sería un HTML donde todo iría como si fuera un elemento de WORD.

CSS permite organizar todo de una manera bonita. Ambos son código pero HTML es un lenguaje de marcado de hipertexto, ese es el nombre técnico lo que significa que ahí colocamos la información mientras que CSS es un lenguaje de hojas de estilo en cascada que también es su nombre técnico.

Lo que realmente significa que esa información la mostramos de un modo visual especial.

JavaScript

JavaScript

JavaScript es el código que controla por ejemplo al botón enviar y que cuando damos clic en enviar, detecta si el email es válido, sino, me puede mostrar un error así como también si el pasword es bueno y está bien, no me muestra error y me lo envía directamente a un servidor.

Cualquier cosa que tenga que ver con interactividad, tiene que ver con JavaScript

Interactividad

JavaScript

El detectar un clic en el botón, el detectar si el email está bien, si el password está bien. Es entonces cuando JavaScript entra en juego, siendo el verdadero lenguaje de programación dentro del mundo de la web.

Todo esto se crea en archivos dentro de tu propia computadora

Formatos estándar

Formatos

El navegador

¿Quién se encarga de interpretar?

Es el navegador es quien interpreta el código HTML entendiéndose navegador como:

- Google Chrome.

- Mozilla Firefox.

- Internet Explorer.

- Opera mini.

Entre otros.

Learn more about creating dynamic, engaging presentations with Prezi