ALUMNO:
CARRERA: ING EN SISTEMAS COMPUTACIONALES MATERIA: PROGRAMACION WEB PROFESOR: NOE HERNANDEZ
JAVA 2
1
Pgina de 123
20%
40%
HTML
<HTML> < HEAD> <TITLE> </ TITLE> </HEAD>
3
Pgina de 123
EL
HTML ESTATICO
SE LLAMA HTML ESTATICO POR QUE NO SE MODIFICA LA PAGINA WEB NO SI ANTES MODIFICAR EL CODIFUENTE DE LA PAGINA , Y ACTUALIZARLO..
EL
HTML DINAMICO
SE LLAMA HTML DINAMICO POR QUE CAMBIA EN TODO MOMENTO Y ADEMAS OCUPA UN LENGUAJE DE PROGRAMACION AVANZADO..
PROGRAMA 1
4
Pgina de 123
5
Pgina de 123
6
Pgina de 123
7
Pgina de 123
PROGRAMA 2
8
Pgina de 123
9
Pgina de 123
10
Pgina de 123
<h1> ITSZapopan
</h1> </h2>
<h2>Programacion web
11
Pgina de 123
Listas
Las listas se dividen en 2 categorias en numeradas y no numeradas. Ejemplo: <html> <head> <title>numeradas</title> </head> <body>
12
Pgina de 123
13
Pgina de 123
14
Pgina de 123
15
Pgina de 123
PARA ENUMERAR
<OL> <li></OL>
<OL> <LI> 1ER NOMBRE DE LO QUE QUIERES QUE APAREZCA ENUMERADA </ OL> SIRVE PARA ENUMERAR <LI> 2DO NOMBRE DE LO QUE QUIERES QUE APAREZCA ENUMERADA </ OL> SIRVE PARA ENUMERAR </OL>
LA PESTAA
SINTAXIS:
16
PARA NO ENUMERAR
<UL>
Pgina de 123
<UL> <LI> 1ER NOMBRE DE LO QUE QUIERES QUE APAREZCA ENUMERADA </ OL> SIRVE PARA ENUMERAR <LI> 2DO NOMBRE DE LO QUE QUIERES QUE APAREZCA ENUMERADA </ OL> SIRVE PARA ENUMERAR </UL>
PROGRAMA 4
17
Pgina de 123
18
Pgina de 123
19
Pgina de 123
20
Pgina de 123
PARA MODIFICAR LOS CAMBIOS TIENES QUE SEGUIR ESTOS PASOS PARA MODIFICAR EL CODIGO :
21
Pgina de 123
22
Pgina de 123
23
Pgina de 123
TABLAS
24
Pgina de 123
25
Pgina de 123
26
Pgina de 123
ETIQUETA
27
<TD>
Pgina de 123
ESTA ETIQUETA SIRVE PARA GENERAR CELDAS DE CABECERA CON LETRA NORMAL.
28
Pgina de 123
ETIQUETA
<TH>
ESTA ETIQUETA SIRVE PARA GENERAR CELDAS O CAMPOS O TUPLAS DE CABECERA NEGRITA.
29
Pgina de 123
30
Pgina de 123
ETIQUETA
< TR>
</TR>
ESTA ETIQUETA (TR)GENERA FILAS DENTRO DE ELLA ESTA LAS ETIQUETAS TD (CABECERA NEGRITA) Y TD (CABECERA NORMAL), COMO POR EJEMPLO:
31
Pgina de 123
32
Pgina de 123
Con <HTML> es la cabecera del programa o directiva a si como en c++ que lleva en la parte de arriba las librerias que son : include<iostream.h>. <head> es la cabecera de la pagina que ests desarrollando y aparece en la parte de arriba. <title> es el nombre del titulo de tu pagina web
Nota : para cerrar las etiquetas unicamente se cierra con < / nombre de la etiqueta a cerrar>
<body> La etiqueta body es el cuerpo de la pagina web y alli va todo lo que quieras agregar como por ejemplo crear tables , botones , graficos, animaciones , imagines etc.
Esta etiqueta sirve para darle el borde de la tabla entre mayor sea el numero mayor sera el borde
34
Pgina de 123
Con la etiqueta <tr> vamos a crear filas dentro de la tabla y dentro de ella decirle si las cabeceras que contendran seran cabeceras negritas <tdo> o normales<th> y al final cerrarlo con la etiqueta < /tr > con eso terminamos y asi delimitamos la fila de las tablas de igual forma se realizan las siguientes filas.
<TR> <TD>DANIELA 36
Pgina de 123
Para finalizar todo nicamente cerramos las pestaas que en su momento se abrieron recuerda que debes de cerrarlo de adentro para fuera. </table> </body> </html>
Ejemplo: <html> <head>cabecera de la pagina web <title> titulo de la pagina web </head> <body> Datos en el cuerpo de la pagina </body> </html> <title>
TAREA 1.- CREAR 6 FILAS Y 4 COLUMNAS, CREAR 4 ENCABEZADOS NORMALES Y NEGRITA Y DENTRO DE CADA CELDA ESCRIBIR LOS NUMEROS ROMANOS, LETRAS MAYUSCULAS, LETRAS MINUSCULAS, NUMEROS. Y AGREGAR LISTAS ORDENADAS. 37
Pgina de 123
EN ESTE CODIGO PONGO EL TITULO DE LAPAGINA , DECLARO EL BORDE DE MI TABLA ,EMPIEZO A CREAR MISCABEZALES NEGRITAS Y NORMALES.
<html> <head> <title> PRIMERA PRACTICA DE PROGAMACION WEB. </title>
</head>
<BODY>
<TABLE BORDER="1"> <TR> <TD>Numeros Romanos <TH>Letras Mayusculas <TD>Letras Minusculas <TH>Numeros </TR>
----------------------------------------------------------------------------------------------------------------------------------
38
Pgina de 123
lista con formato A, B, C ... A. Un ordenador Pentium 1000 B. Tarifa plana ya! C. Vacaciones en el Caribe D. Vacaciones para nuestro Jefe El mismo tipo de orden, en minsculas:
<ol type="a"> <li>Un ordenador Pentium 1000 </li> <li>Tarifa plana ya! </li> <li>Vacaciones en el Caribe</li> <li>Vacaciones para nuestro Jefe </li> </ol>
minsculas a. b. c. d. Un ordenador Pentium 1000 Tarifa plana ya! Vacaciones en el Caribe Vacaciones para nuestro Jefe
numeros romanos I. Un ordenador Pentium 1000 II. Tarifa plana ya! III. Vacaciones en el Caribe IV. Vacaciones para nuestro Jefe
39
Pgina de 123
numeros romanos en minscula i. Un ordenador Pentium 1000 ii. Tarifa plana ya! iii. Vacaciones en el Caribe iv. Vacaciones para nuestro Jefe
----------------------------------------------------------------------------------------------------------------------------&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
Continuacin: En esta parte creare la siguiente fila con <tr> y escribir <td> para crear celda de cabecera normal. Y para enumerarlos ocupamos escribir <OL TYPE ="I"> para que escriba en forma consecutivo. Y como vamos a listarlo ocupamos la etiqueta <LI> y para finalizar toda la fila lo cerramos con </TR>
<TR> <TD> <OL TYPE ="I"> <LI> ONE
40
Pgina de 123
</TR>
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& -------------------------------------------------------------------------------------------------------------------------------
comienza en 7, salta a 10
41
Pgina de 123
7. Un ordenador Pentium 1000 8. Tarifa plana ya! 10. Vacaciones en el Caribe 11. Vacaciones para nuestro Jefe ----------------------------------------------------------------------------------------------------------------------------&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
con el atributo start= aadido a una etiqueta <ol>, la lista comienza donde indiquemos.
<TR> <TD> <OL TYPE ="I" START ="2"> <LI> D
<TD>
42
Pgina de 123
43
Pgina de 123
<LI> D
44
Pgina de 123
<LI> D </TR>
</BODY> </html>
45
Pgina de 123
EJERCICIO
uno
dos
Atributos de celdas
ROWSPAN INDICA EL NUMERO DE RENGLONES QUE QUEREMOS OCUPAR.
PRACTICA:
<tr> <td rowspan ="2" >tres <td rowspan ="2" >cuatro <td>cinco </tr>
48
Pgina de 123
FORMULARIO
ATRIBUTOS: SON LAS CARACTERISTICAS QUE VAMOS A INVOLUCRAR. SCRIPT: ES UN PROGRAMA ESCRITO EN LENGUAJE DE PROGRAMACION Y SE INCRUSTA DENTRO DE HTML.
FORM SON OBJETOS INDEPENDIENTES QUE SE VAN A CREAR Y QUE SE INCRUSTAN DENTRO DE LA FORMA.
49
Pgina de 123
<FORM
ATRIBUTO X .>
<FORM>
----------------------------------------------------------------
</FORM>
ATRIBUTOS DE FORM 50
Pgina de 123
METODO: GET UTILIZAS ESTE METODO CUANDO QUIERES QUE LOS VALORES QUE SE VAYAN A OTRA PAGINA PARA ELLA UTILIZAS EL METODO GET.
PRACTICA:
51
Pgina de 123
<html> <head><H4><TH>FORMULARIO PROGRAMACIO WEB<BR> PEDRO LOPEZ SALAZAR <title>PRACTICA A ENTREGAR PEDRO LOPEZ SALZAR</title> </head>
<BODY>
52
Pgina de 123
<TD> NOMBRE <TD colspan ="2"> <input type ="text" name ="nom"> </TR>
<TR> <TD> DOMICILIO <td colspan ="2"> <input type ="text" name ="dom"> </TR>
<TR> <TD> TELEFONO <TD colspan ="2"> <input type ="text" name ="tel"> </TR>
<TR> <td colspan ="2"> <input type= "radio" name ="sexo"> <TD>MASCULINO </TR>
53
Pgina de 123
<TR> <td colspan ="2"> <input type= "radio" name ="sexo"> <TD>FEMENINO </tr>
<tr> <td colspan ="2"> <input type= "checkbox" name ="color"> <TD>ROJO </TR>
<TR> <TD colspan ="2"> <input type= "checkbox" name ="color"> <TD>AZUL </TR>
<TR> <TD colspan ="2"> <input type= "checkbox" name ="color"> <TD>VERDE </TR>
<TR> <TD COLSPAN ="3"><input type ="button" value ="enviar"> </TR> </table> </FORM>
54
Pgina de 123
</BODY> </HTML>
55
Pgina de 123
<html> <head> <title>formulario1</title> </head> <body> <form name ="forma2"> Nombre<input type ="text" name ="nom"> <br> Domicilio<input type ="text" name ="dom"> <br> Telefono<input type ="text" name ="tel"> <br> <input type ="button" value ="enviar"> </form> </body> </html>
56
Pgina de 123
<tr> <td colspan ="2"> <input type= "radio" name ="sexo"> <TD>MASCULINO </TR>
<TR> 57
Pgina de 123
<td colspan ="2"> <input type= "radio" name ="sexo"> <TD>FEMENINO </tr>
ETIQUETA <BR>
LA ETIQUETA <BR> SIRVE PARA SALTO DE LINEA. 58
Pgina de 123
<form name ="forma2"> Nombre<input type ="text" name ="nom"> <br> Domicilio<input type ="text" name ="dom"> <br> Telefono<input type ="text" name ="tel"> <br><br>
sexo <br> <input type= "radio" name ="sexo">masculino <br> <input type= "radio" name ="sexo">femenino<br><br>
color <br> <input type= "checkbox" name ="color">rojo <br> <input type= "checkbox" name ="color">azul <br> <input type= "checkbox" name ="color">verde <br>
60
Pgina de 123
<tr> <td rowspan ="2" > tres <td rowspan ="2" > cuatro <td> cinco </tr>
VBSCRIPT
61
Pgina de 123
Script: es un programa escrito en lenguaje de programacin y se incrusta dentro de html. 1) javaScript 2) vbscript
Sintaxis:
Nota: <script> language=vbscript> Con este cdigo te indica con que tipo de cdigo de programacin vas a realizar tu script ya sea en javascript o vbscript.
Estos tipos de pginas son dinmicas por que van cambiando de acuerdo al dato que se les ponga.
CARACTERSTICAS DE VBSCRIPT
-no distingue maysculas ni minsculas -no se declaran variables -trabaja del lado del cliente (es decir no ocupa compilador). -cdigo por lnea
63
Pgina de 123
Explicacin del codigo: <SCRIPT language ="VBSCRIPT"> Aqu abres la pestaa script y te indicas que vas a programarlo con el lenguaje de vbscript
CADENA="hola mundo" Aqu estas declarando una cadena en la cual guarda la informacin llamada hola mundo
64
Pgina de 123
Ejercicio 2:
<html> <head> <title>HOLA MUNDO EN SCRIPT</title> </head>
65
Pgina de 123
numero1<input type ="text" name ="uno"> numero2<input type ="text" name ="dos">
<input type ="button" name="resultado" value="presionar"> <script for="resultado" event="onclick" language ="vbscript">
Se escribe <form name=forma1> es mi area de trabajo donde voy a creae mis objetos ya sean botones, cuadros de textos ,checkbox etc.
aqui escribimos el nombre dela pestaa y en input es para decirle al programa que tipo de entrada va hacer en este caso sera un cuadro de texto en ingles es textfile y en nombre sera el nombre de la variable que se encargara de recoger(almacenar) los valores dentro de estas variable .
aqu los valores que insertemos en el cuadro de texto se guardaran en numero1 y numero2 y la multiplicacin de estas 2 variables se guardaran en resultado
document.write("TU RESULTADO ES :") Aqu le vamos a decir que nosmuestre este mensaje.
document.write(resultado) 67
Pgina de 123
Aqu le vamos a decir que nos muestre el resultado de la multiplicacion de los dos numeros.
68
Pgina de 123
<html> <head>
69
Pgina de 123
<!variables de entrada declarados> numero1<input type ="text" name ="uno"><br> numero2<input type ="text" name ="dos"><br>
<input type ="button" name="resultado1" value=" <input type ="button" name="resultado2" value=" <input type ="button" name="resultado3" value=" <input type ="button" name="resultado4" value="
* /
"> ">
+ "> - ">
numero1=forma1.uno.value
70
Pgina de 123
numero2=forma1.dos.value resultado2=numero1/numero2
71
Pgina de 123
<html> <head><H4><TH><MARQUEE> CALCULADORA EN VBSCRIPT PROGRAMACIO WEB <BR> PEDRO LOPEZ SALAZAR</MARQUEE> <title>PRACTICA A ENTREGAR PEDRO LOPEZ SALZAR</title> </head> <body background="ntimage.GIF">
72
Pgina de 123
<TR> <TD BGCOLOR="GREEN">NUMERO 1: <TD BGCOLOR="GREEN"> <input type ="text" name ="uno"> </TR>
<TR> <TD BGCOLOR="GREEN">NUMERO 2: <td BGCOLOR="GREEN"> <input type ="text" name ="dos"> </TR>
<tr> <td BGCOLOR="#A2FF25"><center><input type ="button" name="resultado1" value=" MULTIPLICACION "> <td BGCOLOR="#A2FF25"><input type ="button" name="resultado2" value=" "></center></tr> DIVICION
<tr><td BGCOLOR="#A2FF25"><center><input type ="button" name="resultado3" value=" SUMA "> <td BGCOLOR="#A2FF25"><input type ="button" name="resultado4" value=" "></center> </tr> RESTA
73
Pgina de 123
<TR> <br> <td colspan="2" BGCOLOR="#A2FF25" ><CENTER> <input type="button" name="calcular" value="CALCULAR CUENTA "></CENTER> </TR>
74
Pgina de 123
75
Pgina de 123
</HTML>
76
Pgina de 123
ESTRUCTURA DE CONTROL
1) SELECTIVAS
SINTAXIS: 1) IF( CONDICION )THEN ----------------------------------
77
Pgina de 123
------SENTENCIAS-------------------------------------------END IF
78
Pgina de 123
EJERCICIO:
79
Pgina de 123
Codigo fuente :
80
Pgina de 123
<HTML><HEAD><TITLE>PRACTICA A ENTREGAR PEDRO LOPEZ SALZAR</TITLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"><TH> <META content="MSHTML 6.00.2900.2180" name=GENERATOR></HEAD> <BODY background="PRACTICA A ENTREGAR PEDRO LOPEZ SALZAR_archivos/ntimage.GIF"> <H4> <MARQUEE>DIAS TRABAJADOS EN PROGRAMACIO WEB <BR>PEDRO LOPEZ SALAZAR</MARQUEE><!--cuerpo del programa--> <P> <P> <P>LOS EMPLEADOS DE UNA FABRICA TRABAJAN 2 TURNOS DIURNO Y NOCTURNO<BR>SE DESEA CALCULAR EL JORNAL DIARIO DE ACUERDO CON LOS SIGUIENTES PUNTOS. <OL> <LI>LAS TARIFAS DE LAS HORAS DIURNAS ES DE $500 <LI>LAS TARIFAS DE LAS HORAS NOCTURNAS ES DE $800 <LI>CASO DE SER DOMINGO LA TARIFA SE INCREMENTA A $200 PARA EL TURNO DE LA NOCHE<BR>Y 300 PARA EL TURNO DE LA NOCHE. </LI></OL><BR> <P> <P> <FORM name=forma1> <TABLE border=15> <BODY>
<TR>
<TR> <TD>HORAS <TD colSpan=2><INPUT name="varhour"> </TD> <TR> <TD>DIA TRABAJADO <TD colSpan=2><INPUT name="vardtt"> </TD> <TR> <TD>TURNO <TD colSpan=2><INPUT name="vartur"> </TD> <TR> <TD colSpan=3> <CENTER><INPUT type=button value=consultar name=calcular> </CENTER></TD><BGSOUND src="" CONTROLS MOUSEOVER></TR></TBODY></TABLE></FORM><!-esta es la etiqueta para agregar comentario en los script y html-><!-el lenguaje a utilizar es vbscript , al presionar el boton consultar que tiene como variable calcular se ejecutara tal evento-> <SCRIPT language=vbscript event=onclick for=calcular>
emp=forma1.nom.value jn=cint(forma1.varhour.value) <!--las horas las convierto a enteros con cint , las variable del texto se guardara en jn--> dt=forma1.vardtt.value tr=forma1.vartur.value 82
Pgina de 123
if( dt<>"domingo" )then if(tr="dia")then jn=500*jn document.write("A pagar al Sr. "&emp&" la cantidad de $ "&jn)
else jn=800*jn document.write("A pagar al Sr. "&emp&" la cantidad de $ "&jn&" por haber venido atrabajar de noche") end if else
if(tr="dia")then jn=500+200*jn document.write("A pagar al Sr. "&emp&" la cantidad de $ "&jn) else jn=800+300*jn document.write("A pagar al Sr. "&emp&" la cantidad de $ "&jn&" por haber venido a realizar horas extras") end if end if
83
Pgina de 123
</SCRIPT> </P></H4></BODY></HTML>
Ejercicio:
84
Pgina de 123
Codigo fuente :
85
Pgina de 123
<html> <head>
</head>
<body> <!--PSEUDOCODIGO--> <!--COMPARACIONES PARA SACAR EL MAYOR Y EL MENOR DE LOS 3 NUMEROS--> <!--A>B Y A>C MAYOR=A--> <!--A=B Y A=C MAYOR=A--> <!--A<B Y A<C MENOR=A-->
86
Pgina de 123
<TD>VALOR1 <TD colspan ="2" > <input type ="text" name ="caja1"> </TR>
<TR> <TD>VALOR2 <td colspan ="2"> <input type ="text" name ="caja2"> </TR>
<TR> <TD>VALOR3 <TD colspan ="2"> <input type ="text" name ="caja3"> </TR>
<BGSOUND SRC ="UNIVER.MP3" MOUSEOVER CONTROLS> </table> </form> <script language="vbscript" for="calc" event="onclick"> a=cint(forma1.caja1.value) b=cint(forma1.caja2.value) c=cint(forma1.caja3.value)
87
Pgina de 123
IF( a>b ) AND ( a>c )THEN document.write("EL MAYOR ES : ") document.write( a ) END IF
IF(a<b) AND (a<c)THEN document.write("<br>") document.write("EL MENOR ES: ") document.write(a) END IF
88
Pgina de 123
document.write(b) END IF
IF(c<a) AND (c<b)THEN document.write("<br>") document.write("EL MENOR ES: ") document.write(c) END IF
89
Pgina de 123
CICLOS O BUCLES
90
Pgina de 123
EN VBSCRIPT
REPETICION: El for se utiliza cuando sabemos cuantas iteraciones tendremos en nuestro programa.
for Sintaxis:
for variable=1
to 10
-----------------------------------------------------------------------------------
Next
91
Pgina de 123
step 2
cuenta de 2 en 2
step3 cuenta de 3 en 3
<html> <head>
92
Pgina de 123
<title>FOR IMPRIME 5 VECES LA PALABRA HOLA MUNDO </title> </head> <body> <form> <input type="button" name="calcular" value="CICLO FOR"> </form>
for n=1 to 6
next
REPETICION:
*Se utiliza el while cuando no sabeos cuantas iteraciones Habr en nuestro ciclo. while Sintaxis:
93
Pgina de 123
Codigo fuente:
<html> <head> <title>CICLO WHILE IMPRIME 20 VECES LA PALABRA HOLA MUNDO </title> </head> <body> <form>
94
Pgina de 123
95
Pgina de 123
FACTORIAL DE N NMEROS
96
Pgina de 123
<html> <head><H4><TH><MARQUEE> PROGRAMACIO WEB <BR> PEDRO LOPEZ SALAZAR</MARQUEE> <TITLE> FACTORIAL DE UN NUMERO CON CICLO FOR1 (PEDRO LOPEZ SALAZAR)</TITLE> </head> <body>
97
Pgina de 123
<form name="forma1"> <table border ="15"> <TR> <TD BGCOLOR="#A2FF25">FACTORIAL: <TD BGCOLOR="#A2FF25"><input type ="text" name ="num"> </TR>
<TR> <br> <td colspan="2" BGCOLOR="#A2FF25" ><CENTER> <input type="button" name="calc" value="consultar"></CENTER> </TR> </table> </form>
PEDRO1=forma1.num.value
98
Pgina de 123
99
Pgina de 123
Regla: *Si el residuo de la divisin es igual a cero se suma de lo contrario no. * no se puede dividir el mismo numero por si mismo. *la suma de sus divisores deben de ser igual al numero a buscar siempre y cuando sus residuos sean igual a cero.
*captura un numero: 6
2/6 residuo=0 3/6 residuo =0 4/6 residuo=1.5 5/6 residuo =1.2 6/6 no se puede dividir por si mismo
<html> <head><H3><TH><MARQUEE>--------------------------------------NUMEROS PERFECTOS DESPLEGABLES-----------------------------------------------------------NUMEROS PERFECTOS DESPLEGABLES-------------------------------------NUMEROS PERFECTOS DESPLEGABLES-------------------------------</MARQUEE><P> <FONT COLOR="BLUE"> PEDRO LOPEZ SALAZAR</FONT> <title>NUMEROS PERFECTOS PEDRO LOPEZ SALZAR</title> </head> <body>
</TR>
<TR> <br> <td colspan="2" BGCOLOR="#A2FF25" ><input type="button" name="calc" value=" CONSULTAR "> </TR>
</table> </form>
NUMERO=1
102
Pgina de 123
IF(acumulador=NUMERO)THEN document.write(" El NUMERO : "&NUMERO&" ---------------ES PERFECTO") document.write("<br>") ELSE document.write(" el numero : "&NUMERO&" -------------------no es perfecto") document.write("<br>") END IF
NUMERO=NUMERO+1
WEND
</script> 103
Pgina de 123
</BODY> </HTML>
TABLAS DE MULTIPLICAR1
<form name="forma1">
104
Pgina de 123
TABLA DE MULTIPLICACION <input type="button"name="calcular" value="resolver"><br> </form> <script language="vbscript" for= "calcular" event="onclick">
for fila=1 to 10 for columna=1 to 10 document.write(" "&fila * columna ) next document.write("<BR>") next
105
Pgina de 123
TABLAS DE MULTIPLICAR 2
<html> <head> <H3><TH><MARQUEE>--------------SERIE DE UNA MULTIPLICACION CON TABLA---------------------</MARQUEE> UNIVERSIDAD:INSTITUTO TECNOLOGICO SUPERIOR DE ZAPOPAN<BR> CARRERA MATERIA </FONT> <title>TABLA DE MULTIPLICAR</title> :ING EN SISTEMAS<BR> : PROGRAMACION WEB<BR>
106
Pgina de 123
</head> <body> <form name="forma1"> <table border ="50"> <TR> <TH BGCOLOR="#A2FF25">NUMERO: </TR>
<TR> <br> <td colspan="2" BGCOLOR="#A2FF25" ><input type="button" name="calcular" value=" CREAR TABLA "> </TR> </table> </form>
<script language="vbscript" for= "calcular" event="onclick"> document.write("<TABLE BORDER=5>") for fila=1 to 10 document.write("<TR>")
107
Pgina de 123
108
Pgina de 123
<html> <head><H3><TH><MARQUEE>-------------------------------------TABLA DE MULTIPLICAR----------------------------TABLA DE MULTIPLICAR-------------------------------TABLA DE MULTIPLICAR--------------------------------------TABLA DE MULTIPLICAR-------------------------------</MARQUEE><P> <FONT COLOR="BLUE"> ALUMNO :PEDRO LOPEZ SALAZAR<BR>
UNIVERSIDAD:INSTITUTO TECNOLOGICO SUPERIOR DE ZAPOPAN<BR> CARRERA MATERIA </FONT> <title>TABLA DE MULTIPLICAR CON TABLA EN VBSCRIPT</title> </head> :ING EN SISTEMAS<BR> : PROGRAMACION WEB<BR>
<body> <form name="forma1"> <table border ="50"> <TR> <TD BGCOLOR="#A2FF25">NUMERO: <TD> <input type="text" name="num" > </TR>
109
Pgina de 123
<TR> <br> <td colspan="2" BGCOLOR="#A2FF25" ><input type="button" name="calcular" value=" CREAR TABLA "> </TR> </table> </form>
document.write("<BACKGROUND=GREEN>") document.write("<MARQUEE>") document.write("<FONT COLOR=BLUE>") document.write("---------PEDRO LOPEZ SALAZAR---------INGENIERIA EN SISTEMAS COMPUTACIONALES----------PROGRAMACION WEB--------------VBSCRIPT-----------------") document.write("</MARQUEE>") document.write("<br>") document.write("<table border=30>")
110
Pgina de 123
document.write("<TD> "& NUMER & " x " & F & " <TD> " + " = " & resultado) document.write("<BR>") document.write("</tr>") next
document.write("</table>")
111
Pgina de 123
UNIVERSIDAD:INSTITUTO TECNOLOGICO SUPERIOR DE ZAPOPAN<BR> CARRERA MATERIA </FONT> :ING EN SISTEMAS<BR> : PROGRAMACION WEB<BR>
112
Pgina de 123
</form>
for F=1 to 10 resultado=NUMER*F document.write(NUMER & "x" & F & "=" & resultado & "<br>") next
113
Pgina de 123
114
Pgina de 123
<TD> <FONT COLOR=YELLOW> VINO1</FONT> <TD colspan ="2"><input type ="text" name ="caja1"> <TD><FONT COLOR=YELLOW> AO<input type ="text" name ="anio1"></FONT> </TR>
<TR> <TD><FONT COLOR=YELLOW> VINO2</FONT> <td colspan ="2"> <input type ="text" name ="caja2"> <TD ><FONT COLOR=YELLOW> AO<input type ="text" name ="anio2"></FONT> </TR>
<tr> <TD><FONT COLOR=YELLOW> VINO3</FONT> <TD colspan ="2" > <input type ="text" name ="caja3"> <TD ><FONT COLOR=YELLOW> AO<input type ="text" name ="anio3"></FONT> </TR>
<TR> <TD><FONT COLOR=YELLOW> VINO4</FONT> <td colspan ="2"> <input type ="text" name ="caja4"> <TD ><FONT COLOR=YELLOW> AO<input type ="text" name ="anio4"></FONT>
115
Pgina de 123
</TR>
<TR> <TD><FONT COLOR=YELLOW> VINO5</FONT> <td colspan ="2"> <input type ="text" name ="caja5"> <TD ><FONT COLOR=YELLOW> AO<input type ="text" name ="anio5"></FONT> </TR>
<TR> <td COLSPAN ="4"><CENTER> <input type="button" name="calc" value=" PEDRO LOPEZ "></CENTER> </TR> CONAULTAR A
<BGSOUND SRC ="UNIVER.MP3" MOUSEOVER CONTROLS> </table> </form> </center> <marquee><FONT COLOR=YELLOW>-----------------------PEDRO LOPEZ SALAZAR--------------INSTITUTO TECNOLOGICO SUPERIOR DE ZAPOPAN ----------PROGRAMACION WEB WN VBSCRIPT---------ING EN SISTEMAS----------------------------</FONT></marquee>
116
Pgina de 123
b1=cint(forma1.caja2.value) b2=cint(forma1.anio2.value)
c1=cint(forma1.caja3.value) c2=cint(forma1.anio3.value)
d1=cint(forma1.caja4.value) d2=cint(forma1.anio4.value)
e1=cint(forma1.caja5.value) e2=cint(forma1.anio5.value)
117
Pgina de 123
document.write("<br>") document.write("<br>")
118
Pgina de 123
119
Pgina de 123
<html> <head> <H3><FONT COLOR="#A2FF25">PROGRAMA :suma los numeros pares y sacar el promedio de los numeros <CENTER>impares con ciclo while</FONT></CENTER></H3>
120
Pgina de 123
<TR> <br> <td colspan="2" BGCOLOR="#A2FF25" ><input type="button" name="calc" value=" CONSULTAR "> </TR>
</table> </form>
121
Pgina de 123
num=1 while(num<=TOPE)
else
sumaimpar=sumaimpar+num impares=impares+1
122
Pgina de 123
document.write("<br>") document.write("<br>") document.write("<marquee>") document.write("ALUMNO:PEDRO LOPEZ SALAZAR-------------------------ING EN SISTEMAS COMPUTACIONALES------------------MATERIA:PROGRAMACIO WEB--------------INSTITUTO TECNOLOGICO SUPERIOR DE ZAPOPAN------------------") document.write("</marquee>") document.write("SUMA DE LOS NUMEROS PARES ES : ="&sumapares)
document.write("<br>") document.write("PROMEDIO DE LOS NUMEROS IMPARES : ="&promimpares) document.write("<br>") </script> </BODY> </HTML>
123
Pgina de 123