Informe Progra HTML

ESCUELA SUPERIOR POLITCNICA DE CHIMBORAZO
FACULTAD DE INFORMTICA Y ELECTRNICA

ESCUELA DE INGENIERA EN CONTROL Y REDES INDUSTRIALES
INTEGRANTES:
CODIGOS:
CESAR PATACHE
853
KEVIN PATACHE
846
JOSE ESCOBAR
845
NIVEL: TERCERO B
FECHA: 22/07/2016
PROYECTO DE PROGRAMACION
OBJETIVOS:
Comprender el uso de netbeans y sus funciones
Programar en netbeans un algoritmo el cual nos ayude en las soluciones bsicas como circuitos elctricos, campo
elctrico y movimiento parablico.
MARCO TERICO
NETBEANS
Es un entorno de desarrollo muy completo y profesional. Contiene muchas funcionalidades, para distintos tipos de
aplicaciones y para facilitar al mximo la programacin, la prueba y la depuracin de las aplicaciones que se
desarrollan. Tambin incorpora un editor propio.
Para iniciar NB debes seleccionar NetBeans IDE 6.9 (6.9 o una versin posterior) en el grupo de
programas NetBeans. Tras un cuadro de presentacin aparecer la ventana de la aplicacin con una pgina de inicio
en forma de ficha:
La pgina de inicio ofrece informacin sobre el entorno. Podemos hacer que no se abra esa pgina cada vez que se
inicie VC++.
Puedes ver que se trata de una aplicacin tpica de Windows, con sus mens, sus herramientas y su rea de trabajo.
Dentro del rea de trabajo (todo lo que hay entre las barras de herramientas y la barra de estado) habr paneles y
documentos abiertos.
La Programacin Orientada a Objetos (POO u OOP por sus siglas en ingls), es un paradigma de programacin.
Paradigma: teora cuyo ncleo central [...] suministra la base y modelo para resolver problemas [...] (Definicin de la
Real Academia Espaola, vigsimo tercera edicin)
Cmo tal, nos ensea un mtodo -probado y estudiado- el cual se basa en las interacciones de objetos (todo lo
descrito en el ttulo anterior, Pensar en objetos) para resolver las necesidades de un sistema informtico.
El concepto de programaci
n orientada a objetos
(OOP) no es nuevo,
lenguajes clsicos como
SmallTalk se basan en
ella. Dado que la OOP. Se
basa en la idea natural de
la existencia de un mundo
lleno de objetos y que la
resolucin del problema se
realiza en trminos de
objetos, un lenguaje se dice que est basado en objetos si soporta objetos como una caracterstica fundamental del
mismo.
El elemento fundamental de la OOP es, como su nombre lo indica, el objeto. Podemos definir un objeto como un
conjunto complejo de datos y programas que poseen estructura y forman parte de una organizacin.
Esta definicin especifica varias propiedades importantes de los objetos. En primer lugar, un objeto no es un dato
simple, sino que contiene en su interior cierto nmero de componentes bien estructurados. En segundo lugar, cada
objeto no es un ente aislado, sino que forma parte de una organizacin jerrquica o de otro tipo.
ESTRUCTURA DE UN OBJETO
Un objeto puede considerarse como una especie de cpsula dividida en tres partes:
1 - RELACIONES
2 - PROPIEDADES
3 - METODOS
Cada uno de estos componentes desempea un papel totalmente independiente:
Las relaciones permiten que el objeto se inserte en la organizacin y estn formadas esencialmente por punteros a
otros objetos.
Las propiedades distinguen un objeto determinado de los restantes que forman parte de la misma organizacin y
tiene valores que dependen de la propiedad de que se trate. Las propiedades de un objeto pueden ser heredadas a sus
descendientes en la organizacin.
Los mtodos son las operaciones que pueden realizarse sobre el objeto, que normalmente estarn incorporados en
forma de programas (cdigo) que el objeto es capaz de ejecutar y que tambin pone a disposicin de sus
descendientes a travs de la herencia.
HTML5
un proyecto de HTML5 en el IDE y algunas de las caractersticas en el IDE que apoyan el uso de JavaScript y CSS
en su proyecto. En este documento se crear una aplicacin HTML5 simple que utiliza una biblioteca jQuery
JavaScript para modificar una lista en una pgina web
CLASE
Las clases son los modelos sobre los cules se construirn nuestros objetos. Podemos tomar como ejemplo de clases,
el grfico que hicimos en la pgina 8 de este documento.
En Python, una clase se define con la instruccin class seguida de un nombre genrico para el objeto.
Las propiedades, como hemos visto antes, son las caractersticas intrnsecas del objeto. stas, se representan a modo
de variables, solo que tcnicamente, pasan a denominarse propiedades
OBJETO
Las clases por s mismas, no son ms que modelos que nos servirn para crear objetos en concreto. Podemos decir
que una clase, es el razonamiento abstracto de un objeto, mientras que el objeto, es su materializacin. A la accin de
crear objetos, se la denomina instanciar una clase y dicha instancia, consiste en asignar la clase, como valor a una
variable:
Procedimiento:
1. Crear un algoritmo que nos permita
anteriormente vistos
reconocer las clases y sub clases a programar segn los temas
2. Programar el algoritmo en jabanneats con los respectivos comandos que se va a utilizar y la resapectiva
estructura
3. Comprobar los resultados del programa.
CODIGO
<html>
<head>
<meta charset="UTF-8">
<title>Index</title>
<style>
.menu {
width: 23.5%;
height: 25px;
float: left;
padding: 10px;
text-align: center;
background: #00ff00;
color: #0CF;
}
body{
background-color:#0CF;
}
.menu:hover {
background: #000;
color: #fff;
}
#content {
clear: both;
background: #ffd7a9;
padding: 0;
overflow-y: scroll;
width: 100%;
height: 600px;
border: 0;
}
</style>
<div id="main">
<div id="nav">
<div id="menu1" class="menu">BIBLIOGRAFIA</div>
<div id="menu2" class="menu"> VIDEOS </div>
<div id="menu3" class="menu">MAGENES 3</div>
<div id="menu3" class="menu">INFORMACION</div>
</div>
<iframe id="content" src="http://google.com">iFrames not supported</iframe>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script>
$(document).ready(function(e) {
$('#menu1').on('click', function(){
$('#content').attr('src', 'page1.html');
});
});
});
});
});
</script>
</body>
</html>
PAGE 1
<html>
<head>
<title>TODO supply a title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<style type="text/css">
* { padding: 0; margin: auto; text-align: center }

