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.


Temas - hymsoft

Páginas: [1] 2 3 4
1
Buenas Noches!!!!

Dejo mi solución al ejercicio CU00824B del tutorial de programación web con PHP usando Notepad++ como editor. Saludos!!!!

Citar
EJERCICIO

Queremos almacenar en una matriz el número de alumnos con el que cuenta una academia, ordenados en función del nivel y del idioma que se estudia. Tendremos 3 filas que representarán al Nivel básico, medio y de perfeccionamiento y 4 columnas en las que figurarán los idiomas (0 = Inglés, 1 = Francés, 2 = Alemán y 3 = Ruso). Se pide realizar la declaración de la matriz y asignarle los valores indicados en la siguiente imagen a cada elemento de las siguientes maneras (crea un archivo php por cada una de estas maneras):

a) Con una sintaxis basada exclusivamente en índices, y mostrar por pantalla los alumnos que existen en cada nivel e idioma.

b) Con una sintaxis basada en el uso anidado de la palabra array, y mostrar por pantalla los alumnos que existen en cada nivel e idioma.

c) Con una sintaxis que combine el uso de array y el uso de índices, y mostrar por pantalla los alumnos que existen en cada nivel e idioma.

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8"/>
    <title>CU00824B - Matrices</title>
    <style type="text/css">
      h3 {margin: 5px 0px;}
    </style>
</head>
<body>
<?php
$idioma=["Inglés","Francés","Alemán","Ruso"];
$nivel=["Básico","Medio","Perfeccionamiento"];

echo '<h2>a) Con una sintaxis basada exclusivamente en índices </h2>';
$alumnosA[0][0] = 1$alumnosA[0][1] = 14$alumnosA[0][2] = 8$alumnosA[0][3] = 3;
$alumnosA[1][0] = 6$alumnosA[1][1] = 19$alumnosA[1][2] = 7$alumnosA[1][3] = 2;
$alumnosA[2][0] = 3$alumnosA[2][1] = 13$alumnosA[2][2] = 4$alumnosA[2][3] = 1;

for($niv=0;$niv<3;$niv++){
echo "<h3> Nivel: " .$nivel[$niv]. "</h3>";
for($idi 0$idi 4$idi++){
$cant_alumnos $alumnosA[$niv][$idi];
echo $idioma[$idi] .": "$cant_alumnos . ($cant_alumnos==1?" alumno":" alumnos") . "&nbsp &nbsp &nbsp";
}
echo "<hr>";
}

echo '<h2>b) Con una sintaxis basada en el uso anidado de la palabra array </h2>';
$alumnosB = array( array(11483),
array(61972),
array(31341) );

for($niv=0;$niv<3;$niv++){
echo "<h3> Nivel: " .$nivel[$niv]. "</h3>";
for($idi 0$idi 4$idi++){
$cant_alumnos $alumnosA[$niv][$idi];
echo $idioma[$idi] .": "$cant_alumnos . ($cant_alumnos==1?" alumno":" alumnos") . "&nbsp &nbsp &nbsp";
}
echo "<hr>";
}

echo '<h2>c) Con una sintaxis que combine el uso de array y el uso de índices </h2>';
$alumnosC[0] = array(11483);
$alumnosC[1] = array(61972);
$alumnosC[2] = array(31341);

for($niv=0;$niv<3;$niv++){
echo "<h3> Nivel: " .$nivel[$niv]. "</h3>";
for($idi 0$idi 4$idi++){
$cant_alumnos $alumnosA[$niv][$idi];
echo $idioma[$idi] .": "$cant_alumnos . ($cant_alumnos==1?" alumno":" alumnos") . "&nbsp &nbsp &nbsp";
}
echo "<hr>";
}

?>

</body>
</html>

Link web: http://hymsoft.byethost33.com/CU00824B.php

2
Buenas Buenas!!!!! Respuestas (posibles) al ejercicio CU00823B del tutorial básico de programación web con PHP usando Notepad++ como editor  ;-)

Citar
EJERCICIO

Crea el código PHP de 3 archivos en cada uno de los cuales debes hacer lo siguiente:

a) Declara un array de enteros de nombre $coches e introduce en él 8 elementos cuyos valores sean 32, 11, 45, 22, 78, -3, 9, 66, 5. A continuación muestra por pantalla el elemento con localizador 5. Deberás obtener por pantalla que se visualiza -3.

b) Declara un array de numéricos decimales tipo double de nombre $importe e introduce en él cuatro elementos que sean 32.583, 11.239, 45.781, 22.237. A continuación muestra por pantalla el elemento con localizador 1. Deberás obtener por pantalla que se visualiza 11.239.

c) Declara un array de booleanos de nombre $confirmado e introduce en él seis elementos que sean true, true, false, true, false, false. A continuación muestra por pantalla el elemento con localizador 0. Deberás obtener por pantalla que se muestra “true”.

d) Declara un array de strings de nombre $jugador e introduce en él 5 elementos que sean "Crovic", "Antic", "Malic", "Zulic" y "Rostrich". A continuación usando el operador de concatenación haz que se muestre la frase: La alineación del equipo está compuesta por Crovic, Antic, Malic, Zulic y Rostrich.

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>aprenderaprogramar.com - CU00819B</title>
  <style type="text/css">
    .centrado {text-align: center;}
hr {
    border: 3px solid #4bceb4;
    border-radius: 300px ;
    height: 0px;
    text-align: center;
width: 90%;
  }
  </style>
</head>
<body>
  <h1 class="centrado">Cursos aprenderaprogramar.com</h1>
  <h2 class="centrado">Curso php desde cero - Clase CU00822B</h2>
<h2 class="centrado">Arrays PHP (arreglos). Concepto definición. Arrays unidimensionales (vectores)</h2>
<hr>
  <p>Crea el código php y debes hacer lo siguiente:</p>
  <p>a) Declara un array de enteros de nombre $coches e introduce en él 8 elementos cuyos valores sean 32, 11, 45, 22, 78, -3, 9, 66, 5. A continuación muestra por pantalla el elemento con localizador 5. Deberás obtener por pantalla que se visualiza -3.</p>
  <p>b) Declara un array de numéricos decimales tipo double de nombre $importe e introduce en él cuatro elementos que sean 32.583, 11.239, 45.781, 22.237. A continuación muestra por pantalla el elemento con localizador 1. Deberás obtener por pantalla que se visualiza 11.239.</p>
  <p>c) Declara un array de booleanos de nombre $confirmado e introduce en él seis elementos que sean true, true, false, true, false, false. A continuación muestra por pantalla el elemento con localizador 0. Deberás obtener por pantalla que se muestra “true”.</p>
  <p>d) Declara un array de strings de nombre $jugador e introduce en él 5 elementos que sean "Crovic", "Antic", "Malic", "Zulic" y "Rostrich". A continuación usando el operador de concatenación haz que se muestre la frase: La alineación del equipo está compuesta por Crovic, Antic, Malic, Zulic y Rostrich.</p>
  <hr>
  <strong>Respuestas:</strong><br>

  <?php
    
//Ejercicio a
    
$coche = array(3211452278, -39665);  
    echo 
"a) " $coche[5] . "<br>";
    
//Ejercicio b
    
$importe = array(32.583,11.239,45.781,22.237);
    echo 
"b) " $importe[1] . "<br>";
    
//Ejercicio c
    
$confirmado = array(true,true,false,true,false,false);
    echo 
