Nahomi Reino (Recuperación Aplicaciones Ofimáticas)

UNIDAD EDUCATIVA FE Y ALEGRIA
DEPARTAMENTO CIENCIAS DE LA COMPUTACIÓN
ASIGNATURA : APLICACIONES OFIMÁTICAS
ALUMNO : NAHOMI REINO
CURSO : 3° “B” INFORMÁTICA
FECHA : 28/08/2022
SANTO DOMINGO – ECUADOR
2022
DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN
CARRERA: BACHILLER TÉCNICO EN INFORMÁTICA
GUÍA PARA LAS PRÁCTICAS DE LABORATORIO, TALLER O CAMPO

PERIODO
ASIGNATURA: Aplicaciones Ofimáticas 2022 NIVEL: 3ro
LECTIVO:
DOCENTE: Ing. Néstor Tipán Paralelo: A-B PRÁCTICA N°: 1
LABORATORIO DONDE SE DESARROLLARÁ LA
Laboratorio de Computación N.º. 2
PRÁCTICA:
TEMA DE LA
Refuerzo de Laboratorio
PRÁCTICA:
INTRODUCCIÓN:
En este documento vamos a poder visualizar etiquetas de html y códigos de css que fueron de mucha ayuda para el aprendizaje y
creación de nuestra página web, conoceremos también sus funciones y como usarlas.
OBJETIVOS:
Objetivo General
Realizar una investigación sobre etiquetas y códigos que fueron útiles para realizar la página web que se elaboró como producto
final del proyecto de ABP.
INSTRUCCIONES:
Parte 1
Seleccionar las etiquetas de html y los 5 códigos que se desarrollarán en el documento
Parte 2
Proceder a Investigar las etiquetas y códigos escogidos junto con el uso que se le debe dar y la función que cumplen.
ACTIVIDAD
Investigar que utilidad tienen 5 etiquetas de html y 5 códigos de css que se ocuparon para la creación de su página web.
ACTIVIDADES POR DESARROLLAR:
● Investigación sobre qué es Html
● ¿Qué es HTML?
HTML es el lenguaje con el que se define el contenido de las páginas web. Básicamente se trata de un conjunto de
etiquetas que sirven para definir el texto y otros elementos que compondrán una página web, como imágenes, listas,
vídeos, etc.
El HTML se creó en un principio con objetivos divulgativos de información con texto y algunas imágenes. No se pensó que
llegara a ser utilizado para crear área de ocio y consulta con carácter multimedia (lo que es actualmente la web), de modo
que, el HTML se creó sin dar respuesta a todos los posibles usos que se le iba a dar y a todos los colectivos de gente que
lo utilizarían en un futuro. Sin embargo, pese a esta deficiente planificación, sí que se han ido incorporando modificaciones
con el tiempo, estos son los estándares del HTML.
(Álvarez)
● Investigación sobre qué es Css
● ¿Qué es CSS?
CSS son las siglas en inglés de Cascading Style Sheets, que significa «hojas de estilo en cascada». Es un lenguaje que
se usa para estilizar elementos escritos en un lenguaje de marcado como HTML
CSS fue desarrollado por W3C (World Wide Web Consortium) en 1996 por una razón muy sencilla. HTML no fue diseñado
para tener etiquetas que ayuden a formatear la página. Está hecho solo para escribir el marcado para el sitio.
Se incluyeron etiquetas como <font> en HTML versión 3.2, y esto les causó muchos problemas a los desarrolladores.
Dado que los sitios web tenían diferentes fuentes, fondos de colores y estilos, el proceso de reescribir el código fue largo,
doloroso y costoso. Por lo tanto, CSS fue creado por W3C para resolver este problema.
La relación entre HTML y CSS es muy fuerte. Dado que HTML es un lenguaje de marcado (es decir, constituye la base de
un sitio) y CSS enfatiza el estilo (toda la parte estética de un sitio web), van de la mano.
CSS no es técnicamente una necesidad, pero no querrás tener un sitio que solo tenga HTML, ya que se vería
completamente desnudo.
(B., 2022)
● 5 Etiquetas de Html
1. Div
Los div van en la sección del cuerpo de un archivo HTML. Esto está claramente marcado por etiquetas <body></body> en un
archivo HTML. (Nota: estas etiquetas a menudo se omiten en los editores de código, como CodePen).
Para crear un elemento div, debes usar una etiqueta de apertura y cierre. Puedes agregar los elementos que deseas agrupar
dentro de estas etiquetas. A menudo, estos aparecerán sangrados, como se muestra a continuación.
(Coppola)
2. Section
La etiqueta HTML <section> se utiliza para encerrar toda una sección genérica de un código en específico.
Es similar a la etiqueta <div>, pero se diferencia en que esta etiqueta encierra una parte del código, pero no necesariamente debe
tener una intención o semántica.
Por ejemplo, en un blog la parte que conforman los comentarios puede encerrarse en una sección. Igualmente, la entrada del
autor puedes encerrarla en otra sección. Y de esa manera puedes tener estructurado todo tu blog o página web.
(Nivardo, 2022)
3. Header
La etiqueta <header> es normalmente utilizada como el encabezado de una sección, en ellos pueden encontrarse diversos
elementos como vínculos, logos, tablas de contenido o algunas introducciones.
Esta etiqueta puede representar el encabezado de un elemento como <article> o <section> cuando está dentro de él, en caso
contrario, al pertenecer a un elemento <body>, se muestra como el encabezado para todo el documento.
(Nivardo, 2022)
4. Footer
El Elemento HTML 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 (p.e, su ancestro mas
cercano <article>, <aside>, <nav>, <section>,<blockquote>, <body>, <details>, <fieldset>, <figure>, <td>). Un pie de página
típicamente contiene información acerca del autor de la sección, datos de derechos de autor o enlaces a documentos relacionados.
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
(2022)
5. Link
La etiqueta HTML <link> cuenta con un mecanismo de añadir al documento actual información externa, es decir, el
elemento <link> permite a los autores de páginas web vincular su documento a otros recursos.
Este elemento <link> se usa con mayor frecuencia para enlazar hojas de estilos externo y esta información se añade en la
cabecera del documento, dentro del elemento HEAD.
(Nivardo, 2022)
● 5 códigos de Css
1. Text aling
La propiedad CSS de text-align establece la alineación horizontal del contenido dentro de un elemento de bloque o cuadro de celda
de tabla. Esto significa que funciona como vertical-align pero en dirección horizontal.
(2022)
2. Color
CSS es un estándar muy flexible, lo que significa que algunas cosas se pueden hacer de muchas formas diferentes. Precisamente,
la forma de indicar los colores es uno de los apartados más flexibles en CSS.
Los colores en CSS se pueden indicar de cinco formas diferentes: palabras clave, colores del sistema, RGB hexadecimal, RGB
numérico y RGB porcentual. Aunque el método más utilizado por los diseñadores es el RGB hexadecimal, a continuación, se
muestran todas las alternativas que ofrece CSS.
CSS define 17 palabras clave para referirse a los colores básicos. Las palabras se corresponden con el nombre en inglés de cada
color: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, orange, purple, red, silver, teal, white, yellow
(2022)
3. Padding
La propiedad CSS padding establece el espacio de relleno requerido por todos los lados de un elemento. El área de padding es el
espacio entre el contenido del elemento y su borde (). No se permiten valores negativos. border
La propiedad padding es un atajo para evitar la asignación de cada lado por separado (, , , ).padding-toppadding-rightpadding-
bottompadding-left
(2022)
4. Overflow
La propiedad overflow es una propiedad CSS muy importante para el control de contenido excedente de elementos y
contenedores. Mediante un poco de teoría y varios ejemplos prácticos te ayudaré a entender qué es, para qué sirve y cómo es que
funciona esta propiedad.
(Desarrolladoresweb.org, 2021)
5. Display
La propiedad CSS display especifica si un elemento es tratado como block or inline element y el diseño usado por sus hijos,
como flow layout(Diseño de Flujo), grid(Cuadricula) o flex(Flexible).
Formalmente la propiedad display establece los tipos de visualización interna y externa de un elemento. El tipo externa establece la
participación de un elemento en flow layout; el tipo interna establece el layout (Diseño) de los hijos. Algunos valores
de display están totalmente definidos con sus especificaciones propias; por ejemplo, el detalle de que pasa cuando display: flex es
declarado y definido en la especificación de Modelo Flexible de Caja (Flexible Box Model specification) de CSS. Vea las siguientes
tablas para más especificaciones individuales.
Además de los Diferentes Tipos de caja de Visualización, el valor de none permite Desactivar la Visualización DE UN Elemento;
cuando no se utiliza none, todos los elementos descendentes también quedan desactivados. El documento se procesa como si el
elemento no existiera en el árbol de documentos.
(2022)
CONCLUSIONES:
- Las etiquetas de html nos ayudan mucha para trabajar en el esqueleto de una página web y que la etiquetas que hemos
visto nos ayudan a poder ubicar secciones, divisiones, entre otras y que con el Css podemos dar estilo a nuestra página
web y que no quede tan vacía. Podemos decir que las etiquetas y códigos que se han mencionados son de mucha
importancia.
Con esto concluimos y agradecemos el tiempo dedicado a la lectura y revisión de esta investigación.
RECOMENDACIONES:
- Cierre las etiquetas (<html> </html>).

