Autor Tema: [Resuelto] Como puedo hacer una web que se parezca a esta?  (Leído 5052 veces)

0 Usuarios y 2 Visitantes están viendo este tema.

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Me gustaría hacer una pagina que tuviera este mismo diseño: http://www.kmess.org/

La verdad es que estoy algo iletrado en cuanto a diseño web  :phew: digamos que no toco el HTML desde el tiempo en que los frames no eran bien soportados aun  :rofl: asi que imaginaran que estoy completamente oxidado y perdido en esto.

Me gustaria, de ser posible, tener una plantilla/template base que pudiera modicar hasta llegar a eso, o si no algunas orientaciones sobre como hacerlo.

Gracias.
« Última Modificación: octubre 20, 2008, 07:09:53 am por Vlad »

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11652
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #1 : abril 21, 2008, 10:39:32 am »
es una combinacion de etiquetas divs lo que necesitas,
la idea es esta mira el diseño es liquido o sea que se adapta al tamaño/resolucion de la pantalla o navegador, eso lo conseguis poniendo en la propiedad  ancho del div principal(donde metes todo) en 100% en vez de ponerle un tamaño definido en pixeles, luego todo lo demas es puro CSS

checate la pagina un poco para que veas que son etiquetas divs, estas etiquetas tienen un ID y el css le da formato a este ID a traves de reglas, como esta por ejemplo


Código: [Seleccionar]
#top
{
  background-color: #99ccff;
  border:           1px solid #82A0C8;
}
esa regla es para la barra superior del header

dejame ver si armamos algo pa que te hagas una mejor idea...
te recomiendo que uses dreamweaver CS3 trae varios diseños starter que podes usar  :thumbsup:
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado JGuillen™

  • -^- Elite Silver -^-
  • The Communiter-
  • *
  • Mensajes: 3449
  • PHP,C#,MySQL,SQL
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #2 : abril 21, 2008, 11:00:48 am »
Otra manera de la te podes apoyar es que instales el firebug en Firefox que te permite ver el codigo fuente de la pagina web y los CSS a cuales estan enlazados, la verdad es super util y entendible por cualquier duda ahi tamos..!  :big_boss:

Desconectado rdoggsv

  • Administrator
  • The Communiter-
  • *
  • Mensajes: 6530
  • "Once you go arch , u never go back"
    • SV CommunitY
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #3 : abril 21, 2008, 11:02:42 am »
Mira estos layouts

http://blog.html.it/layoutgala/

Ahi hay unos de 3 columnas como el de esa pagina que has puesto, lo unico que necesitas es darle padding para crear espacio de separación y estas listo  :thumbsup:

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #4 : abril 21, 2008, 11:12:54 am »
Gracias, voy a empezar por bajar el CS3 como dice salvadoresc, usar este template de los que puso rdoggsv y usar el firebug que recomienda JGuillen™para copiar los colores =D

Gracias a los tres, ya puedo empezar con eso; sus respectivos K+ ya estan :)

Desconectado JGuillen™

  • -^- Elite Silver -^-
  • The Communiter-
  • *
  • Mensajes: 3449
  • PHP,C#,MySQL,SQL
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #5 : abril 21, 2008, 11:21:14 am »
Una utilidad muy buena para copiar colores es el ColorPic aca te dejo el enlace te puede servir..


Código: [Seleccionar]
http://www.download.com/ColorPic/3000-2191_4-10123495.html

Y cualquier duda aca estamos man..!  :thumbsup:

Desconectado salvadoresc

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 11652
  • Adobe Certified Expert en ACISEAPRENDE
    • Foro de Diseno - Pixeles al Desnudo
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #6 : abril 21, 2008, 12:30:45 pm »
una recomendacion, para que no se te escape es que en el layout que has escogido, las reglas css estan en el encabezado, esta bien que las mantengas ahi mientras trabajas una pagina dentro de dreamweaver, pero solo, recalco solo mientras diseñas la plantilla cuando termines la plantilla sacala para que lo tengas como hoja de estilos externa.

alguien preguntara porque hacerlo interno mientras diseño? pues resulta que dreamweaver mientras trabajas una pagina web con una hoja de estilos externa y modificas una prodiedad del CSS, lo que en realidad hace es abrir el archivo y editarlo, entonces un error muy comun es que si no te guste presiones ctrl+z  :D pero eso te deshace la ultima accion en la pagina html y no en el CSS, para deshacer el cambio del css tendrias que irte al archivo CSS abierto lo veras en una etiqueta y ahi presionar ctrl+z, luego volver a la pagina para ver el cambio.

mientras que si lo haces incrustado mientras diseñas no tenes que estar cambiando de archivo para eso, lo haces ahi mismo y AL FINAL lo exportas o moves... para que se pueda usar la misma hoja de estilos en multiples paginas  :thumbsup:
Awaken my child, and embrace the glory that is your birthright. Know that I am the Overmind; the eternal will of the Swarm.

haycoctelesamor.com

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #7 : abril 21, 2008, 09:33:04 pm »
Gracias por las sugerencias, aunque como siempre la falta de ganas y el mañosismo  :rofl: me hizo terminar copiando la web practicamente bajandola y cambiandola a mi gusto...

Despue le pediré permiso a los de KMess...

PD: foro.todosv.com

Desconectado EleCMaNn

  • The Communiter-
  • *
  • Mensajes: 4643
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #8 : abril 21, 2008, 09:41:22 pm »
Hey te quedo de pelos Vlad  :D

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: [AYUDA] Como puedo hacer una web que se parezca a esta?
« Respuesta #9 : octubre 20, 2008, 07:09:32 am »
Bueno, meses despues gracias a su ayuda y varios consejos de salvadoresc por MP, por fin termine mi pagina de incio :D

www.todosv.com

Desconectado xkillerx

  • Sv Member
  • ***
  • Mensajes: 449
Re: [Resuelto] Como puedo hacer una web que se parezca a esta?
« Respuesta #10 : diciembre 15, 2008, 02:17:20 pm »
ya te la cancelaron la queria ver pero ni mdo

Desconectado vlad

  • Global Moderator
  • The Communiter-
  • *
  • Mensajes: 6351
    • Qualium.net
Re: [Resuelto] Como puedo hacer una web que se parezca a esta?
« Respuesta #11 : diciembre 16, 2008, 07:06:44 am »
ya te la cancelaron la queria ver pero ni mdo
TodoSV.com estará en linea pronto... espero  :phew:... pequeños problemas con el $$$ pero espero que para el jueves este viva de nuevo.

Desconectado ELITE

  • The Communiter-
  • *
  • Mensajes: 6235
  • NEMO ME IMPUNE LACESSIT
Re: [Resuelto] Como puedo hacer una web que se parezca a esta?
« Respuesta #12 : diciembre 16, 2008, 08:29:18 am »
TodoSV.com estará en linea pronto... espero  :phew:... pequeños problemas con el $$$ pero espero que para el jueves este viva de nuevo.

Pochika porq si ke hace falta el XMR  :thumbsup:

Desconectado JGuillen™

  • -^- Elite Silver -^-
  • The Communiter-
  • *
  • Mensajes: 3449
  • PHP,C#,MySQL,SQL
Re: [Resuelto] Como puedo hacer una web que se parezca a esta?
« Respuesta #13 : diciembre 16, 2008, 08:32:48 am »
Pochika porq si ke hace falta el XMR  :thumbsup:

Tambien a Todosv le hace falta un pokitin de colaboracion ($) jejejeje   :D

Desconectado Distante

  • The Communiter-
  • *
  • Mensajes: 2110
Re: [Resuelto] Como puedo hacer una web que se parezca a esta?
« Respuesta #14 : diciembre 16, 2008, 08:46:36 am »
Tambien a Todosv le hace falta un pokitin de colaboracion ($) jejejeje   :D

Bien dicho man