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 - KOFFERO

Páginas: [1] 2 3 4

Aprender a programar desde cero / Re:PHP. Conceptos básicos de PHP, etiqueta de apertura y cierre comenzando CU00815B

« en: 03 de Abril 2020, 05:20 »

Hola @Josezam
Lo primero, tú código está bien, solamente en la linea 29, donde empieza el código PHP

Código: [Seleccionar]

<?php>
		echo "Curso php para empezar a programar";
	?>

En el inicio debe estar así <php tú lo cierras <php> y por eso no te toma el código.

Segundo en la linea de los estilos CSS para el pie, te olvidaste de incluir el tipo de border, es preferible colocarlo.

Código: [Seleccionar]

#pie{
		border: 2px;
}

Deberías ponerlo así

Código: [Seleccionar]

#pie{
			width: 50%;
			border:	solid 2px;
			background-color: yellow;
}

Quedaría así:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
	<head>
		<title>Curso para aprender a programar</title>
		<meta charset="UTF-8" />
		<style type="text/css">
		#cabecera{
			border: solid 2px;
				width: 50%;
					background-color: gray;
			}
		#pie{
			width: 50%;
			border:	solid 2px;
			background-color: yellow;
		}
		body{
			text-align: center;
		}
		#cabecera, #pie{margin:auto;}
	</style>
</head>
	<body>
	<div id="cabecera">
		<h1>Curso básico de PHP</h1><br/>
		<h2>Curso PHP desde cero</h2>
	</div>
	<?php
		echo "Curso php para empezar a programar";
	?>
	<br/>
	<div id="pie">
	Este es el pie de página
	</div>

	</body>
</html>

Un saludos CRACK

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / PHP: Operadores Ariméticos, Operadores básico módulo o resto de dividir CU00819B

« en: 22 de Enero 2020, 04:53 »

Respuestas a los ejercicios de la entrega CU00819B del tutorial de programación PHP con ejercicios resueltos.

Citar

EJERCICIO 1

Crea un código PHP donde crees las variables $primerNumero y $segundoNumero y asigna valor 8 al primer número y 5 al segundo número:

a) El resto de dividir el primer número entre 5.

b) El resultado de dividir el primer número entre el segundo.

c) El resultado de sumar los dos números.

Código 1:

Código: [Seleccionar]

<?php 
#Ejercicio - Operaciones ariméticas
$primernumero = 8;
$segundonumero = 5;
echo "$primernumero - $segundonumero " . "= ";
echo $primernumero - $segundonumero;
echo "<br/>";
echo "----------------------------------------------------<br/>";

echo "$primernumero / $segundonumero " . "= ";
echo $primernumero / $segundonumero;
echo "<br/>";
echo "-----------------------------------------------------<br/>";

echo "$primernumero + $segundonumero " . "= ";
echo $primernumero + $segundonumero;

echo "<br/>";
echo "------------------------------------------------------<br/>";
 ?>

Citar

EJERCICIO 2

Crea un código PHP donde crees las variables $a y $b y usando los operadores adecuados haz que se muestren los siguientes mensajes por pantalla. Nota: para mantener los valores iniciales de las variables y poder volver a emplearlos usa variables auxiliares, por ejemplo $inicio = $a; te permitirá mantener en $inicio el valor original de $a y volver a recuperar el valor inicial de $a antes de hacer una nueva operación.

Mensajes a mostrar por pantalla:

Operadores de incremento

Valores iniciales: a = 4, b = 2

Operador ++ (anterior): ++a * b == 10

(Ahora el valor de a es: 5)

Operador ++ (posterior): a++ * b == 8

(Ahora el valor de a es: 5)

Operador -- (anterior): --a * b == 6

(Ahora el valor de a es: 3)

Operador -- (posterior): a-- * b == 8

(Ahora el valor de a es: 3)

Operadores de asignación compuestos

Valores iniciales: a = 4, b = 2

Asignación compuesta de suma: a += b equivale a = a + b

(Ahora el valor de a es: 6)

Asignación compuesta de resta: a -= b equivale a = a - b

