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.


Mensajes - JurreNawijn

Páginas: [1] 2
1
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Concatenar cadenas (strings) PHP. Extraer una palabra substr Ejercicio CU00821B
« en: 06 de Marzo 2016, 20:55 »
Dejo la respuesta al ejercicio CU00821B del curso tutorial PHP desde cero.

Código: [Seleccionar]
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
</head>
<body><div id="cabecera"><h2>Cursos aprenderaprogramar.com</h2><h3>Ejemplos PHP</h3></div>
<?php

    $contenido = 'Didáctica y divulgación de la programación';
    $a = substr($contenido,0, 10);
    $b = substr($contenido, 11, 1);
    $c = substr($contenido, 13, 12);
    $d = substr($contenido, 25, 3);
    $e = substr($contenido, 28, 3);
    $f = substr($contenido, 32);
    echo 'Las palabras primeras, tercera y sexta son:' . $a . ", " . $c . ", " . $f . "</br>";
    echo "La primera palabra es $a y tiene: " . (strlen($a)-1) . ' carácteres. </br>';
    echo "La tercera palabra es $c y tiene: " . (strlen($c)-1) . ' carácteres. </br>';
    echo "La sexta palabra es $f y tiene: " . (strlen($f)-1) . ' carácteres. </br>';
    
    ?>
</body>
</html>

2
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / while JavaScript. do while. continue. contar y mostrar letras palabra CU01132E#
« en: 23 de Febrero 2016, 14:14 »
Dejo el código al siguiente ejercicio, CU01132E del tutorial javascript básico desde cero.

Código: [Seleccionar]
<!DOCTYPE html>
<html><head><title>Ejemplo aprenderaprogramar.com</title><meta charset="utf-8">
<style type="text/css">
body {background-color:white; font-family: sans-serif;}
.boton{padding:15px; width: 200px;  text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60);}
    .boton:hover {background-color: aqua; cursor:pointer;}
</style>
<script type="text/javascript">
function separaPalabras() {
var contador = 0;
var palabra = prompt("Escribe una palabra que se te venga a la mente.");
var msg = 'Escribiste: ' + palabra + '.\n';
 while (contador<palabra.length) {
     contador++;
     msg = msg + 'Letra ' + contador + ': ' + palabra.charAt(contador-1) + '\n';
     
 }
alert(msg);
}
</script>
</head>
<body>
<h1>Portal web aprenderaprogramar.com</h1>
<h2>Didáctica y divulgación de la programación</h2>
<h3 class="boton" onclick="separaPalabras()">Pulsa aquí</h3>
</body>
</html>

3
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:for JavaScript (bucles) Saber tamaño de array con length. Ejercicio CU01131E.
« en: 23 de Febrero 2016, 14:09 »
Vale, gracias. Y ya me había fijado en esa etiqueta de cierre div de más, solo que ya no podía editar el post

4
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / for JavaScript (bucles o ciclos) Saber tamaño array con length. charAt CU01131E
« en: 22 de Febrero 2016, 04:28 »
Dejo la respuesta al siguiente ejercicio.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo DOM - aprenderaprogramar.com</title>
<meta charset="utf-8">
<style type="text/css">
body { font-family: sans-serif;}
.boton{padding:15px; width: 330px;  text-align:center; clear:both;
color: white; border-radius: 40px; background: rgb(202, 60, 60); margin: 10px auto;}
.boton:hover {background: rgb(66, 184, 221); cursor:pointer;}
    p {font-size: 24px; color: maroon; display: inline-block; margin:10px; border: solid black; padding:10px;}
</style>
<script type="text/javascript">

function mostrarLetras() {
var palabra = prompt("Escribe la primera palabra que se te venga a la mente.");
var msg = 'Primeras letras: \n\n';

for (var i=1; i<=palabra.length; i++){
    msg = msg + palabra.charAt(i-1) + '\n'; }
    alert (msg);
}

    function mostrarContParrafos() {
        var elementosObtenidos = document.getElementsByTagName('p');
       
        var parrafos = elementosObtenidos.length;
       
        var msg = 'Párrafos\n';
        for (i=1; i<=parrafos; i++) {
            var contenido = elementosObtenidos[i-1].firstChild.nodeValue;
            msg = msg + 'Párrafo número: ' + i + '\nContenido: ' + contenido + '\n\n';
        }
        alert(msg);
    }
   