- Podemos crear clases para facilitar el proceso.
- Ubicar los Links o rutas de acceso de manera correcta para que salga correctamente.

Nahomi Reino (Recuperación Aplicaciones Ofimáticas)

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Nahomi Reino (Recuperación Aplicaciones Ofimáticas)

Cargado por

Copyright:

Formatos disponibles

UNIDAD EDUCATIVA FE Y ALEGRIA

DEPARTAMENTO CIENCIAS DE LA COMPUTACIÓN

ASIGNATURA : APLICACIONES OFIMÁTICAS

ALUMNO : NAHOMI REINO

CURSO : 3° “B” INFORMÁTICA

SANTO DOMINGO – ECUADOR

CARRERA: BACHILLER TÉCNICO EN INFORMÁTICA

GUÍA PARA LAS PRÁCTICAS DE LABORATORIO, TALLER O CAMPO

CARRERA: BACHILLER TÉCNICO EN INFORMÁTICA

ACTIVIDADES POR DESARROLLAR:

● Investigación sobre qué es Html

● Investigación sobre qué es Css

CARRERA: BACHILLER TÉCNICO EN INFORMÁTICA

CARRERA: BACHILLER TÉCNICO EN INFORMÁTICA

<meta http-equiv="content-type" content="text/html; charset=utf-8"/>

CARRERA: BACHILLER TÉCNICO EN INFORMÁTICA

- Cierre las etiquetas (<html> </html>).

También podría gustarte