"c) " . ($confirmado[1]==1?"true":"false") . "<br>";
    
//Ejercicio d
    
$jugador = array("Crovic","Antic","Malic","Zulic","Rostrich");
    echo 
"d) La alineación del equipo está compuesta por ";
    for (
$indice=0;$indice<5;$indice++){
      echo 
$jugador[$indice] . ($indice==4?".":", ");
    }
  
?>

</body>
</html>

Acceso web: http://hymsoft.byethost33.com/CU00823B.php

Saludos desde Argentina!!!!

3
Buenas!!!!

Dejo los microcódigos para las soluciones a los problemas planteados en la entrega CU00822B del manual de programación web con PHP desde cero usando Notepad++ como editor

Citar
EJERCICIO 1

Crea el código PHP donde generes:

a) Un bucle while que cuente desde 50 hasta 40 (fíjate que en este caso es decreciente)

b) Un bucle while que a partir de una variable $contador que toma valores de 1 a 5, muestre por pantalla el doble del valor de $contador, es decir, que muestre 2, 4, 6, 8, 10.

Código: [Seleccionar]
<?php
  
//Variables
  
$contador 50;
  while (
$contador >= 40){
    echo 
$contador ", ";
    
$contador --;
  };
?>

Link web: http://hymsoft.byethost33.com/CU00822B_1a.php
Código: [Seleccionar]
<?php
  
//Variables
  
$contador 1;
  while (
$contador <= 5){
    echo (
$contador*2) . ", ";
    
$contador++;
  };
?>

Link web: http://hymsoft.byethost33.com/CU00822B_1b.php
Citar
EJERCICIO 2

Crea el código PHP donde generes:

a) Un bucle do…while que cuente desde 50 hasta 40 (fíjate que en este caso es decreciente)

b) Un bucle do…while que a partir de una variable $contador que toma valores de 1 a 5, muestre por pantalla el doble del valor de $contador, es decir, que muestre 2, 4, 6, 8, 10.
Código: [Seleccionar]
<?php
  
//Variables
  
$contador 50;
  do{
    echo 
$contador ", ";
    
$contador --;
  }while (
$contador >= 40);
?>

link web: http://hymsoft.byethost33.com/CU00822B_2a.php
Código: [Seleccionar]
<?php
  
//Variables
  
$contador 1;
  do{
    echo (
$contador*2) . ", ";
    
$contador++;
  }while (
$contador <= 5);
?>

Link web: http://hymsoft.byethost33.com/CU00822B_2b.php
Citar
EJERCICIO 3

Crea el código PHP donde generes:

a) Un bucle for que cuente desde 50 hasta 40 (fíjate que en este caso es decreciente y que por tanto la variable deberá operar como $galletas– –).

b) Un bucle for que a partir de una variable $contador que toma valores de 1 a 5, muestre por pantalla el doble del valor de $contador, es decir, que muestre 2, 4, 6, 8, 10.
Código: [Seleccionar]
<?php
  
for ($contador 50$contador >= 40$contador--){
    echo 
$contador ", ";
  };
?>

Link web: http://hymsoft.byethost33.com/CU00822B_3a.php
Código: [Seleccionar]
<?php
  
for ($contador 1$contador <= 5$contador++){
    echo (
$contador*2) . ", ";
  };
?>

Link web: http://hymsoft.byethost33.com/CU00822B_3b.php

Y para probar, como siempre (o casi) arme uno con todo junto y unos arreglos para que se vea mejor, por ejemplo que al final de las cadenas se vea un .- en vez de , .
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>aprenderaprogramar.com - CU00819B</title>
  <style type="text/css">
    .centrado {text-align: center;}
hr {
    border: 3px solid #4bceb4;
    border-radius: 300px ;
    height: 0px;
    text-align: center;
width: 90%;
  }
  </style>
</head>
<body>
  <h1 class="centrado">Cursos aprenderaprogramar.com</h1>
  <h2 class="centrado">Curso php desde cero - Clase CU00822B</h2>
<h2 class="centrado">Tipos de bucles ciclos de repetición en PHP: while, do…while y for </h2>
<hr><br>
<!-- Ejercicio 1 -->
<strong>Ejercicio 1 - Instrucción WHILE</strong>
<p>Crea el código PHP donde generes:</p>
<p>a) Un bucle while que cuente desde 50 hasta 40 (fíjate que en este caso es decreciente)</p>
<p>b) Un bucle while que a partir de una variable $contador que toma valores de 1 a 5, muestre por pantalla el doble del valor de $contador, es decir, que muestre 2, 4, 6, 8, 10.</p>
<strong>Soluciones</strong>
<br><br>
<!-- Ejercicio 1a -->
<?php
//Variables
$contador 50;
echo "a) ";
while ($contador >= 40){
echo $contador;
//Este if lo uso para que no se imprima la ultima coma.
if($contador>40){
echo ", ";
}else{
echo ".- <br>";
}
$contador --;
};
?>

<!-- Fin ejercicio 1a -->
<br>
<!-- Ejercicio 1b -->
<?php
//Variables
$contador 1;
echo "b) ";
while ($contador <= 5){
echo ($contador*2);
//Este if lo uso para que no se imprima la ultima coma.
if($contador<5){
echo ", ";
}else{
echo ".- <br>";
}
$contador++;
};
?>

<!-- Fin Ejercicio 1b -->
<!-- Fin Ejercicio 1 -->
<br><hr><br>
<!-- Ejercicio 2 -->
<strong>Ejercicio 2 - Instrucción DO...WHILE</strong>
<p>Crea el código PHP donde generes:</p>
<p>a) Un bucle do…while que cuente desde 50 hasta 40 (fíjate que en este caso es decreciente)</p>
<p>b) Un bucle do…while que a partir de una variable $contador que toma valores de 1 a 5, muestre por pantalla el doble del valor de $contador, es decir, que muestre 2, 4, 6, 8, 10.</p>
<strong>Soluciones</strong>
<br><br>
<!-- Ejercicio 2a -->
<?php
//Variables
$contador 50;
echo "a) ";
do{
echo $contador;
//Este if lo uso para que no se imprima la ultima coma.
if($contador>40){
echo ", ";
}else{
echo ".- <br>";
}
$contador --;
}while ($contador >= 40);
?>

<!-- Fin ejercicio 2a -->
<br>
<!-- Ejercicio 2b -->
<?php
//Variables
$contador 1;
echo "b) ";
do{
echo ($contador*2);
//Este if lo uso para que no se imprima la ultima coma.
if($contador<5){
echo ", ";
}else{
echo ".- <br>";
}
$contador++;
}while ($contador <= 5);
?>

<!-- Fin Ejercicio 2b -->
<!-- Fin Ejercicio 2 -->
<br><hr><br>
<!-- Ejercicio 3 -->
<strong>Ejercicio 3 - Instrucción FOR</strong>
<p>Crea el código PHP donde generes:</p>
<p>a) Un bucle for que cuente desde 50 hasta 40 (fíjate que en este caso es decreciente y que por tanto la variable deberá operar como $galletas– –).</p>
<p>b) Un bucle for que a partir de una variable $contador que toma valores de 1 a 5, muestre por pantalla el doble del valor de $contador, es decir, que muestre 2, 4, 6, 8, 10.</p>
<strong>Soluciones</strong>
<br><br>
<!-- Ejercicio 3a -->
<?php
echo "a) ";
for ($contador 50$contador >= 40$contador--){
echo $contador;
//Este if lo uso para que no se imprima la ultima coma.
if($contador>40){
echo ", ";
}else{
echo ".- <br>";
};
};
?>

