jueves, 9 de febrero de 2023

Que es HTML y sus Caracteristicas

¿Qué es HTML?

HTML HyperText Markup Language (Lenguaje de marcas de hipertexto) es un lenguaje de programación el cual es por etiquetas el cual es de suma importancia para el desarrollo de las páginas web.

Hipertexto: Es un texto el cual es utilizado para conectar a otros textos.

Lenguaje de etiquetas: Son una serie de marcas o etiquetas los cuales indican a los servidores web la estructura y el tipo de estilo que se emplea en esta.

Actualmente existen 142 etiquetas las cuales nos van a permitir crear diversos elementos y es de suma importancia aprender o saber de estos, y existen dos tipos los cuales son de suma importancia e interés.

Elementos de bloque.

Este tipo de elemento siempre va a comenzar al inicio, en una linea del inicio lo cual nos indica que un claro ejemplo puede ser el encabezado, todas las páginas utilizan tres tipos de etiquetas:

La etiqueta <html> este elemento es la base de nuestra pagina y va a definir todo el documento HTML.

La etiqueta <head> en esta se contiene el titulo y el tipo de caracteres que vamos a necesitar en la creación de nuestra página.

La etiqueta <body> nos va a encerrar el contenido que hayamos puesto anteriormente en la página.

Etiquetas HTML.

Etiquetas Base o de raíz.

<!DOCTYPE HTML> Indica al navegador que el documento está basado en HTML5
<html> </html> Representa la raíz de un documento HTML. Todos los demás elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas.

Metadatos del documento

<head> </head> Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo. El resto de etiquetas de metadatos, irán recogidas dentro de las etiquetas de apertura y cierre del head. Importante explicar que estos metadatos del documento, es información para el navegador y no contenido que será visible en la página web. A excepción de la etiqueta <title> que veremos a continuación.
<title> </title> Etiqueta usada para definir el título de la página web.
<link> Se usa para enlazar recursos externos al documento HTML. El ejemplo más común son las hojas de estilos CSS.
<meta> Etiqueta usada para definir otros metadatos que no se pueden definir con una etiqueta HTML especifica. Por ejemplo para definir el autor del sitio, o la descripción del mismo.
<style> </style> Etiquetas usadas para introducir código CSS en línea, es decir, en el propio documento HTML.

Etiquetas de estructura HTML.

<body> </body> Al contrario que la etiqueta de metadatos <head>, todo lo que quieras mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de <body>. Este contenido será el que se muestre en la web.
<nav> </nav> Usadas para definir el contenido que será la sección de navegación de la web.
<main> </main> Se usa para definir el contenido principal del documento. Solamente puede existir uno por documento.
<section> </section> Define una sección del documento
<article> </article> Define contenido independiente de la web.
<aside> </aside> Dentro de estas etiquetas suele alojarse el contenido adicional de la web. Suele ser contenido relacionado con la web pero de poca importancia
<h1>,<h2>,<h3>,<h4>,<h5>,<h6> Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. Las etiquetas se usan para explicar brevemente el contenido que irá a continuación.
<header> </header> Se usan para definir la cabecera la página web. Suele contener el logotipo, menú de navegación, etc.
<footer> </footer> Usadas para definir el pie de página.

Etiquetas para agrupar contenido.

<p> </p> Etiqueta usada para escribir párrafos de texto.
<hr> Etiqueta utilizada para «romper» entre dos secciones de una web. Usada comúnmente como separador.
<pre> </pre> Usada para pegar texto manteniendo el pre formato propio del texto.
<blockquote> </blockquote> Se usan para indicar que el contenido es texto citado.
<ol> </ol> Etiquetas para crear una lista ordenada
<ul> </ul> Etiquetas para crear una lista des-ordenada
<li> </li> Etiquetas que recogen el contenido de un elemento de una lista, sea ordenada o no.
<dl> </dl> Usada para crear una lista de definiciones.
<dt> </dt> Representa un término definido por la siguiente etiqueta <dd>
<dd> </dd> Se usa para definir los términos listados antes que él.
<figure> </figure> Indica una figura ilustrada como parte del documento HTML5.
<figcaption> </figcaption> Utilizada para definir la leyenda de una figura.
<div> </div> Etiqueta común utilizada para crear un contenedor genérico.

Etiquetas semánticas para el texto.

<a> </a> Etiqueta utilizada para crear hiperenlaces en el documento HTML
<strong> </strong> Etiqueta para definir una palabra o conjunto de ellas como importantes.
<small> </small> Utilizada para dejar un comentario aparte, del tipo una nota de derechos de autoría, u otros textos que no son esenciales para la comprensión del documento.
<cite> </cite> Para indicar el título de una obra
<sub> </sub> y <sup> </sup> Etiquetas utilizadas para representar un subíndice o superíndice.
<mark> </mark> Usada para resaltar texto
<span> </span> Etiqueta HTML sin ningún significado específico. Se usa conjuntamente con los atributos «class» o «id» para atribuirle ciertas características.
<br> Etiqueta utilizada para crear un salto de línea.

INTRODUCIR CONTENIDO.

<img> Etiqueta para «pintar» una imagen en la página web.
<iframe> </iframe> Es una etiqueta que sirve para anidar otro documento HTML dentro del documento principal.
<embed> Usada para integrar una aplicación o contenido interactivo externo que no suele ser HTML.
<object> </object> Utilizada llamar a un recurso externo de la web. Este recurso será tratado como una imagen, o un recurso externo para ser procesado por un plugin.
<video> </video> Se usa para reproducir video en la web junto a sus archivos de audio y capciones asociadas.
<audio> </audio> Usada para cargar en una web un archivo de audio o stream de audio.
<source> Permite a autores especificar recursos multimedia alternativos para las etiquetas de <video> o <audio>
<svg> </svg> Se usa para llamar a una imagen vectorizada.

CREACION DE TABLAS.

<table> </table> Etiquetas de apertura y cierre de una tabla. El resto de etiquetas de la tabla han de ir siempre recogidas entre estas dos etiquetas.
<caption> </caption> Usada para indicar el título de la tabla.
<colgroup> </colgroup> Etiqueta utilizada para agrupar dos o más columnas de una tabla.
<tbody> </tbody> Usada para describir los datos concretos de una tabla.
<thead> </thead> Indica el bloque de filas que describen las etiquetas de las columnas de la tabla.
<tfoot> </tfoot> Indica los bloques de filas que describen los resúmenes, o datos totales de una columna de una tabla.
<tr> </tr> Se usa para indicar una fila de celdas de una tabla.
<td> </td> Usada para definir una celda de una tabla.
<th> </th> Etiqueta que se usa para definir el encabezado de una celda.

CREACION DE FORMULARIOS.

<form> </form> Etiqueta de apertura y cierre de un formulario de una página web. El resto de etiquetas de formulario deben ir siempre recogidas entre estas etiquetas de apertura y cierre de formulario.
<fieldset> </fieldset> Etiqueta que representa un conjunto o agrupación de elementos de un formulario. «Pinta» un recuadro alrededor de las etiquetas que estén contenidas dentro del <fieldset>
<legend> </legend> Etiqueta ligada a <fieldset>. Indica el título del <fieldset>
<label> </label> Se usa para definir el nombre o título de un control del formulario.
<input> Pinta un campo de introducción de datos para el usuario. Es de las principales etiquetas de un formulario.
<button> </button> Etiqueta utilizada para representar un botón en el formulario.
<select> </select> Input que permite una selección entre un conjunto de opciones.
<option> </option> Etiqueta ligada a <select>. Permite añadir diferentes opciones al <select>
<textarea> </textarea> Añade un campo al usuario para que pueda introducir texto en unas líneas máximas de texto que el desarrollador puede definir.

viernes, 3 de febrero de 2023

Aplicaciones que se ejecutan en el cliente.

¡Cuáles son las aplicaciones que se ejecutan en el cliente y sus características?

Las Aplicaciones que se ejecutan en el cliente son aquellas aplicaciones que se descargan en el servidor del cliente, es decir en el escritorio.

