duda con ejercicio

faluar · #1 (**permalink**) 23/01/2013, 22:01

Hola Buenas a todos y todas!

EStoy haciendo un curso de desarrollo de APP y ahora mismo me encuentro en el temario 4 que es un tema de (X)HTML.

El caso es que tengo que entregar un ejercicio dentro de pocas horas y no he tenido tiempo de estudiarlo para poder hacerlo como Dios manda. Si no lo envío correctamente en el plazo que me obligan me dejan sin poder seguir adelante y suspendería.

NEcesito que alguien de aquí me de la solución a esta prueba práctica y ya volver a tener tiempo para estudiarlo detenidamente. El ejercicio es el siguiente:

Crea un documento XHTML con DOCTYPE transicional con estilos internos que presente una página como la que se muestra.

Estas son algunas de las consideraciones a tener en cuenta:

• Página centrada de 800 píxeles de ancho.

• Reinicializa todos los márgenes y rellenos como primera declaración de estilos.

• Cabecera y pie de página que ocupen todo el ancho y cuyas alturas se ajusten al contenido.

• Distancia entre elementos de 15 píxeles.

• Una columna a la derecha de 200 píxeles de ancho.

• El primer bloque de texto simulará texto saliéndose por ambos lados de la caja. Los bloques de texto tendrán un borde de 5 píxeles.

memoadian · #2 (**permalink**) 24/01/2013, 00:25

Te sugiero que en vez de perder el tiempo posteando. Le dediques dos horas a entender algo tan, pero tan básico de lo que es el html

nedyer · #3 (**permalink**) 24/01/2013, 00:34

OO algo fácil para mi te ayudare

código CSS

Código CSS:

Ver originalbody
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 100%;
    background-color: #DFDFDF;
}
 
div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0px;
    padding: 0px;
}
 
#Contenedor
{
    padding: 0px;
    height: 900px;
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #FDFDFD;
}
 
#Cabecera
{
    padding: 0px;
    height: 200px;
    width: 750px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #666666;
}
 
#Cabecera #Titulo {
    margin-top: 66px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    font-weight: bold;
    font-variant: normal;
    color: #FF0000;
    text-transform: uppercase;
    margin-left: 15px;
    position: absolute;
}
 
#Cabecera #SubTitulo {
    margin-top: 110px;
    margin-left: 23px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
}
 
#Pie
{
    padding: 0px;
    height: 100px;
    width: 750px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #666666;
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0px;
}
 
#Pie #Titulo {
    margin-top: 66px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-left: 15px;
    position: absolute;
}
 
#Izquierda
{
    clear: left;
    height: auto;
    width: 535px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    background-color: #E5E5E5;
    float: left;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    display: inline-block;
}
 
#Derecha
{
    clear: both;
    height: auto;
    width: 170px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    background-color: #B6B6B6;
    float: right;
    margin-top: 15px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block;
    right: auto;
    left: 0px;
}
 
#Texto_1
{
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 5px dashed #D6D6D6;
    background-color: #F9F9F9;
    height: 200px;
    width: 500px;
}
 
#Texto_1 p#P1 {
    margin-left: -15px;
    margin-top: 15px;
}
 
#Texto_2 p#P2 {
    margin-top: 15px;
    margin-left: 15px;
}
 
#Texto_2
{
    padding: 0px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 5px dashed #D6D6D6;
    background-color: #F9F9F9;
    height: 200px;
    width: 500px;
}

Código HTML

Código HTML:

Ver original<div id="Contenedor">
  <div id="Cabecera"><h2 id="Titulo">cabecera</h2> <h2 id="SubTitulo">subtitulo de la cabecera</h2></div>
  <div id="Derecha">la columna derecha</div>
  <div id="Izquierda">
    <div id="Texto_1"><p id="P1">esto es el bloque 1 esto es el bloque 1 esto es el bloque 1 esto es el bloque 1 esto es el bloque 1 esto es el bloque 1</p></div>
    <div id="Texto_2"><p id="P2">esto es el bloque 2 esto es el bloque 2 esto es el bloque 2 esto es el bloque 2 esto es el bloque 2</p></div>
  </div>
  <div id="Pie"><h3 id="Titulo">esto es el pie de pagina</h3></div>
</div>

Foto

código Completo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
body
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    color: #000000;
    text-decoration: none;
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    width: 100%;
    background-color: #DFDFDF;
}
 
div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0px;
    padding: 0px;
}
 
#Contenedor
{
    padding: 0px;
    height: 900px;
    width: 800px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #FDFDFD;
}
 
#Cabecera
{
    padding: 0px;
    height: 200px;
    width: 750px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #666666;
}
 
#Cabecera #Titulo {
    margin-top: 66px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    font-weight: bold;
    font-variant: normal;
    color: #FF0000;
    text-transform: uppercase;
    margin-left: 15px;
    position: absolute;
}
 
#Cabecera #SubTitulo {
    margin-top: 110px;
    margin-left: 23px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
}
 
#Pie
{
    padding: 0px;
    height: 100px;
    width: 750px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background-color: #666666;
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0px;
}
 
#Pie #Titulo {
    margin-top: 66px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: normal;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-left: 15px;
    position: absolute;
}
 
#Izquierda
{
    clear: left;
    height: auto;
    width: 535px;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    background-color: #E5E5E5;
    float: left;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 25px;
    display: inline-block;
}
 
#Derecha
{
    clear: both;
    height: auto;
    width: 170px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    background-color: #B6B6B6;
    float: right;
    margin-top: 15px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block;
    right: auto;
    left: 0px;
}
 
#Texto_1
{
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 5px dashed #D6D6D6;
    background-color: #F9F9F9;
    height: 200px;
    width: 500px;
}
 
#Texto_1 p#P1 {
    margin-left: -15px;
    margin-top: 15px;
}
 
#Texto_2 p#P2 {
    margin-top: 15px;
    margin-left: 15px;
}
 
#Texto_2
{
    padding: 0px;
    margin-top: 15px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 5px dashed #D6D6D6;
    background-color: #F9F9F9;
    height: 200px;
    width: 500px;
}
</style>
</head>
 
<body>
<div id="Contenedor">
  <div id="Cabecera"><h2 id="Titulo">cabecera</h2> <h2 id="SubTitulo">subtitulo de la cabecera</h2></div>
  <div id="Derecha">la columna derecha</div>
  <div id="Izquierda">
    <div id="Texto_1"><p id="P1">esto es el bloque 1 esto es el bloque 1 esto es el bloque 1 esto es el bloque 1 esto es el bloque 1 esto es el bloque 1</p></div>
    <div id="Texto_2"><p id="P2">esto es el bloque 2 esto es el bloque 2 esto es el bloque 2 esto es el bloque 2 esto es el bloque 2</p></div>
  </div>
  <div id="Pie"><h3 id="Titulo">esto es el pie de pagina</h3></div>
</div>
</body>
</html>

memoadian · #4 (**permalink**) 24/01/2013, 00:44

Cita:

Iniciado por nedyer

OO algo fácil para mi te ayudare

no estoy en contra que se ayude a la gente, pero así fomentas la vagancia. ¿de verdad crees que después aprenderá?

nedyer · #5 (**permalink**) 24/01/2013, 00:53

=O no pero para eso le puse algo de dificultad en el código para que el lo corrija 2 cositas nada mas =^.^=

vez me refiero a esto

Saludos..

emprear · #6 (**permalink**) 24/01/2013, 05:19

Resumiendo:

Cita:

NEcesito que alguien de aquí me de la solución a esta prueba práctica

Un apregunta, que dadas sus características ni siquiera debería ser contestada

Cita:

Te sugiero que en vez de perder el tiempo

una observación atinada

Cita:

algo fácil para mi te ayudare

170 lineas de código, que exprofeso, contienen según su autor, un par de errores nomas

Cita:

no estoy en contra que se ayude a la gente, pero así fomentas la vagancia. ¿de verdad crees que después aprenderá?

Menos mal que @memoadian preguntó, que si nó, ni nos enteramos del subterfugio pseudodidáctico de @nedyer

Conclusión, otro buen ejemplo del denominado "Post Mamarracho"

jonni09lo · #7 (**permalink**) 24/01/2013, 09:26

Este tipo de post los deberían de mover a la sección de empleo xD

No en serio, no me parece que la gente se ponga a pedir, cada vez se esta volviendo mas común que "estudiantes" piensen que esto es un foro donde se les hará los ejercicios y mas gratis... eso realmente me molesta este tipo de mediocridad... ojala no sean este tipo de personas que nos hagan competencia laboral porque nos harán quedar muy mal...

faluar · #8 (**permalink**) 24/01/2013, 12:31

Cita:

Iniciado por jonni09lo

Este tipo de post los deberían de mover a la sección de empleo xD

No en serio, no me parece que la gente se ponga a pedir, cada vez se esta volviendo mas común que "estudiantes" piensen que esto es un foro donde se les hará los ejercicios y mas gratis... eso realmente me molesta este tipo de mediocridad... ojala no sean este tipo de personas que nos hagan competencia laboral porque nos harán quedar muy mal...

Con respecto a tu mensaje: Decirte que efectivamente soy un estudiante, pero no está bien que me catalogues dentro del cuadro de los "estudiantes" a los que haces referencia con su mediocridad. Creo que deberías preguntar primeramente el por qué me he visto en la obligación de pedir esto y ya luego si quieres eliges entre criticarme a mí, o criticar a los "estudiantes con mediocridad".

Cita:

Iniciado por emprear

Resumiendo:
Cita:
NEcesito que alguien de aquí me de la solución a esta prueba práctica
Un apregunta, que dadas sus características ni siquiera debería ser contestada

Cita:
Te sugiero que en vez de perder el tiempo
una observación atinada

Cita:
algo fácil para mi te ayudare
170 lineas de código, que exprofeso, contienen según su autor, un par de errores nomas

Cita:
no estoy en contra que se ayude a la gente, pero así fomentas la vagancia. ¿de verdad crees que después aprenderá?
Menos mal que @memoadian preguntó, que si nó, ni nos enteramos del subterfugio pseudidáctico de @nedyer

Conclusión, otro buen ejemplo del denominado "Post Mamarracho"

Con respecto a tu comentario: Menos mal que tenemos gente como tú que siempre está ahí y nos llama mamarracho porque se nos escapa sin querer alguna letra/palabra mal escrita. Fíjate tú, que estás tan pendiente de los fallos de los demás, que no te has dado cuenta que a tí también se te ha escapado algo mal escrito. ¿Podrás tú mismo darte cuenta de ello? NO, mejor no, mejor sigue buscando fallos a los demás "mamarrachos"

Cita:

Iniciado por memoadian

Te sugiero que en vez de perder el tiempo posteando. Le dediques dos horas a entender algo tan, pero tan básico de lo que es el html

Cita:

Iniciado por memoadian

no estoy en contra que se ayude a la gente, pero así fomentas la vagancia. ¿de verdad crees que después aprenderá?

Para tu comentario te digo lo mismo que al amigo jonni09lo, pero esta vez con otras palabras: Más vale estar callado y parecer que no se tiene ni idea, que hablar y demostrarlo. Con esto te quiero decir que hubiera estado muy bien que primero hubieras preguntado por qué me he visto en esta situación de pedir ayuda y luego aventurarte a decir las cosas que dices refiriéndote a mi persona. De todas formas, menos que eres adivino y vaticinas que luego no aprenderé, podrías usar tus poderes de futurólogo y adivinar el por qué me he visto en esta situación.

Por último, dar las gracias al amigo nedyer por su desinteresada ayuda! Gracias colega!!

emprear · #9 (**permalink**) 24/01/2013, 12:51

Gracias @faluar por la corrección !!!
la palabra corrrecta es pseudodidáctico.
Hacé cuantas correcciones gramaticales quieras, me pareze várvaro
pero no te vayas por las ramas y dedicate a estudiar la lección en lugar de venir a aquí a buscar soluciones rápidas a tu falta de aplicación, que es eso lo que se te critíca.

En otro orden, me pregunto que habrá hecho @nedyer para que en imageshack lo hayan sancionado con esto

pzin · #10 (**permalink**) 24/01/2013, 12:53

Pues tú mismamente explicas las razones de porqué pides que te lo hagan. La diferencia es que tú usas eufemismos y excusas y memoadian adjetivos más realistas.

Pero bueno, quien se pica es porque ajos come. Y dada tu extensa respuesta a quienes "no te ayudaron" y la corta a quien "si lo hizo", es obvio que vampiro no eres.
Pero bueno, no eres el primero de tu especie.

Mal por parte de nedyer el haber ayudado, pero supongo que en su caso sólo quería ayudar y aún desconoce cómo se las gastan los estudiantes con urgencias.

jonni09lo · #11 (**permalink**) 24/01/2013, 12:58

NEcesito que alguien de aquí me de la solución a esta prueba práctica y ya volver a tener tiempo para estudiarlo detenidamente. El ejercicio es el siguiente:

En mis tiempo de colegio esto solo lo decían los peores estudiantes... (al que le caiga el guante que se lo achante no? si te ofende es porque te recuerda algo... digo no?

)

Cita:

Creo que deberías preguntar primeramente el por qué me he visto en la obligación de pedir esto y ya luego si quieres eliges entre criticarme a mí, o criticar a los "estudiantes con mediocridad"

Uno no tiene el por qué adivinarte ni tiene el por qué preguntar cosas que USTED como usuario debería decirlas (digo esto porque varias veces dijiste "deberías preguntar primeramente el por qué me he visto en la obligación de pedir esto")

Y decirte por ultimo que los verdaderos estudiantes no tratan de depender de otras personas, no se que tipo de "razón" exista para que pidieras esto, puede que hasta fuese valida, pero eso ya no importa... sabes por qué? porque las cosas se solucionan hablando claro desde un principio, como dices muchas veces nos toca ser adivinos, porque personas como tu dan por sentado muchas cosas y creen que con solamente dibujando un sol ya veamos un paisaje completo

No hablo mas

Saludos

faluar · #12 (**permalink**) 24/01/2013, 13:15

vamos a ver: Para todos los enterados que me catalogan como un estudiante mediocre, como un vampiro, etc...

Simplemente he tenido que hacer uso de esta medida in extremis porque se me acaba el tiempo para entregar el ejercicio y me ha sido imposible estudiarlo como Dios manda, ya que, por motivos de trabajo, las pocas horas que tenía de descanso normalmente (las que usaba para estudiar), se han visto mermadas por culpa de esta maldita crisis generada por los nefastos gestores y empresarios y que ha desembocado en trabajar más horas de lo normal porque supuestamente no hay trabajo y no es rentable contratar más gente.

Con todo esto, sólo quiero aclarar que no he hecho nada malintencionado, sólo que con lo poco que he podido estudiar, ahora podré corregir el ejercicio y entregarlo a tiempo, para luego (contanto con un margen de tiempo libre que tengo) poder leerlo tranquilamente y estudiarlo a consciencia y seguir con el siguiente temario.

En fin, si el compañero jonni y cía quieren seguir diciendo tonterías pues bien, que así sea, esto es un foro y cada cual es libre de opinar lo que quiera, aunque, como en el caso de muchos de ustedes, en esta ocasión están errando considerablemente.

pzin · #13 (**permalink**) 24/01/2013, 13:21

Bueno, al menos la culpa es de la crisis, y no fue el perro quien se comió los apuntes.

faluar · #14 (**permalink**) 24/01/2013, 13:30

bueno, yo ya pasó de seguir discutiendo sobre algo intranscendente, quien quiera cogerlo que lo coja, si no, pues nada!

Un saludo y les doy toda la razón a todos ustedes, ya que veo que es imposible seguir razonando para hacerles pensar algo que no sea lo que sale de sus primeras ideas.

memoadian · #15 (**permalink**) 24/01/2013, 13:43

Jaja, maldita crisis,

"es la culpa de todo lo malo en mi vida" by Homer simpson

caray y yo que vivo en un país con crisis desde 1810 :(

nedyer · #16 (**permalink**) 24/01/2013, 16:11

Lol que paso aquí

emprear · #17 (**permalink**) 24/01/2013, 16:34

Cita:

Iniciado por memoadian

Jaja, maldita crisis,

"es la culpa de todo lo malo en mi vida" by Homer simpson

caray y yo que vivo en un país con crisis desde 1810 :(

No conozco mucho la historia mexicana, pero por estas latitudes empezó en la misma fecha... (o serás un argentino viviendo en méxico que está completamente metamorfoseado)
Esto me suena a la teoría de los universos paralelos del Sr. Spock, no puede existir uno sin el otro, por lo que si nunca existió el estado de "no crisis", tampoco puede existir la crisis...

, que alivio, es como estar en el paraíso

Cita:

Iniciado por nedyer

Lol que paso aquí

Un maestro @nedyer !!! retiro lo de mamarracho, estos posts son la sal del Foro

Salu2

memoadian · #18 (**permalink**) 24/01/2013, 16:38

Cita:

Iniciado por emprear

No conozco mucho la historia mexicana, pero por estas latitudes empezó en la misma fecha... (o serás un argentino viviendo en méxico que está completamente metamorfoseado)

No no, soy mexicano, en 1810 comenzó la guerra de independencia de México.

Antes de eso, el país no estaba en crisis, aunque no se llamara igual.

La teoria de Spock en este caso no aplica.

jonni09lo · #19 (**permalink**) 24/01/2013, 16:51

Cita:

Iniciado por emprear

Un maestro @nedyer !!! retiro lo de mamarracho, estos posts son la sal del Foro

Salu2

Si esto es la sal entonces que seria la pimienta???

Carlangueitor · #20 (**permalink**) 24/01/2013, 17:00

Cita:

Iniciado por memoadian

No no, soy mexicano, en 1810 comenzó la guerra de independencia de México.

Antes de eso, el país no estaba en crisis, aunque no se llamara igual.

La teoria de Spock en este caso no aplica.

Bueno, en el Porfiriato volvió a ser buen país, pero de nuevo lo jodieron con la Revolución.

</off-topic>

Saludos

emprear · #21 (**permalink**) 24/01/2013, 17:14

Cita:

Iniciado por Carlangueitor

Bueno, en el Porfiriato volvió a ser buen país, pero de nuevo lo jodieron con la Revolución.

</off-topic>

Saludos

No, asi no vale, que me tengo que comer la Wikipedia...
Agrego, @nedyer un Maestro, y un auténtico promotor del conocimiento

Carlangueitor · #22 (**permalink**) 24/01/2013, 17:16

Cita:

Iniciado por emprear

No, asi no vale, que me tengo que comer la Wikipedia...

Bueno, estás como el Mexicano promedio

emprear · #23 (**permalink**) 24/01/2013, 17:32

Cita:

Iniciado por Carlangueitor

Bueno, estás como el Mexicano promedio

Ándale, ándale, ándale !!!

memoadian · #24 (**permalink**) 24/01/2013, 19:47

Cita:

Iniciado por emprear

Ándale, ándale, ándale !!!

no no, ese es Spidey Gonzales, que de mexicano solo el apellido y a lo mejor ni eso, por que es español XD

PD: No conozco a ningun mexicano que diga ándale ándale

lo más es VIVA MÉXICO CA....ONES¡¡¡

pzin · #25 (**permalink**) 24/01/2013, 20:23

¡Cabrones!

Siempre recordaré al primer tipo que le escuché decir eso. Tendría yo unos 16 añitos cuando me topé con el Huidos.

No diré nada de cómo desvirtuais temas. Parece esto una cafetería.

emprear · #26 (**permalink**) 24/01/2013, 20:33

Cita:

Iniciado por memoadian

no no, ese es Spidey Gonzales, que de mexicano solo el apellido y a lo mejor ni eso, por que es español XD

PD: No conozco a ningun mexicano que diga ándale ándale

lo más es VIVA MÉXICO CA....ONES¡¡¡

Si. si... ese fué para Carlangueitor a ver si toma nota que yo soy un Gaucho de las Pampas

@Bonez
Dejame tomar un respiro !!!
Que todavía no me recuperé de esto
http://www.forosdelweb.com/f13/que-h...cript-1033005/

memoadian · #27 (**permalink**) 24/01/2013, 20:41

Es una forma de olvidar el tema principal que no da para nada.

C2am · #28 (**permalink**) 25/01/2013, 02:43

Yo creo que la crisis inicio en 1492, digo, antes de eso andábamos en pelotas sin tener que trabajar 24 horas para darle dinero a los ricos, a lo sumo uno que otro sacrificio, pero nada más

memoadian · #29 (**permalink**) 25/01/2013, 02:59

En algo estamos de acuerdo todos, la crisis tuvo un inicio.