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

Páginas: 1 [2]
21
Aprender a programar desde cero / Re:Ejercicios HTML CU00716B separadores o elementos hr establecer color grosor css
« en: 22 de Febrero 2015, 18:46 »
Buenas tardes Alex Rodriguez. A tu respuesta sobre el Ejemplo2 de mi pregunta ¿Porque en el Ejemplo2 con sintaxis CSS, la linea no me sale a la derecha, como la anterior?, no la comprendo.
Tu respuesta fue: Aqui text-align no te sirve para alinear porque text-align solo se aplica a texto.....text-align no está haciendo nada......
Entonces, ¿porque text-align si funciona en el Ejemplo1, cuando el codigo centra perfectamente la linea roja con el mismo código en CSS?
Intento, en cada módulo, tener los conceptos de los códigos aclarados antes de pasar al siguiente.
Aqui te vuelvo a dejar el código para ayudarte a entenderme.
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset="utf-8">
<html>
   <head>
      <title>Reescribir código obsoleto usando la sintaxis CSS</title>
   </head>
   <body>
      <p>EJEMPLO1: Franja de grosor 5 píxeles, de un ancho del 50% y alineado al centro. Sintaxis deprecated.</p>
      <hr size="5px" width="50%" align="center" color="red" />
      <p>EJEMPLO1: Mismo ejercicio, pero a continuación con sintaxis CSS</p>
      <hr style="height: 5px; width: 50%; text-align: center; background-color: red; color:red;" />
      <p>EJEMPLO2: Franja de grosor 2 píxeles, de un ancho del 80%, sin sombra y alineada a la derecha. Sintaxis deprecated.</p>
      <hr size="2px" width="80%" noshade="noshade" align="right" />
      <p>EJEMPLO2: Mismo ejercicio, pero a continuación con sintaxis CSS</p>
      <hr style="height: 2px; width: 80%; text-align: right;" />
   </body>
</html>Saludos.

22
Aprender a programar desde cero / Re:SOBRE LOS EJERCICIOS DEL MODULO CU00716B CURSO HTML DESDE CERO -SEPARADORES-
« en: 20 de Febrero 2015, 11:16 »
Muchas gracias por tu atención y tus claras respuestas Mastermint. Siguiendo con el mismo módulo hay un tres dudas que me asaltan en estos momentos.

