Foro de elhacker.net

Hola quisiera saber como hacer esas webs tan bonitas como los layouts q estan presentando de modelo para lo proxima web de elhacker.net
Ejemplo: http://foro.elhacker.net/index.php/topic,167388.msg802317.html#msg802317


Osea se crear la imagen y todo en photoshop bien.. pero como hago para encima de la imagen colocar los links o algo asi pues... vean el ejemplo y me entenderan..

Como se podran dar cuenta mi web http://freeze-web.iespana.es no tiene buen diseño o  q opinan???

Gracias..

Con photoshop no se puede??? he visto manuales :P pero no entiendo como :S

si se puede... haces la imagen y usas las slices asi vas recortando por pedazos y despues los unes en dreamweaver o lo que queras, incluso podes guardarlo como html... ahi va igual que fireworks :xD o mejor :¬¬ pero creo q no podes hacer menu en javascript... igual eso es un poco vanal y en cualquier lado encuentras uno

salu2

Ok ya entendi casi todo pero aun falta pues como hago para meter links????????

Una vez que cortaste tus imagenes las guardas como HTML y entonces lo que sigue es "corregir" lo que hace Photoshop y poner links y esas cosas

eso es lo q estoy preguntando como lo hago???

Tienes que abrir el archivo .html y editarlos manualmente.

:S no se ni que responder... Gracias...

http://www.webestilo.com/html/
http://www.desarrolloweb.com/manuales/21/
http://www.webtaller.com/manual-html/manual_html.php
http://www.manual-html.com/

Se html tranquilo... :D

No te entiendo. Quieres decir, despues de crear las imagenes de fondo en Photoshop, meterlas en una pagina web?
Para eso pues habrías de crear tu pagina en HTML e irlas incluyendo como fondos de cada sección, o cosas así. Pero para la previsualización que la gente envia para el concurso de la página de Elhacker, puedes meter texto en la imagen para que parezca una captura de pantalla de la página...supongo que ya después la haces en HTML, si es necesario.

Si sigues con dudas, pregunta ;)

Bueno si revisaste el tutorial y sabes photoshop...:

YO hago el diseño de la web muuy bien en photoshop...
Hago los sectores(botonoes)
La guardo como html con imagenes y todo...
pero cuando abro la web es muy deficiente osea la imagen no se deforma pero baja un 80% su calidad...

Entonces eso lo debes de modificar antes de guardar como html el documento, amm.. en ligar de gif a 8 colores xD ponlo a 127 o algo asi, o un jpeg al 50% ;)

Gracias... Sigo necesitando el ejemplo ;)

Pero yo tengo que colocarle los textos a mis botones en el photoshop o hay alguna manera de colocarle links en htm(encima de las imagenes) hasta donde yo se nop...

Mmm puedes poner en una imagen lo que son "mapas de imagen" que son ponerle links a determinadas regiones de la imagen, pero si quieres ponerle texto encima a una imagen la unica forma sería usar un DIV normal, allí escribir el texto, y ponerle con CSS la imagen de fondo. O sinó, ponle el texto directamente en Photoshop, y guardala con el texto ya incorporado.
Saludos.

Ok.. Gracias

pero tardaria mucho en abrir con los textos ya hechos en photoshop??

Supongo que no, realmente las imágenes no creo que cambien mucho de Kilobytes por añadirles texto.
Además tienes la ventaja de que puedes ponerle cualquier fuente, no como en texto normal, que estás atado a las tipografías que use el que vea tu web.
Un saludo!

Ok gracias..

si que es posible guardar una web en jpg o png o gif... EL formato que te guste y luego encima de las imagenes poner links html y textos etc...
Yo personalmente lo que hago, es editar las webs con photoshop. las guardo en png.
Las abro con fireworks, y este, tiene una herramienta llamada *Herramienta Division (k) *
Y con esta delimitas las secciones, y pueds poner tipo imagen o tipo html, si guardas la sección como imagen no podras escribis html encima, pero si la guardas en tipo html si que podras escribir encima.
Una vez delimitadas todas las secciones, vas al menu- archivo- exportar. y ahi se guardaran las imagenes y el archivo html, al abrir el archivo html que se te ha generado con cualquier editor WYSIWYG, ya veras que podras escribir en las secciones guardas en tipo html.
No se si ha kedado muy claro jaja... Pero espero haber servido de ayuda. Si tiens alguna duda por mp o x aki te puedo ayudar
Salu2!

Quedo claro pero tardara demasiado :P gracias...

Algun manual de diseño de webs profesionales???? jejeje digo...

Gracias..

La mejor forma de hacerlo es lo que hace Darso
despues de eso falta generar los archivos CSS para qeu quede bonito ñ_ñ


No hay manual para hacer webs profecionales xD

aprende HTML, javascript, PHP/ASP/JSP/otro, Flash,AS y junta todo :D claro, debes saber diseño y cosaas sobre psicologia de colores, mescla de colores, el contraste de los colores

y sobre todo CREATIVIDAD

Pues se HTML estoy siguiendo un curso javascript  muy bueno del foro...(Es nuevo..) y PHP mas o menos
El diseño se me da mucho y pues por eso quiero hacer la web :P

Gracias..

Jeje... Como dijo Azielito, también es muy importante aprender el concepto hojas de esyilo ( CSS ) , y aprender a aplicarlo, con eso y algunos otros conocimientos, te pueden kedar webs muy chulas!
Jeje, Espero impaciente tu layout! Wena suerte ;)
Salu2!

Con CSS y HTML para hacerla, vas suficiente de conocimiento. Ahora, si quieres meterle cosas como formularios en tiempo real, algo de ajax, pues si tienes que saber javascript, e incluso con poco JS puedes hacer cosas interesantes. Eso si, yo no soy diseñador así que de teoria de colores, de localización de contenido y tales no se demasiado, pero supongo que será igualmente sencillo. Solamente procura no mezclar colores con demasiado contraste (o algo así), ni colores chillones...#ff00ff no por favor!!
XD