Alguien qeu sea bueno maquetando me puede ayudar?

ghosther · #1 (**permalink**) 16/06/2009, 14:23

Lo que pasa es que no soy bueno maquetando... Necesito saber si alguien me puede ayudar a resolver un problemin que tengo.
Esta es la maqueta qeu deseo

lh4.ggpht.com/_5BcZRY83q9g/Sjf-KfM_aRI/AAAAAAAAABY/q5lEBagMCSA/s720/ejemplo.jpg

alguien me pudiera dar el codigo html, utilizando div, o tablas para esta maqueta.
Deseo qeu la pagina se redimensione cuando cambie el tamanno del browser..
y el area ajustable crezca o disminuya segun el tama;o de la ventana... conservandose las dimensiones prefijadas, en los cuadros con dimensiones prefijadas, irían imagenes.
Saludos, por fa, necesito su ayuda, es para un proyecto de la escuela, pero no le cuelo al maquetado.

luisch125 · #2 (**permalink**) 16/06/2009, 14:27

Pero esto, es en serio? ¿estás estudiando html o similar y estás pidiendo que alguien te haga el trabajo? y gratis, claro...

Creo que el mejor consejo que puedo darte es que al único al que engañas es a ti mismo... Alguien podría hacerlo por ti y aprobarías pero, ¿eso te sirve de algo?

Piénsatelo...

ghosther · #3 (**permalink**) 16/06/2009, 14:48

Bueno, por lo menos una recomendación, es qeu estoy tratando con div, y salen muchos corrimientos...
Crees qeu con tablas sea una buena práctica.
Solo dame alguna recomendación compa...

HiAll · #4 (**permalink**) 16/06/2009, 14:58

Quizas deberias plantear tu pregunta en el foro adecuado. Este es para ofrecer/solicitar un empleo. Y esto no es ninguna oferta de empleo, puesto que no se ofrece ninguna remuneración a cambio.

Mira los foros de los lenguajes y plantea alli tu duda.

ghosther · #5 (**permalink**) 16/06/2009, 15:08

Lo que pasa es que no soy bueno maquetando... Necesito saber si alguien me puede ayudar a resolver un problemin que tengo.
Esta es la maqueta qeu deseo

lh4.ggpht.com/_5BcZRY83q9g/Sjf-KfM_aRI/AAAAAAAAABY/q5lEBagMCSA/s720/ejemplo.jpg

alguien me pudiera dar el codigo html, utilizando div, o tablas para esta maqueta.
O por lo menos me puden dar alguna recomendación de como lograrlo.

Deseo qeu la pagina se redimensione cuando cambie el tamanno del browser..
y el area ajustable crezca o disminuya segun el tama;o de la ventana... conservandose las dimensiones prefijadas, en los cuadros con dimensiones prefijadas, irían imagenes.
Saludos, por fa, necesito su ayuda, es para un proyecto de la escuela, pero no le cuelo al maquetado.

skatomundo · #6 (**permalink**) 16/06/2009, 15:18

Entendí deseas que alguien te haga la "tarea de la escuela". No me parece!!

Te sugiero Maquetar CSS

Además, estos: Free Layout CSS , Otros layout, si te pudiesen servir.

Por aquí encontrarás cada definición de CSS.

Lo último, Usa títulos específicos y con sentido.

Saludos,

hades87 · #7 (**permalink**) 16/06/2009, 15:27

Y cuanto estas dispuesto a pagar por que te hagan tu tarea de la escuela?

kseso? · #8 (**permalink**) 16/06/2009, 15:30

Si hombre, no faltaría más. Pero vamos a hacerlo bien. Nos repartimos el trabajo, yo te lo empiezo y tu ya si ves que tal lo vas completando:

Código html:

Ver original<!DOCTYPE <!--aquí el doctype que utilices-->
<head>
<!-- Aquí todo lo necesario para que puedas tener una cabeza -->
<style type="text/css">
/*aquí pones los estilos*/
</style>
</head>
<body>
<!-- y aquí, como su nombre indica, todo el contenido de la página -->
</body>
</html>

¿te parece bien así?
¿O ponemos el aviso?:
"GORRÓN EN CUBIERTA"

autista · #9 (**permalink**) 16/06/2009, 18:29

Hey amigo yo te ayudo gratis.

Te escribo en un ratito

Saludos

autista · #10 (**permalink**) 16/06/2009, 18:39

pero.... Por lo menos pasa la imagen con tamaño real....

Me das una imagen a maquetar con la cual los recuadros no coinciden con los tamaños...

Amigo...

mpeg · #11 (**permalink**) 16/06/2009, 20:03

mas o menos seria algo asi:

Código HTML:

<html>
    <body style="margin:0;">
        <div style="float:left;width:160px;">
            <div style="height:90px;width:160px;"></div>
            <div style="width:160px;"></div>
        </div>        
        <div style="margin-left:160px;">
            <div style="float:left;width:200px;height:40px;"></div>
            <div></div>
            <div style="float:right;"></div>
            <div style="float:right;width:80px;height:80px;"></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </body>
