Consejos para mi web (div con fondo, resoluciones)

Buenas tardes

Soy novata en el tema de maquetar webs. Voy aprendiendo poco a poco y con vuestra ayuda.
He estado leyendo que es mejor usar css que las tablas, la web en que estoy trabajando el fondo de la imagen esta dentro de una tabla. Si quiero trabajar con div como alojo el fondo?

http://www.superline.es/SLInicioprovaa2.html

Tambien he leido que tengo que visualizarlo primero en firefox, una vez este todo cuadrado ajustarlo para el resto de navegadores, es asi?

Y por ultimo, he diseñado el fondo para 800x600 pero en pantallas con grandes resoluciones, se ve la web muy pequeña. He hecho algo mal? Se puede solucionar de alguna manera?

Gracias
Eva

Pues poniéndole fondo al div, de la misma forma que lo has hecho con la tabla.

Son dos las cuestiones por las que no se debe hacer diseño con tabla. Primero porque el tag <table> es para presentar información en forma tabular y no para hacer columnas. Y segundo porque los navegadores consumen más recursos dibujando una tabla que una serie de <div>s.

El problema del tamaño que mencionas requiere que tu página sea lo que se llama "diseño líquido". Es una forma de diseñar webs en las que en vez de usar tamaños fijos usas porcentajes para adaptar el diseño a las dimensiones de la ventana del navegador. Tendrás que experimentar con ello y te sugiero que no lo hagas sobre el diseño final si no que vayas implementado lo que vas aprendiendo y has probado que funciona.

Ante todo gracias, he cambiado las tablas por el div y me gusta mucho mas. Tengo mucho mas control y no tardo tanto en maquetar.

He leido que los menus es mejor no usar Flash, como puedo hacer los botones de otra manera que no sea usando Flash?
He buscado por la web pero los que estan hecho en Html, no son muy bonitos.

http://www.superline.es/SLInicioprovaa3.html

Gracias
Eva

Me alegro que te guste.

Sobre los botones. Tal como los tienes tú no es más que hacer:

Código HTML :

<a href=""><img scr="imagenboton.jpg" /></a>

La imagen la pones tú a tu gusto.

Hola Eva,

También tienes la opción de los Sprites menus. Tienes que saber un poco más de CSS pero en el fondo, todo lo puedes encontrar por internet.
Yo no soy ningún experto y me ha ido de maravilla el Sprite menu.
Ventajas:
- solo cargas una única imagen lo que acelera en tiempo de carga de la página.
- por debajo de la imagen tienes un menú en texto con enlaces que no verá el usuario pero sí los buscadores lo que favorece al SEO de tu página.

Acabo de encontrar este tutorial pero hay miles por ahí (los mejores en inglés!):
http://www.cristalab.com/tutoriales/menu-css-con-imagenes-precargadas-css-sprites-c65689l/

Suerte!