vean mi nueva pagina creada con CSS y XHTML, wao esta genial

Citar

Escrito el 11 Jun 2005 09:19 pm

Bueno estaba ladillado despues de tanto lidear con CSS, y se me ocurrio venir y mostrarles lo que he logrado, no es nada del otro mundo, solo un buen contenido un BUEN diseño y mucho codigo

http://www.coderic.cjb.net/plantilla2.htm

espero sus mas sinceras opiniones :wink:

estoy que lloro de la felicidad, al poder mostrarles mi primera pagina realmente creada a puro CSS y XHTML,

PD:aunque no lo crean este es mi primero intento fallido del proyecto telarania :lol:

que quede claro que lo coloco aqui a motivo de broma para que se rian un rato

mas adelante la hare de verdad.

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Just Another Programmer

@JohnnyCoderic

Citar

Escrito el 11 Jun 2005 11:30 pm

3 Columnas, 4 bloques, 1 encabezado y 1 pie.

Seria mas interesante ver algo asi, pero es mas complejo

Código :

      encabezado
---------------------
1 | Contenido | 2
3 |           | 4
---------------------
       pie

Lo unico que no lo veo bien, es que el contenido de tu pagina esta asi:

1. header
2. bloque 1
3. bloque 2
4. contenido
5. bloque 3
6. bloque 4
7. pie

Y creo que deberia estar en este orden.

1. header
2. bloque 1
3. bloque 2
4. bloque 3
5. bloque 4
6. contenido
7. pie

XHTML y CSS es algo "poderoso" si es bien utilizado. Sigue asi jhony192, ya nos iras contando como va todo!

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 11 Jun 2005 11:44 pm

Pues no encontre nada de que reirme

, mmm! yo quiero ver mas!. Vas a centrar el contenido de los bloques 2, 3 y 4? Se ve medio raro asi, no? o la fuente mas pequenia. Tu sigue tejiendo esa telarania, ahi va, ahi va!!

. Bueno, mientras yo no sea tu presa, tu siguele! :lol:

Por MillyKash

186 de clabLevel

Genero:Femenino

Envíale un mensaje privado Email

x:151.6 y:144.8

Citar

Escrito el 11 Jun 2005 11:47 pm

En este hilo deje varios consejos con el uso de XHTML y CSS.

http://www.cristalab.com/foros/viewtopic.php?t=6147

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 12 Jun 2005 04:38 am

ponle colores mas claros

se veria mas bonito...

Por Dominica

89 de clabLevel

Genero:Femenino

Envíale un mensaje privado

Golden City

Citar

Escrito el 12 Jun 2005 09:29 am

Emmm, esto no deberia ir en el foro de webmasters?

Por Gennius

232 de clabLevel

Envíale un mensaje privado Email Web

::: VfP :::

Citar

Escrito el 12 Jun 2005 05:30 pm

No no, el solo esta mostrando una maquetacion de XHTML y CSS, no esta mostrando su "web personal" o la "web del cliente x", por eso no es como para darle recomendaciones, solo... ignorenlo como siempre.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 12 Jun 2005 06:03 pm

Separa el CSS. Mándalo fuera de tu estructura.

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 12 Jun 2005 07:35 pm

Hey Ideas, cómo estás?
Qué te pareció chistoso?

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 13 Jun 2005 12:09 am

Reyner escribió:

...tambien me hizo gracia lo que mencionas de sacar css, porque creo que eso es algo obvio.... you know :roll:

Aún abunda quienes no lo hacen. Sólo es obvio para los que saben separar diseño de contenido. Yahoo todavía mantiene en su estructura, cosas que yo sacaría (cómo javascript) (y eso no significa que esté bien hecho).

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 13 Jun 2005 06:59 am

pedro escribió:

Reyner escribió:

...tambien me hizo gracia lo que mencionas de sacar css, porque creo que eso es algo obvio.... you know :roll:

Aún abunda quienes no lo hacen. Sólo es obvio para los que saben separar diseño de contenido. Yahoo todavía mantiene en su estructura, cosas que yo sacaría (cómo javascript) (y eso no significa que esté bien hecho).

Oh gracias :cry:

Por Gennius

232 de clabLevel

Envíale un mensaje privado Email Web

::: VfP :::

Citar