</html>

lo he hecho en 5 minutos y falta añadir un tamaño en % al area ajustable de la derecha (ya que no lo incluyes en tu dibujo, no lo he puesto - pero probablemente tu intencion sea esa)
luego ya tu lo ajustas como te de la gana, pero la estructura si usas divs y floats es un poco esa (luego se podria hacer con un grid, con tablas, etc. y en parte seria mas sencillo)

tunait · #12 (**permalink**) 17/06/2009, 00:37

Temas unidos

Triby · #13 (**permalink**) 17/06/2009, 01:03

Ayuden al amigo, que tan en buena forma pide las cosas.

Código html:

Ver original<html>
<head>
<title>Aqui va el titulo</title>
</head>
<body>
<center><marquee><blink><font size="200"><b>Estudia!!!</b></font></blink></marquee></center>
</body>
</html>

Prueba eso en tu navegador, de preferencia IE6, y me avisas si vamos bien.

Calizman · #14 (**permalink**) 17/06/2009, 01:28

Cita:

alguien me pudiera dar el codigo html, utilizando div, o tablas para esta maqueta.
Deseo qeu la pagina se redimensione cuando cambie el tamanno del browser..
y el area ajustable crezca o disminuya segun el tama;o de la ventana... conservandose las dimensiones prefijadas, en los cuadros con dimensiones prefijadas, irían imagenes.

Papas y Agua grande con su orden? O nada mas desea eso...?? Porque aparte, podria hacer yo tambien las imagenes, y para evitarte la fatiga, si quieres hago varios estilos de la pagina. Asi si uno no te gusta, tienes unos cuantos mas de reserva. Que dices eh?

hades87 · #15 (**permalink**) 17/06/2009, 01:37

CaLiZzZ, pero también implementale un sistema de usuarios con PHP&MySQL y búsquedas en tiempo real con AJAX, que sinó la web no esta completa, vamos creo yo que es lo mínimo.

MasterXNicoX · #16 (**permalink**) 17/06/2009, 01:38

Cita:

Iniciado por Triby

Ayuden al amigo, que tan en buena forma pide las cosas.

Código html:

Ver original<html>
<head>
<title>Aqui va el titulo</title>
</head>
<body>
<center><marquee><blink><font size="200"><b>Estudia!!!</b></font></blink></marquee></center>
</body>
</html>

Prueba eso en tu navegador, de preferencia IE6, y me avisas si vamos bien.

JAJAJAJJAJAJAJA xD

Triby · #17 (**permalink**) 17/06/2009, 01:39

Este codigo no falla, seguro te sirve en cualquier navegador, hasta en IE sin importar la version:

Código html:

Ver original<html>
<head>
<title>Tarea de maquetado con CSS</title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<!-- ************ Aqui es donde viene todo el truco *************** -->
<td style="width:100%" class="tarea1" id="si-funciona"><img src="http://lh4.ggpht.com/_5BcZRY83q9g/Sjf-KfM_aRI/AAAAAAAAABY/q5lEBagMCSA/s720/ejemplo.jpg" alt="Aqui estan todas las columnas requeridas" /></td>
</tr>
</table>
</body>
</html>

Servido!

Calizman · #18 (**permalink**) 17/06/2009, 01:48

Cita:

Iniciado por hades87

CaLiZzZ, pero también implementale un sistema de usuarios con PHP&MySQL y búsquedas en tiempo real con AJAX, que sinó la web no esta completa, vamos creo yo que es lo mínimo.

Fijate que, justamente estaba pensando en eso... De hecho, no solo le hice un registro de usuarios, sino que tambien hice un chat y un contador de visitas interno... Digo, por si a nuestro apreciable amigo se le ofreciera, claro...

Ahh... Que seria de Foros Del Web sin gente asi?

Cita:

Iniciado por Triby

Este codigo no falla, seguro te sirve en cualquier navegador, hasta en IE sin importar la version:

Código html:

Ver original<html>
<head>
<title>Tarea de maquetado con CSS</title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<!-- ************ Aqui es donde viene todo el truco *************** -->
<td style="width:100%" class="tarea1" id="si-funciona"><img src="http://lh4.ggpht.com/_5BcZRY83q9g/Sjf-KfM_aRI/AAAAAAAAABY/q5lEBagMCSA/s720/ejemplo.jpg" alt="Aqui estan todas las columnas requeridas" /></td>
</tr>
</table>
</body>
</html>

Servido!

hades87 · #19 (**permalink**) 17/06/2009, 01:49

Que buen aporte Triby, la verdad que de esa forma consigue justamente lo que quería, incluso tal y como lo puso el, un 10.

Además es totalmente semántico y validará sin problemas en la W3C

Cita:

Fijate que, justamente estaba pensando en eso... De hecho, no solo le hice un registro de usuarios, sino que tambien hice un chat y un contador de visitas interno... Digo, por si a nuestro apreciable amigo se le ofreciera, claro...

Cierto, se me olvidaba el chat, el contador de visitas y por si acaso un foro en vBulletin, naturalmente pagando la licencia, nosotros, organizandolo todo y creando subforos y ya qeu estamos un blog en WordPress, no? :)

ghosther · #20 (**permalink**) 17/06/2009, 08:32

Al amigo del maketado con div... gracias por tu ayuda...
Veo qeu este foro esta lleno de autosuficientes...
En fin, nunca habia maketado, y tenia un proyecto de clase, en el qeu el profe pedia esa maketa, pero bueno lo importante era la parte de programacion en asp.net, los controles etc.. el asumia que nosotros cogiamos bien el maketado, pero no me daba tiempo a estudiar.
Gracias a los que de verdad me ayudaron y a los demás... bueno, estare pro aqui, ojala y nunca necesiten mi ayuda. el mundo da muchas vueltas.

ElJavista · #21 (**permalink**) 17/06/2009, 08:43

Tienes una actitud revanchista, esa no es una buena señal, los que han respondido con ironía solo trataban de decirte que este foro no es para hacer el trabajo de los demás, es para ayudar, lo cual es muy distinto. Particularmente no creo que ellos necesiten ayuda tuya, al menos no en estos temas porque tienen bastante adelanto con respecto a ti. De todos modos, si estás estudiando debes intentar aprender no que otros te lo hagan, los que te respondieron con ironía percibieron que solicitabas eso, que otros hagan tu trabajo, por eso te respondieron de esa manera.

Triby · #22 (**permalink**) 17/06/2009, 11:02

Cita:

Iniciado por Eljavista

...este foro no es para hacer el trabajo de los demás, es para ayudar...
...si estás estudiando debes intentar aprender no que otros te lo hagan...

Definitivamente es un muy buen resumen de todo lo acontecido en este tema.

ElJavista · #23 (**permalink**) 17/06/2009, 11:10

Viniendo de ti "Trby" es un gran halago. Gracias.

autista · #24 (**permalink**) 18/06/2009, 12:14

:mole sto:

La verdad no puedo creer que no le hicieron el trabajo al chico.

Yo en cambio....

SI!!!!

Bueno como sabrán yo soy algo nuevo y la verdad no tengo muchos conocimientos.... Es mas...

me tarde mas de lo que yo pensaba

trabaje como nunca, noches y noches sin dormir por falta de conocimientos pero en FIN!

Lo Prometido es deuda y por eso tengo el agrado de comentarles a todos que ya la maquetacion esta finalizada

Testeada en los navegadores mas usados

y como si fuera poco para compensar el retraso de mi parte en finalizar el trabajo...

Una hermosa señorita la cual vemos en imagen esta rumbo a su casa para hacerle entrega de esta bonita maquetacion en CSS

La verdad un orgullo para mi poder culminar mi trabajo de esta manera...

Saludos a todos. Amigos.

NOTA: Una pequeña bromita...

espero que ghosther no lo tome a mal ni mucho menos los usuarios de este gran foro. Aun no tengo muchos conocimientos asique es la única forma de retribuirles su ayuda. Regalándoles una sonrisa. Saludos y una ves mas espero no se enojen

logx · #25 (**permalink**) 18/06/2009, 12:46

jajaj

jalex16 · #26 (**permalink**) 18/06/2009, 21:59

Autista, ya me lo estaba tomando en serio jaja al final parece haber terminado todo bien y hasta con modelo Photofunia

me han dejado una plantilla para osCommerce? quién se ofrece?

ElJavista · #27 (**permalink**) 19/06/2009, 08:23

Pues a mi me parece que la palabra "vonita" afea terriblemente el buen trabajo que haz hecho.

autista · #28 (**permalink**) 19/06/2009, 09:47

Uffffff

Cuanta razón tienes...

Lo editare porque es un poco vergonzoso….

denica001 · #29 (**permalink**) 19/06/2009, 11:36

Cita:

Iniciado por ghosther

Al amigo del maketado con div... gracias por tu ayuda...
Veo qeu este foro esta lleno de autosuficientes...
En fin, nunca habia maketado, y tenia un proyecto de clase, en el qeu el profe pedia esa maketa, pero bueno lo importante era la parte de programacion en asp.net, los controles etc.. el asumia que nosotros cogiamos bien el maketado, pero no me daba tiempo a estudiar.
Gracias a los que de verdad me ayudaron y a los demás... bueno, estare pro aqui, ojala y nunca necesiten mi ayuda. el mundo da muchas vueltas.

En tu perfil aparece que tenes 25 años, naciste en el 84, a quien queres engañar con el proyecto para el profe de la escuela.

Anda a tocar la guitarra a otro lado!

jomaruro · #30 (**permalink**) 21/06/2009, 04:07

Hola:

Cita:

Iniciado por ghosther

el mundo da muchas vueltas.

Si, nada más y nada menos que una diaria. ¡¡ya es correr!!

Por cierto chicos, se os ha olvidado hacerla multilenguaje ¿no?

Saludos.