lunes, 12 de julio de 2021

Semana 10 Protocolos IP, Navegadores (browsers)

Protocolos IP, Navegadores (browsers)

Actividad 3

Hacer un organizador gráfico del texto antecedentes y otro del conjunto de protocolos que conforman la arquitectura formada por cinco niveles o capas.

Ayúdese con estos videos. Ver también: https://www.youtube.com/watch?v=1pB2kan_AFk

https://www.youtube.com/watch?v=BWb6ri3ePew

Contenido

¿Qué es Sublime text?

Sublime Text 3 es un programa de edición de código que permite ser capaz de escribir código de manera eficiente. Con él es posible hacer todo lo necesario dentro del proceso de codificación, contando con un sólido número de plugins y extras para personalizar la plataforma directamente según los requisitos de cada usuario. Fue creado basado en Python y C++.

ANTECEDENTES

PROTOCOLOS TCP/IP DE INTERNET

La Internet como una mega red, una red de redes o una red global de redes de computadoras, pero también es un conjunto de tecnologías que ha originado un nivel de comunicación y un acceso a la información sin antecedente alguno en la historia de la humanidad.

Lo que hoy en día es Internet poco o nada tiene que ver con sus orígenes: ante la posibilidad de un embate nuclear a finales de los sesenta (70), la Agencia de Proyectos de Investigación Avanzada del Departamento de Defensa de Estados Unidos (DARPA), comisionó en 1967 a la Agencia de Proyectos de Investigación Avanzada (ARPA) la creación de una red para proteger los sistemas estratégicos y de información localizados en los núcleos y ciudades principales.

INTERNET: DEL USO MILITAR AL USO CIVIL

A través de cuatro supercomputadoras conectadas en las universidades UCLA, UCSB, Stanford y University of Utah, empezó a funcionar una red descentralizada con vías de acceso redundantes. La información podía llegar a su destino por medio de rutas alternas, gracias a que todos los equipos enlazados serían servidores, en una telaraña de conexiones. Esta red, llamada ARPANET, surgió en 1969 con el propósito de apoyar las investigaciones militares, pues el gobierno de Estados Unidos necesitaba redes de comunicación que pudieran soportar daños como los causados por misiles.

Posteriormente aparecieron otras redes: CSNET (Computer Science Network) y MILNET. Mientras que la primera surgió con la finalidad de enlazar las computadoras de las áreas de investigación científica de las universidades, la industria y el gobierno, la segunda era una red militar del departamento de defensa de Estados Unidos. Con la unión de estas tres redes, en 1983 se inició el proyecto Internetwork. El término Internetwork se abrevió después para dar lugar a lo que hoy se conoce como Internet. Con esta fusión se desarrolló el sistema de protocolos TCP (Protocolo de Control de Transmisión) /IP (Protocolo de Internet), común para todas las computadoras conectadas.

Así, dejando ya atrás su papel militar, Internet se convirtió en un instrumento de propagación de la información y un medio de concurrencia entre los individuos, así como una forma de interacción de éstos con las computadoras, particularmente para fines académicos y de investigación. Es en las universidades donde se popularizó el correo electrónico, pues a través de él los académicos ya contaban con una excelente herramienta para colaborar en proyectos de investigación.

Pronto Internet fue inundada con sitios WEB de carácter comercial: fue a finales de los ochenta cuando los usuarios de la red se multiplicaron a nivel mundial, iniciándose la inclusión de elementos de índole mercantil. Actualmente Internet se compone en su mayoría por “redes privadas que brindan facilidades a nivel mundial” en la educación, la investigación, el comercio y la producción.

Protocolo TCP/IP

Los protocolos IP (Protocolo de Internet) y TCP (Protocolo de Control de Transmisión) se originaron a principios de 1980 y fueron adoptados por la red ARPANET en 1983, que estaba integrada por cientos de computadoras de universidades, centros de investigación militar y algunas empresas. El e-mail (electronic mail) fue el servicio más comúnmente utilizado entonces, mientras que el sistema operativo más empleado era UNIX, en su versión BSD UNIX, desarrollada por la Universidad de California. Fue a mediados de los ochenta cuando fue creado el protocolo TCP/IP con la finalidad de contar con un lenguaje común a todas las computadoras conectadas a Internet, ya con la unión de las redes ARPANET, CSNET y MILNET. El protocolo TCP/IP representa, entonces, las reglas que hacen posible la conexión de computadoras de marcas y tecnología diferentes. TCP e IP son los protocolos más importantes. Su nombre representa al conjunto de protocolos que conforman la arquitectura formada por cinco niveles o capas:

