Aprende a programar con pseudocódigo con el libro "Aprende a programar con pseudocódigo, diagramas de flujo y ejercicios resueltos en C. 442 pgs. Editorial aprenderaprogramar.com.
Mostrar Mensajes
Esta sección te permite ver todos los posts escritos por este usuario. Ten en cuenta que sólo puedes ver los posts escritos en zonas a las que tienes acceso en este momento.
<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>Ejemplo del uso de imágenes - aprenderaprogramar.com</title>
</head>
<body>
<strong><!-- Texto en negrita -->
<center> <!-- Centrado de la imagen -->
<!-- Centrado del texto en cada etiqueta p o en body si lo hacemos
en body hay que poner el salto de linea <br/> si no se usa la etiqueta <p>.
Es aconsejable utilizar las etiquetas siempre para que no haya errores.
-->
<p align="center">Imagen que refleja una boda:</p>
<img src="http://www.agradecimientos.org/wp-content/uploads/2015/01/palabras-de-agradecimiento-de-boda.jpg" alt="imagen boda">
<p align="center">Imagen que muestra un mercado:</p>
<img src="http://guias-viajar.com/wp-content/uploads/2014/05/fotos-valencia-mercado-central-007-450x309.jpg" alt="imagen mercado">
<p align="center">Imagen que muestra un atleta :</p>
<img src="https://sc2.diarioelpais.com/files/article_default_content/uploads/2017/09/10/59b56c1f48598.jpeg" alt="imagen atleta">
<p align="center">Imagen que refleja un atardecer :</p>
<img src="https://miviaje.com/wp-content/uploads/2015/11/shutterstock_255555796.jpg" alt="imagen atardecer">
</center><!-- Fin Centrado de la imagen -->
</strong><!-- Fin Texto en negrita -->
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/CSS" href="estilos.css">
</head>
<body background="1.png"> <!--Si le pones una imagen de fondo se nota mas el efecto de transparencia -->
<div>
<h3>Solución</h3>
<div id="td1">RGB 178,34,34 con transparencia 0.1</div>
<div id="td2">RGB 178,34,34 con transparencia 0.2</div>
<div id="td3">RGB 178,34,34 con transparencia 0.3</div>
<div id="td4">RGB 178,34,34 con transparencia 0.4</div>
<div id="td5">RGB 178,34,34 con transparencia 0.5</div>
<div id="td6">RGB 178,34,34 con transparencia 0.6</div>
<div id="td7">RGB 178,34,34 con transparencia 0.7</div>
<div id="td8">RGB 178,34,34 con transparencia 0.8</div>
<div id="td9">RGB 178,34,34 con transparencia 0.9</div>
<div id="td10">RGB 178,34,34 con transparencia 1.0</div>
<div id="td11">RGB 218,165,32 con transparencia 0.1</div>
<div id="td12">RGB 218,165,32 con transparencia 0.2</div>
<div id="td13">RGB 218,165,32 con transparencia 0.3</div>
<div id="td14">RGB 218,165,32 con transparencia 0.4</div>
<div id="td15">RGB 218,165,32 con transparencia 0.5</div>
<div id="td16">RGB 218,165,32 con transparencia 0.6</div>
<div id="td17">RGB 218,165,32 con transparencia 0.7</div>
<div id="td18">RGB 218,165,32 con transparencia 0.8</div>
<div id="td19">RGB 218,165,32 con transparencia 0.9</div>
<div id="td20">RGB 218,165,32 con transparencia 1.0</div>
</div>
</body>
</html>
Codigo CSS/* Curso CSS estilos aprenderaprogramar.com*/
#td1{background-color: RGBA(178,34,34,0.1);}
#td2{background-color: RGBA(178,34,34,0.2);}
#td3{background-color: RGBA(178,34,34,0.3);}
#td4{background-color: RGBA(178,34,34,0.4);}
#td5{background-color: RGBA(178,34,34,0.5);}
#td6{background-color: RGBA(178,34,34,0.6);}
#td7{background-color: RGBA(178,34,34,0.7);}
#td8{background-color: RGBA(178,34,34,0.8);}
#td9{background-color: RGBA(178,34,34,0.9);}
#td10{background-color: RGBA(178,34,34,1.0);}
#td11{background-color: RGBA(218,165,32,0.1);}
#td12{background-color: RGBA(218,165,32,0.2);}
#td13{background-color: RGBA(218,165,32,0.3);}
#td14{background-color: RGBA(218,165,32,0.4);}
#td15{background-color: RGBA(218,165,32,0.5);}
#td16{background-color: RGBA(218,165,32,0.6);}
#td17{background-color: RGBA(218,165,32,0.7);}
#td18{background-color: RGBA(218,165,32,0.8);}
#td19{background-color: RGBA(218,165,32,0.9);}
#td20{background-color: RGBA(218,165,32,1.0);}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
<title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<script type="text/javascript">
/* *********************************************************************
************************** EJERCICIO **********************************
******************************************************************* */
msg="";
function mas(x, y){
return x + y;
}
function menos(x, y){
return x - y;
}
function multiplica(x, y){
return x * y;
}
function divide(x, y){
return x / y;
}
//(b
function operaciones (x, y){
this.suma=mas(x,y);
this.resta=menos(x,y);
//(c
this.multi=multiplica(x,y);
this.divi= divide(x,y);
}
function calcular(x,y){
var objOperaciones = new operaciones(x, y);//(d
for(nombrePropiedad in objOperaciones){
msg=msg+x + ' ' + nombrePropiedad + ' ' + y + ' = ' + objOperaciones[nombrePropiedad]+"<br/>";
}
document.all.pizarra.innerHTML=msg;
}
function operacionMatematica(){
var x = prompt('Introduce primer número: ');
var y = prompt('Introduce segundo número: ');
calcular(Number(x), Number(y));
}
/* ****************************************************************
************************** FIN DEL EJERCICIO**********************
*************************************************************** */
</script>
<style type="text/css">
body{background-color:green;}
h1,h2{
text-align:center;
margin-left:0;
padding:0;
color:white;
width:300;
height:200;
}
.boton {
border:outset white 2px;
width:200px;
border-radius:25px 25px;
box-shadow:3px 3px 2px 2px #AFF6AF;
text-align:center;
background-color:#90EE90;
color:black;
font-size:19px;
margin-top :2px;
margin-left:5px;
margin-bottom:5px;
}
.boton, #externa{margin-left:150px;}
.boton:hover {
border:inset 2px green;
box-shadow:3px 3px 2px 2px #0BF50B ;
}
#pizarra {
background-color:black;
border:groove red 8px;
border-radius:25px 25px;
color:white;
font-size:19px;
padding:15px;
overflow:hidden;
float:left;
margin-left:10px;
margin-top:10px;
}
#Pizarras{float:left;}
</style>
</head>
<body onload="iniciaVariables()">
<div id="cabecera"><h2>Ejercicio CU01146E javaScript desde cero</h2> </div>
<div id="Pizarras">
<div class="boton" onclick="operacionMatematica()">Operaciones</div>
<div id="pizarra"></div>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>ejercicio CU01145E</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
/* **************************************************************************
/* ************************** EJERCICIO *************************************
/* **************************************************************************/
var GestionDeUsuarios={};// Creacion del Objeto vacio
//Definir propiedades del objeto vacio GestionDeUsuarios
Object.defineProperty(GestionDeUsuarios,'nombre',{value:'', writable:true, enumerable:true, configurable:true});
Object.defineProperty(GestionDeUsuarios,'id',{value:0, writable:true, enumerable:true, configurable:true});
//Crear metodo para introducir datos en el objeto vacio
GestionDeUsuarios.preguntarDatos=function(){
// Se llenan las variables
var Nombre=prompt('Introduzca nombre de usuario');
var id=prompt('Introduzca su id');
//Se establece las propiedades nombre e id con los datos introducidos
GestionDeUsuarios.nombreUsuario=Nombre;
GestionDeUsuarios.idUsuario=id;
}
//Se crea la funcion despedir dentro del objeto GestionDeUsuarios
GestionDeUsuarios.despedir = function(){
msg='(Desde método despedir)...Hasta luego ' + GestionDeUsuarios.nombreUsuario+'<br/><br/>Nombre : ' + GestionDeUsuarios.nombreUsuario+'<br/>';
msg=msg+"Id Usuario : "+GestionDeUsuarios.idUsuario+"<br/><br/>";
}
// Se crea una funcion con el nombre despedir
function despedir(){
msg=msg+'(Desde función despedir)...Hasta luego ' + GestionDeUsuarios.nombreUsuario+'<br/>';
document.all.pizarra.innerHTML =msg;
}
//Se crea la funcion de inicio para ejecutor todo el codigo
function Inicio() {
GestionDeUsuarios.preguntarDatos();// Llamada a la funcion de introduccion de datos
GestionDeUsuarios.despedir();//Llamada a la funcion dentro del objeto GestionDeUsuarios
msg=msg+'Tenemos un objeto GestionDeUsuarios con propiedades nombre: '+GestionDeUsuarios.nombreUsuario + ' e id: '+GestionDeUsuarios.idUsuario+'<br/>';
document.all.pizarra.innerHTML =msg;
despedir();//Llamada a la funcion despedir
}
/* **************************************************************************
/* ************************** FIN DEL EJERCICIO *****************************
/* **************************************************************************/
</script>
<style type="text/css">
body{background-color:green;}
h1,h2{
text-align:center;
margin-left:0;
padding:0;
color:white;
width:300;
height:200;
}
.boton {
border:outset white 2px;
width:200px;
border-radius:25px 25px;
box-shadow:3px 3px 2px 2px #AFF6AF;
text-align:center;
background-color:#90EE90;
color:black;
font-size:19px;
margin-top :2px;
margin-left:5px;
margin-bottom:5px;
}
.boton, #externa{margin-left:150px;}
.boton:hover {
border:inset 2px green;
box-shadow:3px 3px 2px 2px #0BF50B ;
}
#pizarra {
background-color:black;
border:groove red 8px;
border-radius:25px 25px;
color:white;
font-size:19px;
padding:15px;
overflow:hidden;
float:left;
margin-left:10px;
margin-top:10px;
}
#Pizarras{float:left;}
</style>
</head>
<body onload="iniciaVariables()">
<div id="cabecera"><h2>Ejercicio CU01145E javaScript desde cero</h2> </div>
<div id="Pizarras">
<div class="boton" onclick="Inicio()">Introducir nombre usuario</div>
<div id="pizarra"></div>
</div>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>ejercicio CU01144E</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript">
doctor=new Array("Pelaez","Ruiperez","Fernandez","Jamacuquito");
espec=new Array("Oftalmologia","Cardiologia","Traumatologia","Pediatria");
perCur=new Array(21,12,63,25);
docEsp=new Array();
n="<i>Nombre del doctor :</i><b> ";
es="</b><i>Especialidad :</i><b> ";
cur="</b><i>Personas Curadas :</i><b> ";
msg="<b><i><center>Doctores especialidades y personas curadas</center></b></i><br/>";
function iniciaVariables()
{
doctor=new Array("Pelaez","Ruiperez","Fernandez","Jamacuquito");
espec=new Array("Oftalmologia","Cardiologia","Traumatologia","Pediatria")
docEsp[0]=n+doctor[0]+"<br/>"+es+espec[0]+"<br/>"+cur+perCur[0]+"<br/>";
docEsp[1]=n+doctor[1]+"<br/>"+es+espec[1]+"<br/>"+cur+perCur[1]+"<br/>";
docEsp[2]=n+doctor[2]+"<br/>"+es+espec[2]+"<br/>"+cur+perCur[2]+"<br/>";
docEsp[3]=n+doctor[3]+"<br/>"+es+espec[3]+"<br/>"+cur+perCur[3]+"<br/>"
for (i=0;i<docEsp.length;i++){msg=msg+docEsp[i]+"<br/>";}
document.all.pizarra.innerHTML =msg;
document.all.pizarra2.innerHTML =msg;
}
/* ************************ FUNCION EXTERNA *********************************/
function entraDoctor()
{
var A=prompt("Que doctor le curo")
for(i=0;i<doctor.length;i++)
{
var Si=false;
if (doctor[i]==A)
{
Si=true
perCur[i]=perCur[i]+1;
Nombre=A;
Especialidad=espec[i];
PersonaCurada=perCur[i];
docEsp[i]=n+Nombre+"<br/>"+es+Especialidad+"<br/>"+cur+PersonaCurada+"<br/>";
Metche=new Medico();
break;
}
}
if(Si==false){alert("El Dr. "+A+" no existe en esta base de datos")}
if(Si==true){presentarDatos();}
}
function Medico()
{
this.Nombre = Nombre;
this.Especialidad = Especialidad;
this.PersonaCurada = PersonaCurada;
}
function presentarDatos()
{
alert("Añadimos un paciente curado al\nDoctor :"+this.Nombre+"\nEs epecialista en : "+this.Especialidad+"\n tiene a "+this.PersonaCurada+" personas curadas");
msg="<b><i><center>Doctores especialidades y personas curadas</center></b></i><br/>";
document.all.pizarra.innerHTML ="";
for (i=0;i<docEsp.length;i++){msg=msg+docEsp[i]+"<br/>";}
document.all.pizarra.innerHTML =msg;
}
/* ********************************************************************************/
/* *********************************** FUNCION INTERNA ****************************/
/* ********************************************************************************/
function entraDoctor2()
{
var A=prompt("Que doctor le curo")
for(i=0;i<doctor.length;i++)
{
var Si=false;
if (doctor[i]==A)
{
Si=true
perCur[i]=perCur[i]+1;
Nombre=A;
Especialidad=espec[i];
PersonaCurada=perCur[i];
docEsp[i]=n+Nombre+"<br/>"+es+Especialidad+"<br/>"+cur+PersonaCurada+"<br/>";
Metche=new Medico2();
break;
}
}
if(Si==false){alert("El Dr. "+A+" no existe en esta base de datos")}
if(Si==true){presentaDatos();}
function Medico2()
{
this.Nombre = Nombre;
this.Especialidad = Especialidad;
this.PersonaCurada = PersonaCurada;
}
function presentaDatos()
{
alert("Añadimos un paciente curado al\nDoctor :"+this.Nombre+"\nEs epecialista en : "+this.Especialidad+"\n tiene a "+this.PersonaCurada+" personas curadas");
msg="<b><i><center>Doctores especialidades y personas curadas</center></b></i><br/>";
document.all.pizarra2.innerHTML ="";
for (i=0;i<docEsp.length;i++){msg=msg+docEsp[i]+"<br/>";}
document.all.pizarra2.innerHTML =msg;
}
/* ********************************************************************************/
/* ********************************************************************************/
}
</script>
<style type="text/css">
body{background-color:green;}
h1,h2{
text-align:center;
margin-left:0;
padding:0;
color:white;
width:300;
height:200;
}
.boton, .boton2 {
border:outset white 2px;
width:200px;
border-radius:25px 25px;
box-shadow:3px 3px 2px 2px #AFF6AF;
text-align:center;
background-color:#90EE90;
color:black;
font-size:19px;
margin-top :2px;
margin-left:5px;
margin-bottom:5px;
float:left;
}
.boton, #externa{margin-left:150px;}
.boton2, #interna{margin-left:600px}
.boton:hover {
border:inset 2px green;
box-shadow:3px 3px 2px 2px #0BF50B ;
}
#pizarra,#pizarra2{
background-color:black;
border:groove red 8px;
border-radius:25px 25px;
width:500px;
height:400px;
color:white;
font-size:19px;
padding:15px;
overflow:hidden;
float:left;
margin-left:10px;
margin-top:10px;
}
#Pizarras{float:left;}
#pizarra2{margin-left:230px}
p{text-align:center;margin:0;padding:0;float:left;color:white;font-size:30px}
</style>
</head>
<body onload="iniciaVariables()">
<div id="cabecera"><h2>Ejercicio CU01144E javaScript desde cero</h2> </div>
<p id="externa">Funcion Externa</p><p id="interna">Funcion Interna</p>
<div id="Pizarras">
<div class="boton" onclick="entraDoctor()">¿Que Dr le curo?</div>
<div class="boton2" onclick="entraDoctor2()">¿Que Dr.le curo?</div>
<div id="pizarra"></div>
<div id="pizarra2"></div>
</div>
</body></html>
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo curso aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css">
body {background-color:yellow;
font-family: sans-serif; }
h1,h2{text-align:center;}
p {font-size: 20px;
color: maroon;
float: left;
margin:5px;
border: solid black;
padding:5px;}
#boton, #boton2{padding:5px;
margin:5px;
width: 205px;
float:left;
text-align:center;border:solid;
color: white; border-radius: 40px;
background: rgb(202, 60, 60);
box-shadow:5px 5px 10px 5px black;}
#boton:hover, #boton2:hover{background-color:BurlyWood;
box-shadow:5px 5px 10px 5px grey;
color:black;}
#botones{margin-left:550px;
width:500px;
float:left;
clear:both; }
label {color: maroon; display:block; padding:5px;}
#boton2{width:100px;display:none;}
</style>
<script type="text/javascript">
/* ********************************************************************* */
/* **************************EJERCICIO********************************** */
/* ********************************************************************* */
function crearFormulario () {
var nodoForm = document.querySelector('form');
var nuevoNodo = document.createElement('div');
nuevoNodo.innerHTML = '<label for="nombre"><span>Nombre :</span><input id="nombre" type="text" name="nombre" onBlur="validaNombre()"/></label>'+
'<label for="apellidos"><span>Apellidos :</span> <input id="apellidos" type="text" name="apellidos" onBlur="validaApellido()"/></label>'+
'<label for="ingreso"><span>ingreso efectivo :</span> <input id="ingreso" type="text" name="ingreso" onBlur="validarNumero()" /></label>'+
'<label><h3 id="boton2" onclick="crearCuenta()">Actualizar</h3></label>';
document.getElementById('botones').style.display = 'none'; //Ocultar boton
nodoForm.insertBefore(nuevoNodo, nodoForm.querySelector('#vacio'));
nuevoNodo.style.width="350px";
nuevoNodo.style.border="groove 10px red";
varNombre = document.getElementById("nombre");
varApell = document.getElementById("apellidos");
varIngreso = document.getElementById("ingreso");
}
function crearCuenta(){
var cuenta1 = new CuentaBancaria();
msg = 'SE A CREADO UNA NUEVA CUENTA BANCARIA\n El ingreso es de:' + cuenta1.saldo + ' Euros';
alert (msg);
cuenta1.mostrarDatos();
}
function CuentaBancaria(){
this.nombreTitular = varNombre.value;
this.apellidosTitular = varApell.value;
this.saldo = varIngreso.value;
this.mostrarDatos = function () {
var msg = 'Los datos de la cuenta son:\n Nombre: ' + this.nombreTitular;
msg = msg + '\n Apellidos: ' + this.apellidosTitular + '\n Saldo: ' + this.saldo;
alert(msg);
}
location.reload();
}
/* ********************************************************************* */
/* ********************************************************************* */
/* ********************************************************************* */
function validaNombre(){
var inNombre=varNombre.value
if (inNombre.length<=0){
alert("No se admite el campo Vacio");
varNombre.value="XXX";
varNombre.focus();
varNombre.select();
}
}
function validaApellido()
{
var inApell=varApell.value
if (inApell.length<=0){
alert("No se admite el campo Vacio");
varApell.value="XXX";
varApell.focus();
varApell.select();
}
}
function validarNumero()
{
inIngres=varIngreso.value
if (inIngres.length<=0){
alert("No se admite el campo Vacio");
varIngreso.value="XXX";
varIngreso.focus();
varIngreso.select();
}
else {var Bool=true;}
var m=isNaN(Number(inIngres));
if( m==true){
alert("No se admite texto\n Introduzca un valor Numerico");
varIngreso.value="000";
varIngreso.focus();
varIngreso.select();
}
else if(Bool==true && m==false){
document.getElementById('boton2').style.display = 'block'; //Mostrar boton
}
}
</script>
</head>
<body><div id="cabecera"><h1>CREACIÓN :-X DE UNA CUENTA BANCARIA</h1><h2>Ejercicio CU01143E JavaScript desde cero</h2></div>
<!-- Formulario de contacto -->
<form name ="formularioContacto" class="formularioTipo1" method="get" action="http://aprenderaprogramar.com">
<div id="vacio" ></div>
</div>
</form>
<div id="botones" >
<h3 id="boton" onclick="crearFormulario()">Crear cuenta bancaria</h3>
</div>
</body></html>
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo curso aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css">
body {background-color:yellow; font-family: sans-serif;}
label {color: maroon; display:block; padding:5px;}
.simulaLink {color: blue; cursor:pointer;}
</style>
<script type="text/javascript">
function validar() {
validaNombre();
validaApellido();
validarEmail();
}
function validarEmail(){
var varEmail = document.getElementById("email");
var Cambio=varEmail.value;
varEmail.value =Cambio.replace(/at/g,'@');
var inEmail=varEmail.value;
var msg="",arrob=0,punto=0,i;
if (inEmail.length<=0){
alert("No se admite el campo Email vacio");
varEmail.value="@.";
varEmail.focus();
varEmail.select();
}
else{
for (i=0; i<inEmail.length;i++){
if(inEmail.charAt(i)=="@" ) {arrob=1;}
if(inEmail.charAt(i)==".") {punto=1;}
}
if (arrob==0){msg=msg+"Falta el signo @\n"}
if (punto==0){msg=msg+"Falta el .\n"}
if (arrob==0 || punto==0){alert(msg)}
}
if (arrob && punto){msg=inEmail.toLowerCase();varEmail.value=msg; }
}
function validaNombre(){
var varNombre = document.getElementById("nombre");
var inNombre=varNombre.value
if (inNombre.length<3){
alert("El nombre debe de contener al menos 3 caracteres");
varNombre.value=" ";
varNombre.focus();
varNombre.select();
}
}
function validaApellido()
{
var varApell = document.getElementById("apellidos");
var inApell=varApell.value
if (inApell.length<=0){
alert("No se admite el campo Apellido Vacio");
varApell.value=" ";
varApell.focus();
varApell.select();
}
}
</script>
</head>
<body><div id="cabecera"><h1>Portal web aprenderaprogramar.com</h1><h2>Didáctica y divulgación de la programación</h2></div>
<!-- Formulario de contacto -->
<form name ="frmContacto" class="frmTipo1" method="get" onsubmit="validar()" action="">
<p>Indica los datos de la persona que se apunta al curso:</p>
<label for="nombre"><span>Nombre:</span> <input id="nombre" type="text" name="nombre" onBlur="validaNombre()" /></label><!-- -->
<label for="apellidos"><span>Apellidos:</span> <input id="apellidos" type="text" name="apellidos" onBlur="validaApellido()" /></label><!---->
<label for="email"><span>Correo electrónico:</span> <input id="email" type="text" name="email" value="" onBlur="validarEmail()"/></label><!-- -->
<label><input type="submit" value="Enviar"><input type="reset" value="Cancelar"></label>
</form></body></html>
Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.
Abraham Lincoln (1808-1865) Presidente estadounidense.
aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación
RSS -
WAP2