EXPECTATIVAS
REGLAS
- Contestar llamadas fuera de la sala
- Alzar la mano para hacer preguntas
- Apoyarse mutuamente
- Poner atención
- No tener miedo a equivocarse
INTRODUCCIÓN A LA PROGRAMACIÓN
¿QUE VAMOS A APRENDER?
- QUE ES PROGRAMACIÓN
- QUE ES HTML
- QUE ES CSS
¿QUÉ ES LA PROGRAMACIÓN?
La programación es un proceso que se utiliza para idear y ordenar las acciones que se realizarán en el marco de un proyecto; al anuncio de las partes que componen un acto o espectáculo; a la preparación de máquinas para que cumplan con una cierta tarea en un momento determinado; a la elaboración de programas para la resolución de problemas mediante ordenadores; y a la preparación de los datos necesarios para obtener una solución de un problema.
- Wikipedia
¿QUE SON LOS LENGUAJES DE PROGRAMACIÓN?
Un lenguaje de programación es un lenguaje formal que especifica una serie de instrucciones para que una computadora produzca diversas clases de datos. Los lenguajes de programación se usan para crear programas de computadora. Un lenguaje de programación permite poner algoritmos en práctica, los cuales controlan el comportamiento físico y lógico de una computadora.
¿QUÉ ES HTML?
Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.
¿EN QUE SITIOS TIENE HTML?
¿COMO PUEDO ESCRIBIR/PRACTICAR HTML?
ESTRUCTURA BÁSICA
<!DOCTYPE html>
<html lang="en">
<head>
<title>BitLab</title>
</head>
<body></body>
</html>ENCABEZADOS
ESTRUCTURACIÓN DE TEXTO
Hipervínculos (links)
Multimedia
Tablas
Listas
Formularios
¿QUÉ ES CSS?
CSS (siglas en inglés de Cascading Style Sheets), en español "Hojas de estilo en cascada", es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.
h1 {
font-weight: 900;
}
p {
margin-bottom: 20px;
}
#content {
background-color: purple;
}Sintaxis
h1 {
font-weight: 900;
}
p {
margin-bottom: 20px;
}
#content {
background-color: purple;
}
.stylish-image {
border-radius: 100%;
border: solid 2px white;
}Estilos básicos
Proyecto local
Editores de texto
Sublime text
Atom
Visual Studio Code
Navegador
Chrome
Firefox
Edge
Recapitulación
- Aprendimos que es la programación
- Que es HTML
- Cómo y en qué podemos utilizar HTML
- Qué es CSS
- Para qué se utiliza CSS
- Cómo utilizar CSS
- Cómo crear un proyecto local
- Cómo usar un editor de código
Enlaces de Interes
- https://cssreference.io/
- https://htmlreference.io/
- Codepen: https://codepen.io
- CodeSandbox: https://codesandbox.io/
Tarea
|
|