1.       Aplicación.

La capa aplicación se encuentra en la parte superior del modelo TCP/ IP. Contiene las aplicaciones de red, las cuales comunicarán con la capa inferior llamada capa de transporte a través de los protocolos UDP y TCP. Las aplicaciones se pueden clasificar según los servicios que proporcionan:

·         Servicios de transferencia de archivos e impresión.

·         Servicios de conexión de red.

·         Servicios de conexiones remotas.

·         Resto de servicios y utilidades.

Están contenidos los protocolos SMTP, para el correo electrónico; FTP, para la transferencia de archivos; TELNET, para la conexión remota, y HTTP, Hypertext Transfer Protocol.

2.       Transporte. Se comprende a los protocolos TCP y UDP, que se ocupan del manejo y el transporte de los datos.

Permite que las aplicaciones se puedan comunicar entre sí a través de protocolos como el TCP, orientado a la conexión con corrección de errores, y el UDP, que no está orientado a la conexión y por tanto no lleva corrección de errores.

3.       Internet. Se ubica en el nivel de la red para enviar los paquetes de información.

Es la capa importante, ya que permite el enrutamiento de los paquetes de datos a equipos remotos.

Define los paquetes de datos en datagramas y los enruta. Esta capa contiene varios protocolos, de los cuales los más importantes son el protocolo IP, el protocolo ARP y el protocolo ICMP.

4.       Físico. Es el análogo al nivel físico del OSI.

Define la interfaz entre el dispositivo de transmisión de datos (por ejemplo, la estación de trabajo o la computadora) y el medio de transmisión o red. Esta capa se encarga de la especificación de las características del medio de transmisión, la naturaleza de las señales, la velocidad de datos y cuestiones afines.

5.       Red. Es el correspondiente a la interfaz de la red.

Es responsable del intercambio de datos entre el sistema final (servidor, estación de trabajo, etc.) y la red a la cual está conectado. El emisor debe proporcionar a la red la dirección del destino, de tal manera que ésta pueda encaminar los datos hasta el destino apropiado. El emisor puede requerir ciertos servicios que pueden ser proporcionados por el nivel de red, por ejemplo, solicitar una determinada prioridad. El software en particular que se use en esta capa dependerá del tipo de red que se disponga.

Dirección IP

Con el fin de que un usuario pueda recibir los archivos de información que solicitó a través de su computadora, es necesario que ésta cuente con datos de identificación para ser localizada. Estos datos están contenidos en la dirección IP de su computadora: un número único para cada equipo o “host”, representado por cuatro cifras separadas por puntos, quedando determinado el 255 como límite: 255.255.255.255. Con la dirección IP o dirección de Internet queda identificada la máquina del usuario y la red a la que pertenece.

 Navegadores (browsers)

Un navegador o navegador web (del inglés, web browser) es: una aplicación que opera a través de Internet, interpretando la información de archivos y sitios web para que podamos ser capaces de leerla. (ya sea que la información se encuentre alojada en un servidor17 dentro de la World Wide Web o en un servidor local).

El navegador interpreta el código en el que está escrita la página web (generalmente HTML18), y lo presenta en pantalla permitiendo al usuario interactuar con su contenido y navegar hacia otros lugares de la red mediante enlaces o hipervínculos. La funcionalidad básica de un navegador web es permitir la visualización de documentos de texto, posiblemente con recursos multimedia incrustados. Los documentos pueden estar ubicados en la computadora en donde está el usuario, pero también pueden estar en cualquier otro dispositivo que esté conectado a la computadora del usuario o a través de Internet, y que tenga los recursos necesarios para la transmisión de los documentos (un software servidor web).

Tales documentos, comúnmente denominados páginas web, poseen hipervínculos que enlazan una porción de texto o una imagen a otro documento, normalmente relacionado con el texto o la imagen.

