<!doctype html>
<html>
<head>
<title>Formulario</title>
<meta charset="utf-8" />
</head>
<body>
<form method:"get" action="#">
Nombre: <input type="text" name="txtNombre" id="txtNombre" placeholder="Teclea tu nombre" />
<input type="submit" value="Enviar" />
<br />Contraseña: <input type="password" id="pssWrd" name="passWrd" />
<br />Recordarme? <input type="checkbox" id="chPass" name="chPass">
Sexo: <input type="radio" id="rbMasculino" name="rbSexo" />Masculino
<input type="radio" id="rbFemenino" name="rbSexo" />Femenino
<input type="radio" id="rbLadyGaga" name="rbSexo" />No se
<br /> <input type="reset" value="Limpiar" />
<br /><input type="button" value="Alimento" />
<br /><select id="cmbEstado" name="cbmEstado">
<option value="Chih">Chihuahua</option>
<option value="Son">Sonora</option>
</select>
<br /><select id="cmbEstado" name="cbmEstado" multiple="multiple" size="8">
<option value="Chih">Chihuahua</option>
<option value="Son">Sonora</option>
</select>
</form>
</body>
</html>
28 de septiembre de 2016
26 de septiembre de 2016
Practica 1 de la segunda
<!Doctipe html>
<html>
<head>
<title>Recetario</title>
<meta charset="utf-8" />
<head>
<body>
<h1>SANDWICH DE JAMON CON QUESO</h1>
<br /> Porcion para 1 persona golosa o dos individuos timidos.
<br /><img src="http://milagil.com/cocina-facil-y-rapida/wp-content/uploads/2014/09/sandwich-de-jam%C3%B3n-y-queso.jpg">
<br /><b>Ingredientes</b>
<ul>
<li><a href="https://www.walmart.com.mx/super/pan-de-caja/pan-blanco-bimbo-grande-680-g-0750100011120/">Pan</a></li>
<li><a href="http://www.quesoadictos.com/">Queso</a></li>
<li> <a href="https://www.walmart.com.mx/super/carnes-frias/jamon-de-pierna-zwanenberg-estilo-holandes-por-kg-0020526900000/?gclid=CMuR07eXrs8CFZKMaQodIFcLiQ">Jamon</a></li>
<li> <a href="https://www.walmart.com.mx/super/sin-sal/mantequilla-sin-sal-lala-en-barra-90-g-0750102053797/">Mantequilla</a></li>
<li><a href="https://www.walmart.com.mx/super/catsup-y-mostaza/catsup-heinz-680-g-0060887500512/">Catsup</a></li>
<li><a href="https://www.walmart.com.mx/super/sal-y-condimentos/sal-la-fina-refinada-750-g-0003458709066/">Sal</a></li>
</ul>
<br/><b>Preparación</b>
<ol>
<li>Primerocortamos el quesito y el jamon</li>
<li>Pones a calentar el panesito cubierto de mantequillita</li>
<li>Una vez cortado pones en un sarte a calentar el jamon</li>
<li>Cuando el se vea doradito, jugoso y sabrosito se lo pones al pan, si se esta a dieta se recomienda echar solo una rebanada en caso contrario se puede proceder a echar dos o hasta tres</li>
<li>Pones el queso sobre el jamon calientito y tuiernito para que se derrita</li>
<li>Listo, solo falta echar sal y catsup al gusto y disfrutar</li>
</ol>
</body>
</html>
<html>
<head>
<title>Recetario</title>
<meta charset="utf-8" />
<head>
<body>
<h1>SANDWICH DE JAMON CON QUESO</h1>
<br /> Porcion para 1 persona golosa o dos individuos timidos.
<br /><img src="http://milagil.com/cocina-facil-y-rapida/wp-content/uploads/2014/09/sandwich-de-jam%C3%B3n-y-queso.jpg">
<br /><b>Ingredientes</b>
<ul>
<li><a href="https://www.walmart.com.mx/super/pan-de-caja/pan-blanco-bimbo-grande-680-g-0750100011120/">Pan</a></li>
<li><a href="http://www.quesoadictos.com/">Queso</a></li>
<li> <a href="https://www.walmart.com.mx/super/carnes-frias/jamon-de-pierna-zwanenberg-estilo-holandes-por-kg-0020526900000/?gclid=CMuR07eXrs8CFZKMaQodIFcLiQ">Jamon</a></li>
<li> <a href="https://www.walmart.com.mx/super/sin-sal/mantequilla-sin-sal-lala-en-barra-90-g-0750102053797/">Mantequilla</a></li>
<li><a href="https://www.walmart.com.mx/super/catsup-y-mostaza/catsup-heinz-680-g-0060887500512/">Catsup</a></li>
<li><a href="https://www.walmart.com.mx/super/sal-y-condimentos/sal-la-fina-refinada-750-g-0003458709066/">Sal</a></li>
</ul>
<br/><b>Preparación</b>
<ol>
<li>Primerocortamos el quesito y el jamon</li>
<li>Pones a calentar el panesito cubierto de mantequillita</li>
<li>Una vez cortado pones en un sarte a calentar el jamon</li>
<li>Cuando el se vea doradito, jugoso y sabrosito se lo pones al pan, si se esta a dieta se recomienda echar solo una rebanada en caso contrario se puede proceder a echar dos o hasta tres</li>
<li>Pones el queso sobre el jamon calientito y tuiernito para que se derrita</li>
<li>Listo, solo falta echar sal y catsup al gusto y disfrutar</li>
</ol>
</body>
</html>
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.
5 de septiembre de 2016
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
-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
Suscribirse a:
Entradas (Atom)