(Ahora el valor de a es: 2)

Asignación compuesta de multiplicación: a *= b equivale a = a * b

(Ahora el valor de a es: 8 )

Asignación compuesta de división: a /= b equivale a = a / b

(Ahora el valor de a es: 2)

Asignación compuesta de módulo: a %= b equivale a = a % b

(Ahora el valor de a es: 0)

Código 2

En esta parte los puse juntos, pero con sus delimitadores, por supuesto.

Código: [Seleccionar]

<?php
# Ejercicio - Operadores de incremento
$a = 4; $b = 2; $valor;
$inicio = $a;
echo "El valor de a es: " . ++$a;
echo "<br/>";
if ($a * $b == 10) {
	echo "Si, es igual a 10<br/>";
} else {
	echo "No igual<br/>";
}
echo "-----------------------------------<br/>";
echo "El valor de a es: " . $a++;
echo "<br/>";
if ($a * $b == 8) {
	echo "Si, el valor es igual a 8<br/>";
} else {
	echo "No es igual a 8 es: " . $a*$b . "<br/>";
}
echo "--------------------------------<br/>";
$inicio = --$a;
$inicio = --$a;
echo "El valor de a es: " . --$a;
echo "<br/>";
if ($a * $b == 6) {
	echo "Si es igual a 6<br/>";
} else {
	echo "No es igual a 6 es igual a:" . $a*$b . "<br/>";
}
echo "--------------------------------<br/>";
$inicio = $a--;
$inicio = $a++;
echo "El valor de a es: " .  $a . "<br/>";
if ($a * $b == 8) {
	echo "Si, es igual a 8<br/>";
} else {
	echo "No es igual a 8, es igual a: " . $a*$b . "<br/>";
}
?>

<?php 
echo "---------------------------------<br/>";
#Ejercicio - Operadores de asignación
$a = 4; $b = 2;
echo $a+=$b;
echo "<br/>";
$inicio = $a-=$b;
echo $inicio-=$b;
echo "<br/>";
$inicio = $a*=$b;
echo $inicio;
echo "<br/>";
$inicio = $a/=$b;
echo $inicio/=$b;
echo "<br/>";
echo $a%=$b;
 ?>

Aprender a programar desde cero / Re:Aprender a programar desde cero CU00723B: Checkbox y radio en form HTML

« en: 21 de Enero 2020, 08:58 »

Hola @WoodStock
El ejercicio está bien, pero los texto como:

Citar

Grupos y/o cantantes favoritos*:

Citar

Seleccione su edad:

Citar

*Puede seleccionar varias opciones(manteniendo presionada la tecla "Ctrl").

Deberías colocarlo dentro de las etiquetas <p></p>así no quedaría suelto.

Saludos

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / PHP Operadores lógicos; and, or, not y comparación igual doble >,< == CU00818B

« en: 21 de Enero 2020, 05:26 »

Citar

a) $A > 3 b) $A > $C c) $A < $C

d) $B < $C e) $B != $C f) $A == 3

g) $A * $B == 15 h) $A * $B == -30 i) $C / $B < $A

j) $C / $B == -10 k) $C / $B == -4 l) $A + $B + $C == 5

m) ($A+$B == 8 ) && ($A-$B == 2) n) ($A+$B == 8 ) || ($A-$B == 6)

o) $A > 3 && $B > 3 && $C < 3 p) $A > 3 && $B >= 3 && $C < -3

Código:

Código: [Seleccionar]

<?php 
$a = 5;
$b = 3;
$c = -12;
$resultado="";

echo "1) \$A > 3<br/>";
$a > 3 ? $resultado="Si, a es mayor que 3<br/>": $resultado="Es menor que a<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "2) \$A > \$C<br/>";
$a > $c ? $resultado="Si a es mayor que c<br/>": $resultado="No, c no es mayor o igual que a<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "3) \$A < \$C<br/>";
$a < $c ? $resultado="Si, a menor que c<br/>": $resultado="No a es mayor que c<br/>";
echo $resultado;
echo "----------------------------<br/>";
echo("4) \$B < \$C:<br/>");
$b < $c ? $resultado="Si, b es menor que c<br/>": $resultado="B es menor que c<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "5) \$B != \$C<br/>";
$b != $c ? $resultado="Si, b es distinto a c<br/>": $resultado="a y c son iguales";
echo $resultado;