</script>
</head>
<body>
<h3 class="boton" onclick="mostrarLetras()">Pulse aquí para separar una palabra</h3>
    <h3 class="boton" onclick="mostrarContParrafos('p')">Pulse aquí para contar los parrafos.</h3>
    <p>Manzana</p>
    <p>Pera</p>
    <p>Fresa</p>
    <p>Ciruela</p>
    <p>Naranja</p>
    <p>Kiwi</p>
    <p>Pomelo</p>
    <p>Melón</p>
    <p>Sandía</p>
    <p>Mango</p>
    <p>Papaya</p>
    <p>Cereza</p>
    <p>Nectarina</p>
    <p>Frambuesa</p></div>
   
</body>
</html>

5
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:DOM o Document Object Model en desarrollos web HTML y JavaScript CU01123E
« en: 12 de Febrero 2016, 01:38 »
Dejo la respuesta junto con la segunda parte.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title> Página web DOM</title>
        <meta charset="utf-8">
    </head>
    <body>
        <div>
            <h1>Curso JavaScript aprenderaprogramar.com</h1>
        </div> 
        <div>
            <p>Parrafo 1.</p>
            <p>Parrafo 2.</p>
            <p>Parrafo 3.</p>
        </div>
    </body>

</html>Árbol de nodos conforme al DOM.


6
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:function Javascript llamar o invocar a una función con parámetros CU01122E
« en: 11 de Febrero 2016, 19:41 »
Aquí dejo el código corregido.

Código: [Seleccionar]
<DOCTYPE html>
<html> <head> <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
    function RecogeDatos() {
        var Cantidad = Number(prompt("Escribe el importe sin impuesto: "));
        var Tipo = Number(prompt("Menú: \n\n 1) 21% IVA.\n 2) 10% IVA.\n 3) 5% IVA. \n\n Debes escoger unas de las tres opciones. "));
        obtenerImporteConImpuestos(Cantidad,Tipo);
    }
   
    function obtenerImporteConImpuestos(importeSinImpuesto, tipoDeProducto) {
        var msg = "El importe sin impuesto es: " + (importeSinImpuesto) + "\n";
        var msg2 = "El importe con impuesto es: ";
        // Arroja datos
        switch (tipoDeProducto) {
            case 1: alert(msg + msg2 + (importeSinImpuesto*121/100)); break;
            case 2: alert(msg + msg2 + (importeSinImpuesto*110/100)); break;
            case 3: alert(msg + msg2 + (importeSinImpuesto*105/100)); break;
            default: alert("Por favor, inserta un valor entre 1 y 3."); break;
               
        }
}
    function obtenerImporteConImpuestos2(importeSinImpuesto)
    {
        importeSinImpuesto = Number(prompt("Inserta un valor entre 1 y 3."));
        if (importeSinImpuesto >= 4) {
            alert("Error: Solo hay tres tipos.");
        } else {
        resultado = [undefined, (100*1.21) ,(100*110/100),(100*1.05)];
        alert("El importe sin impuesto es : 100\n" + "El importe con impuesto es: " + resultado[importeSinImpuesto]);
        }
    }

</script>
</head>
<body> <div> <p>Los ejercicios</p>
<img onclick="RecogeDatos()" src="http://2.bp.blogspot.com/-hU25nwadhPI/TV1TNKRmBYI/AAAAAAAAAH8/dKxiSpvhsPE/s1600/600px-MA_Route_1_svg.png" alt="Ejercicio 1" title="Ejercicio 1" width="200px" height="150px" />
    <img onclick="obtenerImporteConImpuestos2()" src="http://cliparwolf.com/images/2/2-06.jpg" alt="Ejercicio 2" title="Ejercicio 2" width="200px" height="150px" /> </div> </body> </html>

