2023-04-08 21:15:52 -04:00
|
|
|
# Formación programacion
|
|
|
|
|
|
|
|
|
|
### Primeros pasos
|
|
|
|
|
|
|
|
|
|
#### 04 Crea tus primeras paginas HTML5 y CSS
|
|
|
|
|
|
|
|
|
|
Diferencias entre [html y css](https://www.aluracursos.com/blog/html-css-javascript-cuales-son-las-diferencias).
|
|
|
|
|
|
|
|
|
|
- Descarga archivo [texto-base.txt](./texto-base.txt) (archivo en formato `dos`).
|
|
|
|
|
|
|
|
|
|
> en NeoVim `set ff=unix`
|
|
|
|
|
|
2023-04-09 00:21:19 -04:00
|
|
|
Página [barbería](./index.html).
|
|
|
|
|
|
|
|
|
|
Formas de aplicar estilo CSS:
|
|
|
|
|
|
|
|
|
|
- style inline.
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<h1 style="text-align: center;">Sobre la Barbería Alura</h1>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
- style block con tag `<style>`.
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<style>
|
|
|
|
|
p {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
- style [file](./style.css).
|
|
|
|
|
|
|
|
|
|
##### Sistema hexadecimal
|
|
|
|
|
|
|
|
|
|
Sistema número que consta de las 6 primeras letras del alfabeto y los números
|
|
|
|
|
del 0 al 9.
|
|
|
|
|
|
|
|
|
|
```txt
|
|
|
|
|
0 1 2 3 4 5 6 7 8 9 A B C D E F
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
La combinación de estos 16 elementos permiten la representación de mas valores,
|
|
|
|
|
en menos caracteres, que por ejemplo, en un sistema binario. Es por esto que es
|
|
|
|
|
ampliamente utilizado en el mundo imformático.
|
|
|
|
|
|
|
|
|
|
La representación de los colores en 6 posiciones
|
|
|
|
|
|
|
|
|
|
```txt
|
|
|
|
|
|
|
|
|
|
0 0 0 0 0 0 <--- Mínimo
|
|
|
|
|
F F F F F F <--- Máximo
|
|
|
|
|
# _ _ _ _ _ _
|
|
|
|
|
r r g g b b
|
|
|
|
|
|
|
|
|
|
Negro -> #000000
|
|
|
|
|
Blanco -> #FFFFFF
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
```txt
|
|
|
|
|
0 = Mínimo
|
|
|
|
|
255 = Máximo
|
|
|
|
|
|
|
|
|
|
Negro -> rgb(0,0,0)
|
|
|
|
|
Blanco -> rgb(255,255,255)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
##### Equipo de Front End
|
|
|
|
|
|
|
|
|
|
- Programador Front End
|
|
|
|
|
- Responsable por UX (user experiencie)
|
|
|
|
|
- Responsable por UI (user interface)
|
|
|
|
|
- Copywriter (Generador de Contenido)
|
|
|
|
|
- SEO (Search Engine Optimization)
|
|
|
|
|
|