El seguimiento de enlaces de una página a otra, ubicada en cualquier computadora conectada a Internet, se llama navegación, de donde se origina el nombre navegador (aplicado tanto para el programa como para la persona que lo utiliza, a la cual también se le llama cibernauta). Por otro lado, navegador es una traducción literal del original en inglés, browser, aunque su uso es minoritario.

domingo, 4 de julio de 2021

Novena Semana Conceptos básicos de Web

Novena semana

Tema: Conceptos básicos de Web

Elaborar páginas WEB desde el celular (Html Editor)

Subtemas: HTML, páginas web, páginas estáticas, páginas dinámicas, protocolos IP, navegadores (browsers), hojas de estilo, tablas, plantillas (template), marcos (frames), hipervínculos locales y externos, software de edición de sitios web, publicador de sitio web, servidor, dominio, alojamiento y publicación, solución web, plataforma web.

Fecha:

Objetivo:

Diseñar y construir soluciones web de nivel intermedio con interfaz amigable, empleando herramientas multimedia que permitan promocionar la información e imagen de una organización y/o cliente.

Actividad 2

Crea tu propia página Web.

Contenido

¿Qué es HTML Editor?

HTML Editor es un sencillo editor de HTML, puede colorear la sintaxis: nodos, atributos, JavaScript, CSS, soporte de autocompletado y búsqueda y reemplazo. Abre los archivos predeterminados con las extensiones: html, htm.

Qué es una página web estática

Lo primero que debemos entender es ¿a qué nos referimos con la palabra estática en el contexto de una página web?, y no es más que aquello que en el ámbito del código fuente del sitio web se encuentra fijo, no se mueve ni cambia de ninguna manera. Cuando hablamos de “estático” también podemos referirnos a que la página web tiene un número fijo de página, es decir, que tal como fue diseñada y almacenada en el servidor web, así mismo la recibe el navegador y la ve el usuario, como un número fijo de páginas HTML.

Una página web estática está compuesta por archivos HTML individuales por cada página que son pre-generados y presentados al usuario a través del navegador de la misma forma.

Qué es una página web dinámica

La palabra dinámica se refiere a elementos que cambian continuamente, son interactivos y funcionales, en lugar de ser simplemente informativos. Por supuesto, eso requiere utilizar más que solo código HTML y CSS.

En comparación con las páginas web estáticas, que son mayoritariamente informativas, una página web dinámica incluye aspectos que se caracterizan por la interactividad y la funcionalidad, por ejemplo, los usuarios pueden interactuar con la información que se presenta en la página gracias a las instrucciones creadas a través de los lenguajes de programación y la base de datos sobre la que está construida.

domingo, 27 de junio de 2021

Octava clase Comentarios

Tema: Páginas Web

¿Qué es una página Web? 
Se conoce como página Web, página electrónica o página digital a un documento digital de carácter multimediático (es decir, capaz de incluir audio, video, texto y sus combinaciones), adaptado a los estándares de la World Wide Web (WWW) y a la que se puede acceder a través de un navegador Web y una conexión activa a Internet. Se trata del formato básico de contenidos en la red. 

En Internet existen más de mil millones de páginas Web de diversa índole y diverso contenido, provenientes del mundo entero y en los principales idiomas hablados.
Esto representa el principal archivo de información de la humanidad que existe actualmente, almacenado a lo largo de miles de servidores a lo largo del planeta, a los que es posible acceder velozmente gracias a un sistema de protocolos de comunicación (HTTP).

En muchos casos, el acceso a una página Web o a sus contenidos puntuales puede estar sometido a prohibiciones, pagos comerciales u otro tipo de métodos de identificación (como el registro on-line).
El contenido de esta inmensa biblioteca virtual no está del todo supervisado, además, y su regulación representa un reto y un debate para las instituciones tradicionales de la humanidad, como la familia, la escuela o incluso las leyes de los países. 

Las páginas Web se encuentran programadas en un formato HTML o XHTML, y se caracterizan por su relación entre unas y otras a través de hipervínculos: enlaces hacia contenidos diversos que permiten una lectura compleja, simultánea y diversa, muy distinta a la que podemos hallar en los libros y  revistas. 

