Javascript: Es un lenguaje de programacio robusto que puede ser aplicado a un documento HTML y usado para crear interactividad dicanimca en los sitios web.
Es de alto nivel, dinamico, interpretado y no tipado.
Ser de alto nivel significa que tiene instrucciones en ingles, no tipado signifca que no se define el tiipo de dato para una variable, interpretado es que no es necesario tener un interprete que identifique las instrucciones.
Mosaic netscape paso a ser netscape navigator, en el 1995 se busca implementar un lenguaje de programacion que pueda ser incluido como un lenguaje extra, el lenguaje actual era HTML y se desarrollo javascript, se llamaba Mocha el lenguaje luego paso a ser LiveScript y finalmente se llamo Javascript.
Javascript se llama asi para aprovecharse de la popularidad del lenguaje java pero no estan relacionados.
Las capa de la web
HTML: contenido
CSS presentacion y estilo
Javascript: Comportamiento e interaccion
ECMAScript: Descripcion de todas las propiedades metodos y objetos de un lenguaje.
DOM: document object model
Es una interfaz estandar de objetos para representar documentos, es un API que tenemos a la disposicion para usar el html y el css y darle funcionamiento, es una interfaz en el html y el css
Todos los atributos de html se convierten en propiedas
BOM Browser Object Model
Es una convencion de los navegadores, es uan API para los navegadores para simular click en la barre de menu,, en la barra de busqueda, etc.
BOM y DOM comparten document
Mostrando entradas con la etiqueta ProgrmacionWEb. Mostrar todas las entradas
Mostrando entradas con la etiqueta ProgrmacionWEb. Mostrar todas las entradas
24 de octubre de 2016
18 de octubre de 2016
UNIDAD 3 Notas 18 de octubre
Modelo de caja, los elementos de html estan almacenados en cajas cuadradas
Las propiedades de los elementos van a venir en el examen, son 4: content, margin, padding y el border
Posicionamiento estatic o estandar
Un posicionamiento tiene 4 propiedades, top, left, righ y bottom.
El eje de las z controla cual se posiciona primero y cual se posiciona despues.
La coordenada 0,0 esta en la esquina superior izquierda
Los elementos estaticos no utilizan ni toman en cuenta las propiedades top,left,etc
Posicionamiento fijo o fix, es relativo a la ventana del navegador
Un elemento fix nunca cambia de luga aunque se haga redireccionamiento o se haga scroll en la pagina, un ejemplo es la barra de facebook como dice el alan.
El elemento fix esta arriba de los otros elementos, como en una capa superior de photoshop
Un elemento absoluto no puede esttar dentro de un elemento estatico, si no encuentra un elemento en el cual entrar se posiciona con rspecto al elemento padre de la pagina.
Las propiedades de los elementos van a venir en el examen, son 4: content, margin, padding y el border
Posicionamiento estatic o estandar
Un posicionamiento tiene 4 propiedades, top, left, righ y bottom.
El eje de las z controla cual se posiciona primero y cual se posiciona despues.
La coordenada 0,0 esta en la esquina superior izquierda
Los elementos estaticos no utilizan ni toman en cuenta las propiedades top,left,etc
Posicionamiento fijo o fix, es relativo a la ventana del navegador
Un elemento fix nunca cambia de luga aunque se haga redireccionamiento o se haga scroll en la pagina, un ejemplo es la barra de facebook como dice el alan.
El elemento fix esta arriba de los otros elementos, como en una capa superior de photoshop
Un elemento absoluto no puede esttar dentro de un elemento estatico, si no encuentra un elemento en el cual entrar se posiciona con rspecto al elemento padre de la pagina.
22 de septiembre de 2016
Notas 22-9-2016
EJERCICIO
<!Doctipe html>
<html>
<head>
<title>Tablas</title>
<meta charset="utf-8" />
</head>
<body>
<table border="5">
<tr>
<td><img src="http://cdn1.sciencefiction.com/wp-
content/uploads/2011/08/Rise-of-the-Planet-of-the-Apes-
Poster_.jpg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=13663">Planeta de los simios</a></td>
<td>Son changos que pelean con humanos y se matan y ayudan a
la gente y bailan y saben karate</td>
</tr>
<tr>
<td><img
src="http://scene7.targetimg1.com/is/image/Target/13482330?
wid=150&hei=150&wid=250&hei=250&qlt=80&fmt=pjpeg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=14576">Rubber</a></td>
<td>"Conoce la fasinante historia de una llanta afrontando
peligros y problemas que cualquier llanta podría tener"</td>
</tr>
<tr>
<td><img
src="https://moviemusicuk.files.wordpress.com/2016/07/thefly.jpg?
w=595"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=285">La mosca</a></td>
<td>"La facinante historia de un hombre que se hace mosca y es
la persona mas feliz del mundo"</td>
</tr>
</table>
</body>
</html>
<!Doctipe html>
<html>
<head>
<title>Tablas</title>
<meta charset="utf-8" />
</head>
<body>
<table border="5">
<tr>
<td><img src="http://cdn1.sciencefiction.com/wp-
content/uploads/2011/08/Rise-of-the-Planet-of-the-Apes-
Poster_.jpg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=13663">Planeta de los simios</a></td>
<td>Son changos que pelean con humanos y se matan y ayudan a
la gente y bailan y saben karate</td>
</tr>
<tr>
<td><img
src="http://scene7.targetimg1.com/is/image/Target/13482330?
wid=150&hei=150&wid=250&hei=250&qlt=80&fmt=pjpeg"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=14576">Rubber</a></td>
<td>"Conoce la fasinante historia de una llanta afrontando
peligros y problemas que cualquier llanta podría tener"</td>
</tr>
<tr>
<td><img
src="https://moviemusicuk.files.wordpress.com/2016/07/thefly.jpg?
w=595"></td>
<td><a href="http://www.abandomoviez.net/db/pelicula.php?
film=285">La mosca</a></td>
<td>"La facinante historia de un hombre que se hace mosca y es
la persona mas feliz del mundo"</td>
</tr>
</table>
</body>
</html>
20 de septiembre de 2016
Notas 20-9-2016
<!doctype html>
<html>
<head>
<title> Mas etiquetas </title>
</head>
<body>
<p>
Ecuacion cuadratica para una parabola ax<sup>2</sup>+bx+c
<br />Formula quimica del agua H<sub>2</sub>0
</p>
<p>
Da click <a href="https://es.wikipedia.org">aqui</a> para ir a
wikipedia
</p>
<img src="http://www.cometelasopa.com/wp-
content/uploads//2011/02/shutterstock_128569886.jpg" width=100px
hight=100px>
<br /><i>Consejo: No usar width y hight de preferencia y utilizar una
imagen ya redimencionada</i>
<br />
<a href="https://es.wikipedia.org/wiki/Canis_lupus_familiaris"><img
src="https://media.giphy.com/media/13mLwGra9bNEKQ/giphy.gif"
width=100px hight=100px> <a>
</body>
</html>
PRACTICA: HACER UNA LISTA DE PELICULAS CON CADA ELEMENTO DE LA LISTA CON UN LINK A WIKIPEDIA
<!doctype html>
<html>
<head>
<title>TOP 7 PELICULAS MAS PERTURBADORAS</title>
</head>
<body>
<img src="https://k60.kn3.net/taringa/5/7/6/3/6/1/Beriku/6BB.jpg"
width=200 hight=200>
<br />
<ol>
<a href="https://es.wikipedia.org/wiki/Chucky"><li>Chucky</li></a>
<a href="https://es.wikipedia.org/wiki/The_Land_Before_Time"><li>Pie
pequeño</li></a>
<a
href="https://es.wikipedia.org/wiki/Jason_Voorhees"><li>Jason</li></a>
<a href="https://es.wikipedia.org/wiki/Barney_y_sus_amigos"><li>La
aventura de Barney</li></a>
<a
href="https://es.wikipedia.org/wiki/Cory_en_la_Casa_Blanca"><li>Cody
en la casa blanca</li></a>
<a href="https://es.wikipedia.org/wiki/Rubber_(pel
%C3%ADcula)"><li>Rubber: La llanta asesina</li></a>
<a href="https://es.wikipedia.org/wiki/Ex_machina_(pel
%C3%ADcula)"><li>Exmachina</li></a>
</ol>
</body>
</html>
<html>
<head>
<title> Mas etiquetas </title>
</head>
<body>
<p>
Ecuacion cuadratica para una parabola ax<sup>2</sup>+bx+c
<br />Formula quimica del agua H<sub>2</sub>0
</p>
<p>
Da click <a href="https://es.wikipedia.org">aqui</a> para ir a
wikipedia
</p>
<img src="http://www.cometelasopa.com/wp-
content/uploads//2011/02/shutterstock_128569886.jpg" width=100px
hight=100px>
<br /><i>Consejo: No usar width y hight de preferencia y utilizar una
imagen ya redimencionada</i>
<br />
<a href="https://es.wikipedia.org/wiki/Canis_lupus_familiaris"><img
src="https://media.giphy.com/media/13mLwGra9bNEKQ/giphy.gif"
width=100px hight=100px> <a>
</body>
</html>
PRACTICA: HACER UNA LISTA DE PELICULAS CON CADA ELEMENTO DE LA LISTA CON UN LINK A WIKIPEDIA
<!doctype html>
<html>
<head>
<title>TOP 7 PELICULAS MAS PERTURBADORAS</title>
</head>
<body>
<img src="https://k60.kn3.net/taringa/5/7/6/3/6/1/Beriku/6BB.jpg"
width=200 hight=200>
<br />
<ol>
<a href="https://es.wikipedia.org/wiki/Chucky"><li>Chucky</li></a>
<a href="https://es.wikipedia.org/wiki/The_Land_Before_Time"><li>Pie
pequeño</li></a>
<a
href="https://es.wikipedia.org/wiki/Jason_Voorhees"><li>Jason</li></a>
<a href="https://es.wikipedia.org/wiki/Barney_y_sus_amigos"><li>La
aventura de Barney</li></a>
<a
href="https://es.wikipedia.org/wiki/Cory_en_la_Casa_Blanca"><li>Cody
en la casa blanca</li></a>
<a href="https://es.wikipedia.org/wiki/Rubber_(pel
%C3%ADcula)"><li>Rubber: La llanta asesina</li></a>
<a href="https://es.wikipedia.org/wiki/Ex_machina_(pel
%C3%ADcula)"><li>Exmachina</li></a>
</ol>
</body>
</html>
19 de septiembre de 2016
Notas 19-9-16 Programacion Web
EJERCICIO:
<!doctype html>
<html>
<head>
<title>Practica del Lunes</title>
</head>
<body>
<pre>
LA ETIQUETA PRE USA EL FORMATO DEFINIDO EN EL ARCHIVO DE TEXTO
Y NO LE DA UN FORMATO NUEVO COMO LA ETIQUETA P
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</pre>
<p>
Ejemplo herramienta p
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</p>
<b>Herramienta Bold</b>
<br/><i>Herramienta i Italica</i>
<br/><b><i>Combinacion de negritas con italicas</i></b>
<br/><strong>Etiqueta strong:Es texto mas importante</strong>
<br/><em>Etiqueta enfatizado:Es texto enfatizado para el navegador web</em>
<br/><mark>Herramienta Mark:Remarcar con marcador</mark>
<br/>El subrayado se agrega con una hoja de estilo
<br/>
<h3>Ul Unsorted List y li List Item</h3>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<li>Se cambian los elementos con la hoja de estilos</li>
Sin list item no se le pone una viñeta al elemento de la etiqueta
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<br/>
<h3>Ol Order List y li List Item</h3>
<ol>
<li>Con la hoja de estilos se pueden cambiar los numeros</li>
<li>Por numeros romanos o letras</li>
<li>Lista 3</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
</ol>
</body>
</html>
<!doctype html>
<html>
<head>
<title>Practica del Lunes</title>
</head>
<body>
<pre>
LA ETIQUETA PRE USA EL FORMATO DEFINIDO EN EL ARCHIVO DE TEXTO
Y NO LE DA UN FORMATO NUEVO COMO LA ETIQUETA P
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</pre>
<p>
Ejemplo herramienta p
En temporadas anteriores, “Agentes de S.H.I.E.L.D.”
ha sido salpicada por lo que ocurría en el cine con
“Capitán América: El Soldado de Invierno”, “Thor: El
Mundo Oscuro”, “Vengadores: La Era de Ultrón” y
“Capitán América: Civil War”
</p>
<b>Herramienta Bold</b>
<br/><i>Herramienta i Italica</i>
<br/><b><i>Combinacion de negritas con italicas</i></b>
<br/><strong>Etiqueta strong:Es texto mas importante</strong>
<br/><em>Etiqueta enfatizado:Es texto enfatizado para el navegador web</em>
<br/><mark>Herramienta Mark:Remarcar con marcador</mark>
<br/>El subrayado se agrega con una hoja de estilo
<br/>
<h3>Ul Unsorted List y li List Item</h3>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<ul>
<li>Lista 1</li>
<li>Se cambian los elementos con la hoja de estilos</li>
Sin list item no se le pone una viñeta al elemento de la etiqueta
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<li>Se cambian los elementos con la hoja de estilos</li>
<li>Lista 3</li>
</ul>
<br/>
<h3>Ol Order List y li List Item</h3>
<ol>
<li>Con la hoja de estilos se pueden cambiar los numeros</li>
<li>Por numeros romanos o letras</li>
<li>Lista 3</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<ol>
<li>elemento 1</li>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
<li>elemento 2</li>
<li>Lista 3</li>
</ol>
</ol>
</body>
</html>
15 de septiembre de 2016
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 ó á piña
</p>
</body>
</html>
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 ó á piña
</p>
</body>
</html>
14 de septiembre de 2016
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.
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.
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.
7 de septiembre de 2016
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
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
6 de septiembre de 2016
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.
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.
31 de agosto de 2016
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
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
Suscribirse a:
Entradas (Atom)