<br>
<!-- Ejercicio 3b -->
<?php
echo "b) ";
for ($contador 1$contador <= 5$contador++){
echo $contador*2;
//Este if lo uso para que no se imprima la ultima coma.
if($contador<5){
echo ", ";
}else{
echo ".- <br>";
};
};
?>

<!-- Fin Ejercicio 3a -->
<!-- Fin Ejercicio 3 -->

 
</body>
</html>

Link web: http://hymsoft.byethost33.com/CU00822B_todos.php


4
Buenas!!! Solución al ejercicio CU00821B del manual de programación web con PHP y editor Notepad++.

Citar
Crea el código PHP que cumpla con lo que se indica a continuación:

a) Declara una variable cuyo contenido sea la cadena "Didáctica y divulgación de la programación"

b) Usando la función substr extrae cada una de las palabras de la cadena anterior a una variable. Como tenemos 6 palabras, debes tener 6 variables con las subcadenas.

c) Usando la concatenación muestra por pantalla lo siguiente: <<Las palabras primera, tercera y sexta son: Didáctica, divulgación, programación>>

d) Usando strlen muestra por pantalla lo siguiente: <<La palabra primera es Didáctica y tiene 9 caracteres, la palabra tercera es divulgación y tiene 11 caracteres. La palabra sexta es programación y tiene 12 caracteres>>
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>CU00821B - Solución</title>
</head>
<body>
<?php
//variables

                
$miCadena "Didactica y divulgacion de la programacion";
$subCadena1 substr($miCadena,0,9);
$subCadena2 substr($miCadena,10,1);
$subCadena3 substr($miCadena,12,11);
$subCadena4 substr($miCadena,24,2);
$subCadena5 substr($miCadena,27,2);
$subCadena6 substr($miCadena,30,12);

echo "Las palabras primera, tercera y sexta son: " $subCadena1 ", " $subCadena3 ", " $subCadena6 "<br><br>";

echo "La palabra primera es " $subCadena1 .  " y tiene " strlen($subCadena1) . " caracteres,";
echo " la palabra tercera es " $subCadena3 .  " y tiene " strlen($subCadena3) . " caracteres.";
echo " La palabra sexta es " $subCadena6 .  " y tiene " strlen($subCadena6) . " caracteres,";
?>

</body>
</html>

Acceso web: http://hymsoft.byethost33.com/CU00821B.php

Podrías explicarme porque cuando uso acentos, substr se comporta de manera extraña??? cambiándome la cantidad de caracteres eh incluso imprimiendo caracteres no reconocidos???

Saludos!!!!

5
Buenas nuevamente... Solución a mi ejercicio CU00820B del curso básico de programación web con PHP y editor Notepad++

Ejercicio 1:
Citar
Analiza el siguiente código PHP:

//Ejemplo de uso switch PHP aprenderaprogramar.com
        switch ($mes) {
            case 1:
            echo ("El mes es enero");
            break;
            case 2: echo ("El mes es febrero"); break;
            case 10: echo ("El mes es octubre"); break;
            default: echo ("El mes no es enero, febrero ni octubre"); break;
        }
 
Responde a las siguientes cuestiones:

a) ¿Qué es lo que hace este código?

b) Completa el código de forma que añadas las etiquetas y definas el valor de $mes = 1. Sube el fichero al servidor y comprueba el resultado. ¿Cuál es el código completo? ¿Cuál es el resultado obtenido por pantalla?
Respuesta:
El código búsca si el mes es 1, 2 o 10 segun el valor de una variable y devuelve su nombre, sino devuelve otra frase.

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>CU00820B - Ejercicio 1</title>
</head>
<body>
  <?php
    
//Ejemplo de uso switch PHP aprenderaprogramar.com
    
$mes 1;
    switch (
$mes) {
      case 
1:
        echo (
"El mes es enero");break;
      case 
2: echo ("El mes es febrero"); break;
      case 
10: echo ("El mes es octubre"); break;
    default: echo (
"El mes no es enero, febrero ni octubre"); break;
    }
  
?>

</body>
</html>

Acceso web:http://hymsoft.byethost33.com/CU00820B-A.php

Ejercicio 2
Citar
Considera estás desarrollando una web donde trabajas con tipos de motor (suponemos que se trata del tipo de motor de una bomba para mover fluidos). Define una variable $tipoMotor y asígnale valor 3. Los valores posibles son 1, 2, 3, 4. A través de un condicional switch haz lo siguiente:

a)      Si el tipo de motor es 0, mostrar un mensaje indicando “No hay establecido un valor definido para el tipo de bomba”.

b)      Si el tipo de motor es 1, mostrar un mensaje indicando “La bomba es una bomba de agua”.

c)       Si el tipo de motor es 2, mostrar un mensaje indicando “La bomba es una bomba de gasolina”.

d)      Si el tipo de motor es 3, mostrar un mensaje indicando “La bomba es una bomba de hormigón”.

e)      Si el tipo de motor es 4,mostrar un mensaje indicando “La bomba es una bomba de pasta alimenticia”.

f)       Si no se cumple ninguno de los valores anteriores mostrar el mensaje “No existe un valor válido para tipo de bomba”.

 

¿Cuál es el código completo? ¿Cuál es el resultado obtenido por pantalla?
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>CU00820B - Ejercicio 2</title>
</head>
<body>
  <?php
    
//Variables
    
$tipoMotor 3;
    switch (
$tipoMotor) {
      case 
0: echo ("No hay establecido un valor definido para el tipo de bomba");break;
      case 
1: echo ("La bomba es una bomba de agua");break;
      case 
2: echo ("La bomba es una bomba de gasolina"); break;
      case 
3: echo ("La bomba es una bomba de hormigón"); break;
      case 
4: echo ("La bomba es uan bomba de pasta alimenticia"); break;
    default: echo (
"No hay establecido un valor definido para el tipo de bomba"); break;
    }
  
?>

</body>
</html>

Acceso web: http://hymsoft.byethost33.com/CU00820B-B.php

Saludos desde Río Gallegos, Santa Cruz, Patagonia Argentina ;-)




6
Buenas.... estaba aburrido en el trabajo hoy, asi que me puse a jugar un rato con este ejercicio :-)

Ejercicio CU00818B del manual básico de programación web con PHP usando Notepad++ como editor

Citar
Crea el código PHP donde declares estas variables, les asignes valores y muestres por pantalla el valor de verdad que tienen cada una de las expresiones antes indicadas. ¿Coincide lo que se muestra con pantalla con lo que tú esperarías que se mostrara? Puedes comprobar si tu código y  tus respuestas son correctos consultando en los foros aprenderaprogramar.com.

Código: CU00818B.php

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>aprenderaprogramar.com - CU00819B</title>
  <style type="text/css">
    .centrado {text-align: center;}
    .expresiones{
      overflow:hidden;
      text-align: center;
      background-color: aliceblue;
    }
    .expresiones div{
      display:inline-table;
      height:auto;
      width:370px;
    }
  </style>
</head>
<body>
  <h1 class="centrado">Cursos aprenderaprogramar.com</h1>
  <h2 class="centrado">Curso php desde cero</h2>
  <?php
    
//Variables
    
$A 5;
    
$B 3;
    
$C = -12;
    echo 