7
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / DOM o Document Object Model en desarrollos web HTML y JavaScript CU01123E#
« en: 06 de Febrero 2016, 03:12 »
Buenas noches, dejo la respuesta al siguiente ejercicio.

Código: [Seleccionar]
<!DOCTYPE html>
<html>
    <head>
        <title> Página web DOM</title>
        <meta charset="utf-8">
        <style type="text/css">
            body {background-color: burlywood;}
            div { margin: auto;}
            p, h1 { text-align: center; margin: 20px auto;}
        </style>
    </head>
    <body>
        <div>
            <h1>Curso JavaScript aprenderaprogramar.com</h1>
        </div>
       
        <div>
            <p>Parrafo 1.</p>
            <p>Parrafo 2.</p>
            <p>Parrafo 3.</p>
        </div>
    </body>

</html>

8
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / function Javascript llamar o invocar a una función con parámetros CU01122E
« en: 05 de Febrero 2016, 04:07 »
Buenas noches, dejo la respuesta al siguiente ejercicio (CU01122E).

Creo que hice lo que pedía el enunciado del ejercicio.

Código: [Seleccionar]
<DOCTYPE html>
<html> <head> <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
    function obtenerImporteConImpuestos(importeSinImpuesto, tipoDeProducto) {
        // Recoge datos
        tipoDeProducto = Number(prompt("Menú: \n\n 1) 21% IVA.\n 2) 10% IVA.\n 3) 5% IVA. \n\n Debes escoger unas de las tres opciones. "));
        var msg = "El importe sin impuesto es: " + (importeSinImpuesto) + "\n";
        var msg2 = "El importe con impuesto es: ";
        // Arroja datos
        switch (tipoDeProducto) {
            case 1: alert(msg + msg2 + (importeSinImpuesto*1.21)); break;
            case 2: alert(msg + msg2 + (importeSinImpuesto*110/100)); break;
            case 3: alert(msg + msg2 + (importeSinImpuesto*1.05)); break;
            default: alert("Por favor, inserta un valor entre 1 y 3."); break;
               
        }
}
    function obtenerImporteConImpuestos2(importeSinImpuesto)
    {
       
        importeSinImpuesto = Number(prompt("Inserta un valor entre 1 y 3."));
        if (importeSinImpuesto >= 4) {
            alert("Error: Solo hay tres tipos.");
        } else {
        resultado = [undefined, (100*1.21) ,(100*110/100),(100*1.05)];
        alert("El importe sin impuesto es : 100\n" + "El importe con impuesto es: " + resultado[importeSinImpuesto]);
        }
    }

</script>
</head>
<body> <div> <p>Los ejercicios</p>
<img onclick="obtenerImporteConImpuestos(100)" src="http://2.bp.blogspot.com/-hU25nwadhPI/TV1TNKRmBYI/AAAAAAAAAH8/dKxiSpvhsPE/s1600/600px-MA_Route_1_svg.png" alt="Ejercicio 1" title="Ejercicio 1" width="200px" height="150px" />
    <img onclick="obtenerImporteConImpuestos2()" src="http://cliparwolf.com/images/2/2-06.jpg" alt="Ejercicio 2" title="Ejercicio 2" width="200px" height="150px" /> </div> </body> </html>

9
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript declarar array o arreglo vacío y rellenarlo prompt Ejercicio CU01121E
« en: 04 de Febrero 2016, 05:25 »
Buenas noches, dejo la respuesta al ejercicio CU01121E.

Código: [Seleccionar]
<html> <head> <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
function mostrarMensaje1() {
    var nombres = [];
    nombres[0] = prompt("Ingresa tu primer nombre."); nombres[1] = prompt("Ingresa tu segundo nombre."); nombres[2] = prompt("Ingresa tu primer apellido.");
    alert("Tu nombre completo es: " + nombres[0] + " " + nombres[1] + " " + nombres[2]);
}
</script>
</head>
<body> <div> <p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p>
<img onclick="mostrarMensaje1()" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
<p onclick ="alert('Alerta JavaScript')" style="color: #D2691E;">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web. </p> </div> </body> </html>