echo "---------------------------<br/>";
echo "6) \$A == 3<br/>";
$a == 3 ? $resultado="Si, a es igual a 3<br/>": $resultado="a no es igual a 3<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "7) \$A * \$B = 15<br/>";
$a * $b == 15 ? $resultado="Si, a * b es igual a 15<br/>": $resultado="a * b no es 15<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "8) \$A * \$B == -30<br/>";
$a * $b == 5 ? $resultado="Si, a * b es igual a -30<br/>": $resultado="a * b no es igual a -30<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "9) \$C / \$B < \$A<br/>";
$c / $b < $a ? $resultado="c / b es menor que a<br/>": $resultado="c / b es mayor que a<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "10) \$C / \$B == -10<br/>";
if ($c / $b == -10) {
	echo "c / b es igual a -10<br/>";
} else {
	echo "c / b no es igual a -10<br/>";
}
echo "----------------------------<br/>";
echo "11) \$C / \$B == -4<br/>";
$c / $b == -4 ? $resultado="c / b el igual a -4<br/>": $resultado="c / b no igual a -4<br/>";
echo $resultado;

echo "----------------------------<br/>";
echo "12) \$A + \$B + \$C == 5<br/>";
$a + $b + $c == 5 ? $resultado="a + b + c es igual a 5<br/>": $resultado="a + b + c no es igual a 5<br/>";
echo $resultado;

echo "-----------------------------------------------------------------------<br/>";
echo "13) (\$A+\$B == 8) && (\$A-$\B == 2)<br/>";
if (($a + $b == 8) && ($a -$b == 2)) {
  	echo "Si es verdadera, porque a + b es igual 8 y a - b es igual a 2<br/>";
  }  else {
  	echo "El falsa, porque a + b es igual a 8, pero a - b no igual a 2<br/>";
  }

 echo "-----------------------------------------------------------------------<br/>";
 echo "14) (\$A+\$B == 8) || (\$A-\$B == 6)<br/>";
 if (($a + $b == 8) || ($a -$b == 6)) {
  	echo "verdadera, porque a + b es igual 8 y como hay una que es verdadera se cumple la condición<br/>";
  }  else {
  	echo "falsa porque ninguan es verdadera";
  }

  echo "-----------------------------------------------------------------------<br/>";
  echo "\$A > 3 && \$B > 3 && \$C < 3<br/>";
  echo "Esta es verdadera, porque como la primera comparacion<br/>
  		es verdadera y ignora las demas que no son evaluadas<br/>";

echo "-----------------------------------------------------------------------<br/>";
echo "\$A > 3 && \$B >= 3 && \$C < -3<br/>";
echo "Esta también es verdadera por que la primera da como valor true y las demas son ignoradas<br/>";
?>

Por una extraña razón me aparecen emojis en mi cita, le di una organización para que quede mejor.

Saludos y gracias

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / PHP ejercicios resueltos Condicionales if else if condicional ternario CU00817B

« en: 20 de Enero 2020, 05:32 »

Solución propuesta para el ejercicio CU00817B del tutorial pdf de programación web con PHP de aprenderaprogramar

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.

Código

Código: [Seleccionar]

<?php

$haceFrio = 15;

$respuesta ="";

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

echo $respuesta;
?>

Código cambiado con la condicional IF:

Código: [Seleccionar]

<?php 
$haceFrio = 15;
if ($haceFrio < 20) {
	echo "Hace Frio";
} else {
	echo "No hace Frio";
}

 ?>

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

Código: [Seleccionar]

<?php 
$tipo = "Rueda de camión";
$grosor = 0.33;
$diametro = 1.25;
$marca = "Kimasshuki";

