1
0
desafio_encriptador/004_primeras_paginas
devfzn 21b068be85
HTML5 y CSS3 pt. 2: Posic. listas y navegación 03
Posicionamiento listas y menu de navegación, posicionamiento de
encabezado de página.
Quitando estilos predefinidos del navegador 'reset.css'.
Posicionamiento 'relative' y 'absolute'.
2023-04-10 20:25:49 -04:00
..
html_css_parte1 HTML y CSS parte 2: Posic. listas y navegación 01 2023-04-10 18:22:20 -04:00
html_css_parte2 HTML5 y CSS3 pt. 2: Posic. listas y navegación 03 2023-04-10 20:25:49 -04:00
README.md HTML5 y CSS3 pt. 2: Posic. listas y navegación 03 2023-04-10 20:25:49 -04:00

Formación programacion

Primeros pasos

04 Crea tus primeras paginas HTML5 y CSS

Parte 1 Mi primera página web

Diferencias entre html y css.

en NeoVim set ff=unix

Página barbería - estilo.css.

Formas de aplicar estilo CSS:

  • style inline.

        <h1 style="text-align: center;">Sobre la Barbería Alura</h1>
    
  • style block con tag <style>.

        <style>
            p {
                text-align: center;
            }
        </style>
    
  • style file.

Sistema hexadecimal

Sistema número que consta de las 6 primeras letras del alfabeto y los números del 0 al 9.

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


  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
  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)

Final curso HTML5 y CSS parte 1 - Página barbería - estilo.css.

Parte 2 - Posicionamiento, listas y navegación

Página productos y estilo.

  • Base de un archivo HTML.
  • Lista html no ordenada.
  • Posicionamiento listas y 'menu' de navegación.
  • Posicionamiento encabezado de página.