10
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / switch JavaScript condicional con varios casos a elegir según opción CU01120E
« en: 04 de Febrero 2016, 00:35 »
Buenas noches a todos, dejo la respuesta de los ejercicios switch del curso de javascript desde cero entrega CU01120E.

Código: [Seleccionar]
<DOCTYPE html>
<html>
<head>
<title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
function dimeTipoMotor() {
    var TipoDeMotor = Number(prompt("Inserte el tipo de motor."));
    if (TipoDeMotor == "") { alert("Error: No escribiste el tipo de motor."); } else {
            switch (TipoDeMotor) {
            case 0: alert ("No hay establecido un valor definido para el tipo de bomba."); break;
            case 1: alert ("La bomba es una bomba de agua."); break;
            case 2: alert ("La bomba es una bomba de gasolina."); break;
            case 3: alert("La bomba es una bomba de hormigón."); break;
            case 4: alert("La bomba es una bomba de pasta alimenticia."); break;
            default: alert ("No existe un valor válido para tipo de bomba"); break;
        }
        }
}
</script>
</head>
<body>
<div>
<p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p>
<img onclick="dimeTipoMotor()" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
<p onclick ="alert('Alerta JavaScript')" style="color: #D2691E;">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web.
</p>
</div>
</body>
</html>

11
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / JavaScript document.write mostrar mensaje pantalla If else, if else if CU01119E
« en: 03 de Febrero 2016, 01:23 »
Buenas noches. Dejo la respuesta al ejercicio CU01119E del curso de javascript.

Código: [Seleccionar]
<DOCTYPE html>
<html>
<head>
<title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
    <style>
        body {
            background-color: #F7F7F7;
        }
        div {
            border-style: dashed; border-color: firebrick; margin: auto auto; padding: 25px; width: 40%;   
            }
        p {text-align: center; font-family: sans-serif;}
        h1 {text-align: center; color: crimson;}
    </style>
    <script>
        var diametro = Number(prompt('Inserte diámetro de la rueda:')); var grosor = Number(prompt("Inserte grosor de la rueda "));
    </script>
   
</head>
<body>
<div>
    <script>
    if (diametro == "" || grosor == "" ) {
        document.write("<h1>Error: Debes ingresar el diámetro y el grosor de una rueda.</h1>");
       
    } else {
       
    if (diametro > 1.8) {
        document.write("<p>La rueda es para un vehículo grande.</p>")
    } else if (diametro <= 1.8 && diametro > 0.8) {
        document.write("<p>La rueda es para un vehículo mediano.</p>");
       
       
    } else {
        document.write("<p>La rueda es para un vehículo pequeño.</p>")
    }
    if (diametro > 1.8 && grosor < 0.4 || diametro <= 1.4 && diametro > 0.8 && grosor < 0.25) {
        document.write("<p>El grosor para esta rueda es inferior al recomendado</p>");
    }
   
    }
</script>
   
</div>
</body>
</html>

12
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Javascript operadores lógicos y comparar variables que contienen NaN CU01117E
« en: 02 de Febrero 2016, 20:19 »
Ya arregle el código.

¿Y alguien me podría explicar por qué en la comparación a!==a sale como valor true en vez de false?

Código: [Seleccionar]
<DOCTYPE html>
<html>
<head>
<title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
function mostrarMensaje1() {
    var a = 3/'palabra', b = 2/'palabra';
   
    alert("Comparación a == b: " + (a==b));
    alert("Comparación a === b: " + (a===b));
    alert("Comparación a !== a: " + (a!==a));
    alert("Valor de A: " + a);
    alert("Valor de B: " + b);
}
</script>
</head>
<body>
<div>
<p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p>
<img onclick="mostrarMensaje1()" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
<p onclick ="alert('Alerta JavaScript')" style="background-color:yellow;">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web.
</p>
</div>
</body>
</html>