if ($diametro > 1.4) {
	echo "La rueda es para un vehiculo grande";
} else if ($diametro < 1.4) {
	echo "La rueda es para vehiculo pequeño";
} else {
	echo "No existe un tamaño de rueda valido";
}

 ?>

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / PHP: Ventajas/ ncovenientes páginas estáticas y dinámicas sitios web CU00805B

« en: 18 de Enero 2020, 09:07 »

EJERCICIO

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

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.

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.

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.

d) Si creamos un sitio web dinámico no podremos ser indexados por buscadores como Bing, Google o Yahoo.

Respuestas:

a) Falso, porque si quieres crear un sitio rápido y sin complicaciones va bien un sitio web estático, y por su puesto no dejarán de ser admitidas, pero esto si es un poco tedioso, porque se tendrá que hacer las actualizaciones en el index.html, osea manualmente.

b) Verdadera, si, porque en las mayoria de los sitios web ya son dinámicas, por el simpre hecho de que en pleno inicio el sitio interactua con el usuario, un ejemplo sería cuando nos aparece una pregunta de que si queremos recibir las notificaciones de ciertos contenidos, o subscribirnos para que no avisen por correo,etc.

c) Verdadera, un ejemplo sería como la red social Facebook, y claro hay muchos que siguen conservando su sitio web estática.

d) Falso, porque hoy en día ya todas las web dinamicas los buscadores pueden indexar sin problema.

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / PHP Comunicación cliente - servidor con php y sin php ¿html obsoleto? CU00804B

« en: 18 de Enero 2020, 08:46 »

Respuestas al ejercicio CU00804B del tutorial de programación web con PHP desde cero.

EJERCICIO

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

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.

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.

c) HTML es un lenguaje de programación que permite decidir y repetir, pero carece de funcionalidades de acceso a bases de datos.

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.

Respuestas:

a) Verdadera, si la mayoria, pero no es la única manera de mostrar una página web, porque están las web estáticas.

b) Falso, los son practicamente código HTML, y no sabemos nada acerca del código, solo nos lo dan.

c) Falso, HTML es un lenguaje de marcado que nos sirve para mostrar información mas rápida en los navegadores, pero no tiene la funcionalidad de un lenguaje de programación como PHP que carece de esas funcionalidas de tomar desiciones, repetir procesos, etc.

d) Falso, porque HTML es un lenguaje que siempre se utilizará para el desarrollo web en si y no está obsoleto, hoy en día sigue siendo muy utilizado con otros lenguaje como podría ser JS,PHP, etc

Aprender a programar desde cero / CSS Concepto de float none, left y right cuándo envuelve un elemento CU01034D

« en: 11 de Enero 2020, 00:46 »

Hola, presento mi propuesta de solución para el ejercicio CU01034D del tutorial de programación web con CSS de aprenderaprogramar.

Concepto de float; none, left y right - Colocar texto alrededor de una imágen

EJERCICIO

Para cada una de las siguientes afirmaciones indica si es verdadera o falsa, y justifica brevemente tu respuesta:

a) La propiedad float puede tomar cuatro valores: top, right, bottom y left.

b) float es una propiedad que nos permite maquetar páginas web (documentos HTML).

c) Usando float: center; podemos centrar el contenido de un elemento respecto de su caja contenedora.

d) Un elemento flotante sale del flujo normal de posicionamiento de elementos en una página web.

e) Todos los elementos a continuación de un elemento flotante lo envuelven, a no ser que especifiquemos lo contrario usando la propiedad clear.

Respuestas:

A- Falso, solo tiene 3 valores none, left y right.

B- Verdadero, si, porque tenes mas flexibilidad a la hora de maquetar y nos facilita el trabajo.

C- Falso, no pasaría nada, por que no tiene valor center y sería como tener valor none.

D- Verdadero, si, se posiciona encima de los demas elementos, ya sea el texto, color de fondo.

E- Falso, solo lo envuelve el texto, y si queres que los texto posteriores no rodeen al elemento flotante, usariamos las propiedad clear con valor both para que el texto siga su flujo normal.

Saludos Jorge.

Aprender a programar desde cero / HTML: Formatos de textos(CU00713B)

« en: 25 de Noviembre 2018, 06:12 »

