¿Pasos que seguís para la creación de una web?

[SuperLopez]

Hola,

Mi pregunta viene al caso porque yo soy de los que coge photoshop, hace el diseño, maqueta con la cuchilla y exporta a html.

Lo que ocurre es que últimamente estoy recibiendo toneladas de información como "no uses tablas!, no uses iframes!, usa xhtml!!!, usa CSS!!!" y me pierdo.

Quiero hacer una web simple para denunciar un problema que he sufrido con una empresa y sólo quiero hacer un index en el que al hacer click en los elementos del menú, se cambie el contenido central de la página.

¿Me podeis orientar un poco?

Saludos y gracias

[hades87]

Primero mirate estos temas:

http://www.forosdelweb.com/f53/aport...ml-css-648073/
http://www.forosdelweb.com/f53/aport...rte-ii-657814/

Te ayudarán bastante y solventarán muchas dudas.

Lo que yo haría sería un archivo html con las cajas, un header, contenido y footer, todo dentro de una caja.

Para el menú usaría lsitas que con CSS te quedaría algo muy guapos.

Y si luego quieres darle mas retoques con CSS siempre puedes mirar recursos

[billeeb]

Tomando en cuenta que quieres hacer algo muy simple para denunciar, no sé para qué complicarte. Haz un menú en un div y a continuación el contenido en otro div. Al segundo le das float rigth o al primero float left, con eso ya tendrás menú y contenido (espacios) definidos.

El menú lo haces en el primer div en html pelado, na de tablas ni nada. Al otro lado formateas en el div del contenido con puros <p> y sería.

Si es tan simple como dices, no deberías preocuparte mucho ma´s y menos aún acerca de separar CSS del HTML o XHTML. Aunque si piensas de verdad en ello, entonces lo mejor es que uses CSS, XHTML, el menú con listas como te dijeron antes y definas todo en base a clases, posicionando los divs de acuerdo a ello. Usa el photoshop para la maqueta, pero recorta a mano y siempre dando soluciones que sean accesibles.

Saludos.

[XLogus]

Hola
Yo nunca uso la cuchilla porque te genera unas páginas muy mal maquetadas, prefiero usar las lines guia para delimitar mis DIV y luego exportar para web lo que requiero, armo mi sitio usando maquetacion CSS y XHTML Transitional, con Dreamweaver en la vista codigo (prefiero no usar la vista diseño).

Luego convierto todo en una web modular con PHP (eso hace el desarrollo mas facil y escalable), finalmente desarrollo la interfaz particular de cada página agregando javascript y ajax segun se requiera.

Al final la optimizacion SEO (si es cobré por ella ) y lista la web

[SuperLopez]

Iniciado por billeeb

Tomando en cuenta que quieres hacer algo muy simple para denunciar, no sé para qué complicarte. Haz un menú en un div y a continuación el contenido en otro div. Al segundo le das float rigth o al primero float left, con eso ya tendrás menú y contenido (espacios) definidos.

El menú lo haces en el primer div en html pelado, na de tablas ni nada. Al otro lado formateas en el div del contenido con puros <p> y sería.

Si es tan simple como dices, no deberías preocuparte mucho ma´s y menos aún acerca de separar CSS del HTML o XHTML. Aunque si piensas de verdad en ello, entonces lo mejor es que uses CSS, XHTML, el menú con listas como te dijeron antes y definas todo en base a clases, posicionando los divs de acuerdo a ello. Usa el photoshop para la maqueta, pero recorta a mano y siempre dando soluciones que sean accesibles.

Saludos.

Me parece más lógico lo que has dicho, usar un div para el menú y el otro para el contenido.

Por cierto hades, el tema de las transaciones a CSS y XHTML está bien, pero creo que es demasiada información para un novato como yo.

Un saludo!

[hades87]

No es demasiado información, lo has de ir mirando poco a poco e ir haciendo tus pinitos, nadie aprende en un día.

[SuperLopez]

Iniciado por hades87

No es demasiado información, lo has de ir mirando poco a poco e ir haciendo tus pinitos, nadie aprende en un día.

correcto, pero para la web que necesito hacer, es algo rápido y sencillo, lo que me has mandado es una sobrecarga de info acojonante en estos momentos :)

De todos modos te estoy muy agradecido, porque siempre contestas mis mensajes.

[hades87]

Para eso estamos, si ahora necesitas salir del apuro sigue los consejos que te han dado, con un par de divs y varios estilos CSS puedes logar algo bastante normalito y estándar :)

[ramonjosegn]

Para webs rápidas lo mejor es que descargues el Ulead PhotoImpact, uses su sistema de exportación para web (que Adobe copió con todo el descaro del mundo) y listo

Con respecto a Photoshop, en las opciones de guardar para Web tienes varias formas de hacer la exportación... con multitud de opciones de compatibilidad (de dejo unas capturas de pantalla)