#cabecera { background-color: #ff9933; }
h1 { font: bold 1.5em arial; padding: 0.5em; }
#navegador { background-color:#41338b; padding: 0.5em; }
#navegador li { margin: 0px 5px; padding: 0.1em 1em 0.5em 1em;

background-color: #9933cc; width: 12%;float: left;
list-style-type: none; position: relative; }
#subseccion1, #subseccion2, #subseccion3, #subseccion4
{ position: absolute; top: 100%; left: 0px;
background-color: #41338b; font:normal 0.8em arial;
padding: 0.2em 0.5em ; display: none; }
#navegador li:hover { background-color: #990033; }
#navegador li a:link, #navegador li a:visited {
color: #feffe4; text-decoration: none; }
#navegador li a:hover, #navegador li a:active {
color:#ffd7a9 ; text-decoration: none; }
.borrar { clear: both; }
#principal h2 { font: bold 1.5em arial; padding: 1em }
#principal p { font: normal 0.9em arial; text-align: justify;
text-indent: 3em; padding: 0.5em 2em; }
</style>
<script type="text/javascript">
function ver(n) {
document.getElementById("subseccion"+n).style.display="block"
}
function ocultar(n) {
document.getElementById("subseccion"+n).style.display="none"
}
</script>
<div id="cabecera">
<h1> DOM OMAR </h1>
<img src=" http://www.antilles-mizik.com/images/Don-Omar_Coffret3CD-1DVD.jpg " style="text-align: center ; width: 150px"/>
</div>
<div id="navegador">
<ul>
<li id="seccion1" onmouseover="ver(1)" onmouseout="ocultar(1)">
<a href="#"> MAS INFORMACION EN LA WEB </a>
<div id="subseccion1">
<p><a href="#"> <input type="submit" value="BIBLIOGRAFIA" onclick =
"location='http://www.biografiasyvidas.com/biografia/d/don_omar.htm'"/></a></p>
</ul>
<div id="principal">
<h2>INFORMACION</h2>
<p class="color_verde">
William Omar Landrn Rivera, nacido en Puerto Rico el 10 de febrero de 1978, conocido artsticamente como Don Omar, es un compositor y cantante.
Don Omar ha tenido xito con canciones como "Dale Don Dale", "Dile","Pobre Diabla", "Angelito Vuela", "Cuntale" y "Reggaeton Latino", entre otras, de
gran xito en muchos pases.
Comenz componiendo sus propias canciones y poemas a la edad de 12 aos. Con el paso del tiempo, se sentira fuertemente posedo por el reggaetn.
Antes de esto era pastor evanglico. Trabaj junto a Yanuri, ahora quien es uno de los exponentes de la msica sacra urbana (Reggaeton Cristiano).
En el ao 2002 su carrera dio un vuelco cuando Hctor El Bambino (hoy Hector el father y exintegrante de Hctor y Tito) lo apadrin como productor
musical, hacindose partcipe como compositor en las producciones de otros artistas.
En el ao 2003 sale al mercado The Last Don su primer album como solista que incluye un exito que luego ser de las mejores canciones de la historia del
reggaeton, Dale Don Dale, que ya estaba incluido en el disco de varios artistas MVP anterior a The Last Don.
En 2004 aparece la edicion en concierto de su disco que se llamar The Last Don Live.
Un ao despues 2005 salo a la venta Da Hitman Presents: Reggaeton Latino.

