Conceptos básicos:
¿Qué es HTML?
HTML significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Es un lenguaje que se utiliza para crear la estructura básica de una página web. Se compone de etiquetas que definen el contenido y la organización de la página, como títulos, párrafos, imágenes, enlaces, etc.
¿Cuál es la estructura básica de una pagina web?
- <html>
- <head>
- <title>
- </title>
- </head>
- <body>
- </body>
- </html>
¿Qué necesito para iniciar a programar en HTML?
Para iniciar a programar en HTML solo necesitas un editor de texto, como Bloc de notas o Sublime Text. También puedes usar un editor online como CodePen.
¿Cómo insertar una imagen en HTML?
<img src="imagen.jpg" alt="Mi imagen">
¿Cómo centrar texto utilizando HTML?
Para centrar texto utilizando HTML se puede usar la etiqueta <center>Texto</center>
¿Cómo justificar texto utilizando HTML?
<p style="text-align: justify;">texto</p>
¿Cómo definir una lista ordenada en HTML?
Para definir una lista ordenada en HTML se utiliza la etiqueta <ol>. Dentro de la etiqueta <ol> se utilizan las etiquetas <li> para definir cada elemento de la lista.
<ol type="1">
<li>Primer elemento de la lista.</li>
<li>Segundo elemento de la lista.</li>
<li>Tercer elemento de la lista.</li>
</ol>
¿Cómo cambiar el color de fondo de una pagina HTML?
<body bgcolor="red"> ¿Cómo guardar mi primer pagina web?
- Abrir bloc de notas.
- Codificar pagina.
- Dar clic en archivo.
- Dar clic en guardar como.
- Elegir la ruta donde se quiere guardar(escritorio).
- Escribir el nombre de la pagina seguido de .html. Ejemplo: plato.html(se recomienda no escribir espacios).
- En la opción tipo de archivos: elegir todos los archivos.
- Dar clic en guardar.
¿Qué es JavaScript?
¿Qué es una variable?
Una variable es un espacio en la memoria del ordenador que se utiliza para almacenar un valor. Las variables tienen un nombre y un tipo de dato, como número, cadena de texto o booleano.
¿Qué es una constante?
Una constante es un valor que no se puede cambiar. Las constantes se utilizan para definir valores que no deben cambiar durante la ejecución del programa.
¿Cómo integrar JavaScript en HTML?
Se puede integrar JavaScript en HTML utilizando la etiqueta
<script>.
<html>
<head>
<title>
</title>
</head>
<body>
<script>
Codigo JavaScript
</script>
</body>
</html>
¿Cómo mostrar un mensaje en JavaScript?
Para mostrar un mensaje en JavaScript se puede utilizar la función alert(). Por ejemplo:
alert('Hola desde JavaScript');
¿Qué es un navegador Web?
Un navegador web, también conocido como explorador de internet o simplemente navegador, es un programa informático que permite acceder a la World Wide Web (WWW). Es la herramienta principal para navegar por internet y acceder a sus recursos, como páginas web, imágenes, videos, música y mucho más.
¿Puedo utilizar inteligencia artificial para crear páginas web?
Si, solo necesitas una cuenta de gmail y puedes utilizar las siguientes:
Gemini de Google: https://gemini.google.com/app
ChatGPT de OpenAI:https://chat.openai.com/
¿Qué tengo que hacer si ya ingrese a la página web la AI?
Tienes que elaborar un prompt, es decir, le tienes que dar instrucciones para que se realice la acción que deseas. Debes escribir con buena ortografía. Por ejemplo:
- Codifícame una página web utilizando solo html sobre el plato del buen comer.
- Codifícame una página web utilizando html y JavaScript sobre el plato del buen comer y explica cada línea de código para entenderla.
Actividad 1:
- Responde la siguiente pregunta: ¿Cómo podríamos
crear una página web sobre algo que te apasione, ya sea un hobby, un deporte o
incluso de tu mascota?
Actividad 2:
- Observa el siguiente video para familiarizarte con el lenguaje de programación JavaScript:
- Investigar que es la inteligencia artificial.
Actividad 3:
- Realiza el siguiente ejercicio:
Actividad 4:
- Elaborar
una página web para difundir información sobre el plato del buen comer (Debe
mostrar un mensaje de bienvenida en JavaScript).