"Dada las variables de tipo entero con valores \$A=$A, \$B=$B, \$C=$C indicar si la evaluación de estas expresiones daría como resultado verdadero o falso<br><br>";
  
?>

  <div class="expresiones">
    <div>
      <ol type="a">
        <li>$A > 3</li>
        <li>$A > $C</li>
        <li>$A < $C</li>
        <li>$B < $C</li>
        <li>$B != $C</li>
        <li>$A == 3</li>
        <li>$A * $B == 15</li>
        <li>$A * $B == -30</li>
      </ol>
    </div>
     <div>
      <ol type="a">
        <li value="9">$C / $B < $A</li>
        <li>$C/$B == -10</li>
        <li>$C / $B == -4</li>
        <li>$A + $B + $C == 5</li>
        <li>($A + $B == 8) && ($A - $B == 2)</li>
        <li>($A + $B == 8) || ($A - $B == 6)</li>
        <li>$A > 3 && $B > 3 && $C < 3</li>
        <li>$A > 3 && $B >= 3 && $C < -3</li>
      </ol>
    </div>
  </div>
  <p><strong>Resultados:</strong></p>
  <div class="expresiones">
    <div>
      <ol type="a">
        <li>$A > 3 <?php echo $A 3?"= Verdadero":"= Falso" ?></li>
        <li>$A > $C <?php echo $A $C?"= Verdadero":"= Falso" ?></li>
        <li>$A < $C <?php echo $A $C?"= Verdadero":"= Falso" ?></li>
        <li>$B < $C <?php echo $B $C?"= Verdadero":"= Falso" ?></li>
        <li>$B != $C <?php echo $B != $C?"= Verdadero":"= Falso" ?></li>
        <li>$A == 3 <?php echo $A == 3?"= Verdadero":"= Falso" ?></li>
        <li>$A * $B == 15 <?php echo $A $B == 15?"= Verdadero":"= Falso" ?></li>
        <li>$A * $B == -30 <?php echo $A $B == -30?"= Verdadero":"= Falso" ?></li>
      </ol>
    </div>
     <div>
      <ol type="a">
        <li value="9">$C / $B < $A <?php echo $C $B $A?"= Verdadero":"= Falso" ?></li>
        <li>$C/$B == -10 <?php echo $C/$B == -10?"= Verdadero":"= Falso" ?></li>
        <li>$C / $B == -4 <?php echo $C $B == -4?"= Verdadero":"= Falso" ?></li>
        <li>$A + $B + $C == 5 <?php echo $A $B $C == 5?"= Verdadero":"= Falso" ?></li>
        <li>($A + $B == 8) && ($A - $B == 2) <?php echo ($A $B == 8) && ($A $B == 2)?"= Verdadero":"= Falso" ?></li>
        <li>($A + $B == 8) || ($A - $B == 6) <?php echo ($A $B == 8) || ($A $B == 6)?"= Verdadero":"= Falso" ?></li>
        <li>$A > 3 && $B > 3 && $C < 3 <?php echo && $B && $C?"= Verdadero":"= Falso" ?></li>
        <li>$A > 3 && $B >= 3 && $C < -3 <?php echo $A && $B >= && $C < -3?"= Verdadero":"= Falso" ?></li>
      </ol>
    </div>
  </div>
  <p><strong>Porque...</strong></p>
  <div class="expresiones">
    <div>
      <ol type="a">
        <li><?php echo "$A > 3"; echo $A 3?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A > $C"; echo $A $C?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A < $C"; echo $A $C?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$B < $C"; echo $B $C?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$B != $C"; echo $B != $C?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A == 3"; echo $A == 3?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A * $B == 15"; echo $A $B == 15?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A * $B == -30"; echo $A $B == -30?"= Verdadero":"= Falso" ?></li>
      </ol>
    </div>
     <div>
      <ol type="a">
        <li value="9"><?php echo "$C / $B < $A"; echo $C $B $A?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$C/$B == -10"; echo $C/$B == -10?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$C / $B == -4 "; echo $C $B == -4?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A + $B + $C == 5"; echo $A $B $C == 5?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "($A + $B == 8) && ($A - $B == 2)"; echo ($A $B == 8) && ($A $B == 2)?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "($A + $B == 8) || ($A - $B == 6)"; echo ($A $B == 8) || ($A $B == 6)?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A > 3 && $B > 3 && $C < 3"; echo && $B && $C?"= Verdadero":"= Falso" ?></li>
        <li><?php echo "$A > 3 && $B >= 3 && $C < -3"; echo $A && $B >= && $C < -3?"= Verdadero":"= Falso" ?></li>
      </ol>
    </div>
  </div>
</body>
</html>


PD: ya llegaremos al for y tendre que escribir menos codigo!!!! jajajajajaja

Saludos desde Rio Gallegos - Santa Cruz - Patagonia Argentina!!!!

7
Respuestas a los ejercicios de la entrega CU00817B del curso de fundamentos de programación web con PHP usando Notepad++ como editor.

Citar
EJERCICIO 1

Ejecuta este código y responde:

a) ¿Qué resultado se obtiene por pantalla?

b) Modifica el código sustituyendo el operador ternario por if else para que el resultado obtenido sea el mismo.

<?php
$haceFrio = 15;
$respuesta ="";
$temperatura = ($haceFrio<20) ? $respuesta = "Hace frio" : $respuesta = "No hace frio";
echo $respuesta;
?>
 

A) Por pantalla se muestra: Hace frio.
B) Sustituyendo el operador ternario por if else
Código: [Seleccionar]
<?php
  $haceFrio 
15;
  
$respuesta ="";
  if(
$haceFrio<20){
   
$respuesta "Hace frio"
  }else{
    
$respuesta "No hace frio";
  }
  echo 
$respuesta;
?>

Citar
EJERCICIO 2

Define las variables $tipo, $grosor, $diametro y $marca. Establece que el tipo sea “Rueda de camión”, el grosor 0.33, el diámetro 1.25 y la marca “Kimashuki”. Crea el código PHP donde a través de condicionales if realices la siguiente comprobación: si el diámetro es superior a 1.4 debe mostrarse por pantalla el mensaje “La rueda es para un vehículo grande”. Si es menor o igual a 1.4 debe mostrarse por pantalla el mensaje “La rueda es para un vehículo pequeño”. En otro caso, debe mostrarse “No existe un tamaño de rueda válido”.

Código: CU00817B_B.php
Código: [Seleccionar]
<!DOCTYPE html>
  <html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Titulo</title>
  </head>
  <body>
    <?php
      $tipo 
"Rueda de camión";
      
$grosor 0.33;
      
$diametro 1.25;
      
$marca "Kimashuki";
      if(
$diametro>1.4){
        echo 
"La rueda es para vehículo grande";
      }elseif(
$diametro<1.4){
              echo 
"La rueda es para vehiculo pequeño";
            }
              else{
                echo 
"No existe un tamaño de rueda válido";
              }
     
?>

  </body>
</html>

Acceso web: http://hymsoft.byethost33.com/CU00817B_B.php

En el único cambio que pude hacer que me de el mensaje de "No existe un tamaño de rueda válido" es cuando el diámetro es 1.4.
Es correcto esto???

Saludos!!!!








8
Buenas noches.... costó pero creo que lo resolví...

Ejercicio CU00816B del manual de programación web con PHP usando Notepad++ como editor

Citar
EJERCICIO 1

