Aplicacionesweb1

12

Click here to load reader

description

aplicaciones para internet, maquetacion en html.

Transcript of Aplicacionesweb1

Page 1: Aplicacionesweb1

UNIVERSIDAD NACIONAL DE SAN AUGUSTIN

ESCUELA DE POST- GRADO

MAESTRIA EN CIENCIAS DE LA INGENIERIA INFORMÁTICA

TRABAJO ENCARGADO

EJERCICIOS HTML

CURSO: APLICACIONES WEB I

ALUMNO: LIC. AGUILAR BRUNA JUAN

DOCENTE: Msc. Ing. MARCO AEDO LOPEZ

MENCIÓN: TECNOLOGÍA DE LA INFORMACIÓN Y COMUNICACIÓN

EN GESTIÓN Y EDUCACIÓN

Arequipa, C.U. Diciembre 2012

Page 2: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 01

Ejercicio Nº 02

Ejercicio Nº 03

<html>

<head>

<title>uno</title>

</head>

<body>

<p> Juan Aguilar

</body>

</html>

<html>

<head>

<title>dos</title>

</head>

<body>

<p> Juan Aguilar

<p> Ana - Eduardo

</body>

</html>

<html>

<head>

<title>tres</title>

</head>

<body>

<br> Colegio primario: IES. 1156

<br> Colegio secundario: IES. "PERU BIRF"

<br> Estudios universitarios: Universidad del Nacional del altiplano -

Puno

<p>

Nombre: Aguilar Juan

<br> Mail: [email protected]

</body>

</html>

Page 3: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 04

<html>

<head>

<title>cuatro</title>

</head>

<body>

<p>

<h1>Belgrano sale campeon nuevamente

<p>

<H2> Noticias politicas

<p>

<H3> Asume sus funciones los diputados y senadores

<p>

<H5> El proximo lunes asume sus funciones los nuevos diputados y

senadores elegidos por elpueblo el mes pasado. Al acto lo

presidio <br>sus ministros. <br>Se espera que los temas

pendientes puedan ser resueltos prontamente

<p>

<H3> Destitucion del intendente de general Paz.

<p>

<h5>Luego de varias sesiones del consejo debiberante de Genral Paz el

intendente fue destituido por una incorrecta asignacion de

part<br>

se espera que el mex proximo se elija nuevo intendente.

<p>

<H2> Noticias Deportivas

<p>

<H3> Belgrano nuevamente triunfa

<p>

<H5> En un partido de vibrante el equipo celeste se queda nuevamente

con la copa. El resultado final de 2 a 1 no denota la ventaja

real que<br>Se espera la llegada del equipo del aeropuerto al

medio dia.

<p>

<H3> Convocatoria a nueos jugadores a la seleccion

<p>

<H5> El director tecnico llamo a nuevos jugadores para que se

incorporen a la seleccion nacional <br>Se espera con los dos

delanteros nuevos se reviertan los resultados negativos<br>El mes

proximo se enfrentara a un combinado de Europa.

<p>

<H6>Propiedad: La vanguardia digital

</body>

</html>

Page 4: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 05

Ejercicio Nº 06

Ejercicio Nº 07

<html>

<head>

<title>cuatro</title>

</head>

<body>

<strong>PHP:</strong>Es un lenguaje de programacion usado generalmente

poara la creacion de contenido para sitio<br><i>Hiper Pre-

proceso"</i><br><p>

<strong>JSP</strong>:En el campo de la informatica, es una tecnologia

para crear aplicaciones web. Es un desarrollo<br><i>scriptc </i>Se

utliza un variante del lenguaje<b><i>Java</i></b></i></b><p>

<strong>ASP</strong>:Es una tecnologia del servidor de Microsoft para

paginas web generadas

dinamicamente<br><i>Server</i>(ISS)<br><p></strong>

</body>

</html>

<html>

<head>

<title>seis</title>

</head>

<body>

<h1> Block de lenguaje d programacion <p>

<h3><A HREF="pagina2.html">Lenguaje PHP</A><br>