En 2005 tambien consigui producir un disco co
n varios cantantes y sus canciones, lo titul "Los Bandoleros". Durante ese se dedic a participar en trabajos con otros artistas, como en "Como olvidar",
con David Bisbal, "Ella y yo", con Aventura, "My Space" y "Nadie Como Tu" con Wisin y Yandel, "Hold you down" con Jennifer Lpez o "La Traicionera",
con su acompaante Glory y un sin fin de canciones que avalan aun ms su carrera.
En sus composiciones destaca la poca utilizacin de frases repetitivas, comnmente usadas en el gnero del reggaeton, centrndose ms bien, en historias
que hablan del mundo de hoy, de las problemticas, de los sentimientos.Fiel exponente de la Tiraera , la cual se manifiesta en su guerra lirical contra la otra
maravilla del reggaeton Daddy Yankee. Temas como "Tiraera a Daddy Yankee 2005", "Scala","El rey" (Como respuesta a la re-mezcla del tema "Ganzta
Zone" De Daddy Yankee junto a Hector "El Father", Yomo, Arcngel, D' la Ghetto y Angel Doze, este era el "pupilo" de Don Omar), "Reportensen"
(Combinando La Guerra con Daddy Yankee y Hector "El Father") son pruebas de dicha guerra. Recientemente, puso fin a la guerra lirical que sostena con
el denominado Duo de la Historia :Wisin y Yandel, grabando as dos temas con ellos : "My Space" y "Nadie como tu ", el ultimo que fue incluido en la
ultima produccin del duo :"Los Vaqueros",el cual vendi 1.000.000 de copias en sus primeros tres dias en el mercado. Don Omar se ha unido a la comania
WY Records debido a su tiraera con Hector El Father. As lo han hecho Arcngel y Franco El Gorila para combatir a AlPachino; un cantante que
misteriosamente sali de la nada en contra de Arcngel. As todos estos raperos se han unido para tirarle a la compaa Gold Star Music (propiedad de
Hector the Father).
Ha tenido problemas con la justicia por posesin de armas y drogas.
Su ltima produccin musical titulada "King of Kings" (2006). Con este trabajo Omar ocupa el # 1 en las listas hispanas de Estados Unidos y de las
principales emisoras de Latinoamerica.Se puede decir que con este album por fin Don Omar se proclama El rey del reggaeton inconfundiblemente. El
lbum debuta #1 en ventas y el primer corte promocional del lbum, Angelito Vuela, obtiene el # 1 en el Latin Chart de la revista Billboard, alcanzando
en el primer da en el mercado alrededor de medio milln de copias vendidas, considerado un verdadero record en el gnero del reggaeton. Precisamente,
este lbum con su nombre junto al tema Reportense fue la causa de la ruptura de Don Omar con su padre musical Hector el Father y quien ahora es uno de
sus mas despiados enemigos y quien trata de ridiculizarlo en sus conciertos.
A finales del ao 2006 lanza la edicin especial de King of Kings, denominada "Armageddon Edition" en la cual aade 3 canciones ms; 1 de ellas llamada
"El Rey", es una tiraera para su antigo compaero Hector "El Father"
En 2007 Lanz "El Pentagono", produccin musical en la cual participan varios exponentes del gnero. uno de los xitos de este lbum es "Calm My
Nerves" en la cual participan Don y Reel, uno de los grandes exponentes del Hip-Hop
En Espaa, la madre patria de los latinos, es considerado el mejor exponente de Reggaeton de todos los tiempos. Las cifra
</p>
<div>TODO write content</div>
</body>
</html>
PAGE2
<html>
<head>
<title> DON OMAR </title>
body{
background-color:#990033;
}
#cabecera { background-color: #0CF; }

</style>
function ver(n) {
}
}
</script>
<div id="cabecera">
<h1> DOM OMAR </h1>
<img src=" https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRCCLrB-dKZIqDiyEBIiiUdYBrHxM0p7E0onZr1NszwwwS-tCDzhQ "
style="text-align: center ; width: 150px"/>
</div>
<ul>
<a href="#"> INFORMACION </a>
<p><a href="#"> <input type="submit" value="EXITOS" onclick = "location='http://www.carolina.cl/noticias/2014/10/15-exitos-de-donomar/'" style="text-align:left " /></a></p>
<p><a href="#"> <input type="submit" value=" VIDEOS " onclick =
"location='http://www.biografiasyvidas.com/biografia/d/don_omar.htm'"/> </a></p>
<p><a href="#"> <input type="submit" value="PROXIMOS CONCIERTOS" onclick = "location='http://www.buenamusica.com/donomar/conciertos'"/></a></p>
</div>
</li>
<a href="#">GENEROS</a>
<p><a href="#"> GENEROS</a></p>
<p><a href="#"> ALBUNES</a></p>
</div>
</li>
</ul>
<div class="borrar"></div>
</div>
<div id="boton" style="position:absolute;left:150;top:300;">

