Tips para crear paginas web

[plasma_go]

Buenos dias, me encuentro realizando un proyecto para una pagina. Es la primera vez que voy a subir una pagina a la web, y quisiera que me dieran consejos y puntos a tomar en cuenta para crear la pagina. Ya que no se como realizar una pagina de calidad

Alguna de mis dudas son:
como estructurar mi paginas
a la hora de diseño usar tablas o divs
como hacer mi pagina mas facil de cargar
como hacer para que se vean todos los navegadores
que no cambie el diseño dependiendo del tamaño de la pantalla
y si es posible como hacer si me visitan desde un dispositivo movil.

y cualquier consejo que me den sera bien recibido

[gran Wakka]

Iniciado por plasma_go

como estructurar mi paginas

Cada página es un mundo. No hay una ley.

Iniciado por plasma_go

a la hora de diseño usar tablas o divs

Depende, para maquetar, se usa mas el div. Las tablas para lo que son, para hacer tablas. Aunque si te ves más cómodo con las tablas...

Iniciado por plasma_go

como hacer mi pagina mas facil de cargar

Haciendo que no sea pesada.

Iniciado por plasma_go

como hacer para que se vean todos los navegadores

Esto es complejo, es maquetar y luego ir probando para que se vean bien en todos los navegadores. Qué se vea igual es casi imposible, pero al menos que no se descuadre entera.

Iniciado por plasma_go

que no cambie el diseño dependiendo del tamaño de la pantalla

Poniendo medidas fijas

Iniciado por plasma_go

y si es posible como hacer si me visitan desde un dispositivo movil.

Para adaptarlo a movil, tiene mucha tela. Seguro que hay hilos más especializados.

[Rafael]

No. Olvídate de las tablas. Olvídate de ellas.

Ya en el remoto caso que un cliente te pida datos, ya te acordarás. Pero para diseño no.

[growstudio]

Que tal, te dire lo siguiente... en realidad la pauta de un sitio web te la dará el planificarla, piensa que es lo que necesitas tu o tu cliente, piensa en el marcado al que va dirigida, a final de cuentas un sitio web que no "vende" no sirve de nada!

[Zyrah]

Las tablas para estructurar nunca, eso ya quedó obsoleto, úsalas solo para mostrar datos cuando sea necesario, con html5 tienes los elementos que necesitas para cada sección de tu web.

www.silocreativo.com/2013/06/diseno-web-con-html5-composicion-y-estructura/"]http://www.silocreativo.com/2013/06/diseno-web-con-html5-composicion-y-estructura

[gran Wakka]

Iniciado por Rafael

No. Olvídate de las tablas. Olvídate de ellas.

Ya en el remoto caso que un cliente te pida datos, ya te acordarás. Pero para diseño no.

Iniciado por Zyrah

Las tablas para estructurar nunca, eso ya quedó obsoleto, úsalas solo para mostrar datos cuando sea necesario

Lo ideal y lo que debería ser, es no usarlas si no es para un listado de datos.

Yo para maquetar, no las usaría, pero si solo sabe maquetar así, ¿que hay de malo en usarlas?
- que están obsoletas, y que más da, si visualmente queda como quiere...

Que opino lo mismo, que mejor no usarlas, pero de ahí a "prohibirlas".

[webosiris]

Iniciado por gran Wakka

si solo sabe maquetar así, ¿que hay de malo en usarlas?

xi ce buede ezkrivir aci, ke ay de nalo en azerlo?

si la única forma que sabe maquetar es usando tablas, significa que no sabe maquetar, punto. Y la solución es decirle que aprenda a hacerlo bien, no que lo siga haciendo mal porque "es lo que sabe".
usar un elemento fuera de su sentido semántico es maquetar mal, de la misma forma que escribir aser es escribir mal.

[gran Wakka]

Iniciado por webosiris

xi ce buede ezkrivir aci, ke ay de nalo en azerlo?

si la única forma que sabe maquetar es usando tablas, significa que no sabe maquetar, punto. Y la solución es decirle que aprenda a hacerlo bien, no que lo siga haciendo mal porque "es lo que sabe".
usar un elemento fuera de su sentido semántico es maquetar mal, de la misma forma que escribir aser es escribir mal.

Pero será mejor decirle que siga escribiendo, aunque sea mal, que no que deje de escribir, no?

Ya dejo el tema, porque al final va a parecer que estoy defendiendo las tablas para maquetar y no es así.

Las tablas para listados de datos, nada más.

[webosiris]

Las tablas para listados de datos, nada más.

en realidad tampoco
para listados de datos ya existen las listas. Las tablas son para datos tabulares, osea datos que tienen más de 1 dimensión y están dispuestos con forma de tabla

[ruizinho]

Ola plama_go, una cosa que te puede ayudar para ver como están estructuradas es viendo el codigo fuente de cualquier página. (En el navegador, boton derecho, ver codigo fuente).

En cuanto a tus preguntas:

Para empezar con una estructura sencilla puedes empezar a funcionar y ya cuando vallas aprendiendo cosas pues las vas ampliando, un ejmplo podría ser esto:

Código:

<!DOCTYPE HTML>
<head>
     <title> Titulo de tu página </title>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=utf-8" />
<meta name="description" content="Descripción de tu página" lang="ES">
<meta name="keywords" content="Palabras claves para el buscador" />

<link href="añadir archivo css" rel="stylesheet" type="text/css" />

</head>
<body>

<div class="header"></div>
<div class="cuerpo"></div>
<div class="footer"></div>

</body>

En cuanto lo de las tablas... creo que ya te han dejado claro que las tablas no es para estructurar tu página sino para colocar información en forma tabla para algún momento determinado.

Lá forma de hacer ligera tu página es reduciendo el peso de tus imagenes y teniendo cuidado de poner script muy pesados que se carguen al principio.


Lo mejor para que no te cambien los tamaños con diferentes pantallas es trabajar con porcentajes en vez de con pixeles.

Espero te sirva.

Un saludo

[crisnunez1]

Estan buenas las sugerencias de ruizinho, aunque difiero un poco en el asunto de los porcentajes, pienso que es mas eficiente y elegante utilizar em.