Hola amigos!!!
Dejo mi ejercicio resuelto

Citar

EJERCICIO

En el siguiente código hay elementos que en las versiones más recientes de HTML se consideran deprecated o not supported. Escribe el código en un editor de textos como el bloc de notas o Notepad++, guárdalo con un nombre como ejemplo.html y visualízalo en tu navegador.

Responde a las siguientes preguntas:

¿Qué etiquetas de las empleadas sería recomendable no utilizar y reemplazar mediante uso de técnicas CSS?

Código:

Código: [Seleccionar]

<!DOCTYPE html>
<html>
		<head>
			<title>Ejemplo 01 del curso HTML - aprenderaprogramar.com</title>
			<meta charset="utf-8" />

		</head>
		<body text="green" bgcolor="white">

		<pre>
			Ejemplo básico: uso de etiquetas de formato y atributos básicos para la etiqueta body.
		<strong>negrita</strong>
		<em>Cursiva</em>
		<del>Subrayado</del>
		<big>Grande</big>
		<small>pequeño</small>
		Esto es un<sub>subíndice</sub>
		Y esto un<sup>superíndice</sup>

		</pre>

		</body>

</html>

Respuestas:
El atributo bgcolor de por si ya no debería usarse.
Y strong, del, big, small, se pueden remplazar con tecnicas CSS.

Saludos Jorge

Aprender a programar desde cero / CSS. Concepto y herencia, y la palabra !important significado código CU01017D

« en: 16 de Abril 2018, 20:25 »

Hola amigos, ¡Yo de nuevo!
Bueno les traigo mi ejercicio resuelto CU01017D del tutorial pdf gratuito de aprenderaprogramar, ya he publicado este ejercicio, pero esta vez lo mejoré y lo entendí mejor, ¡bueno al grano!

Código HTML:

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Ejercicio CU01017D - aprenderaprogramar.com</title>
	<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
	   <div class="magicTitle" style="border:1px solid blue; color: blue;">

			Aprendiendo a programar

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

Le agregué la estructura del código completo por si las moscas

Código CSS:

Código: [Seleccionar]

.magicTitle {

margin:0px;

width:20px;

height:30px;

color:green !important;

border-style: hidden !important;

}

Preguntas:

a) ¿Se mostrará un borde para el div? ¿Por qué?

b) ¿Con qué color se mostrará el texto, con color verde o con color azul? ¿Por qué?

c) ¿Se respetarán los valores de width y height definidos en el archivo CSS externo o quedarán anulados? ¿Por qué?

Respuestas:

a - Bueno me está preguntando si se va mostrar el borde, pues claro está que el borde no se va mostrar, por qué en el archivo externo CSS, el valor para border tiene hidden, con la palabra clave !importan, que sobreescribe ah la que esta escrita en línea. Bueno vamos a la siguiente

b - En este caso me pregunta en que color se va mostrar el texto, bueno solamente tenemos una sola aplicación de estilo para todo el texto que es: "color:green !important;", por lo tanto se va mostrar en color verde.

c - Esta pregunta está mas claro que el agua, si y si, la anchura la altura y el magen si se respecta, por que no hay otro valor que haga entrar en conflicto, y ademas lo probé cambiando el border: "hidden", por "inset", y me di cuenta que si se respeta todas estas definiciones.

Sé que fue muy extenso mi respuesta, pero me gusta explicar como es que yo lo entendí, a lo mejor alguien lo entiende mejor o de otra manera.

Saludo y éxito, espero que las personas se conecten más en el foro, lo veo muy abandonado de la ultima vez que entré.

Aprender a programar desde cero / Aviso para administradores: pequeño error de escritura en el curso de CSS.

« en: 11 de Abril 2018, 07:41 »

Hola!!!

Quería informarles que que encontré un pequeño error de escritura en el curso de CSS.
Ok en esta parte.

Citar

ORIENTACIÓN SOBRE EL CURSO PASO A PASO “TUTORIAL BÁSICO DEL PROGRAMADOR WEB: HTML DESDE CERO”