DUDA 1: ¿Tiene importancia en el código, el respetar los espacios?(ejemplo:background-color:   red o background-color:red.

DUDA 2: ¿Que diferencia existe entonces entre la altura height y el grosorsize o width?. En una fotografía u otras formas tiene sentido, pero en una linea, me da la sensación de no tener diferencia alguna ya que la altura de la linea, hace de grosor.

DUDA 3: En el Ejemplo2 del mismo módulo CU00716B: A modo de ejercicio, reescribe.........y compara los resultados de visualizar ambas formas de escritura en tu navegador. ¿Por que en el ejemplo2 con sintaxis CSS, la línea no me sale a la derecha como la anterior?. Aquí os dejo el código:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset="utf-8">
<html>
   <head>
      <title>Reescribir código obsoleto usando la sintaxis CSS</title>
   </head>
   <body>
      <p>EJEMPLO1: Franja de grosor 5 píxeles, de un ancho del 50% y alineado al centro. Sintaxis deprecated.</p>
      <hr size="5px" width="50%" align="center" color="red" />
      <p>EJEMPLO1: Mismo ejercicio, pero a continuación con sintaxis CSS</p>
      <hr style="height: 5px; width: 50%; text-align: center; background-color: red; color:red;" />
      <p>EJEMPLO2: Franja de grosor 2 píxeles, de un ancho del 80%, sin sombra y alineada a la derecha. Sintaxis deprecated.</p>
      <hr size="2px" width="80%" noshade="noshade" align="right" />
      <p>EJEMPLO2: Mismo ejercicio, pero a continuación con sintaxis CSS</p>
      <hr style="height: 2px; width: 80%; text-align: right;" />
   </body>
</html>.

Gracias.

23
Aprender a programar desde cero / Ejercicios HTML CU00716B separadores o elementos hr establecer color grosor css
« en: 19 de Febrero 2015, 11:26 »
Realizados los ejercicios de dicho módulo, referente al primero(para definir el atributo size.........

Sabiendo que para definir mediante CSS un grosor de 8px y color negro se puede usar la sintaxis style="height:8px;  color:  black;  background-color:  black;" aplicada a la etiqueta <hr>, modificar el siguiente código para eliminar las etiquetas deprecated y sustituirlas por CSS), me surge la siguiente duda:

DUDA: Omitiendo la parte del código color:  black;, salen las dos lineas perfectamente con su color negro. ¿es entonces prescindible esta parte del código o por el contrario no debe omitirse por ciertas razones? Aqui dejo mi código para que revisen si está correcto:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset="utf-8">
<html>
   <head>
      <title>Ejemplo del uso de separadores</title>
   </head>
   <body>
      <p>A continuación insertamos un separador</p>
      <hr style="height:8px; color: black; background-color: black;" />
      <p>A continuación seguimos escribiendo debajo del separador</p>
      <hr style="height:2px; color: black; background-color: black;" />
   </body>
</html>
Y referente al segundo ejercicio de ejemplo(A continuación vamos a generar........75% de ancho:

<hr width="75%"  color="black"  />sería......deprecated, <hr style="color:  black;  background-color:  black;  width:  75%;"  />, sería la sintaxis usando CSS. Escribe el código y comprueba los resultados, que serán similares a esto..., con la sintaxis deprecated me sale la linea con el color negro, pero con la sintaxis CSS la linea sale sin color. Y he repetido el código dos veces, una escrito por mí y otra copiado y pegado del ejemplo el módulo. Aquí les dejo el código:

Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset="utf-8">
<html>
   <head>
      <title>Ejemplo del uso de separadores</title>
   </head>
   <body>
      <p>Separador hecho con sintaxis deprecated</p>
      <hr width="75%" color="black" />
      <p>Próximo separador hecho con sintaxis CSS</p>
      <hr style="color: black; background-color: black; width:75%;" />
      <hr style="color: black; background-color: black; width:75%;" />
   </body>
</html>

DUDA: ¿a que se debe que con deprecated salga linea negra y con CSS no salga negra?

Gracias, espero respuesta para despejar estas dudas.

Saludos.

24
Aprender a programar desde cero / Re:Ejemplo (CU00715B) Encabezados HTML h1 a h6. Párrafos..html
« en: 17 de Febrero 2015, 10:23 »
Muchas gracias por el aporte y tus correcciones, he tomado nota de todo con el fin de no volver a repetir en próximos códigos los mismos errores.. También me he dado cuenta de que no había cerrado la etiqueta </pre>.
De todas formas te dejo el código corregido por si detectas alguna otra anomalía.
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset=utf-8>
<html>
<head>
<title>Las fotos de mi viaje</title>
</head>
<body>
<h1><p style="text-align: center;">Las fotos de mi viaje</p></h1>
<p style="text-align: left; font-size: 18px;">El viaje a Formentera fue un viaje inolvidable, de puro placer y relax para poder desconectar con la monotonia y el estres del trabajo. Las calas que visitamos eran cuanto menos, preciosas. Y cuanto más recónditas, más bellas y exóticas eran. Y cuando vuelva a encontrar trabajo, lo celebraremos allí.</p>
<h2>Las fotos de la primera parte</h2><img src="http://q-ec.bstatic.com/images/hotel/square200/214/21480865.jpg"> <img src="http://r-ec.bstatic.com/images/hotel/square200/268/26829642.jpg">
<h2>Las fotos de la segunda parte</h2><img src="http://es.blog.hotelnights.com/wp-content/plugins/php-image-cache/image.php?path=/wp-content/uploads/2013/07/es-calo-des-mort.jpg" width="200px" height="200px"> <img src="http://es.blog.hotelnights.com/wp-content/plugins/php-image-cache/image.php?path=/wp-content/uploads/2013/07/cala-en-baster.jpg" width="200px" height="200px">

<pre>
Los viajes                                                    ...son libertad


                                                                    ...son amistad


                                                                             ....son crecimiento personal


                                       ¡No desaproveches una oportunidad!
</pre>
</body>
</html>


.
A partir de aquí y de haber realizado y apuntado las correcciones pertinentes, paso al estudio del otro módulo CU00716B.
Saludos.

25
Aprender a programar desde cero / Re:Ejemplo (CU00715B) Encabezados HTML h1 a h6. Párrafos..html
« en: 15 de Febrero 2015, 23:21 »
Hola OGRAMAR y buenas noches a todos. Para que me entiendas te dejo primero el código y luego te aclaro mis dudas.
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset=utf-8>
<html>
<head>
<title>Las fotos de mi viaje</title>
</head>
<body>
<h1><p style="text-align: center;">Las fotos de mi viaje</p></h1>
<p style="text-align: left; font-size: 18px;">El viaje a Formentera fue un viaje inolvidable, de puro placer y relax para poder desconectar con la monotonia y el estres del trabajo. Las calas que visitamos eran cuanto menos, preciosas. Y cuanto más recónditas, más bellas y exóticas eran. Y cuando vuelva a encontrar trabajo, lo celebraremos allí.</p>
<h2><p style="text-align: left;">Las fotos de la primera parte</h2></p><img src="http://q-ec.bstatic.com/images/hotel/square200/214/21480865.jpg"> <img src="http://r-ec.bstatic.com/images/hotel/square200/268/26829642.jpg">
<h2><p style="text-align: left;">Las fotos de la segunda parte</h2></p><img src="http://es.blog.hotelnights.com/wp-content/plugins/php-image-cache/image.php?path=/wp-content/uploads/2013/07/es-calo-des-mort.jpg" width="200px" height="200px"> <img src="http://es.blog.hotelnights.com/wp-content/plugins/php-image-cache/image.php?path=/wp-content/uploads/2013/07/cala-en-baster.jpg" width="200px" height="200px">

<pre>
Los viajes                                                    ...son libertad


                                                                    ...son amistad


                                                                             ....son crecimiento personal


                                       ¡No desaproveches una oportunidad!
</body>
</html>


Ante todo, dime si el código es correcto y si se puede mejorar. Ahora explico mis dudas:
Introduciendo este código, las frases "Fotos de la primera parte" y "Fotos de la segunda parte" me salen encima de las imágenes. ¿como puedo hacer para que las imágenes queden a la derecha y las frases queden a la izquierda a la altura de la esquina superior de las fotos?. Así:

Fotos de la primera parte                                                                    I
                                                                                                            M
                                                                                                            A
                                                                                                            G
                                                                                                            E
                                                                                                            N

Fotos de la segunda parte                                                                   I
                                                                                                            M
                                                                                                            A
                                                                                                            G
                                                                                                            E
                                                                                                            N.
Espero haberme explicado mejor. Gracias


26
Aprender a programar desde cero / Re:Ejemplo (CU00715B) Encabezados HTML h1 a h6. Párrafos..html
« en: 15 de Febrero 2015, 10:57 »
Muchas gracias por tu atención OGRAMAR, se que es un gran fallo que viene dado por querer ir demasiado deprisa. Tengo una pregunta:
¿como puedo hacer para que me salga el texto a la izquierda(este lo tengo claro con el atributo "left") PERO A LA ALTURA SUPERIOR DE LA IMAGEN, en vez de a pie de imagen como me sale. NO ENCUENTRO EL ATRIBUTO(he probado de poner "up" y "high" pero no lo consigo).
Gracias de antemano

27
Aprender a programar desde cero / Re:Ejemplo (CU00715B) Encabezados HTML h1 a h6. Párrafos..html
« en: 12 de Febrero 2015, 22:08 »
Buenas noches a todos. Os dejo mi código del ejercicio CU00715B Encabezados HTML<h1>a<h6><p> <pre>.
En el caso del código del compañero "Emacg79" creo que no está del todo completo. Y además, he podido observar que si a la primera parte del ejercicio(Un encabezado h1 que ponga "Las fotos de mi viaje"), la ponemos entre las etiquetas de título <title>, no se diferencia el tamaño que le da <h1>.
Mi pregunta es la siguiente:Tal y como yo lo he escrito, ¿es correcto prescindir de las etiquetas <title></title> para poner el encabezado<h1>? Yo lo he escrito así porque sino, no se ve la diferencia de tamaño que adquiere este título de:"Las fotos de mi viaje". Ahí les dejo el código y espero vuestra respuesta. Gracias de antemano.
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset=utf-8>
<html>
<head>
<h1>Las fotos de mi viaje</h1>
</head>
<body>
El viaje a Formentera con mi mujer Merce fue realmente placentero. La ida y llegada muy rapidas y cómodas. Y la estancia fue agradable, con todo tipo de detalles y gran calidad.
<h2><p>Fotos de la primera parte del viaje</h2></p>
<img src="http://www.formentera.es/files/img/small/20120209141931_465853.jpg" width="200px" height="200px" title="bonito apartamento">
<img src="http://www.formentera.es/files/img/small/20120216092238_231493.jpg" width="200px" height="200px" title="y muy comodo">
<h2><p>Fotos de la segunda parte del viaje</h2></p>
<img src="http://www.disfrutalaplaya.com/es/Formentera/Formentera/Cala_en_Baster/fullsize/1.jpg" width="200px" height="200px" title="cala En Baster">
<img src="http://www.disfrutalaplaya.com/es/Formentera/Formentera/Es_Calo_des_Mort/fullsize/1.jpg" width="200px" height="200px"
title="Es Calo d'En Mort">
<pre>Los viajes                     ......son libertad
                                        ......son amistad
                                           .......son crecimiento personal

                                     ¡No desaproveches una oportunidad!
</pre>
</body>
</html>
             

28
Aprender a programar desde cero / Re:EJERCICIO CU00714B curso html insertar imágenes en una página web
« en: 11 de Febrero 2015, 12:27 »
Acabo de seguir tus indicaciones y todo correcto. Ahora se abre la página ordenada, como a mi me gusta. Muchísimas gracias por la ayuda.
Paso al siguiente capítulo CU00715B.

29
Aprender a programar desde cero / Re:EJERCICIO CU00714B curso html insertar imágenes en una página web
« en: 10 de Febrero 2015, 12:54 »
Hola y muy buenos dias a todos.
Entrando en materia sobre el aprendizaje de código, les dejo mi codigo de la lección CU00714 ETIQUETAS HTML BASCAS: IMAGENES, TAG..... para poder perfeccionarlo y despejar tres dudas que tengo:
1.¿no es posible dar color al texto y al fondo dentro de la etiqueta <title>?(con "bgcolor" y "text")
2.pensé que al introducir la etiqueta "alt", se vería el texto introducido por mí al pasar el ratón por encima de las imágenes y por alguna razón que no encuentro, no es así.
3.¿como se utiliza la etiqueta "align" con sus atributos? ¿es mejor no adentrarse en esta etiqueta por estar obsoleta?
Aquí os dejo mi código y haganme saber, por favor, si he planteado este hilo en el lugar adecuado y es correcto.
Gracias:
Código: [Seleccionar]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<meta charset="utf-8">
<html>
<head>
<title>CURIOSAS FOTOS DE ATLETA, BODA, ATARDECER Y MERCADO</title>
</head>
<body>
<em>Imagen que refleja una boda:</em>
<img src="http://www.todoboda.com/imagesRecursos/39210_laura.jpg" alt="imagen boda" width="200px" height="270px">
Imagen que refleja un atleta:
<img src="http://www.rfea.es/gifs/revista/revista2015/2015febreroG200.jpg" alt="imagen atleta" width="200px" height="270px">
<big>Imagen que refleja un atardecer:</big>
<img src="http://i.huffpost.com/gadgets/slideshows/300407/slide_300407_2515993_free.jpg" alt="imagen atardecer" width="200px" height="270px">
<strong>Imagen que refleja un mercado:</strong>
<img src="http://www3.terrassa.cat/files/11-8375-imagenRed/IMGP0751.jpg" alt="imagen mercado" width="200px" height="270px">
</body>
</html>

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