VIDEOS
<br />
<iframe width="200" height="100" src="https://www.youtube.com/watch?v=qexWgG3FgR8" frameborder="0" allowfullscreen></iframe>
<br />
</div>
</body>
</html>
PAGE3
<html>
<head>
<title> DON OMAR </title>

body{
background-color:#9933cc;
}
#cabecera { background-color: #0CF; }
</style>
function ver(n) {
}
}
</script>
<div id="cabecera">
<h1> DOM OMAR </h1>
<img src=" https://pbs.twimg.com/profile_images/713312086621859841/h_2AiZXE.jpg " style="text-align: center ; width: 150px"/>
</div>
<ul>
<p><a href="#"> <input type="submit" value="BIBLIOGRAFIA" onclick = "location='pagina2'"/></a></p>
</div>
</li>
</div>
</li>
</ul>
</div>

VIDEOS
<br />
<br />
</div>
VIDEOS
<br />
<br />
</div>
VIDEOS
<br />
<img src=" http://www.corazon.cl/wp-content/uploads/2014/10/don-omar.jpg " style="text-align: center ; width: 150px"/>
<br />
</div>
VIDEOS
<br />
<img src=" http://fotos.ipauta.com/wp-content/uploads/2015/06/Don-Omar-desmiente-rivalidad-con-Daddy-Yankee-.jpg " style="text-align:
center ; width: 150px"/>
<br />
</div>
VIDEOS
<br />
<img src="https://levibeblog.files.wordpress.com/2016/04/don-omar-king-of-kings-live-2007.jpg?w=768 " style="text-align: center ; width:
150px"/>
<br />
</div>
VIDEOS
<br />
<img src="http://fotos.ipauta.com/wp-content/uploads/2015/11/Daddy-Yankee-vs-Don-Omar-ipauta-noticias-kingDom-concierto-tebanmusicredes-sociales.jpeg" style="text-align: center ; width: 150px"/>
<br />
</div>

VIDEOS
<br />
<img src="http://4.bp.blogspot.com/-xznkbU-oTus/U2QcyP-LogI/AAAAAAAAMcs/xeOEOH6xFnM/s1600/Don-omar-pura-vida-123.png"
style="text-align: center ; width: 150px"/>

<br />
</div>
VIDEOS
<br />
<img src="https://reggaetonmagazine.files.wordpress.com/2015/12/andromeda-don-omar.jpg" style="text-align: center ; width: 150px"/>
<br />
</div>
VIDEOS
<br />
<img src="http://epmghispanic.media.lionheartdms.com/img/photos/2016/03/29/DON-OMAR-DADDY-YANKEE_t670x402.jpg?
f30863bff0735fde73978a36df35ecc00549ce50" style="text-align: center ; width: 150px"/>
<br />
</div>

VIDEOS
<br />
<img src="http://lourbano.com/web/wp-content/uploads/2015/06/don-omar-the-las-don-2-cover-official.jpg" style="text-align: center ; width:
150px"/>
<br />
</div>
VIDEOS
<br />
<img src="http://www.portada-online.com/wp-content/uploads/2013/01/donomar.jpg" style="text-align: center ; width: 150px"/>
<br />
</div>
VIDEOS
<br />
<img src="http://cdn2.24live.co/images/2016/02/28/1456640151829413.jpg" style="text-align: center ; width: 150px"/>
<br />
</div>
</body>
</html>
PAGE4
<html>
<head>
<title>TODO supply a title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
body{
background-color:#999999;
}
#cabecera { background-color: #ff9933; }

</style>
function ver(n) {
}
}
</script>
<div id="cabecera">
<h1> DOM OMAR </h1>
</div>
<ul>
<p><a href="#"> <input type="submit" value="BIBLIOGRAFIA" onclick =
"location='http://www.biografiasyvidas.com/biografia/d/don_omar.htm'"/></a></p>
</div>
</li>
</div>
</li>
</ul>
</div>
<div>TODO write content</div>
</body>
</html>

Informe Progra HTML

Cargado por

Información del documento

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Informe Progra HTML

Cargado por

Copyright:

Formatos disponibles

ESCUELA SUPERIOR POLITCNICA DE CHIMBORAZO

FACULTAD DE INFORMTICA Y ELECTRNICA

reconocer las clases y sub clases a programar segn los temas

* { padding: 0; margin: auto; text-align: center }

#navegador li { margin: 0px 5px; padding: 0.1em 1em 0.5em 1em;

Un ao despues 2005 salo a la venta Da Hitman Presents: Reggaeton Latino.

#principal h2 { font: bold 1.5em arial; padding: 1em }

<div id="boton" style="position:absolute;left:150;top:300;">

<title> DON OMAR </title>

<div id="boton" style="position:absolute;left:150;top:300;">

<div id="boton" style="position:absolute;left:700;top:300;">

style="text-align: center ; width: 150px"/>

<div id="boton" style="position:absolute;left:1100;top:300;">

#navegador li:hover { background-color: #990033; }

También podría gustarte