Y tenemos el equipo del cliente que son aquellos que piden ayuda es decir servicios, los cuales piden a un servidor el cual contiene equipos y servicios de alta capacidad que van a proporcionar sus mismos servicios a los equipos de los clientes dependiendo de lo que necesitan.

Ya que los clientes tienen un servidor que les puede brindar sus servicios es decir centros de datos (Programas) que van a proporcionar cosas básicas como la hora, archivos incluso una conexión etc.

Este tipo de modelo es fiable y se recomienda en particular por sus numerosas ventajas.

Ahora para desarrollar este tipo de modelo de cliente debemos saber que este tipo de modelo realiza un tipo de lógica llamada tipo empresarial y realiza la infraestructura o plan que el cliente quiere.

Para proceder con este modelo debemos tener los recursos necesarios, pero antes de eso debemos saber que es la lógica empresarial, este tipo de lógica es una actividad que funciona que se realiza en base a los procedimientos dentro de una empresa, además de ser una técnica de diseño y captura de la lógica empresarial.

Entonces una aplicación que se ejecuta en el cliente es aquella que va a cumplir las necesidades del cliente y sin necesidad total del servidor.

Utilidades de una aplicación cliente servidor.

1.- Es ligero ya que toda la carga y consumo de recursos se realizan desde el mismo servidor.

2.- Su mantenimiento es sencillo ya que su propio mantenimiento se hace desde el código de servidor.

3.- Posibilidad de realizar trabajos en grupo es decir de manera más dinámica.

4.- Posibilidad de realizar los trabajos en diferentes lenguajes.

5.- Posibilidad de que por manera simultánea exista la capacidad de trabajar, incluso sin conexión.

Bibliografías o Fuentes de Consulta.

https://culturacion.com/cual-es-la-utilidad-de-las-aplicaciones-clienteservidor/#:~:text=Una%20aplicaci%C3%B3n%20cliente%2Fservidor%2C%20es%20un%20programa%20que%20cuenta,al%20cual%20deseamos%20acceder.%20Figura%201%3A%20Arquitectura%20cliente%2Fservidor

https://es.ccm.net/contents/148-entorno-cliente-servidor

https://ofortiz.space/olgafortiz/category/desarrolla-aplicaciones-que-se-ejecutan-en-el-cliente/

jueves, 2 de febrero de 2023

Aprende Las Bases Del Skate Con Estos 5 Sencillos Pasos.

Paso Numero 1.

El primer paso es tener una patineta o skate que cumpla con lo necesario y que almenos sea de buena calidad es decir que no sea para niños.

A continuación ejemplos de patinetas de buena calidad.

Paso Numero 2.

Listo ahora que tienes tu skate o patineta podemos empezar.

Y lo primero será perder el miedo a subirte para lograr eso lo primero que debemos hacer es "Mantener el equilibrio".

Para lograr esto debemos pisar con nuestro pie de apoyo (Que será el que dejaremos arriba del skate) en la parte frontal de la patineta la zona donde están los clavos, lo siguiente será que con el pie que nos sobra subir y de igual manera en la parte trasera del skate en la parte de los clavos.

Paso Numero 3.

En este paso lo que tenemos que hacer es impulsarnos lentamente con el pie que pondremos atrás y así poco a poco lento, para después subir y quedarnos arriba.

Paso Numero 4.

En este paso tenemos que aprender a girar, para ello una vez que aprendamos a subirnos aprenderemos a girar para ello simplemente con nuestros extremos de los pies es decir punta y talón, las giraremos hacia la dirección que queramos girar !Así de fácil¡.

Paso Numero 5.

Ultimo paso y este es aprender a impulsarnos, para este ultimo paso debemos impulsarnos literal con el pie que no sea el de apoyo y con este nos impulsaremos lentamente y así poco a poco hasta dominar la velocidad con la que nos impulsemos.

Y listo con estos 5 pasos y practica estaremos dominando las bases del Skate !No olvides comprarte calzado especial para patinar como lo son los Vans o los Converse¡.

Gracias por leer mi nombre es Jeshua Ricardo Cervantes del Grupo 4.-AP