Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Fundamentos en La Implementación de Componentes Front-End, HTML, CSS, JS
Fundamentos en La Implementación de Componentes Front-End, HTML, CSS, JS
TEMA:
PRESENTADO POR:
TECNOLOGIA:
FICHA: 2627079
VALLEDUPAR – CESAR
2023
lOMoAR cPSD| 17400180
INTRODUCCIÓN
Desarrollo
Se utiliza una etiqueta header que permite crear el encabezado de una página,
aquí podemos establecer etiquetas como div, nav, a que permite crear un menú de
navegación
lOMoAR cPSD| 17400180
Se crea una etiqueta nav con clase intro la cual va a contener etiquetas como h1, h2, p, ul, li, div, img, que
van a permitir crear el contenido de introducción de la página. A cada una de estas etiquetas se l es crea
unas clases para identificar cada uno de sus elementos a la hora de añadir código CSS
lOMoAR cPSD| 17400180
lOMoAR cPSD| 17400180
lOMoAR cPSD| 17400180
GLOSARIO
Doctype: informa al navegador qué versión de HTML (o XML) se usó para escribir el documento.
Doctype
es una declaración no una etiqueta. Además, podemos referirnos a ella como"document type
declaration" o por las siglas "DTD".
Head: provee información general (metadatos) acerca del documento, incluyendo su título yenlaces a
scripts y hojas de estilos.
Body: de HTML representa el contenido de un documento HTML. Solo puede haber un elemento <body>
en un documento.
Main: <main> representa el contenido principal del <body> de un documento o aplicación.
Header: El elemento de HTML Header (<header>) representa un grupo de ayudasintroductorias
o de navegación. Puede contener algunos elementos de encabezado, así como también unlogo,
un formulario de búsqueda, un nombre de autor y otros componentes.
Div: div de "division" -division. Sirve para crear secciones o agrupar contenido, susetiquetas
son: <div> y </div> (ambas obligatorias).
Img: representa una imagen en el documento.
H1-h2-h3-h4-h5-h6: Los encabezados HTML son títulos o subtítulos que desea mostrar en una página
web.
P: (párrafo) es el apropiado para distribuir el texto en párrafos, sus etiquetas son: <p> y
</p> (la
de cierre es opcional).
Ul: de "unordered list" -lista no ordenada. crea una lista no ordenada, sus etiquetas son:
<ul> y
</ul> (ambas obligatorias).
Li: en inglés item list o elemento de lista declara cada uno de los elementos de unalista, sus
etiquetas son: <li> y </li> (la de cierre es opcional).
Footer :(<footer>) representa un pie de página para el contenido de sección más cercano o el elemento
raíz de sección
12
CONCLUSIONES
El frontend se centra totalmente en el usuario y en todo con lo que pueda interactuar y lo que ve mientras
navega por la web. Siempre va a buscar a causar una buena impresión, a que el usuario esté feliz. Por lo que va a
usar HTML, CSS y JavaScript parahacerlo.
Busca que cada usuario de la web tenga una buena experiencia de inmersión y usabilidad. Para él
la creatividad en las herramientas y recursos es algo realmente valioso ya que deberá emplear
fuentes, colores, fotografías y cualquier elemento del que disponga para crear un sitio realmente
bueno y agradable que se pueda visualizar desde cualquier dispositivo y revolución. Por otra parte,
estará centrado en hacer todo para que un sitio webpueda trabajar correctamente.