HTML y CSS parte 2: Posic. listas y navegación 01

Revisión de contenido de entrenamiento anterior,
base de una página HTML, y lista html no ordenada.
This commit is contained in:
devfzn 2023-04-10 17:56:21 -04:00
parent 59cc7e5d97
commit 1040bb3e5b
Signed by: devfzn
GPG Key ID: E070ECF4A754FDB1
17 changed files with 52 additions and 17 deletions

View File

@ -174,9 +174,10 @@ Es importante tomar pausas, caminar, descanzar. dormir.
#### Formatos de aprendizaje
| Formato | Características |
| Auditivo | - Podcats</br>- Audio books</br>- Ecuchar grabaciones de clases|
| - | - |
| Auditivo | - Podcats</br>- Audio books</br>- Ecuchar grabaciones de clases |
| Visual | - Infográficos</br>- PowerPoints</br>- Teds</br>- Videoclases</br>- Mapa mental |
| Lectura/Escritura | - Libros</br>Páginas Web</br>- Blogs</br>- Artículos</br>- Resúmenes |
| Lectura/Escritura | - Libros</br>- Páginas Web</br>- Blogs</br>- Artículos</br>- Resúmenes |
| Cenestésica | - Ir a eventos</br>- Participar de proyectos</br>- Pair Programming</br>- Platicar con otras personas |
[Vark Test](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fvark-learn.com%2Fvrk-learning-preference%2F&src=sdkpreparse)

View File

@ -15,7 +15,7 @@ multitarea.
La distraccion es natural, la distarcción perjudica tus ingresos.
..."**DISCIPLINA!!!** No tenel disciplina!!!!"... Junichi Takiyama
..."**DISCIPLINA!!!** No tenel disciplina!!!!"... [dojo master](https://www.southpark.lat/episodios/dspvu8/south-park-sangre-de-maria-temporada-9-ep-14).
**Fueza de voluntad**

View File

@ -54,11 +54,10 @@ alimentar su portafolio para una posible entrevista de trabajo.
¿Como paso a la ***etapa 3*** y me convierto en ***estudiante ONE***?
- Finalizar los cursos Lógica de programción: Primeros pasos + Lógica de
Programación: Conceptios primordiales. **LIMITE 18/04/2023**.
- Finalizar los **8 cursos** de la primera formación: Principiante en
Programación + los **4 cursos** de la formación Desarrollo Personal.
**LIMITE 30/05/2023**.
- **LIMITE 18/04/2023**: Finalizar los cursos Lógica de programación -> Primeros
pasos + Lógica de Programación: Conceptos primordiales.
- **LIMITE 30/05/2023**: Finalizar los **8 cursos** de la primera formación ->
Principiante en Programación + los **4 cursos** de la formación Desarrollo Personal.
#### Junio a Septiembre 2023 (inclusive)
@ -67,10 +66,16 @@ Formación Back-End + Formación Soft Skills
> En ambas opciones el alumno tendrá acceso a 3 challenges
Discord [#hello-one]()
----
<img align="center" width="35%" src="./qr_helloONE.png">
#### Contacto
correo: contacto-one@aluracursos.com
- Correo: contacto-one@aluracursos.com
- Discord: [#hello-one]()
<p align="center">
<img style="align: center;" width="35%" src="./qr_helloONE.png"/>
<br/><br/>
</p>

View File

@ -1,16 +1,20 @@
# Formación programacion
### Primeros pasos
## Primeros pasos
#### 04 Crea tus primeras paginas HTML5 y CSS
### 04 Crea tus primeras paginas HTML5 y CSS
#### Parte 1 Mi primera página web
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`).
- Descarga archivo [texto-base.txt](./html_css_parte1/texto-base.txt)
(archivo en formato `dos`).
> en NeoVim `set ff=unix`
Página [barbería](./index.html) - estilo.[css](./style.css).
Página [barbería](./html_css_parte1/index.html) -
estilo.[css](./html_css_parte1/style.css).
Formas de aplicar estilo CSS:
@ -30,7 +34,7 @@ Formas de aplicar estilo CSS:
</style>
```
- style [file](./style.css).
- style [file](./html_css_parte1/style.css).
##### Sistema hexadecimal
@ -74,4 +78,9 @@ La representación de los colores en 6 posiciones
- Copywriter (Generador de Contenido)
- SEO (Search Engine Optimization)
Final curso HTML5 y CSS parte 1 - Página [barbería](./index.html) - estilo.[css](./style.css).
Final curso HTML5 y CSS parte 1 - Página
[barbería](./html_css_parte1/index.html) -
estilo.[css](./html_css_parte1/style.css).
#### Parte 2 - Posicionamiento, listas y navegación

View File

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 67 KiB

View File

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Barbería Alura - Productos</title>
<link rel="stylesheet" href="./productos.css"/>
</head>
<body>
<header>
<h1><img src="./imagenes/logo.png"></h1>
<ul>
<li>Home</li>
<li>Productos</li>
<li>Contacto</li>
</ul>
</header>
</body>
</html>