Crea el siguiente archivo y súbelo mediante ftp al directorio raíz de tu sitio web. El archivo llevará por nombre curso3.php y en él debe existir la estructura de un documento HTML, aparecer en la parte superior de la página un título h1 con el texto <<Cursos aprenderaprogramar.com>>, seguido de un título h2 con el texto <<Curso php desde cero>>, y a continuación hacer que se muestre usando echo el siguiente texto dentro de un div con color de fondo amarillo: <<Curso php de aprenderaprogramar.com usando la instrucción echo>>. Debajo de este texto debes usar echo para crear un contenedor div con color de gris donde pueda leerse “Este es el pie de página”. Comprueba que el archivo se visualiza al escribir la dirección web correcta que será similar a http://apr2.byethost7.com/curso3.php (en tu caso, tendrás que escribir la dirección web que estés utilizando para el curso). Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?

Codigo: curso3.php

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>CU00816B - A</title>
   
    <!-- Hoja de estilos -->
    <style type="text/css">
      .centrado{text-align: center;}
      .amarillo{background-color: yellow;}
      .gris{background-color: gray;color: white;}
    </style>
    <!-- Fin de estilos -->
  </head>
 
  <body>
    <h1 class="centrado">Cursos aprenderaprogramar.com</h1>
    <h2 class="centrado">Curso php desde cero</h2>
    <div class="amarillo centrado">
      Curso de php de aprenderaprogramar.com usando la instruccion echo.
    </div>
    <?php
      
echo "<div class='gris'>Este es el pié de página</div>"
    
?>

  </body>

Dirección web: http://hymsoft.byethost33.com/curso3.php

Citar
EJERCICIO 2

Crea un archivo php donde no exista html directamente pero que genere una página web con todo el código html que lleva normalmente (introduce las etiquetas html, head, title, meta charset, body, algunos párrafos de texto y algunas imágenes). Para hacer esto toda la estructura de la página web debe ser insertada a través de instrucciones echo. Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?

Código: CU00816B_B.php

Código: [Seleccionar]
<?php
  
echo "<!DOCTYPE html>";
  echo 
"<html>";
    
//head
    
echo "<head>";
      echo 
"<meta charset=\"UTF-8\">";
      echo 
"<title>CU00816B - B</title>";
      
//Hoja de estilos
      
echo "<style type=\"text/css\">";
        echo 
".centrado{text-align: center;}";
        echo 
".amarillo{background-color: yellow;}";
        echo 
".gris{background-color: gray;color: white;}";
      echo 
"</style>";
      
//Fin hoja de estilos
    
echo "</head>";
    
//fin head

    //Body
    
echo "<body>";
      echo 
"<h1 class=\"centrado\">Cursos aprenderaprogramar.com</h1>";
      echo 
"<h2 class=\"centrado\">Curso php desde cero</h2>";
      echo 
"<div class=\"amarillo centrado\">Curso de php de aprenderaprogramar.com usando la instrucción echo.</div><br>";
      echo 
"<a href=\"http://php.net/downloads.php\" target=\"_blank\">";
        echo 
"<center>";
          echo 
"<img src=\"https://trtpost-wpengine.netdna-ssl.com/files/2013/09/shutterstock_148312670-680x400.jpg\" alt=\"PHP\" height=\"135px\" width=\"200px\">";
        echo 
"</center>";
      echo 
"</a><br>";
      echo 
"<p>PHP (acrónimo recursivo de PHP: Hypertext Preprocessor) es un lenguaje de código abierto muy popular especialmente adecuado para el desarrollo web y que puede ser incrustado en HTML.</p>";
      echo 
"<p>En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl), las páginas de PHP contienen HTML con código incrustado que hace \"algo\" (en este caso, mostrar ¡Hola, soy un script de PHP!). El código de PHP está encerrado entre etiquetas especiales de comienzo y final que permiten entrar y salir del \"modo PHP\".</p>";
      echo 
"<p>Lo que distingue a PHP de algo del lado del cliente como Javascript es que el código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que era. El servidor web puede ser configurado incluso para que procese todos los ficheros HTML con PHP, por lo que no hay manera de que los usuarios puedan saber qué se tiene debajo de la manga.</p>";
      echo 
"<p>Lo mejor de utilizar PHP es su extrema simplicidad para el principiante, pero a su vez ofrece muchas características avanzadas para los programadores profesionales. No sienta miedo de leer la larga lista de características de PHP. En unas pocas horas podrá empezar a escribir sus primeros scripts.</p>";
      echo 
"<p>Aunque el desarrollo de PHP está centrado en la programación de scripts del lado del servidor, se puede utilizar para muchas otras cosas.</p><br>";
      echo 
"<div class=\"gris\">Este es el pié de página</div>";
    echo 
"</body>";
    
//fin body
  
echo "</html>";

?>

Dirección Web: http://hymsoft.byethost33.com/CU00816B_B.php

Saludos!!!!!





9
Respuesta a otro ejercicio, el CU00815B del curso de desarrollo web con PHP.

Citar
Crea el siguiente archivo y súbelo mediante ftp al directorio raíz de tu sitio web. El archivo llevará por nombre curso2.php y en él debe existir la estructura de un documento HTML, aparecer en la parte superior de la página un título h1 con el texto <<Cursos aprenderaprogramar.com>>, seguido de un título h2 con el texto <<Curso php desde cero>>, y a continuación hacer que se muestre insertando php el siguiente texto. <<Curso php de aprenderaprogramar.com comenzado el 24/09/2083>> donde la fecha a incluir sea la fecha en que hayas subido el archivo. Debajo de este texto debes crear un contenedor div con color de fondo amarillo donde pueda leerse “Este es el pie de página”. Comprueba que el archivo se visualiza al escribir la dirección web correcta que será similar a http://apr2.byethost7.com/curso2.php (en tu caso, tendrás que escribir la dirección web que vayas a utilizar para el curso). Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?

Código: curso2.php

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8">
    <title>Segunda página web</title>
  </head>
  <body>
    <h1>Cursos aprenderaprogramar.com</h1>
    <h2>Curso php desde cero</h2>
    <?php
      
echo "Curso php de aprenderaprogramar.com comenzado el 19 de Mayo de 2017"
    
?>

    <div style="background-color: yellow;">Este es el pié de página</div>
  </body>
</html>

Acceso: http://www.hymsoft.byethost33.com/curso2.php



10
Respuestas al ejercicio CU00814B del taller de desarrollo web con PHP...

Citar
a) Crea un archivo denominado curso.php donde aparezca el siguiente texto. <<Curso php de aprenderaprogramar.com comenzado el 24/09/2083>> donde la fecha a incluir sea la fecha en que hayas subido el archivo. Comprueba que el archivo se visualiza al escribir la dirección web correcta que será similar a http://apr2.byethost7.com/curso.php (en tu caso, tendrás que utilizar la dirección web que vayas a utilizar para el curso). Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?

Codigo: curso.php

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>CU00814B-A</title>
</head>
<body>
  <?php
    
echo "Curso php de aprenderaprogramar.com comenzado el 19 de Mayo de 2017"
  
?>

</body>
</html>

Acceso: http://www.hymsoft.byethost33.com/curso.php

