Universidad estatal del

sur de Manabí
Carrera:
INGENIERIA EN SISTEMAS COMPUTACIONALES

Estudiante:
Kristy Nicole Cedeño Tejena

Asignatura:
Programación Web

Semestre:
Séptimo

Docente:
ING.KIRENIA MALDONADO ZUÑICIA
Periodo Lectivo:
2018-2019
 ¿Qué es internet?
Podemos definir a Internet como una "red de redes", es decir, una red que no sólo
interconecta computadoras, sino que interconecta redes de computadoras entre sí.
Una red de computadoras es un conjunto de máquinas que se comunican a través de
algún medio (cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) con el
objeto de compartir recursos.
De esta manera, Internet sirve de enlace entre redes más pequeñas y permite ampliar
su cobertura al hacerlas parte de una "red global". Esta red global tiene la característica
de que utiliza un lenguaje común que garantiza la intercomunicación de los diferentes
participantes.

¿Cuál es la diferencia entre internet y las web?

Web: Las tres W que van en las direcciones de los sitios web a los que accedemos. La
World Wide Web o simplemente “web” es una manera de acceder a la información a
través de Internet. La web es un modelo para compartir información que está
construido sobre Internet. El protocolo que usa la web es HTTP, este es solo una de las
muchas maneras en las que se puede transmitir información a través de Internet.
Entonces esto quiere decir que la la Web es sólo una de las maneras en las que la
información puede fluir a través de Internet.
Internet: es una red masiva, es la red de redes. Internet conecta millones de
ordenadores en todo el mundo a través de una red que permite que cualquier
computador pueda comunicarse con otro sin importar en qué lugar del planeta se
encuentren, siempre y cuando los dos estén conectados a Internet. Una red es cualquier
conexión entre dos o más clientes. Por ejemplo, puedes tener acceso a una red local en
tu hogar a la que sólo pueden acceder los ordenadores de los miembros de tu familia y
que están conectados a través de un switcher o router; o a una red de trabajo a la que
sólo tienen acceso las personas que trabajan en una misma empresa.
Entonces esto quiere decir que el internet es una red global a gran escala que permite
la conexión de millones y millones de dispositivos al mismo tiempo

¿Dónde se inventó la web?

Su origen data de 1954, cuando por entonces por 12 países europeos colaboraron para
su creación. Mereció la pena, ya que el CERN, afincado en Ginebra, es el lugar donde
nació la World-Wide Web en 1991.
Hasta esa fecha, lo cierto es que Internet era una herramienta con muchas posibilidades,
pero muy restringida, ya que todo se limitaba a universidades y otros centros estatales.
De igual modo, si cualquier usuario común hubiese intentado participar, probablemente
se encontraría con un lenguaje críptico sólo accesible a ingenieros preparados para ello.
 ¿Evolución de la web?
Web 1.0 - Personas conectándose a la Web y la Web como punto de información
estática.
Web 2.0 - Personas conectándose a personas, la inteligencia colectiva como centro
de información y la Web es sintáctica.
Web 3.0 - Aplicaciones Web conectándose a aplicaciones Web, las personas siguen
siendo el centro de la información y la Web es semántica.
Web 4.0 - Personas conectándose con Personas y aplicaciones Web de forma ubicua,
se añaden tecnologías como la Inteligencia Artificial, la Voz como vehículo de
intercomunicación para formar una Web Total.

¿Evolución HTML estática y dinámica?

 junio de 1993 aparece el primer documento describiendo a html "hypertext
Markup Language "
 8 de noviembre de 1993 aparece el html+
 1995 aparece la version 2 del html y se publica el html 3 como extencsion de
html2
 14 de enero de 1997 html3 remplazado por html 3.2
 24 de diciembre de 1999 se publica html 4.0.1
 2012 se publica html5
Páginas web estáticas

 Ausencia de movimiento y funcionalidades.

 Realizadas en XHTML o HTML.
 Acceder al servidor para cambiar contenidos de la página.
 Opacidad a los deseos o búsquedas del visitante a la página.
 Lento y manual el proceso de actualización.
Páginas web dinámicas

 Infinitas posibilidades en su diseño y desarrollo.

 El visitante puede alterar el diseño, contenidos o presentación.
 Se utilizan varias técnicas de programación.
 El proceso de actualización es muy sencillo.
 Permite muchas funcionalidades como bases de datos, foros, etc.
 ¿Arquitectura para las aplicaciones web?
Las aplicaciones Web están basadas en el modelo Cliente/Servidor que gestionan
servidores web, y que utilizan como interfaz páginas web. Las páginas Web son el
componente principal de una aplicación o sitio Web. Los browsers piden páginas
(almacenadas o creadas dinámicamente) con información a los servidores Web.

¿Qué es cliente –servidor?

La arquitectura cliente-servidor modelo de diseño de software en el que las tareas se
reparten entre los proveedores de recursos o servicios, llamados servidores, y los
demandantes, llamados clientes. Un cliente realiza peticiones a otro programa, el
servidor, quien le da respuesta. Esta idea también se puede aplicar a programas que se
ejecutan sobre una sola computadora, aunque es más ventajosa en un sistema operativo
multiusuario distribuido a través de una red de computadoras.
Algunos ejemplos de aplicaciones computacionales que usen el modelo cliente-servidor
son el Correo electrónico, un Servidor de impresión y la World Wide Web.
En esta arquitectura la capacidad de proceso está repartida entre los clientes y los
servidores, aunque son más importantes las ventajas de tipo organizativo debidas a la
centralización de la gestión de la información y la separación de responsabilidades, lo
que facilita y clarifica el diseño del sistema.

¿Características del modelo cliente servidor?

La máquina que sirve como servidor (host) es la que tiene en ejecución programas de
servidor que contestan los requerimientos de los clientes. Por lo general los clientes
inician la sesión de comunicación, mientras que los servidores esperan la llegada de
solicitudes.
La interacción entre cliente y servidor es generalmente representada empleando
diagramas de secuencia (estandarizados en UML).
En contraste, la arquitectura P2P (peer-to-peer), cada host o instancia de programa
puede ser simultáneamente tanto cliente como servidor, y cada uno tener sus propias
responsabilidades y estado.
 ¿Estructura de las paginas html5?
DOCTYPE<!DOCTYPE html>
La etiqueta doctype declara el tipo de documento, por lo
que esta está señalando que este es un documento HTML.
HTML<html></html>
Delimita el documento HTML.
LANG<html lang="es"></html>
Indica el lenguaje de contenido del código.
HEAD<head></head>
El elemento head delimita la cabecera del documento, entre sus etiquetas contiene
información como scripts, metadatos, estilos, ubicación de documentos de estilos, título
de la página, etc.
BODY<body></body>
La etiqueta body delimita el cuerpo del documento y contiene todo aquello que
podremos ver en nuestro navegador. Imágenes, textos, enlaces, video, etc…
HEADER<header></header>
El contenido de esta etiqueta debe ser la cabecera de nuestra página donde se suele
encontrar el título, el logotipo y poco más.
NAV<nav></nav>
Esta etiqueta sirve para delimitar el menú de la página, donde colocaremos los enlaces
internos para movernos entre nuestras diferentes secciones del sitio web.
H1, H2, H3, H4, H5, H6<h1>Título de la WEB</h1><h2>CONTENIDO PRINCIPAL</h2>
<h3>Testimonios</h3><h4>Avisos legales</h4>
Estas etiquetas establecen los encabezados. Se organizan por niveles siendo H1 el más
importante y H6 el menos importante.
SECTION<section></section>
La etiqueta section engloba una sección de texto, imágenes y otros elementos que
guardan cierta relación entre ellos. Normalmente siempre le podremos poner un título
o encabezado.
ARTICLE<article></article>
La etiqueta article se suele encontrar dentro de una etiqueta section y sirve para dividir
y ordenar los contenidos en su interior.
DIV<div></div>
Otra forma de dividir contenido para posteriormente aplicarle clases y modificar su
estilo.
P<p></p>
Entre las etiquetas P colocaremos un párrafo de texto.
FOOTER<footer></footer>
Aquí encontraríamos el código perteneciente al pie de página, donde se suelen colocar
los enlaces a textos legales, el copyright, etc.

¿Concepto del lenguaje HTML?

HTML es un lenguaje que se utiliza fundamentalmente en el desarrollo de páginas
web.HTML es la sigla de HiperText Markup Language (Lenguaje de Marcación de
Hipertexto) es un lenguaje es se utiliza comúnmente para establecer la estructura y
contenido de un sitio web, tanto de texto, objetos e imágenes. Los archivos
desarrollados en HTML usan la extensión .htm o .html.

¿Porque es un lenguaje marcado?

Un lenguaje de marcado o lenguaje de marcas es una forma de codificar un documento
que, junto con el texto, incorpora etiquetas o marcas que contienen información
adicional acerca de la estructura del texto o su presentación.
El lenguaje de marcas más extendido es el HTML (HyperText Markup Language, lenguaje
de marcado de hipertexto), fundamento del World Wide Web (entramado de
comunicación de alcance mundial).

¿Qué son elementos llenos?

Estos elementos se forman mediante una marca de inicio y otra de final. En HTML las
marcas se demilitan con los signos < (inferior a) y > (superior a). La marca de fin es
idéntica a la inicial pero con el añadido de la barra inclinada, /, justo antes del nombre
de la misma. Un texto marcado tendrá por tanto este aspecto:
...texto normal <marca> texto afectado por la marca </marca> resto del texto...
Por ejemplo, para resaltar un texto en negrita, se emplea la marca <B> de la siguiente
forma:
...texto normal <B> texto en negrita </B> resto del texto...
Si en este ejemplo nos hubiésemos olvidado de la marca de final, el resto de la página
estaría también en negrita.
 ¿Que son elementos vacíos?
Estos elementos no requieren de la marca final, ya que normalmente no producen un
efecto sobre el texto en sí, sino que definen separadores.
Por ejemplo el elemento <HR> que sirve para mostrar una línea horizontal en la pantalla,
se escribirá:
<HR>