CSS es un lenguaje diseñado para separar el contenido de las páginas web de su presentación. Así, un mismo contenido podría verse de distintas maneras o con distintos aspectos aplicándole distintos estilos CSS.

Dice TUTORIAL BÁSICA DEL PROGRAMAR WEB: HTML.
y en realidad es el curso de CSS.

También les dejo la url: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=705:orientacion-sobre-el-curso-qtutorial-basico-del-programador-web-css-desde-ceroq-cu01002d&catid=75&Itemid=203

Saludo y exito

De todo un poco... / Palabra imcompleta, o le falta una palabra en el Curso HTML(CU00712B)

« en: 20 de Febrero 2018, 05:54 »

Hola!!!

Quiero informar, un pequeño error de escritura en la sesion del curso de HTML.

Si se fijan bien, en la parte de "Atributo que fue muy en el pasado para definir el color del texto. Su formato es el mismo que el de bgcolor. Si no se pone nada es negro"

Creerìa que faltaria que fue muy usada en el pasado, bueno solo lo informo, no es la gran cosa, pero es mejor tener bien escrito, para si que nuevos los lectores no se queden con la duda, de que si el texto es el que està mal escrito o se dicen ellos mismo que estàn leyendo mal.

Saludos.

@Jorge,,,

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:CSS background-position,background-attachment,clip,etc.Shorthand fondo CU01031D

« en: 05 de Diciembre 2017, 00:19 »

Hola Luis!!!
Bien resuelto tu ejercicio, pero te recomiendo una cosita, repites la propiedad "background-repeat: no-repeat;" en todos los div, podrias ahorrarte menos tiempo agregando esa línea una sola vez para todos los div, también para el centrado de las imágenes así:

Código: [Seleccionar]

div {width:400px; 
                   height:400px;
                      margin:40px; 
                          padding:40px;
                             background-repeat:no-repeat;
	                         background-position:50%,50%;
}

En este caso te ahorras menos código. ¡También muy bueno eso de calcular la position absoluta! ¡¡¡Bien hecho!!!

Un saludo.

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Colores HTML y CSS. RGB decimal o porcentual. Códigos hexadecimales. CU01019D

« en: 17 de Noviembre 2017, 22:11 »

Hola todo correcto.

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Color de fondo. Propiedad background-color CSS. Valor transparent - CU01021D

« en: 17 de Noviembre 2017, 22:07 »

Hola Luis!!!

Tu ejercicio cumple con lo pedido. Pero te olvidaste de poner tu titulo, y el códificador de caracter, bueno eso ya desición de cada uno si quiere ponerlo o no.

Un saludo.

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Versiones CSS. Historia y perspectiva. ¿Qué es el W3C? Recomendaciones CU01022D

« en: 17 de Noviembre 2017, 22:03 »

Hola Luis!!!

Muy bien respondido. Tambien explicaste para que sirve una de ellas.
=> Bien Hecho <=

Y si tienes razón en que se puede hacer animaciones sin JavaScript.

Un saludo => Genio

Aprender a programar desde cero / CSS. Concepto de float: none, left y right ¿Se puede centrar texto? CU01034D

« en: 16 de Noviembre 2017, 18:04 »

Hola amigos!!!! Aquí dejo el ejercicio CU01034D del tutorial de programación CSS para principiantes.

Enunciado:

Citar

EJERCICIO

Para cada una de las siguientes afirmaciones indica si es verdadera o falsa, y justifica brevemente tu respuesta:

a) La propiedad float puede tomar cuatro valores: top, right, bottom y left.

b) float es una propiedad que nos permite maquetar páginas web (documentos HTML).

c) Usando float: center; podemos centrar el contenido de un elemento respecto de su caja contenedora.

d) Un elemento flotante sale del flujo normal de posicionamiento de elementos en una página web.

e) Todos los elementos a continuación de un elemento flotante lo envuelven, a no ser que especifiquemos lo contrario usando la propiedad clear.

Respuestas:
a- Falsa, porque solo admite tres valores: none, left y right, aunque none no lo es.