<h3><A HREF="pagina3.html">Lenguaje Java Script</A><br>

</body>

</html>

<html>

<head>

<title>siete</title>

</head>

<body>

<h3><A HREF="www.clarin.com">Diario argentino clarin</A><br>

<h3><a href="www.diarioclarin.com/ayuda" target="_blank">Seccion de

ayuda diario clarin

</a>

</body>

</html>

Page 5: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 08

Ejercicio Nº 09

<html>

<head>

<title>nuevea</title>

</head>

<body>

<center><h1>La ciudad Luz<p>

<a href="foto33.html" <IMG src="londres.jpg" WIDTH=340

HEIGHT=310></A><p>

</center>

</body>

</html>

<html>

<head>

<title>nueveb</title>

</head>

<body>

<center><h1>La ciudad Londres<p>

<a href="foto33.html" </A> <IMG src="roma.jpg" WIDTH=340 HEIGHT=310><p>

</center>

</body>

</html>

<html>

<head>

<title>nuevec</title>

</head>

<body>

<center><h1>La ciudad lapaz<p>

<a href="foto33.html" <IMG src="lapaz.jpg" WIDTH=340 HEIGHT=310></A><p>

</center>

</body>

</html>

<html>

<head>

<title>ocho</title>

</head>

<body>

<h1>La ciudad Luz<p>

<IMG SRC="francia.jpg" WIDTH=240 HEIGHT=210><p>

<h1>La bella ciudad de panama<p>

<IMG SRC="panama.jpg" WIDTH=240 HEIGHT=210>

</body>

</html>

Page 6: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 10

<html>

<head>

<title>diez</title>

</head>

<body>

<p>

<h1>Blok de Actualidad

<p>

<H2> Apertura en otra ventana

<p>

<H3> <a href="http://www.microsiervos.blogspot.com"

target=_blank>Microsiervos<a>

<p>

<H3> <a href="http://www.mangaverdes.blogspot.com"

target=_blank>Mangas verdes<a>

<p>

<H3> <a href="http://www.alt1040.blogspot.com"

target=_blank>Alt1040<a>

<p>

<p>

<H2> Apertura en la misma ventana

<p>

<H3> <a href="http://www.microsiervos.blogspot.com"

target=_top>Microsiervos<a>

<p>

<H3> <a href="http://www.mangaverdes.blogspot.com" target=_top>Mangas

verdes<a>

<p>

<H3> <a href="http://www.alt1040.blogspot.com" target=_top>Alt1040<a>

<p>

</body>

</html>

Page 7: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 11

Ejercicio Nº 12

<HTML>

<HEAD><TITLE>once</TITLE>

<BODY>

<H2>Noticias del dia</H2>

<UL>

<LI><A href=" once.html#1">Noticia 1</A>

<LI><A href=" once.html#2">Noticia 2</A>

<LI><A href=" once.html#3">Noticia 3</A>

<LI><A href=" once.html#4">Noticia 4</A> </LI></UL>

<H3><A name=1>Noticia 1</A></H3>

<P>En 1985, la primera versión de Excel fue lanzada para Macintosh. La

primera versión para Windows fue denominada Microsoft Excel 2.0 y

se lanzó en 1987. En 1988 Excel supero la popularidad de Lotus 1-

2-3. La primera vez que Excel se introdujo en Office fue en

1993.</P>

<P>Click aqui para <A href=" once.html">Noticias del dia</A>

<H3><A name=2>Noticia 2</A></H3>

<P>Bespin es una aplicación creada principalmente por los

desarrolladores de Mozilla Labs, básicamente lo que nos permitirá

es editar códigos embed.</P>

<P>Click aqui para <A href=" once.html">Noticias del dia</A>

<H3><A name=3>Noticia 3</A></H3>

<P>Kodingen digamos que es un pequeño pack en la nube, donde incluye

todo lo necesario para programar en internet, es decir, un

excelente editor de imágenes, un editor de código y varias

herramientas más.</P>

<P>Click aqui para <A href="file:///G:/once.html">Noticias del dia</A>