13
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript operadores lógicos y comparar variables que contienen NaN CU01117E
« en: 31 de Enero 2016, 23:53 »
Dejo la respuesta al ejercicio CU01117E.

Primer código:

Código: [Seleccionar]
<DOCTYPE html>
<html>
<head>
<title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
function mostrarMensaje1() {
    var A = 5, B = 3, C = -12;
   
    alert("Valor de A > B: " + (A>3));
    alert("Valor de A>C: " + (A>C));
    alert("Valor de A < C: " + (A<C));
    alert("Valor de B < C: " + (B<C));
    alert("Valor de B!=C: " + (B!=C));
    alert("Valor de A == 3: " + (A==3));
    alert("Valor de A*B == 15: " + (A*B==15));
    alert("Valor de A*B==-30: "+(A*B==-30));
    alert("Valor de C / B < A: " + (C/B<A));
    alert("Valor de C/B == -10: " + (C/B==-10));
    alert("Valor de C/B==-4: "+(C/B==-4));
    alert("Valor de A + B + C == 5: "+(A+B+C==5));
    alert("Valor de (A+B == 8) && (A-B == 2): " + (A+B==8&&A-B==2));
    alert("Valor de (A+B==8) || (A-B==6): " + (A+B==8 || A-B==6));
    alert("Valor de A>3&&B>3&&C<3: " +(A>3&&B>3&&C<3));
    alert("Valor de A > 3 && B >= 3 && C < -3: " + (A>3&&B>=3&&C<-3));
}
</script>
</head>
<body>
<div>
<p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p>
<img onclick="mostrarMensaje1()" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
<p onclick ="alert("Alerta JavaScript")" style="background-color:yellow;">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web.
</p>
</div>
</body>
</html>
Segundo código:

Código: [Seleccionar]
<html>
<head>
<title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
function mostrarMensaje1() {
    var a = "pepe", b = "elefante";
    alert("Forzamos a que de un valor NaN: " + (a*b));
    alert("Comparación a == b: " + (a==b));
    alert("Comparación a === b: " + (a===b));
    alert("Comparación a !== a: " + (a!==a));
}
</script>
</head>
<body>
<div>
<p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p>
<img onclick="mostrarMensaje1()" src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
<p onclick ="alert('Alerta JavaScript')" style="background-color:yellow;">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web.
</p>
</div>
</body>
</html>

14
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Operadores aritméticos Javascript. Ejercicio CU01116E
« en: 31 de Enero 2016, 18:32 »
Muchas gracias, aclaraste mis dudas :D

15
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Javascript no funciona suma de números al intentar sumar se juntan unen CU01116E
« en: 31 de Enero 2016, 17:19 »
Buenos días a todos  :D :D

Tengo la posible respuesta a la resolución: CU01116E.Pero tuve un inconveniente, en la parte donde se deben sumar los números, no se suman, en vez de eso se juntan.

Código: [Seleccionar]
<DOCTYPE html>
<html> <head> <title>Curso JavaScript aprenderaprogramar.com</title> <meta charset="utf-8">
<script type="text/javascript">
    var numero1 = prompt("Lanza el primer número"), numero2 = prompt("Lanza el segundo número"), resultado = numero1 + numero2;
   
    document.write("<p>El resto de dividir el primer número entre 5: " + (numero1%5) + "</p>");
    document.write("<p>El resultado de divir el primer número con el segundo: " + (numero1/numero2) + "</p>" );
    resultado = numero1+numero2
    document.write("<p>EL resultado de sumar los dos números: " + resultado + "</p>");
   
   
   
</script>
</head>
<body>
<div>
<p>Aquí un párrafo de texto situado antes de la imagen, dentro de un div contenedor</p>
<img src="http://i.imgur.com/afC0L.jpg" alt="Notepad++" title="Notepad++, un útil editor de texto">
<p onclick ="alert('Alerta JavaScript')" style="background-color:yellow;">Aquí otro párrafo de texto. JavaScript es un lenguaje utilizado para dotar de efectos dinámicos a las páginas web.
</p>
</div>
</body>
</html>