Escrito el 13 Jun 2005 01:27 pm

Muchas Gracias a todos por sus comentarios, seguire sus consejos,
sobre todo eso de seguir tejiendo :wink:

ya casi tengo listo uno de los tutos que prometi

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Just Another Programmer

@JohnnyCoderic

Citar

Escrito el 13 Jun 2005 02:15 pm

jhony192 escribió:

ya casi tengo listo uno de los tutos que prometi

Yo no prometí nada, pero tambien estoy preparando unas cuantas cosillas, es sobre css y xhtml??
Lo mio no es gran cosa pero creo que será bueno para empezar...

si te interesa, mandame un mp pa quedar por msn a partir del jueves y te paso algunas cosas interesantes de css,ok??

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 13 Jun 2005 08:08 pm

Y espero que hayan mas preguntas de XHTML y CSS. Que me aburro

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado Web

Front-end Developer en Washington, DC

@neojp

Citar

Escrito el 13 Jun 2005 09:48 pm

conque quieres mas preguntas? pues aqui te van:
Como hago para poder ordenar los Bloques de manera que si quiero cambiar solo el CSS, para mover el Bloque de lugar no se me haga tan complejo, siendo el alto de cada bloque y el bloque de contenido de una altura no definida, ya que seria definida por el contenido. y que el footer se mantenga siempre al final de el ultimo elemento

espero tus prontas respuestas, puedes descuartizar mi code si quieres

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Just Another Programmer

@JohnnyCoderic

Citar

Escrito el 14 Jun 2005 02:18 pm

mmm, por lo que dices das a entender que primero quieres modelar las divs y despues darles los estilos. Aunque nunca lo he hecho, lo mismo podrías separar los archivos css, en uno pones lo parámetros para modelarlo, y en otro le das los estilos.
Para que tu footer se mantenga siempre debajo ponle "clear: both;" con esto siempre se quedará debajo de cualquier elemento que tenga a su altura o por encima.
Para movrlo de lugar hay dos casos, 1º si quieres mover de derecha a izquierda por ejemplo, utilizando la propiedad float.
Utiliza etiquetas <hr></hr> para separar contenidos (mira el hilo que te puso neo)
Si quieres moverlas de arriba a abajo o hacer cambios "drásticos" ya tendrías que tocar el xhtml, porque si no al final te vas a enredar. Lo que debes hacer es construir una estructura bien ordenada y clara en xhtml, una vez que ya la tengas y le hayas dado un buen orden te pones a modelarla con css. Si vas a separar forma y estilo puedes hacer primero el archivo "forma.css" y despues el "estilos.css" para darle ya los colorines y esas cosas...
Saludos :wink:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 14 Jun 2005 04:40 pm

estoy trabajando el CSS en el mismo archivo porque creo que es buena idea mientras lo termino, despues que este listo los separo de documento, pero por el momento lo estoy haciendo asi para que me sea mas practica la edición. Gracias por los consejos voy corriendo para alla

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Just Another Programmer

@JohnnyCoderic

Citar

Escrito el 14 Jun 2005 08:06 pm

bueno creo que lo normal es hacerlo así, pero sólo es por dar ideas, de hecho no creo que sea mala, ya que permitiría hacer cambios de una forma más rapida, al igual que detectar errores...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 14 Jun 2005 08:09 pm

la etiqueta <hr> no se cierra como las demás, sino de la siguiente manera: <hr />, además de que no son nada recomendables pues sirven de poco

para dejar los bloques en el lugar que desees sólo los flotas, ya se a la izquierda o a la derecha.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 14 Jun 2005 08:24 pm

sirven para lo que sirven: separan el contenido. se puede utilizar de las dos formas, pero yo personalmente prefiero la primera, ya que algunos navegadores antiguos no reconocen la otro, no se por qué pero por lo visto es así, lo leí en algún sitio, de todas formas sirven ambas, y mejor prevenir que curar, así utilizo la mía...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 14 Jun 2005 08:27 pm

mi página es un ejemplo de ello:http://johnny.nodani.com
no lo lleno todo de esas etiquetas, pero en determinados sitios tienen su función, además si existen será por algo...
saludos :wink:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

Héroes

Envíale un mensaje privado Web

@jmunozherrero

Citar

Escrito el 19 Jul 2005 05:08 pm