Citar
b) Crea un archivo denominado alumno.php donde aparezca el siguiente texto. <<Curso php de aprenderaprogramar.com alumno Juan Perez desde el país: Colombia>> donde el nombre a incluir será tu nombre y el país tu país. Comprueba que el archivo se visualiza al escribir la dirección web correcta que será similar a http://apr2.byethost7.com/alumno.php (en tu caso, tendrás que utilizar la dirección web que vayas a utilizar para el curso). Responde a esta pregunta: ¿Cuál es el código que contiene el archivo? ¿Cuál es la dirección web para acceder al archivo y visualizar el texto?

Código: alumno.php

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>CU00814B-B</title>
</head>
<body>
  <?php
    
echo "Curso php de aprenderaprogramar.com alumno Hugo Antonio Segura desde el país: Argentina"
  
?>

</body>
</html>

Acceso: http://www.hymsoft.byethost33.com/alumno.php

Saludos!!!!


11
Buenas mañanas!!!! Respuestas al ejercicio CU00812B del tutorial básico de programación PHP para desarrollos web

Citar
a) Trabajar en remoto en desarrollos web alude a que la persona que crea la página web realiza el trabajo desde distintos puntos de conexión, lo que permite por ejemplo que cree una página web mientras está viajando.
FALSO - El enunciado alude especificamente a que realiza el trabajo desde distintos puntos de conexión, pero esto no es del todo cierto, porque tambien puede realizarlo unicamente desde un lugar en específico.

Citar
b) Hoy día es posible disponer de forma gratuita de una dirección web y servicio de hosting gratuito, con lo cual podemos crear páginas web basadas en PHP sin necesidad de contratar un servicio de hosting.
VERDADERO

Citar
c) Las grandes empresas siempre trabajan en local (en sus propios computadores) antes de trasladar los cambios a los servidores de producción, con el fin de evitar caídas del servicio.
FALSO - Las grandes empresas generalmente trabajan en servidores remotos de prueba o desarrollo y cuando todos los cambios estan correctamente chequeado se actuliza la informacion en el o los servidores finales o de producción.

Citar
d) WampServer permite emular un servidor en nuestro propio computador. También haría posible que nuestro computador funcionara como servidor remoto para servir contenidos a través de internet.
VERDADERO - Con la correcta configuración de WampServer cualquier computadora puede ser un servidor remoto, que sea eficiente es otra cosa... :-)

Saludos desde Río Gallegos - Santa Cruz - Patagonia Argentina!!!

12
Respuestas al ejercicio CU00811B del tutorial de fundamentos de programación web con PHP usando Notepad++ como editor.

Citar
a) Cuando creamos una página web con php y la visualizamos, al guardar la página con la opción Guardar como del navegador, guardaremos el código PHP que la generó.

FALSO - La pagina web generada con el intérprete PHP es html puro, no hay ninguna instrucción PHP en el mismo.

Citar
b) Cuando creamos una página web con php y la visualizamos, al guardar la página con la opción Guardar como del navegador, guardaremos el código HTML que la generó.

VERDADERO


Citar
c) Con la opción Guardar como del navegador no podemos guardar una página web debido a que el código PHP llega encriptado al navegador y éste no lo muestra al usuario.

FALSO

13
Buenas de nuevo... Mis respuestas al ejercicio CU00807B del taller práctico de programación con PHP para principiantes

Citar
a) Para escribir código PHP necesitamos un IDE con un compilador, por ejemplo Aptana Studio.
FALSO - Solo es necesario un editor de texto plano. Usar un IDE tiene sus ventajas pero no es obligatoriamente necesario.

Citar
b) No es posible visualizar páginas php en local a no ser que utilicemos un emulador de servidor como Wamp, Xampp o similar.
VERDADERO - PHP es un lenguaje que se procesa en el servidor y despues el resultado es enviado al cliente.

Citar
c) Trabajar en local quizás sea más rápido si tenemos una conexión a internet lenta, pero por el contrario no emulamos de forma exacta las condiciones de un servidor real.
VERDADERO - Si bien el software servidor que se instala en local es el mismo que el instalado en remoto, el hardware seguramente no, ademas de no contar con la misma carga de peticiones, lentitud o rapidez en la transmisión de datos, etc...

Citar
d) Si trabajamos en local sólo podremos crear código HTML, teniendo que posponer la creación de código PHP a un momento posterior.
FALSO - Al instalar un servidor y un interprete PHP en local, se puede escribir, depurar y probar el codigo php.

Citar
e) Trabajar en remoto nos obliga a pagar la contratación de un servicio de hosting.
FALSO - Existen muchas alternativas de servidores php gratuitos.

14
Buenas... respuesta al ejercicio CU00806B del tutorial de programación con PHP como si estuviera en primero.

Según la pagina www.php.net la ultima versión estable al dia de hoy (18 de Mayo de 2017) es la 7.1.5 en la misma pagina ya vi que están trabajando en la version 7.1.6.

Ademas lei cosas interesantes en http://php.net/supported-versions.php como que la version 5.6 de agosto de 2014 dejo de tener soporte activo por la gente de php desde enero de 2017 y que la version 7.0 de diciembre del 2014 lo dejara de tener a partir de diciembre de 2017.

Saludos!!!!

15
Buenas de nuevo!!!

Respuestas al ejercicio

Citar
a) Hoy día ya no tiene sentido crear una página web estática, ya que los navegadores dejarán de admitirlas en un futuro próximo.
FALSO - Si tiene sentido, muchas páginas no necesariamente necesitan cambiar toda su información en períodos cortos de tiempo

Citar
b) Podemos reconocer si una página web es dinámica en base a si es capaz de almacenar información que el usuario proporciona y rescatarla posteriormente. Por ejemplo: los comentarios en un blog.
VERDADERO - Por el usuario final a traves del cliente esta interactuando con el servidor.

Citar
c) La mayor parte de los sitios web y gestores de contenidos hoy día se basan en páginas web dinámicas, pero muchos sitios siguen siendo webs estáticas.
VERDADERO - La justificación esta en la misma pregunta, todavía hay y habrá muchas paginas webs estáticas.

Citar
d) Si creamos un sitio web dinámico no podremos ser indexados por buscadores como Bing, Google o Yahoo.
FALSO - Los buscadores, como todo en tecnología, han avanzado y evolucionado mucho.

16
Buenas!!!! hacia tiempo que no andaba por estos foros, solo contestaba preguntas en mis temas, pero ahora me decidi y vamos a iniciar el curso de PHP. Muchas gracias como siempre a la gente de aprenderaprogramar.com

Saludos desde Rio Gallegos - Santa Cruz - Argentina!!!! y ahora a lo nuestro...

Respuestas los ejercicios CU00804B

EJERCICIO

Responde a las siguientes preguntas indicando verdadero o falso y justicando brevemente tu respuesta:

Citar
a) Todos los servidores web trabajan con PHP, ya que es la única manera de conseguir que se muestre una página web en el computador cliente.
FALSO - Tambien se pueden mostrar de forma estática o con otros lenguajes como ASP, JSP y otros.

Citar
b) El código HTML generado con PHP no es distinguible del código HTML generado manualmente, a no ser que contemos con alguna información adicional.
VERDADERO - Porque el código que recibe el cliente, osea nosotros, es codigo HTML

Citar
c) HTML es un lenguaje de programación que permite decidir y repetir, pero carece de funcionalidades de acceso a bases de datos.
FALSO - HTML es un lenguaje de marcado (Gracias aprenderaprogramar.com por el curso de HTML básico :-) ) y no hay forma (por ahora) de tomar decisiones o hacer repeticiones.

Citar
d) Para crear páginas web dinámicas HTML es un lenguaje obsoleto. Para su creación usaremos PHP u otro lenguaje de última generación.
FALSO - HTML no es obsoleto, es un medio para transportar y mostrar la información de una página web.

17
Buenas de nuevo, los archivos para el ejercicio de la entrega CU01054D del manual de programación web desde cero con CSS

Saludos!!!!

CU01054D.html

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Cursor CSS" />
    <meta name="keywords" content="curso, aprender a programar, html, css,(CU01054D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <title>Entrega Nº 54 - aprenderaprogramar.com</title>
    <link rel="stylesheet" type="text/css" href="CU01054D.css"/>
  </head>
  <body>
    <div id="div1">
      <p>Lorem ipsum dolor <a href="#">sit amet</a>, consectetur adipisicing elit. Accusamus possimus aut deserunt <a href="#">inventore veritatis</a>, temporibus rem? Odit, culpa porro sed officiis vero iusto similique <a href="#">consectetur quo</a> vitae minus, odio expedita.</p>
    </div>
    <div id="div2">
      <a href="CU01054Db.html" target="_blank"><img src="http://i.imgur.com/fvPDQ4p.jpg" alt="Cerro Fitz Roy"></a>
    </div>     
  </body>
</html>


CU01054Db.html

Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Cursor CSS" />
    <meta name="keywords" content="curso, aprender a programar, html, css,(CU01054D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <title>Entrega Nº 54 - aprenderaprogramar.com</title>
    <link rel="stylesheet" type="text/css" href="CU01054D.css"/>
  </head>
  <body>
    <figure class="foto_grande">
    <img src="http://i.imgur.com/6pA7eaC.jpg" alt="Cerro Fitz Roy">
    <figcaption><span>Cerro Fitz Roy</span> - Santa Cruz - Argentina</figcaption>
</figure>
  </body>
</html>

CU01054D.css
Código: [Seleccionar]
* {
  margin: 0;
  padding: 0;
}

#div1, #div2{
  float: left;
  margin: 25px;
  width: 200px;
  height: 300px;
  border: 5px solid violet;
}

#div1 a:hover{cursor: help;}

#div2 a img{width: 300px;height: 200px;cursor: zoom-in;}

.foto_grande img{
  width: 800px;
  height: 600px;
}

.foto_grande span{font-weight: bold;}

18
Buenas buenas!!!!
Después de un tiempo sin aparecer, por aquí estoy dejando mi código para el ejercicio de las tablas CU01051D del curso básico de programador web con CSS.

Saludos!!!!

CU01051D.html
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Tablas y CSS" />
    <meta name="keywords" content="curso, aprender a programar, html, css,(CU01051D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <title>Ejemplos de tablas y css</title>
    <link rel="stylesheet" type="text/css" href="CU01051D.css"/>
  </head>
  <body>
    <table id="tabla1">
      <caption>Tabla de prueba 01</caption>
      <tr>
        <th>Encabezado 1</th>
        <th>Encabezado 2</th>
        <th>Encabezado 3</th>
        <th>Encabezado 4</th>
        <th>Encabezado 5</th>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>       
    </table>
    <table id="tabla2">
      <caption>Tabla de prueba 02</caption>
      <tr>
        <th>Encabezado 1</th>
        <th>Encabezado 2</th>
        <th>Encabezado 3</th>
        <th>Encabezado 4</th>
        <th>Encabezado 5</th>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>       
    </table>
    <table id="tabla3">
      <caption>Tabla de prueba 03</caption>
      <tr>
        <th>Encabezado 1</th>
        <th>Encabezado 2</th>
        <th>Encabezado 3</th>
        <th>Encabezado 4</th>
        <th>Encabezado 5</th>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>
      <tr>
        <td>Dato 1_1</td>
        <td>Dato 2_2</td>
        <td>Dato 3_3</td>
        <td>Dato 4_4</td>
        <td>Dato 5_5</td>
      </tr>       
    </table>
  </body>
</html>

CU01051D.css
Código: [Seleccionar]
/* Estilos para muestras de tablas y css */

*{font-size: 62.5%/1.2;}

body{
  font-family: Arial, Helvetica, sans-serif;
}

table{
  margin-bottom: 2em; /* dejo un espaciado entre talba y tabla */
}


/* Tabla 1 */

table#tabla1{
  width: 600px;
}

table#tabla1 th, table#tabla1 td{
  width: 20%;
}

table#tabla1, table#tabla1 th, table#tabla1 td{
border: solid .8em gray;
border-collapse: collapse;
}

/* Tabla 2 */
table#tabla2{
  width: 100%;
}

table#tabla2 th, table#tabla1 td{
  width: 20%;
}
 
table#tabla2 ,table#tabla2 th, table#tabla2 td{
  border: solid .2em brown;
}

/* Tabla 3 */
table#tabla3{
  width: 500px;
}

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


19
Buenas buenas!!! dejo mi codigo para el ejercio de la entrega CU01045D del curso elemental de programador web de aprenderaprogramar.com

Saludos!!!!!

CU01045D.html
Código: [Seleccionar]
<!DOCTYPE html>
<html lang="es">
  <head>
    <title>CSS font-family</title>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Clear CSS Float" />
    <meta name="keywords" content="curso, aprender a programar, html, css, font-family, lista de tipos, (CU010045D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <link rel="stylesheet" type="text/css" href="CU01045D.css"/>
  </head>
  <body>
     <div id="div1">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates similique at exercitationem. Praesentium itaque vitae, ipsum libero. Numquam animi nesciunt rem delectus reiciendis? Deleniti similique, illo obcaecati tempora magni commodi.</p>
       <p class="condensada">Inventore aliquid fuga architecto voluptates quod quasi alias, repudiandae explicabo harum ea minus, illum consectetur unde odio tempore. Saepe rem ducimus dignissimos voluptate quaerat illo placeat alias autem in tenetur!</p>
       <p>Culpa eaque, porro harum, quibusdam pariatur minus quidem eveniet esse eum voluptatibus voluptates quam eligendi, itaque nisi iusto aspernatur qui veritatis quae vel quo ullam voluptas tenetur suscipit? Recusandae, doloribus!</p>
     </div>
     <div id="div2">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam soluta, culpa cumque perferendis illo deleniti adipisci! Nostrum, totam vitae dolores qui nam fugit at expedita perferendis iste vero ratione ullam!</p>
       <p>Est eum suscipit animi sunt ea blanditiis, ab, ut, doloribus voluptatem adipisci eos provident impedit? Reiciendis dicta nemo ducimus dignissimos dolor, corporis, accusamus quae porro aliquam at dolorem dolore possimus.</p>
     </div>
     <div id="div3">
       <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus rem odio unde delectus laborum maxime natus aliquid alias suscipit exercitationem, ipsa maiores dolores nisi voluptatum nesciunt, placeat quidem et dicta.</p>
       <p>Voluptatum pariatur facilis natus ipsum, sit et hic, omnis id neque inventore voluptatibus, asperiores molestias eius corrupti doloremque nemo. Dolorum repudiandae, aliquam commodi quibusdam voluptatem adipisci ducimus. Expedita, rerum sed!</p>
       <p>Consequatur harum molestias quaerat assumenda facere quasi error illum iusto consequuntur dignissimos repellat odio, fuga, numquam qui atque incidunt dolorem quae. Et, odio exercitationem laborum ipsum dignissimos provident tenetur adipisci.</p>
       <p>Iure quaerat aut, ipsam deleniti id suscipit rerum? Soluta dignissimos ut esse quam beatae, sit voluptates! Illo nesciunt, alias vel ea. Harum a ullam qui deleniti maiores adipisci nobis laboriosam.</p>
       <p>Animi illum ullam voluptas odit. Reiciendis ratione dignissimos ducimus, impedit aliquid voluptates debitis non sequi voluptate harum tempora repudiandae possimus eius, laborum soluta, inventore maxime quam ab minus quod at!</p>
     </div>
  </body>
</html>

CU01045D.css
Código: [Seleccionar]
/* Hoja estilos ejercicio CU01045.css */

/* estilos comunes */
div{
  margin: 33px;
  padding: 25px;
  border: solid 5px red;
}

/* estilos especificos */

#div1 p{
  font-size: 18px;
  font-family: serif;
}

.condensada{font-variant: small-caps;}

#div2 p{
  font-size: 14px;
  font-family: sans-serif;
  color: #B22222;
}

#div3 p{
  font: 2em "fantasy";
}

20
Buenas buenas!!! Ejercicio resuelto CU01044D del curso básico de programador web con CSS.

En este ejercicio me complique solo con la etiqueta h1 del primer navegador, porque mientras hacia pruebas, se me ocurrio, poner margin=0 a las etiquetas h y usar los bordes de las tablas, como guías, con lo cual, de ahí en mas, fue todo muuuucho mas fácil.

En los dos navegadores que probe, no se ven cambios apreciables, solo en el h6 usando em, se veia una diferencia apreciable.

Me puse a usar nth-child por dos cosas, primero para practicar y después para tomarle un poco el gusto (como decimos por acá) porque como le dije a Ogramar, como que no me gusta mucho usarlo.

Ahora si mi código

CU01044D.html
Código: [Seleccionar]
!DOCTYPE html>
<html lang="es">
  <head>
    <title>CSS desde cero</title>
    <meta name="author" content="Hugo A. Segura" />
    <meta name="description" content="Font-Size CSS" />
    <meta name="keywords" content="curso, aprender a programar, html, css, Font-size, font-style,(CU01044D)" />   
    <meta charset="utf-8" />
    <meta name="robots" content="index, follow" />
    <link rel="stylesheet" type="text/css" href="CU01044D.css"/>
  </head>
  <body>
    <div>
      <table class="chrome">
        <tr>
          <th colspan="3">Navegador Chrome</th>

        </tr>
        <tr class="cabecera">
          <th>Tipo de título</th>
          <th>Pixeles</th>
          <th>em</th>
        </tr>
        <tr class="impar">
          <th><h1>h1</h1></th>
          <th>32</th>
          <th>1.9</th>
        </tr>
        <tr class="par">
          <th><h2>h2</h2></th>
          <th>24</th>
          <th>1.5</th>
        </tr>
        <tr class="impar">
          <th><h3>h3</h3></th>
          <th>18</th>
          <th>1.18</th>
        </tr>
        <tr class="par">
          <th><h4>h4</h4></th>
          <th>16</th>
          <th>1</th>
        </tr>
        <tr class="impar">
          <th><h5>h5</h5></th>
          <th>13</th>
          <th>0.86</th>
        </tr>
        <tr class="par">
          <th><h6>h6</h6></th>
          <th>11</th>
          <th>0.73</th>
        </tr>
      </table> 
    </div>
    <div>
      <table class="ie">
        <tr>
          <th colspan="3">Navegador Internet Explorer</th>

        </tr>
        <tr class="cabecera">
          <th>Tipo de título</th>
          <th>Pixeles</th>
          <th>em</th>
        </tr>
        <tr class="impar">
          <th><h1>h1</h1></th>
          <th>32</th>
          <th>1.9</th>
        </tr>
        <tr class="par">
          <th><h2>h2</h2></th>
          <th>24</th>
          <th>1.5</th>
        </tr>
        <tr class="impar">
          <th><h3>h3</h3></th>
          <th>18</th>
          <th>1.18</th>
        </tr>
        <tr class="par">
          <th><h4>h4</h4></th>
          <th>16</th>
          <th>1</th>
        </tr>
        <tr class="impar">
          <th><h5>h5</h5></th>
          <th>13</th>
          <th>0.86</th>
        </tr>
        <tr class="par">
          <th><h6>h6</h6></th>
          <th>11</th>
          <th>.71</th>
        </tr>
      </table>
    </div> 
  </body>
</html>

CU01044D.css
Código: [Seleccionar]
/* Estilos resolucion ejercicio CU01044D */

body{background-color: bisque}

div{float: left;
margin: 5px;}

table{
  width: 400px;
  border: 2px solid blue;
  border-collapse: collapse;
}

tr{
  border: 2px solid blue;
}

.cabecera{background-color: beige;}
.impar{background-color: silver;}
.par{background-color: white;}


/* Atributos para la tabla chrome */
/* h1 */
.chrome tr:nth-child(3) th:nth-child(2) {font-size: 32px;}
.chrome tr:nth-child(3) th:nth-child(3) {font-size: 1.9em;}
/* h2 */
.chrome tr:nth-child(4) th:nth-child(2) {font-size: 24px;}
.chrome tr:nth-child(4) th:nth-child(3) {font-size: 1.5em;}
/* h3 */
.chrome tr:nth-child(5) th:nth-child(2) {font-size: 18px;}
.chrome tr:nth-child(5) th:nth-child(3) {font-size: 1.18em;}
/* h4 */
.chrome tr:nth-child(6) th:nth-child(2) {font-size: 16px;}
.chrome tr:nth-child(6) th:nth-child(3) {font-size: 1em;}
/* h5 */
.chrome tr:nth-child(7) th:nth-child(2) {font-size: 13px;}
.chrome tr:nth-child(7) th:nth-child(3) {font-size: 0.86em;}
/* h6 */
.chrome tr:nth-child(8) th:nth-child(2) {font-size: 11px;}
.chrome tr:nth-child(8) th:nth-child(3) {font-size: 0.73em;}

/* Atributos para la tabla ie */
/* h1 */
.ie tr:nth-child(3) th:nth-child(2) {font-size: 32px;}
.ie tr:nth-child(3) th:nth-child(3) {font-size: 1.9em;}
/* h2 */
.ie tr:nth-child(4) th:nth-child(2) {font-size: 24px;}
.ie tr:nth-child(4) th:nth-child(3) {font-size: 1.5em;}
/* h3 */
.ie tr:nth-child(5) th:nth-child(2) {font-size: 18px;}
.ie tr:nth-child(5) th:nth-child(3) {font-size: 1.18em;}
/* h4 */
.ie tr:nth-child(6) th:nth-child(2) {font-size: 16px;}
.ie tr:nth-child(6) th:nth-child(3) {font-size: 1em;}
/* h5 */
.ie tr:nth-child(7) th:nth-child(2) {font-size: 13px;}
.ie tr:nth-child(7) th:nth-child(3) {font-size: 0.86em;}
/* h6 */
.ie tr:nth-child(8) th:nth-child(2) {font-size: 11px;}
.ie tr:nth-child(8) th:nth-child(3) {font-size: 0.71em;}

/* Lo use para ver las alturas originales de la etiqueta h

h1,h2,h3,h4,h5,h6{margin: 0;}

*/



Páginas: [1] 2 3 4

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".