16
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:CSS selector nth-of-type font-family tipografía font-variant. Ejercicio CU01045D
« en: 27 de Enero 2016, 15:39 »
Muchas gracias por la respuesta, no comprendía muy bien lo de dos veces lo normal

17
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / ¿Que me conviene aprender antes? PHP o Javascript. ¿Cuáles son las diferencias?
« en: 26 de Enero 2016, 17:04 »
Me gustaría saber que debería aprender a programar antes: PHP o Javascript.

¿Cuáles son las diferencias entre ambos? ¿Y qué beneficios tiene uno de otro?

18
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Degradados CSS. Efecto lineal y radial color que va cambiando Ejercicio CU01060D
« en: 24 de Enero 2016, 22:31 »
Dejo la respuesta al ejercicio CU01060D.

Código: [Seleccionar]
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8" />

<style type="text/css">

    div {
        margin: 50px auto auto auto; border: 2px solid black; width: 400px; height: 200px;
        background: linear-gradient( 25deg, red, white, blue);
    }
   
</style>
</head>

<body>
    <div></div>
</body>
</html>

19
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / CSS crear tabla con efecto esquina redondeada border-radius ejemplo CU01058D
« en: 24 de Enero 2016, 16:19 »
Dejo la respuesta al ejercicio del curso básico de programación web con CSS usando Notepad++ como editor

Código: [Seleccionar]
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8" />

<style type="text/css">
* {margin:0;}
    table {
        background-color: #EBEBEB;
        text-align: center;
        margin: 45px 1px 45px 1px;
        font-size: 1.3em;
        float:left;
        border-radius: 3%;
        font-family:cursive;
    }
    #tabla3 {
        background-color: #E1F3C3;
    }
    .incluye {
        color: #7EE57E;
        font-weight:900;
        text-shadow: 1px 1px green, -1px -1px green;
    }
    .noincluye {
        color: #FF6F71;
        font-weight: 900;
        text-shadow: 1px 1px red, -1px -1px red;
    }

   
    th, td {
        padding: 15px 50px 15px 50px;
        margin:20px;
        border-bottom: 1px solid #CDCDCD;
    }
    tfoot th {
        border-bottom-style: hidden;
    }
</style>
</head>

<body>
<table id="tabla1">
<thead>
<tr>
<th>Standard</th>
</tr>
</thead>
<tbody>
<tr class="incluye">
<td>&#10003;</td>
</tr>
<tr class="incluye">
<td>&#10003;</td>
</tr>
<tr class="noincluye">
<td>&#10008;</td>
</tr>
        <tr class="noincluye">
<td>&#10008;</td>
</tr>
    <tbody>
        <tfoot>
            <th>$99</th>
        </tfoot>
</table>
   
<table id="tabla2">
<thead>
<tr>
<th>Professional</th>
</tr>
</thead>
<tbody>
<tr class="incluye">
<td>&#10003;</td>
</tr>
<tr class="incluye">
<td>&#10003;</td>
</tr>
<tr class="incluye">
<td>&#10003;</td>
</tr>
        <tr class="noincluye">
<td>&#10008;</td>
</tr>
    </tbody>
    <tfoot>
            <th>$199</th>
        </tfoot>

</table>

<table id="tabla3">
<thead>
<tr>
<th>Enterprise</th>
</tr>
</thead>
<tbody>
<tr class="incluye">
<td>&#10003;</td>
</tr>
<tr class="incluye">
<td>&#10003;</td>
</tr>
<tr class="incluye">
<td>&#10003;</td>
</tr>
        <tr class="incluye">
<td>&#10003;</td>
</tr>
    </tbody>
    <tfoot>
            <th>$399</th>
        </tfoot>

</table>
</body>
</html>

Intenté hacerlo lo más parecido que pude, pero no pude conseguir el tipo de fuente.

20
C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Estilos CSS para tablas ancho de tabla y anchura de celdas bordes CU01051D
« en: 23 de Enero 2016, 00:59 »
Dejo la respuesta del siguiente ejercicio acá.

HTML:
Código: [Seleccionar]
<html>
    <head> <title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>

    <body>
        <table id="tabla1">
            <caption>Tabla 1</caption>
   <thead>
<tr>
<th>Alimento</th>
<th>Calorías (kCal)</th>
<th>Grasas (g)</th>
<th>Proteina (g)</th>
            <th>Carbohidratos (g)</th>
</tr>
</thead>
<tbody>
<tr>
<td>Arándano</td>
<td>49</td>
<td>0.2</td>
<td>0.4</td>
            <td>12.7</td>
</tr>
<tr>
<td>Plátano</td>
<td>90</td>
<td>0.3</td>
<td>1.0</td>
            <td>23.5</td>
</tr>
<tr>
<td>Cereza</td>
<td>46</td>
<td>0.4</td>
<td>0.9</td>
            <td>10.9</td>
</tr>
        <tr>
<td>Fresa</td>
<td>37</td>
<td>0.5</td>
<td>0.8</td>
            <td>8.3</td>
</tr>
        <tr>
<td>Mandarina</td>
<td>44</td>
<td>0.2</td>
<td>0.6</td>
            <td>9.2</td>
</tr>
        <tr>
<td>Banana</td>
<td>90</td>
<td>0.33</td>
<td>1.09</td>
            <td>22.84</td>
</tr>
</tbody>
</table>
        <table id="tabla2">
            <caption>Tabla 2</caption>
   <thead>
<tr>
<th>Nombre</th>
            <th>Apellido</th>
<th>Teléfono</th>
<th>Dirección</th>
<th>Edad</th>
           
</tr>
</thead>
<tbody>
<tr>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
            <td>Pellentesque habitant</td>
</tr>
<tr>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
            <td>Pellentesque habitant</td>
</tr>
<tr>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
            <td>Pellentesque habitant</td>
</tr>
        <tr>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
            <td>Pellentesque habitant</td>
</tr>
        <tr>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
            <td>Pellentesque habitant</td>
</tr>
        <tr>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
<td>Pellentesque habitant</td>
            <td>Pellentesque habitant</td>
</tr>
</tbody>
</table>
        <table id="tabla3">
            <caption>Tabla 3</caption>
   <thead>
<tr>
<th>verbum significatium</th>
<th>verbum significatium</th>
<th>verbum significatium</th>
<th>verbum significatium</th>
            <th>verbum significatium</th>
</tr>
</thead>
<tbody>
<tr>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
            <td>verbum significatium</td>
</tr>
<tr>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
            <td>verbum significatium</td>
</tr>
<tr>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
            <td>verbum significatium</td>
</tr>
        <tr>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
            <td>verbum significatium</td>
</tr>
        <tr>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
            <td>verbum significatium</td>
</tr>
        <tr>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
<td>verbum significatium</td>
            <td>verbum significatium</td>
</tr>
</tbody>
</table>
    </body>
</html>
CSS:

Código: [Seleccionar]
table {
    text-align: center;
}
#tabla1 {
    width: 600px;
    border: 8px solid gray;
    border-collapse: collapse;
}

#tabla1 th, #tabla1 td{
    width: 20%;
    border: 8px solid gray;
    border-collapse: collapse;
}

#tabla2 {
    margin-top: 20px;
    width: 100%;
    border: 2px solid brown;
}

#tabla2 td, #tabla2 th {
    width: 20%;
    border: 2px solid brown;
}

#tabla3 {
    margin-top: 20px;
    width: 500px;
    border-bottom: 6px solid blue;
    border-collapse: collapse;
}

#tabla3 td, #tabla3 th {
    width: 100px;
    border-bottom: 6px solid blue;
    border-collapse: collapse;
}

Páginas: [1] 2

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

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".