Por último, no es lo mismo hablar de página Web (Web Page) y de sitio Web (Web site), ya que estos últimos contienen un número variable de las primeras.
 
Página web: documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP, JavaScript.

Sitio web: página principal y sus otras páginas, gráficos, documentos, multimedia y otros archivos asociados que se almacenan en un servidor Web o en el disco duro de un equipo.

¿Para qué sirve una página Web?

Las páginas Web cumplen básicamente con la tarea de brindar información de cualquier índole y en cualquier estilo o grado de formalidad.
Algunas, al mismo tiempo, permiten distintos grados de interacción entre usuarios o con alguna institución, como son las páginas de foros, servicios de citas o redes sociales, las páginas de compra y venta de bienes, las páginas de consulta o de contacto con empresas, instituciones gubernamentales o con ONGs, e incluso las páginas de soporte técnico especializado.
En principio, las funciones de una página Web son tan amplias como la demanda de los usuarios y la oferta de sus creadores.

Tipos de página Web

Existen dos tipos de página Web, conforme al modo en que se genera su contenido: 

Comentarios

En HTML podemos introducir comentarios en la página con las marcas   <¡ - -y - -! > El navegador ignora el contenido que se encuentre entre estas dos marcas y no lo muestra al usuario. 
Bloques de texto 
Disponemos de diversos tipos de bloques de texto en HTML. 
Párrafos. 
•Saltos de línea.
•Bloques citados.
• Divisiones.
• Texto preformateado. 
• Centrados.

Actividad 1: 

Hacer un vídeo explicando para que sirve una página Web o qué es una página Web. 
Practicar en Editor HTML en línea

https://www.onlinehtmleditor.net/

domingo, 20 de junio de 2021

Séptima clase (21 al 25 junio)

Tema: La Web

Subtema: HTML

Los documentos HTML se conforman como documentos de texto plano (sin ningún tipo de formateo especial), en los que todo el formato del texto se especifica mediante marcas de texto (llamados etiquetas, tags), que delimitan los contenidos a los que afecta la etiqueta (disponemos de etiquetas de inicio y de final de marcado). 

Las etiquetas o tags son marcas de texto que empiezan por el carácter, de la forma, para las etiquetas de inicio: 

 <ETIQUETA> 

  

Y que se forman con el carácter, de la forma, para las etiquetas de final de marcado: 

  

</ETIQUETA> 

Las etiquetas no son sensibles a mayúsculas/minúsculas (son case insensitive). Ejemplos de etiquetas de HTML son: 

Ejemplos de etiquetas de HTML son: 

<title>Nombre del documento</title> 

<P>Un ejemplo de uso de las etiquetas para marcado de texto</P> 

<B>Negrilla<I>Itálica</I>Negrilla</B> 

Lista de las etiquetas más comunes 

<!doctype> = tipo de documento (versión de html empleada) 

<html>...</html> = engloba todo el documento 

<head>...</head> delimita el encabezado del documento 

<title>...</title> = título del documento (se muestra en la pestaña del navegador) 

<body>...</body> delimita el cuerpo del documento 

<h1>...</h1> a <h6>...</h6> = encabezado (de nivel 1 a 6) 

<p>...</p> = párrafo 

<strong>...</strong> negrita 

Ejemplo: 

<p>Acuérdate de apagar las luces y <strong>cerrar la puerta con llave</strong> al salir de casa.</p> 

Acuérdate de apagar las luces y cerrar la puerta con llave al salir de casa. 

Ejemplo: 

<html> 

   <head> 

      <title>Tosagua</title> 

   </head> 

           <body> 

              <h1>Frases célebres</h1> 

             <p>Quien tiene un amigo tiene un tesoro.</p>  

             <p>Amigo en la adversidad, es amigo de verdad.</p>  

            <p>Cuando marzo mayea, mayo marcea.</p>  

            <p>La primavera la sangre altera.</p> 

            </body> 

</html> 

Actividad 1 

Con las etiquetas en los ejemplos, escribe tu programación HTML qué incluya unos párrafos alusivos al tema principal del Proyecto Científico RETORNO SEGURO A LAS INSTITUCIONESal mismo aplicarle un formato que permite resaltar esa frase, y en la pestaña de navegador el nombre del colegio.