aqui tejiendo poco a poco, quiero mostrarles el antes y el despues.

Antes escribió:

http://www.coderic.cjb.net/plantilla2.htm

Despues escribió:

http://www.coderic.org/lib.gui.php

ahora si comentarios, y criticas, no olviden hacer click en los boptones que estan al final.
:lol:

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Just Another Programmer

@JohnnyCoderic

Citar

Escrito el 19 Jul 2005 05:19 pm

hablando de css ambos están bien estructurados y maquetados, son semánticamente correctos. es un trabajo sencillo, bien logrado.

ahora sólo te faltaría trabajar un poco más con el diseño y hacer más grande el estilo de letra.

en fin, es un trabajo bueno, felicidades.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

Envíale un mensaje privado Web

@faelazo

Citar

Escrito el 19 Jul 2005 05:32 pm

Congratulations ..... Estoy en proceso de aprendizaje de XHTML pronto veran una hecha por mi

PS. Toy esperando un librito que pedi a Amazon, pero en mi páis estos se demoran más de un mes en llagar....

Por bipsa

628 de clabLevel

1 tutorial
1 articulo

Genero:Masculino

Envíale un mensaje privado Email Web

Colombia

Citar

Escrito el 19 Jul 2005 05:41 pm

bipsa escribió:

PS. Toy esperando un librito que pedi a Amazon, pero en mi páis estos se demoran más de un mes en llagar....

¿Pudiste pedir un libro en Amazon?
¿Cuanto te cobraron de mas?
¿Como le hiciste?

Por Freddie

BOFH

53 tutoriales
597 articulos
43 ejemplos

Genero:Masculino Admin

Envíale un mensaje privado Web

Conserje de Cristalab

@freddier

Citar

Escrito el 19 Jul 2005 06:08 pm

Johnny escribió:

sirven para lo que sirven: separan el contenido...

Esto le contestó a fael...

Johnny escribió:

mi página es un ejemplo de ello:http://johnny.nodani.com
no lo lleno todo de esas etiquetas, pero en determinados sitios tienen su función, además si existen será por algo...
saludos :wink:

Esto le contesto yo a él en ambos casos: Sirven tanto que en el draft de 2.0 están depreciadas...

P.D. No sólo porque tu BOFH de cabecera o mentor las use, son necesarias...

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 19 Jul 2005 08:30 pm

bueno el <hr/> de al final me ha quedado muy bien ubicado alli.
me he enfocado mucho en la diagramación, no deja de parecer nuke, ya que por desgracia, nuke se ha hecho famoso por ello,

ningúna diagramación estructurada con bloques estara ilesa de ser comparada con nuke.

Por jhony192

791 de clabLevel

1 tutorial

Genero:Masculino

Envíale un mensaje privado Email Web

Just Another Programmer

@JohnnyCoderic

Citar

Escrito el 19 Jul 2005 08:36 pm

jhony192 escribió:

...ningúna diagramación estructurada con bloques estara ilesa de ser comparada con nuke.

Claro que es posible!
Yo he hecho sitios a tres columnas con bloques y no parecen "Nuke". Depende mucho de tu visión para cada sitio... me imagino que antes de maquetarlo, lo ves... así que, así como lo ves, así lo haces. Si lo previsualizas como Nuke, parecerá Nuke

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

Bastard Operators From Hell

Envíale un mensaje privado Web

Honduras

@pedro_php

Citar

Escrito el 19 Jul 2005 08:46 pm

Freddie® escribió:

¿Pudiste pedir un libro en Amazon?
¿Cuanto te cobraron de mas?
¿Como le hiciste?

Claro, que tiene de raro.... no te han llegado Freddie?, Mira esto es lo que me cobraron Shipping & Handling: $17.97 por 2 libros uno de $35.00 y otro 22 dolares......

Como le hice? Nada pagar......

Por bipsa

628 de clabLevel

1 tutorial
1 articulo

Genero:Masculino

Envíale un mensaje privado Email Web

Colombia

Citar

Escrito el 19 Jul 2005 09:06 pm

Fijense que no tiene ninguna tabla,

a demas todo es valido, tambien incluire JS estrictamente valido.

esto será uno de los primeros portales sin tablas a base de solo CSS/XHTML Strict

pedro escribió: