Notas: 15-9-2016

Estudiar para el exmane las epocas, no estudiar fechas especificas, por ejemplo cuando termino el proyecto arphanet, va a venir que es los encabezados, que es html, para que funciona cada una,

En HTML  se eliminaro ciertas etiquetas porque no describian el documento solo servian para el estilo, lo cual era responsabilidad para las hojas de estilo, se elimina el applet

Descargar: http://brackets.io/

Las hojas de estiilo son internas, externas y lineas
Existe una cuarta hoja de estilo en caso de que las otras tres fallen, la hoja es de el navegador y tiene un standar para que se vea una pagina lo mas parecido entre un navegador y otra

EJERCICIO DE EJEMPLO 01

<!doctype html>
<html>
    <head>
        <title>EJEMPLO DEL DIA JUEVES</title>
     </head>
    <body>
    <h1>Encabezado tipo 1 </h1>
        <h2>Encabezado tipo 2</h2>
        <h3>Encabezado tipo 3</h3>
        <h4>Encabezado tipo 4</h4>
        <h5>Encabezado tipo 5</h5>
        <h6>Encabezado tipo 6</h6>
    </body>
</html>

EJERCICIO EJEMPLO 02 Parrafos y saltos de linea

<!doctype html>
<html>
    <head>
        <title>EJEMPLO DEL DIA JUEVES</title>
     </head>
    <body>
    <h1>Etiqueta parrafo</h1>
       <p>
           Otra novedad:
Este 15 de septiembre (jueves) se libera el la Coro Coro Cómics, entra a.
           escena el nuevo cómic del mundo Pokémon, "Pokémon Horizon", el cual es finalmente, el inicio de la la saga de ¡"Pokémon So     l y la Luna"! e ¡Iwanko perrito del héroe Pokémon!
           Para html la herramienta parrafo no le importa si hay puntos y aparte o espaciados largo en blanco.
         
           <br/>Si se quiere un salto de line se necesita de la herramienta br o usar otro parrafo diferente
         
        </p>
        <p>Por ejemplo este es otro parrafo
        <br />y este es otro salto de parrafo
        </p>
    </body>
</html>

EJERCICIO 2.5.- Identidades

<!doctype html>
<html>
    <head>
        <title>EJEMPLO DEL DIA JUEVES</title>
     </head>
    <body>
    <h1>Etiqueta parrafo</h1>
       <p>
         
           Otra novedad:
Este 15 de septiembre (jueves) se libera el la Coro Coro Cómics, entra a.
           escena el nuevo cómic del mundo Pokémon, "Pokémon Horizon", el cual es finalmente, el inicio de la la saga de ¡"Pokémon So     l y la Luna"! e ¡Iwanko perrito del héroe Pokémon!
           Para html la herramienta parrafo no le importa si hay puntos y aparte o espaciados largo en blanco.
         
           <br/>Si se quiere un salto de line se necesita de la herramienta br o usar otro parrafo diferente
         
        </p>
        <p>Por ejemplo este es otro parrafo
        <br />y este es otro salto de parrafo
        </p>
        <p>
        Ramón Iván Bárraza Castillo
        <br />   Estas identidades son para reemplazar un caracter por otro definido despues del ampersan y poner a seguido de acute &oacute; &aacute; pi&ntilde;a
        </p>
    </body>
</html>

Porgramacion web 14-9-2016

https://www.dropbox.com/sh/4cwejdsfo5z7o68/AAC4g7l5HDnI7Vd48ZEkE5fxa?dl=0

http://bit.ly/2cZ0bru

UNIDAD 2: LENGUAJE DE MARCADO,
ETIQUETAS: HTML  - XHTML
HTML: Lenguaje de marcado de hiper texto

En HTML no s un lenguaje de programacion, solo se describe la pagina web, la version actual es la html 5

Una etiqueta es una palabra clave ejemplo <html>, Las etiquetas estan en pares generalmente, no todas, con una que inicia y otra que termina


W3C: Valida los estandares,

XHTML, Extensible Hioertext Markup Language.
Es similiar a 4.01, es una aplicacion de XML, es una recomendacion de la W3C, nacio antes del html 5, no se deben tener etiquetas mal anidadas ni con etiquetas sin cerrar. las etiquetas deben estar en minúsculas forzosamente  y los documentos debene tener un unico elemento raiz, un solo html al inicio
Los atributos deben estar en minusclas y con atributos entre comillas,  poner los atribtos sin acortar, es decir no obviar al no ponerle un valor vacio al atributo. Todo los atributos deben tener un id.
El dtd es obligatorio
DTD: Es un lenguaje del esquema SGML, document tyoe definition, DTD marca las reglas a seguir para describir el documento.
Tipos de DTD, el DTD estricto, garantiza una estructura limpia, ya no existen en la actualidad, la hoja de estilo se encarga de maquillar la pagina y html describe la pagina.
El primer elemento de la pagina es un DOCTYPE pero no se considera raiz por el hecho de no tener un elementos aidados.

HTML 5
Es el sucesor de html 4.01 y XHTML, es de codigo abierto y fue hecho por W3C y la WHATWG., llegaron a un acuerdo y crearon un nuevo estandar unico.
1991, existe html
Existe desde el año 2008 y en 2014 aparece como estandar unico

Objetivos, ser tan potente en cualquier version del navegador tanto en escritorio como en dispositivos moviles., el navegador debe de tener las mismas funcionalidades que una aplicacion dedicada, por ejemplo entrar a youtub e con el navegador en lugar de usarla aplicacion de youtube

caracteristicas, el doctipe es mas cortos, nuevas etiquetas semanticas, parecidas a un periodico.
Tiene la etiqueta canvas, es un espacio en blaco que se utiliza para lo que se necesite. Es de las etiquetas mas poderosas, ya no requiere flash y se usa canvas.
Etiquetas de recibir datos nuevas, como el telefono
El server sent events, sirve para mandar notificaciones desde el servidor al navegador.
Todo lo que se puede hacer en el navegador html5 se puede hacer con html4 pero requiere mas trabajo.

Porgramacion web 14-9-2016

https://www.dropbox.com/sh/4cwejdsfo5z7o68/AAC4g7l5HDnI7Vd48ZEkE5fxa?dl=0

http://bit.ly/2cZ0bru

UNIDAD 2: LENGUAJE DE MARCADO,
ETIQUETAS: HTML  - XHTML
HTML: Lenguaje de marcado de hiper texto

En HTML no s un lenguaje de programacion, solo se describe la pagina web, la version actual es la html 5

Una etiqueta es una palabra clave ejemplo <html>, Las etiquetas estan en pares generalmente, no todas, con una que inicia y otra que termina


W3C: Valida los estandares,

XHTML, Extensible Hioertext Markup Language.
Es similiar a 4.01, es una aplicacion de XML, es una recomendacion de la W3C, nacio antes del html 5, no se deben tener etiquetas mal anidadas ni con etiquetas sin cerrar. las etiquetas deben estar en minúsculas forzosamente  y los documentos debene tener un unico elemento raiz, un solo html al inicio
Los atributos deben estar en minusclas y con atributos entre comillas,  poner los atribtos sin acortar, es decir no obviar al no ponerle un valor vacio al atributo. Todo los atributos deben tener un id.
El dtd es obligatorio
DTD: Es un lenguaje del esquema SGML, document tyoe definition, DTD marca las reglas a seguir para describir el documento.
Tipos de DTD, el DTD estricto, garantiza una estructura limpia, ya no existen en la actualidad, la hoja de estilo se encarga de maquillar la pagina y html describe la pagina.
El primer elemento de la pagina es un DOCTYPE pero no se considera raiz por el hecho de no tener un elementos aidados.

HTML 5
Es el sucesor de html 4.01 y XHTML, es de codigo abierto y fue hecho por W3C y la WHATWG., llegaron a un acuerdo y crearon un nuevo estandar unico.
1991, existe html
Existe desde el año 2008 y en 2014 aparece como estandar unico

Objetivos, ser tan potente en cualquier version del navegador tanto en escritorio como en dispositivos moviles., el navegador debe de tener las mismas funcionalidades que una aplicacion dedicada, por ejemplo entrar a youtub e con el navegador en lugar de usarla aplicacion de youtube

caracteristicas, el doctipe es mas cortos, nuevas etiquetas semanticas, parecidas a un periodico.
Tiene la etiqueta canvas, es un espacio en blaco que se utiliza para lo que se necesite. Es de las etiquetas mas poderosas, ya no requiere flash y se usa canvas.
Etiquetas de recibir datos nuevas, como el telefono
El server sent events, sirve para mandar notificaciones desde el servidor al navegador.
Todo lo que se puede hacer en el navegador html5 se puede hacer con html4 pero requiere mas trabajo.

Programacion WEB- 7-Sep-2016

https://www.hurl.it/

http://www.httpbin.org/

extencion postman y JSON examples

http_puerto 80
https_uerto 443

Modelo de referencia OSI:
FTP.- Inicio en unix como un protocolo de transferencia.
uSA ARQUITECTURA CLIENTE SERVIDOR,tiene poca seguridad, la contraseña no esta codificada, requiere varios puertos para funcionar, ftp usa minimo el puerto 21
Un puerto es un canal de conexion por donde se transporta la informacion

RFC: REQUIEST FOR COMMENTS

notas 6 de septiembre programacion web

Caracterostocas del http

Verbos HEAD, es similar al get pero sin cuerpo de mensaje, baja el encabezado de un recurso y se puede comparar con un recurso guardado en el equipo para no volver a descargarlo.

TRACE: Se verifican los saltos de paquetes enviados por una red.

Options: Se verifican las capacidades del servidor para saber que tipo de peticiones se pueden realizar en un servidor

CONOCER VERBOS DE HTTP

Codigos de estado.
Errores de no encontrar un servicio de un servidor

1xx
2xx Servidor que fue un exito
3xx.- ejemplo cuando se abre una pagina que no se solicitud
4XX- Error de cliente, no se encontro una pagina, no hay conexion o esta erronea la informacion
5xx.- Bad gateway o servidor invalido.

Diseño fisico y logico del switcheado de la red

Que es un broadcast
-Es para difundir un dato por la misma red.

Disponibilidad y redundancia


Los switches de la capa de sitribucion permite que siempre este disponible la red

En una red de dos pisos van dos swithces de acceso y de distribucion uno en cada piso., segun el estandar.

La red debe de ser

• escalable
• redumdamcia, que se pueda usar otro dispositivo en caso de que uno falle para evitar una caida de la red
• rendimiento, velocidad, que tanto se utiliza la capacidad de la capacidad maxima.
• ancho de banda
• seguridad
• facilidad de administracion
• facilidad de mantenimiento

HTTP

Prtocolo HTTP
HTTP fue desarrollado en el W3C y el IETE, siendo Tim Bernes Lee Uno de los grandes precursores fue el quien lo implemento en 1990-1991 en el VERN de Ginebra Suiza, La version HTPPP 1.1 es la comunicacion utilizada
El proposito del protoclo HTPPP es permitir la tranferencia de archivos principalmente en tre el navegador
HTPP es un protoclo generico sin estados orientado a desconexion que puede ser utilizado para distintas tarweas, como manejo de sistemas distribuiodos a traves de sus métodos
Uno de los fundamentos
HTPP defin

NOTAS

• Un recuros puede ser una imgaen o html.
• Los recrusos actualmente son dinamicos, como las paginas de resultados de youtube que no estan definidas antes de que se crea
• :// es un separador del protocolo con el resto de la direccion
• El puerto de protocolo seguro es 443 y el no seguro es 80
• game theory, le gusta al profesor
•