INSTITUTO TECNOLOGICO DE MACUSPANA NOMBRE DE LA MATERIA: DISEÑO WEB

NOMBRE DEL DOCENTE: JORGE CHICO POZO

NOMBRE DEL ALUMNO: JORGE CHICO POZO

GRADO: 7º

FECHA DE ENTREGA: 25/09/2017

MI PRIMERA PAGUINA WEB PRACTICA 1

<meta charset="UTF-8> PRACTICA 2

MI PAGINA EN BLANCO

<script type= "text/javaScript"> var nombre; n=prompt("Ingrese su nombre"); document.write("hola" +n); function abrir() { open('pagina.html','','top=300,left=300,width=300,height=300') ; }

PRACTICA 3 <meta charset="UTF-8> Google

PRACTICA 4 // Sera compatible con navegadores más antiguos actuales y que trabaja con html 5 // Idioma con que se trabaja es español // <meta charset="UTF-8> // Simbologia que usamos en el idioma español // Titulo de la pagina

// En la etiqueta body empezamos a incrustrar todas las instrucciones

PRACTICA 5 <meta charset="UTF-8"> <style type="text/css"> body { backgroud: #CCC; color: #FFA; font-family: verdana, arial, sans-serif; font-size: 5em; }

PRACTICA 6 <meta charset="UTF-8">

Etiquetas HTML

Este ejemplo muestra como combinar algunas de lasetiquetas mas basicas de HTML5.
Recuerda que <strong> es importante entender la diferencias entre ellas .

Etiqueta ul+li

Si listamos personas nominadas a los Oscars dado que el orden no altera el significado, debemos usar <em>ul

• David Verdaguer
• Jesus Castro
• Israel Elejalde
• Dani Rovira

Etiqueta ol+li

En el caso de que estemos listando elementos donde elorden es importante,como por ejemplo la clasificacion de un mundial de futbol, debemos usar <em>ol.

1. España
2. Paises Bajos
3. Alemania
4. Uruguay

PRACTICA 7 <style type="text/css"> body{ fond-family: Georgia, "Times New Roman", Times, serif; color: purple; background-color: #d8da3d } h1{ font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif}

• Pagina principal
• Meditacionea
• Mi ciudad
• Enlaces

Mi primera pagina con estilo

!Bienvenido a mi primera paigina con estilo!

No tiene imagenes, pero tiene estilo. Tambien tiene enlaces, aunque no te lleven a ningun sitio...

Deberia haber mas cosas aqui, pero todavia no se que poner.

Creada el 1 de semptiembre de 2017
por mi mismo.

PRACTICA 8 <style type="text/css"> body { padding-left: 11em; font-family: Georgia, "Times New Roman", Times, serif; color: purple; background-color: #d8da3d } list-style-type: none; padding: 0; margin: 0; ul.navbar {

position: absolute; top: 2em; left: 1em; width: 9em } h1 { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif } ul.navbar li { background: white; margin: 0.5em 0; padding: 0.3em; border-right: 1em solid black } ul.navbar a { text-decoration: none } a:link { color: blue } a:visited { color: purple } address { margin-top: 1em; padding-top: 1em; border-top: thin dotted }

• Página principal
• Meditaciones
• Mi ciudad
• Enlaces

Mi primera página con estilo

¡Bienvenido a mi primera página con estilo!

No tiene imágenes, pero tiene estilo. También tiene enlaces, aunque no te lleven a ningún sitio…

Debería haber más cosas aquí, pero todavía no sé qué poner.

Creada el 5 de abril de 2004
por mí mismo.

PRACTICA 9

MI PAGINA EN BLANCO

<script type= "text/javaScript"> var nombre; n=prompt("Ingrese su nombre"); document.write("hola" +n); alert("hola" +n)

PRACTICA 10

Mi Primera Pagina Web Joloche

<script type="text/javascript"> var a,b,s; a=prompt("A:"); b=prompt("B:"); s= parseInt(a)+parseInt(b);

document.write("La suma es "+s); if(a>b) { document.write("El mayores "+a); } else { document.write(" El mayor es "+b); } for(i=1; i<10; i++) { document.write(" , "+i); }

PRACTICA 11

<script type="text/javaScript"> var n1, n2; n1=prompt("Digito 1"); n2=prompt("Digito 2"); if(parseInt(n1)==parseInt(n2)) { documet.write("son iguales"); } else if (parseInt(n1)>parseInt(n2)) { documet.write("El mayor es" + n1); } else { documet.write("El mayor es" + n2); }

PRACTICA 12

<script type="text/javaScript"> var i,j,n; n=prompt("n:"); for(i=1;i<=n;i++) { document.write("
"); for(j=1; j<=i;j++) { document.write(" * "); }

}

PRACTICA 13 <script type="text/javaScript"> function sumar(uno,dos) { var total; total=parseInt(uno.value)+parseInt(dos.value); alert ("El valor es"+total); }

uno dos