<H3><A name=4>Noticia 4</A></H3>

<P>Real Time jQuery Editor es una de las herramientas que me ha gustado

más de

esta sección y es que nos permite editar y codificar el código JQuery de

forma

instantánea, es decir, en tiempo real. Con una gran interfaz y

funcionalidades,

se convierte sin duda en la herramienta ideal para los desarrolladores

de

JQuerry.</P>

<P>Click aqui para <A href="file:///G:/once.html">Noticias del dia</A>

</P></BODY></HTML>

<HTML>

<HEAD>

<TITLE>doce</TITLE>

</HEAD>

<BODY>

<H1>hipervinculos de 4 noticias del dia</H1>

<A HREF="http://www.elperuano.com.pe/">diario el peruano</a></P>

<A HREF="http://peru21.pe/impresa/haya-como-paradigma-2107849/">diario

peru 21</a></P>

<A HREF="http://diariocorreo.pe/resultados/busqueda/-

/search/noticia+de+hoy/false/true/1/19121214/20121214/relevance/ba

sic/10/true/true/true/true/0/5/1/">diario correo</a></P>

<A HREF="http://www.expreso.com.pe//">diario expreso</a></P>

</BODY>

</HTML>

Page 8: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 13

Ejercicio Nº 14

<HTML>

<HEAD>

<TITLE>trece</TITLE>

</HEAD>

<BODY>

<CENTER><H1>paises con mayor poblacion</H1></CENTER>

<!-- Este documento contiene lista ordenada de los tres paises con ayor

poblacion -->

<HR>

<H2>Listas</H2>

<H3>Ordenadas</H3>

<OL>

<LI>China (1300 millones)</LI>

<LI>India (1080 millones)</LI>

<LI>Estados Unidos (295 millones)</LI>

</OL>

<p>Sumando estos tres paises tenemos una poblacion de <b>2675

millones<b>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>catorce</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Diarios del peru</H1></CENTER>

<H3>lista sin orden</H3>

<UL>

<LI><a HREF="http://peru21.pe">Diario el peruano</A>

<LI><a HREF="http://diariocorreo.pe">diario el correo</A>

<LI><a HREF="http://www.elcomercio.pe/">Diario el comercio</A>

<LI><a HREF="http://www.elperuano.pe/">Diario el peruano</A>

</UL>

</BODY>

</HTML>

Page 9: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 15

Ejercicio Nº 16

<HTML>

<HEAD><TITLE>quince</TITLE></HEAD>

<BODY>

<CENTER><H1>lenguajes de programacion</H1></CENTER>

<UL>

<LI>PHP

<OL>

<LI><a HREF="http://php.net">Viva PHP</A></LI>

<LI><a HREF="http://phpadictos.org">PHP adictos</A></LI>

<LI><a HREF="http://phphispano.net">PHP hispano</A></LI>

<LI><a HREF="http://phpmexico.net">PHP mexico</A></LI>

</OL>

<LI>Jave Script

<OL>

<LI><a HREF="http://gamarot.net">Gamarod</A></LI>

<LI><a HREF="http://htmlpoint.net">HTML Point</A></LI>

</OL>

<LI>C++

<OL>

<LI><a HREF="http://codigomaldito.net">Codigo maldito C++</A></LI>

<LI><a HREF="http://clubbuilder.net">Club builder</A></LI>

</OL>

</UL>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>diesisies</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Tablas</H1></CENTER>

<TABLE WIDTH="35%" BORDER="1">

<TR>

</TR>

<TR>

<TD>Rodriguez Pablo</TD> <TD>1700</TD>

</TR>

<TR>

<TD>Lopez Ana</TD> <TD>1950</TD>

</TR>

<TR>

<TD>Gomez Luis</TD> <TD>1473</TD>

</TR>

<TR>

<TD>Menendez carlos</TD> <TD>1640</TD>

</TR>

</TR>

</TABLE>

</BODY>

</HTML>

Page 10: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 17

Ejercicio Nº 18

<HTML>

<HEAD><TITLE>diesiete</TITLE></HEAD>

<BODY>

<CENTER><H1>Empleados de una compañia</H1></CENTER>

<TABLE WIDTH="35%" BORDER="1">

<TR>

</TR>

<TR>

<TD><b>Nombre del empleado</b></TD> <TD><b>Sueldo bruto</b></TD>

</TR>

<TR>

<TD>Rodriguez Pablo</TD> <TD>1700</TD>

</TR>

<TR>

<TD>Lopez Ana</TD> <TD>1950</TD>

</TR>

<TR>

<TD>Gomez Luis</TD> <TD>1473</TD>

</TR>

<TR>

<TD>Menendez carlos</TD> <TD>1640</TD>

</TR>

</TR>

</TABLE>

</BODY>

</HTML>

<HTML>

<HEAD>

<TITLE>diesiocho</TITLE>

</HEAD>

<BODY>

<CENTER><H1>Titulo representativo</H1></CENTER>

Lista de sueldos de la compañia xx

<TABLE WIDTH="35%" BORDER="1">

<TR>

</TR>

<TR>

<TD><b>Nombre del empleado</b></TD> <TD><b>Sueldo bruto</b></TD>

</TR>

<TR>

<TD>Rodriguez Pablo</TD> <TD>1700</TD>

</TR>

<TR>

<TD>Lopez Ana</TD> <TD>1950</TD>

</TR>

<TR>

<TD>Gomez Luis</TD> <TD>1473</TD>

</TR>

<TR>

<TD>Menendez carlos</TD> <TD>1640</TD>

</TR>

</TR>

</TABLE>

</BODY>

</HTML>

Page 11: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 19

<HTML>

<HEAD>

<TITLE>diecinueve</TITLE>

</HEAD>

<body>

<table width="457" border="1">

<tr>

<td width="110" rowspan="3"><strong>ARGENTINA</strong></td>

<td width="139">la Nacion </td>

<td width="186">www.lanacion.com.ar</td>

</tr>

<tr>

<td>Clarin</td>

<td>www.elclarin.com.ar</td>

</tr>

<tr>

<td>la voz del interior </td>

<td>www.lavoz.com.ar</td>

</tr>

<tr>

<td rowspan="3"><strong>ESPA&Ntilde;A</strong></td>

<td>El pais digital </td>

<td>www.elpais.es</td>

</tr>

<tr>

<td>ABC</td>

<td>www.abc.es</td>

</tr>

<tr>

<td>El mundo </td>

<td>www.elmundo.es</td>

</tr>

<tr>

<td rowspan="2"><strong>MEXICO</strong></td>

<td>La jornada </td>

<td>www.lajornada.unam.es</td>

</tr>

<tr>

<td>El universal </td>

<td>www.el-universal.com.mx</td>

</tr>

</table>

</body>

</BODY>

</HTML>

Page 12: Aplicacionesweb1

Maestría Cs. Ing. Informática -UNSA Aplicaciones web I

Lic. Juan AGUILAR BRUNA

Ejercicio Nº 20

Ejercicio Nº 21

<HTML>

<HEAD>

<TITLE>www.practicas.com.ar</TITLE>

</HEAD>

<body>

<center><h1>Aprenda a crear paginas web HTML facilmente</h1></center>

</body>

</html>

</body>

</HTML>

<HTML>

<HEAD><TITLE>ventiuno</TITLE></HEAD>

<body>

<h1>Año 2006</h1>

<table width="503" border="2">

<tr>

<td width="87" rowspan="4"><strong>Recursos</strong></td>

<td colspan="4"><div align="center"><strong>facturacion de los

ultimos tres meses </strong></div></td>

</tr>

<tr>

<td width="158">Discos Duros </td>

<td width="97">23000</td>

<td width="52">27200</td>

<td width="73">26000</td>

</tr>

<tr>

<td>CPU</td>

<td>73000</td>

<td>67300</td>

<td>51000</td>

</tr>

<tr>

<td>Monitores</td>

<td>53000</td>

<td>72500</td>

<td>88000</td>

</tr>

</table>

</body>

</BODY>

</HTML>