b- Falsa, porque para maquetar una página web se usa HTML, float es solo una propiedad CSS, que nos permite posicionar los elemento HTML.

c- Falsa, porque con float no se puede centrar el elemento, sino que lo podemos arrastrar de derecha a izquierda.

d- Verdadera, porque si el elemento sale del flujo normal.

e- Verdadera, porque si usamos la prpoiedad clear, podemos elegir de que lado debe mostrarse el elemento que envuelve al flotante.

Un saludo.

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Concepto de herencia en CSS. ¿Qué es?. Forzar herencia con inherit CU01013D

« en: 11 de Noviembre 2017, 09:01 »

Hola Luis!!!
Tu código esta bien, pero eso que comentaste, si entiendo que se te hace mas pequeño de lo normal el encabezado, pero te comento que el porcentaje funciona de una manera distinta en los textos y los demas elementos html.

Seguramente te preguntas ¿Por qué cuando ponemos 50% de ancho o tamaño un contenedor se ve bastante grande y en los texto es lo contrario? Como te dije anteriormente funcionan de otra manera en texto.

Un saludo.

Aprender a programar desde cero / CSS. Padding y margin: calcular anchura de los elementos de una web px CU01029D

« en: 09 de Noviembre 2017, 05:16 »

Hola amigos!!! Dejo el ejercicio CU01029D del tutorial de programación web CSS desde cero.

Enunciado:

Citar

EJERCICIO

Crea un documento HTML con 2 elementos div de anchura 250 píxeles, con un margen de 20px en todas direcciones y uno junto al otro (en horizontal). En cada div introduce un texto (p.ej. div 1, div 2) y aplícale los siguientes estilos de borde y relleno a ambos elementos. Color de fondo #FFB6C1. La parte superior con borde de puntos redondeados, grosor 15 píxeles, color #DC143C y relleno de 30 píxeles. La parte derecha con borde de trazos o segmentos rectangulares, grosor 10 píxeles, color verde y relleno de 45 píxeles. La parte inferior con borde de línea doble, grosor 10 píxeles, color #FF00FF y relleno 0 píxeles. La parte izquierda con borde con efecto ridge, grosor 40 píxeles, color #2F4F4F y relleno 60 píxeles.

Código HTML:

Código: [Seleccionar]

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8" />
	<title>Ejercicio CU01029D</title>
	<link rel="stylesheet" type="text/css" href="estilos.css" />
</head>
<body>
	    <div><p>Div 1</p></div>  <div><p>Div 2</p></div>
</body>
</html>

Código CSS:

Código: [Seleccionar]

div {
	width: 250px;
	margin: 20px;
	background-color: #FFB6C1;
	border-top: dotted 15px #DC143C;
	padding-top: 30px;
	border-right: dashed 10px green;
	padding-right: 45px;
	border-bottom: double 10px #FF00FF;
	padding-bottom: 0;
	border-left: ridge 40px #2F4F4F;
	padding-left: 60px;
	display: inline-block;
}
p {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
}

Citar

Responde a las siguientes preguntas:

a) ¿Cuál es el ancho total ocupado por cada div (incluyendo sus bordes y rellenos)?

b) ¿Cuál es el alto total ocupado por cada div (incluyendo sus bordes y rellenos)?

c) ¿Cuál es el ancho total desde el límite izquierdo del borde del div más a la izquierda hasta el límite derecho del borde del div más a la derecha (teniendo en cuenta márgenes, bordes y rellenos)?

Respuestas:

A- Es 405px.
B- Esto va depender del texto o tamaño del texto o contenido.
C- A mi me da como resultado 850px

Un saludo..

C, C++, C#, Java, Visual Basic, HTML, PHP, CSS, Javascript, Ajax, Joomla, MySql y más / Re:Cómo subir nuestra web al servidor HTML (Internet). Ejercicio CU00730B

« en: 09 de Noviembre 2017, 04:16 »

Si tienes razón en cuanto borrar el historial, caché y cookies, porque esto guarda toda la información de las páginas o documentos visitados. Y en ocasiones nos traen problemas.

Páginas: [1] 2 3 4

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: