[yens]

 Os hago un quote de un tema ya activo que para no secuestrar su tema principal pues pregunto aquí la duda de mi "proyecto" xD

Veo que no es bueno la manera que tengo de hacer las webs. Os explico como me he movido en general para hacer las webs que diseñaba con photoshop y no las sencillitas digamos... En principio diseño a tamaño real en photoshop toda la web gráficamente, y utilizo o bien la herramienta de corte simple o una herramienta que está en mi opinión bastante bien para la maquetación en webs, la slice tool que digamos que puedes grabar como html y te genera automaticamente las tablas y celdas según como cortes... A grandes rasgos lo que hago o hacía (llevo tiempo sin diseñar webs complejas con photoshop) es maquetar las webs mediante tablas y más tablas, y la información la solía meter por frames... pero veo que muchisima gente le pone pegas a los frames y no se me ocurre otra manera de mantener menús y demás cosas que tienen que estar en todas las secciones de forma independiente de la informacion de cada seccion.. nose si me explico :s
Sugerencias?¿ flash no es mi solución porque a día de hoy no me planteo apenas usarlo pues estoy con php y no creo que tenga tiempo para todas estas cosas.. y en cuanto a las hojas de estilo CSS estoy empezando a mirarmelas. Espero que no soltara mucho rollo y se entiendan más o menos todas las preguntas... xD.

La preview de la web es esta (desde photoshop):

[AgeR]

 Jeje, mejor  ;) .

Pues mira, lo primero que te puedo decir es que aprendas CSS.
Lo segundo es que intentes hacer páginas estándar, es decir, que validen como XHTML (o como HTML en su defecto) y también el CSS.
Las tablas, yo también las usaba al principio, pero no son realmente necesarias, salvo que quieras usarlas para hacer tablas de datos. Para el resto lo normal es usar divs.

Ahora hablo de algo más personal, no sé cómo lo hará el resto...
Para separar secciones, yo suelo crear varios archivos php distintos. Por ejemplo cabecera.php, menu_horizontal.php, izquierda.php, derecha.php, abajo.php, y lo que haga falta.
Luego en cada página incluyo estos ficheros en el orden que corresponda, y en la parte central (que es la que suele cambiar), se pone lo que corresponda. No sé si me explico.
El mayor problema es que estás enviando mucha información repetida de página a página, pero es lo que hay cuando no usas frames, y realmente vale la pena, los frames deberían extinguirse  (asco) .

Los gurús de las webs que le echen una mano, que yo también estoy empezando en esto  :lol: .

[yens]

 Gracias Ager algo es algo :P Ya como te dije estoy con el CSS poquito a poco pero como estaba liadillo con examenes y con el tema del diseño de la web pues no he mirado gran cosa. Tu te refieres a utilizar includes de php en las celdas y tablas y así que salga la propia página que le haces referencia en el include como si fuesen frames¿?

[yens]

 Vale Ager ya me ha contestado por IRC su forma de hacerlo... algún gurú como dice Ager me podría echar un cable y recomendarme otras formas¿? gracias!

[josepzin]

 Hay varias maneras:
1 - Hice un par de proyectos asi: Enmarcar Contenido de Paginas en Plantillas de Forma Dinamica. (del cache de Google, que Cristalab está temporalmente caido)
2 - Ahora estoy probando esta: http://www.zonaphp.com/creando-webs-modulares/6/
3 - Y mi próxima etapa es lograr la independecia entre la parte visual y la de código usando una clase como esta: http://www.forosdelweb.com/showthread.php?t=374243

El 1 me dio MUY buenos resultados, pero como soy curioso estoy probando mas cosas :)

Las hojas de estilo CSS y los DIV son tu proximo paso... pero sinceramente te recomiendo que este proyecto lo saques adelante con tablas y quizas implementado CSS para los textos, porque sino tardarás muchisimo hasta lograr dejar de pelear con los FLOAT, DIV, etc etc... (al menos yo renegué mucho mucho hasta lograr controlar minimamente el tema...)

[yens]

 Vale creo que ya tengo claro a grandes rasgos las ventajas y usos de las CSS. Ahora mismo controlo sólo los estilos en etiquetas, en pequeñas áreas o en toda la página mediante DIV de todo lo relacionado con formatos de texto. Supongo que bastará como introducción. Como bien dices mi próximo paso son las CSS avanzadas para trabajar con la estructura en bloques! muchas gracias josep :P

[stratos]

 Por si no lo has mirado ya, otra forma de hacerlo es justamente al contrario de como te sugirió Ager. Me explico.
Sugerencia de Ager (la llamaremos así para distinguirla de esta, ok?):
Puedes tener cabecera.php, menu.php, piedepagina.php, y simplemente llamar a esos trozos de código con un require, por ejemplo, desde cada página que tengas. Esto, tal como te dijo Ager, es útil cuando trabajas con diversos "módulos", de forma que puedes incluir todos aquellos que desees en cada página concreta (por ejemplo, un formulario de login, o de votaciones, o un banner, etc, etc).

La forma que te sugiero para que tengas en cuenta también es tener una única página, llámese "visor.php" o como te dé la gana, que contiene todo excepto el contenido concreto.
El contenido lo puedes suministrar de varias formas, aquí te pongo un par de ellas:

1 - si además de php cuentas con MySql, no te sería difícil crearte un pequeño gestor de contenidos, y almacenar esos contenidos en una tabla de la base de datos

2 - puedes poner los contenidos en divesos ficheros .php ("noticias.php", "proyecto1.php", etc)

Lo que haces con este sistema es incluir, o bien tirando de la base de datos (ejemplo 1), o bien requiriendo un fichero concreto (ejemplo 2), el contenido que desees en cada momento, mediante una simple llamada con una variable en GET.
Te pongo un ejemplo de URL que llamaría a un contenido concreto a través de una única página general.

http://www.tudominio.com/visor.php?valor=noticias

Al cargar visor.php:

- si es el ejemplo 1, buscas el id "valor" en la tabla, que contendrá las noticias
- si es el ejemplo 2, haces directamente un require($valor.".php");

Resumiendo: que tienes una única página, visor.php, que contiene la cabecera, el menú, los laterales, los banners, diversos contenidos generales, el pie de página... y el contenido se carga desde tablas o desde ficheros independientes.

Cada sistema, el que te dijo Ager, o este, tienen sus pros y sus contras.
El de Ager es cómodo cuando no todas las páginas son iguales, trabajas con módulos, o los contenidos no están en base de datos.
Este último es cómodo cuando todas las páginas son iguales excepto los contenidos.

Pero claro, al final lo que hacemos todos, cuando ya te has acostumbrado a trabajar con includes, es utilizar un sistema mixto, es decir, combinar el sistema de módulos con las bases de datos. Se trabaja un poco más en el diseño inicial de la página, sobre todo en la estructuración, pero el mantenimiento posterior es sencillísimo. Acabarás por definir tu mejor forma de trabajo en función de la web que necesites hacer.

[yens]

 Bueno yo como he comentado hasta ahora he trabajado con includes en php sobre tablas y me resultaba muy cómodo. Pero  claro con bases de datos podría hacer formularios para actualizar "online" mis contenidos no?

[StraT]

 Al proceso de colocar imagenes y texto con una estructura determinada en una web se le llama "maquetar". Hay dos formas principales de hacerlo:

1) Con tablas: es la forma tradicional, no es standard y con contribuye a separar el diseño del contenido (que es la meta de cualquier buen diseñador web). El uso de tablas debería reducirse a los contenidos tabulares.

2) Con CSS: CSS es una tecnología destinada al diseño de páginas web, "hojas de estilo en cascada" y su principal ventaja es que es standard y permite una separación total del contenido y la presentación. Además, permite diferenciar entre medios web (navegadores, navegadores de texto, de voz, pda's, móviles) para poder adecuar la presentación a cada uno de ellos sin tener que cambiar la estructura de la web. Otro punto de favor es que necesita de menos código por página y es más intuitivo.

Leyendas sobre CSS:

1) Es dificil: en realidad es practicamente igual que el tag "font" de html y es más efectivo. Al principio puede resultar complicado, pero después es pan comido.

2) No tienes tanta exactitud como cuando maquetas con tablas: Falso, si sabes usar CSS, tienes la misma o más.

3) Hay navegadores que no lo tienen implementado: cierto, los mismos que no permiten imagenes png, ni javascript, ni nada de nada.

Mi método para diseñar páginas en CSS:

Primero hago el diseño en un programa tipo Fireworks, algo del estilo de lo que ha hecho Yens (por cierto, muy buen trabajo).

El paso siguiente es identificar las partes que se pueden imitar con CSS (barras lisas, fondos monocromáticos, textos...) y las que no (logotipos, curvas, botones...). Recortamos las partes que no se pueden hacer con CSS y las guardamos una a una con nombre identificativos: top, bottom...

Creo una estructura xhtml:

suele ser....

Código [Seleccionar] Expand



<div id="web">

  <div id="top">

     //Parte superior de la web

  </div>

  <div id="content">

     <div id="menu_iz">

        //menu izquierdo

     </div>

     <div id="centro">

        //contenido central

     </div>

     <div id="menu_der">

        //menu derecho

     </div>

  </div>

  <div id="bottom">

     //pie de la página

  </div>

</div>

Y en los divs top, menu_iz, menu_der y bottom suelo hacer include('top, bottom... .php');

Para hacer que las imágenes queden bien, suelo crear divs para cada imagen con sus medidas y el atributo float: left (para que queden una al lado de la otra.

En fin, yo te recomiendo que sigas algo parecido a eso, :D, en serio, no es dificil, con el tiempo, aprendes.


Saludos

[stratos]

 Evidentemente, lo de guardar los contenidos en una base de datos es mucho más cómodo, además de permitirte reultizarlos si en algún momento cambias el diseño o estructura.
Hay dos posibilidades:

- que seas tú el que alimente los contenidos
- que sean varias personas

En el segundo caso tendrías que preocuparte un poco más de cómo montar el sistema, para que los demás puedan introducir las cosas de forma que luego queden perfectamente formateadas y tal.
Pero si eres tú el único que va a meter contenidos, o los que lo hagan saben de lo que va el asunto, lo tienes tirado.

Te programas una página,  oculta, protegida con clave, o dentro de un directorio protegido, con un simple formulario, en el que puedes dar de alta nuevos contenidos, o modificar los existentes, identificados con un seudónimo ("noticias", "proyecto1", "enlaces", etc).

Si fueran personas externas tendrías que tratar de que la introducción de contenidos se hiciese de forma visual, como lo que ocurre en todos los blogs, y usarías, por ejemplo, algún plugin para ello.
También tendrías que ocuparte de la forma en que las imágenes y recursos gráficos se alojarían en el servidor.

Pero para ti, personalmente, te serviría un simple campo , en el que pegarías directamente el código HTML del contenido, y todos los recursos gráficos los subirías por FTP.<br /><br />Hay infinidad de formas de hacerlo, desde luego. Puedes empezar por un sistema de textarea, subiendo los gráficos por ftp, que ya te ahorraría trabajo a la hora de modificar o crear nuevos contenidos. Y después puedes ir mejorándolo poco a poco, añadiendo un sencillo sistema de FTP anexo para subir las imágenes necesarias sobre la marcha, etc, etc...<br /><br />Te aconsejo que hagas, en principio, aquello que menos esfuerzo te vaya a suponer programar, pero que sea lo suficiente como para ahorrarte el mayor trabajo posible de cara al mantenimiento. O sea, hazlo lo más sencillo al inicio, pensando en ampliarlo o mejorarlo después, y ya está.<br /><br />(Nota añadida tras leer a Strat:<br /><br />Si utilizas adecuadamente los estilos, como he dicho antes, aún será mayor la facilidad para reutilizar los mismos contenidos al cambiar el diseño o apariencia. Enfoca bien tus CSS, estilos de párrafo, tablas, etc... y utilízalos en el gestor de contenidos. Los mismos textos valdrán para cualquier diseño, si siguen usando las mismas especificaciones de estilo). </div> </div><!-- .post --> <div class="under_message"> </div><!-- .under_message --> </div><!-- .postarea --> <div class="moderatorbar"> <div class="signature" id="msg_75453_signature"> Un saludo a todos.<br /><br /><b>Antonio Arteaga</b><br />Coordinador General de <b><i>Stratos</i></b>.<br /><a href="http://www.librovirtual.org" class="bbc_link" target="_blank" rel="noopener">LibroVirtual.org</a> </div> </div><!-- .moderatorbar --> </div><!-- .post_wrapper --> </div><!-- $message[css_class] --> <hr class="post_separator"> <div class="windowbg" id="msg75455"> <div class="post_wrapper"> <div class="poster"> <h4> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1074" title="View the profile of josepzin">josepzin</a> </h4> <ul class="user_info"> <li class="avatar"> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1074"><img class="avatar" src="https://stratos-ad.com/forums/avatars/default.png" alt=""></a> </li> <li class="icons"></li> <li class="postgroup">Stratos</li> <li class="postcount">Mensajes: 3,323</li> <li class="blurb">Habitacus!</li> <li class="im_icons"> <ol> <li class="custom cust_gender"><span class=" main_icons gender_0" title="Male"></span></li> </ol> </li> <li class="profile"> <ol class="profile_icons"> <li><a href="http://josezanni.com" title="Diseño y programación web" target="_blank" rel="noopener"><span class="main_icons www centericon" title="Diseño y programación web"></span></a></li> </ol> </li><!-- .profile --> <li class="custom cust_loca">Ubicación: Carthagonova</li> <li class="poster_ip">En línea</li> </ul> </div><!-- .poster --> <div class="postarea"> <div class="keyinfo"> <div id="subject_75455" class="subject_title subject_hidden"> <a href="https://stratos-ad.com/forums/index.php?msg=75455" rel="nofollow">Opiniones Y Ayudas Para Web</a> </div> <span class="page_number floatright">#10</span> <div class="postinfo"> <span class="messageicon" style="position: absolute; z-index: -1;"> <img src="https://stratos-ad.com/forums/Themes/stratos/images/post/xx.png" alt=""> </span> <a href="https://stratos-ad.com/forums/index.php?msg=75455" rel="nofollow" title="Reply #10 - Opiniones Y Ayudas Para Web" class="smalltext">27 de Abril de 2006, 02:33:47 PM</a> <span class="spacer"></span> <span class="smalltext modified floatright" id="modified_75455"> </span> </div> <div id="msg_75455_quick_mod"></div> </div><!-- .keyinfo --> <div class="post"> <div class="inner" data-msgid="75455" id="msg_75455">  Ya que cada uno defiende su "consejo", yo tambien: LA MEJOR MANERA ES LA QUE DIJE YO, PORQUE ES LA MEJOR! :P ;) :) </div> </div><!-- .post --> <div class="under_message"> </div><!-- .under_message --> </div><!-- .postarea --> <div class="moderatorbar"> <div class="signature" id="msg_75455_signature"> : <a href="http://retroinvaders.com" class="bbc_link" target="_blank" rel="noopener">RetroInvaders</a> :: <a href="http://josezanni.com" class="bbc_link" target="_blank" rel="noopener">José Zanni</a> .:. <a href="http://glest.org" class="bbc_link" target="_blank" rel="noopener">Glest</a> :. </div> </div><!-- .moderatorbar --> </div><!-- .post_wrapper --> </div><!-- $message[css_class] --> <hr class="post_separator"> <div class="windowbg" id="msg75459"> <div class="post_wrapper"> <div class="poster"> <h4> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=969" title="View the profile of yens">yens</a> </h4> <ul class="user_info"> <li class="avatar"> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=969"><img class="avatar" src="https://stratos-ad.com/forums/avatars/default.png" alt=""></a> </li> <li class="icons"></li> <li class="postgroup">Stratos</li> <li class="postcount">Mensajes: 1,776</li> <li class="im_icons"> <ol> <li class="custom cust_gender"><span class=" main_icons gender_0" title="Male"></span></li> </ol> </li> <li class="profile"> <ol class="profile_icons"> <li><a href="https://adrianmato.com" title="Adrian Mato" target="_blank" rel="noopener"><span class="main_icons www centericon" title="Adrian Mato"></span></a></li> </ol> </li><!-- .profile --> <li class="custom cust_loca">Ubicación: Santiago Compostela</li> <li class="poster_ip">En línea</li> </ul> </div><!-- .poster --> <div class="postarea"> <div class="keyinfo"> <div id="subject_75459" class="subject_title subject_hidden"> <a href="https://stratos-ad.com/forums/index.php?msg=75459" rel="nofollow">Opiniones Y Ayudas Para Web</a> </div> <span class="page_number floatright">#11</span> <div class="postinfo"> <span class="messageicon" style="position: absolute; z-index: -1;"> <img src="https://stratos-ad.com/forums/Themes/stratos/images/post/xx.png" alt=""> </span> <a href="https://stratos-ad.com/forums/index.php?msg=75459" rel="nofollow" title="Reply #11 - Opiniones Y Ayudas Para Web" class="smalltext">27 de Abril de 2006, 04:12:12 PM</a> <span class="spacer"></span> <span class="smalltext modified floatright" id="modified_75459"> </span> </div> <div id="msg_75459_quick_mod"></div> </div><!-- .keyinfo --> <div class="post"> <div class="inner" data-msgid="75459" id="msg_75459"> <blockquote class="bbc_standard_quote"><cite>Cita de: "StraT"</cite>Al proceso de colocar imagenes y texto con una estructura determinada en una web se le llama "maquetar". Hay dos formas principales de hacerlo:<br /><br />1) Con tablas: es la forma tradicional, no es standard y con contribuye a separar el diseño del contenido (que es la meta de cualquier buen diseñador web). El uso de tablas debería reducirse a los contenidos tabulares.<br /><br />2) Con CSS: CSS es una tecnología destinada al diseño de páginas web, "hojas de estilo en cascada" y su principal ventaja es que es standard y permite una separación total del contenido y la presentación. Además, permite diferenciar entre medios web (navegadores, navegadores de texto, de voz, pda's, móviles) para poder adecuar la presentación a cada uno de ellos sin tener que cambiar la estructura de la web. Otro punto de favor es que necesita de menos código por página y es más intuitivo.<br /><br />Leyendas sobre CSS:<br /><br />1) Es dificil: en realidad es practicamente igual que el tag "font" de html y es más efectivo. Al principio puede resultar complicado, pero después es pan comido.<br /><br />2) No tienes tanta exactitud como cuando maquetas con tablas: Falso, si sabes usar CSS, tienes la misma o más.<br /><br />3) Hay navegadores que no lo tienen implementado: cierto, los mismos que no permiten imagenes png, ni javascript, ni nada de nada.<br /><br />Mi método para diseñar páginas en CSS:<br /><br />Primero hago el diseño en un programa tipo Fireworks, algo del estilo de lo que ha hecho Yens (por cierto, muy buen trabajo).<br /><br />El paso siguiente es identificar las partes que se pueden imitar con CSS (barras lisas, fondos monocromáticos, textos...) y las que no (logotipos, curvas, botones...). Recortamos las partes que no se pueden hacer con CSS y las guardamos una a una con nombre identificativos: top, bottom...<br /><br />Creo una estructura xhtml:<br /><br />suele ser....<br /><br /><div class="codeheader"><span class="code floatleft">Código</span> <a class="codeoperation smf_select_text">[Seleccionar]</a> <a class="codeoperation smf_expand_code hidden" data-shrink-txt="Shrink" data-expand-txt="Expand">Expand</a></div><code class="bbc_code"><br /><br /><div id="web"><br /><br />   <div id="top"><br /><br />      //Parte superior de la web<br /><br />   </div><br /><br />   <div id="content"><br /><br />      <div id="menu_iz"><br /><br />         //menu izquierdo<br /><br />      </div><br /><br />      <div id="centro"><br /><br />         //contenido central<br /><br />      </div><br /><br />      <div id="menu_der"><br /><br />         //menu derecho<br /><br />      </div><br /><br />   </div><br /><br />   <div id="bottom"><br /><br />      //pie de la página<br /><br />   </div><br /><br /></div></code><br /><br />Y en los divs top, menu_iz, menu_der y bottom suelo hacer include('top, bottom... .php');<br /><br />Para hacer que las imágenes queden bien, suelo crear divs para cada imagen con sus medidas y el atributo float: left (para que queden una al lado de la otra.<br /><br />En fin, yo te recomiendo que sigas algo parecido a eso, :D, en serio, no es dificil, con el tiempo, aprendes.<br /><br /><br />Saludos </blockquote>Si me puedes enviar por correo a <a href="mailto:yensamg@gmail.com" class="bbc_email">yensamg@gmail.com</a> una web muy muy muy sencilla de la forma que has expuesto o algo ya creado de otra persona o lo que sea me seria muy útil para mirarme bien los atributos. Gracias de todas formas, seguire tu forma porque es la que mas se me asemeja a mis gustoa al menos ahora mismo.. </div> </div><!-- .post --> <div class="under_message"> </div><!-- .under_message --> </div><!-- .postarea --> <div class="moderatorbar"> <div class="signature" id="msg_75459_signature"> <a href="http://www.plusmusica.com" class="bbc_link" target="_blank" rel="noopener">plusmusica online jukebox</a><br /><a href="http://www.yensdesign.com" class="bbc_link" target="_blank" rel="noopener">webdesign tutorials</a><br /><a href="http://www.plusdeporte.com" class="bbc_link" target="_blank" rel="noopener">plusdeporte.com</a><br /><a href="https://adrianmato.com" class="bbc_link" target="_blank" rel="noopener">Adrian Mato</a> </div> </div><!-- .moderatorbar --> </div><!-- .post_wrapper --> </div><!-- $message[css_class] --> <hr class="post_separator"> <div class="windowbg" id="msg75460"> <div class="post_wrapper"> <div class="poster"> <h4> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1304" title="View the profile of zupervaca">zupervaca</a> </h4> <ul class="user_info"> <li class="avatar"> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1304"><img class="avatar" src="http://www.davidib.com/images/design/supercow.png" alt=""></a> </li> <li class="icons"></li> <li class="postgroup">Stratos</li> <li class="postcount">Mensajes: 2,559</li> <li class="profile"> <ol class="profile_icons"> <li><a href="http://www.davidib.com" title="http://www.davidib.com" target="_blank" rel="noopener"><span class="main_icons www centericon" title="http://www.davidib.com"></span></a></li> </ol> </li><!-- .profile --> <li class="poster_ip">En línea</li> </ul> </div><!-- .poster --> <div class="postarea"> <div class="keyinfo"> <div id="subject_75460" class="subject_title subject_hidden"> <a href="https://stratos-ad.com/forums/index.php?msg=75460" rel="nofollow">Opiniones Y Ayudas Para Web</a> </div> <span class="page_number floatright">#12</span> <div class="postinfo"> <span class="messageicon" style="position: absolute; z-index: -1;"> <img src="https://stratos-ad.com/forums/Themes/stratos/images/post/xx.png" alt=""> </span> <a href="https://stratos-ad.com/forums/index.php?msg=75460" rel="nofollow" title="Reply #12 - Opiniones Y Ayudas Para Web" class="smalltext">27 de Abril de 2006, 04:23:59 PM</a> <span class="spacer"></span> <span class="smalltext modified floatright" id="modified_75460"> </span> </div> <div id="msg_75460_quick_mod"></div> </div><!-- .keyinfo --> <div class="post"> <div class="inner" data-msgid="75460" id="msg_75460">  No entiendo por que os complicais tanto la vida, mi pagina web esta hecha con tablas y tengo un asp principal que dependiendo de varias variables de sesion muestra unos u otros contenidos dentro de esas tablas, ¿cual es el motivo de que las tablas son malas para maquetar? </div> </div><!-- .post --> <div class="under_message"> </div><!-- .under_message --> </div><!-- .postarea --> <div class="moderatorbar"> <div class="signature" id="msg_75460_signature"> <a href="ttp://www.davidib.com" class="bbc_link" target="_blank" rel="noopener">ttp://www.davidib.com</a><br /><a href="http://www.colegasyamigos.com" class="bbc_link" target="_blank" rel="noopener">http://www.colegasyamigos.com</a> </div> </div><!-- .moderatorbar --> </div><!-- .post_wrapper --> </div><!-- $message[css_class] --> <hr class="post_separator"> <div class="windowbg" id="msg75465"> <div class="post_wrapper"> <div class="poster"> <h4> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1074" title="View the profile of josepzin">josepzin</a> </h4> <ul class="user_info"> <li class="avatar"> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1074"><img class="avatar" src="https://stratos-ad.com/forums/avatars/default.png" alt=""></a> </li> <li class="icons"></li> <li class="postgroup">Stratos</li> <li class="postcount">Mensajes: 3,323</li> <li class="blurb">Habitacus!</li> <li class="im_icons"> <ol> <li class="custom cust_gender"><span class=" main_icons gender_0" title="Male"></span></li> </ol> </li> <li class="profile"> <ol class="profile_icons"> <li><a href="http://josezanni.com" title="Diseño y programación web" target="_blank" rel="noopener"><span class="main_icons www centericon" title="Diseño y programación web"></span></a></li> </ol> </li><!-- .profile --> <li class="custom cust_loca">Ubicación: Carthagonova</li> <li class="poster_ip">En línea</li> </ul> </div><!-- .poster --> <div class="postarea"> <div class="keyinfo"> <div id="subject_75465" class="subject_title subject_hidden"> <a href="https://stratos-ad.com/forums/index.php?msg=75465" rel="nofollow">Opiniones Y Ayudas Para Web</a> </div> <span class="page_number floatright">#13</span> <div class="postinfo"> <span class="messageicon" style="position: absolute; z-index: -1;"> <img src="https://stratos-ad.com/forums/Themes/stratos/images/post/xx.png" alt=""> </span> <a href="https://stratos-ad.com/forums/index.php?msg=75465" rel="nofollow" title="Reply #13 - Opiniones Y Ayudas Para Web" class="smalltext">27 de Abril de 2006, 04:43:37 PM</a> <span class="spacer"></span> <span class="smalltext modified floatright" id="modified_75465"> </span> </div> <div id="msg_75465_quick_mod"></div> </div><!-- .keyinfo --> <div class="post"> <div class="inner" data-msgid="75465" id="msg_75465"> <blockquote class="bbc_standard_quote"><cite>Cita de: "zupervaca"</cite>¿cual es el motivo de que las tablas son malas para maquetar? </blockquote>HEREJÍA! Arhhhgg... mis ojos! a la hoguera con él... :) :P ;) </div> </div><!-- .post --> <div class="under_message"> </div><!-- .under_message --> </div><!-- .postarea --> <div class="moderatorbar"> <div class="signature" id="msg_75465_signature"> : <a href="http://retroinvaders.com" class="bbc_link" target="_blank" rel="noopener">RetroInvaders</a> :: <a href="http://josezanni.com" class="bbc_link" target="_blank" rel="noopener">José Zanni</a> .:. <a href="http://glest.org" class="bbc_link" target="_blank" rel="noopener">Glest</a> :. </div> </div><!-- .moderatorbar --> </div><!-- .post_wrapper --> </div><!-- $message[css_class] --> <hr class="post_separator"> <div class="windowbg" id="msg75481"> <div class="post_wrapper"> <div class="poster"> <h4> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1271" title="View the profile of jazcks">jazcks</a> </h4> <ul class="user_info"> <li class="avatar"> <a href="https://stratos-ad.com/forums/index.php?action=profile;u=1271"><img class="avatar" src="https://stratos-ad.com/forums/avatars/default.png" alt=""></a> </li> <li class="icons"></li> <li class="postgroup">Stratos</li> <li class="postcount">Mensajes: 482</li> <li class="im_icons"> <ol> <li class="custom cust_skype"><a href="skype:jazcks@hotmail.com?call"><img src="https://www.stratos-ad.com/forums/Themes/default/images/skype.png" alt="jazcks@hotmail.com" title="jazcks@hotmail.com" /></a> </li> </ol> </li> <li class="profile"> <ol class="profile_icons"> <li><a href="http://jazcks.homeip.net/" title="http://jazcks.homeip.net/" target="_blank" rel="noopener"><span class="main_icons www centericon" title="http://jazcks.homeip.net/"></span></a></li> </ol> </li><!-- .profile --> <li class="custom cust_loca">Ubicación: spain</li> <li class="poster_ip">En línea</li> </ul> </div><!-- .poster --> <div class="postarea"> <div class="keyinfo"> <div id="subject_75481" class="subject_title subject_hidden"> <a href="https://stratos-ad.com/forums/index.php?msg=75481" rel="nofollow">Opiniones Y Ayudas Para Web</a> </div> <span class="page_number floatright">#14</span> <div class="postinfo"> <span class="messageicon" style="position: absolute; z-index: -1;"> <img src="https://stratos-ad.com/forums/Themes/stratos/images/post/xx.png" alt=""> </span> <a href="https://stratos-ad.com/forums/index.php?msg=75481" rel="nofollow" title="Reply #14 - Opiniones Y Ayudas Para Web" class="smalltext">27 de Abril de 2006, 06:19:08 PM</a> <span class="spacer"></span> <span class="smalltext modified floatright" id="modified_75481"> </span> </div> <div id="msg_75481_quick_mod"></div> </div><!-- .keyinfo --> <div class="post"> <div class="inner" data-msgid="75481" id="msg_75481"> <blockquote class="bbc_standard_quote"><cite>Cita de: "zupervaca"</cite>¿cual es el motivo de que las tablas son malas para maquetar? </blockquote>-las tablas no se hicieron para mostrar presentación y contenido junto, pero gracias a poner border=0 se empezaron a usar para esto<br />-se supone que son sólo para datos tabulares<br />-css especifica como debe verse en varios dispositivos, más control<br />-el código resultante suele ser mucho mas corto/claro/limpio = reduccion gasto ancho de banda<br /><br />y sobretodo:<br />-cualquier cambio en el diseño, se hace mucho más rápido con css, además puede hacer cambiar el diseño de arriba a abajo<br />-el mismo cambio con tablas, supondrá pelearse con los "width", retocarlos uno a uno para que todo cuadre con las otras tablas madres/hijas... <br /> </div> </div><!-- .post --> <div class="under_message"> </div><!-- .under_message --> </div><!-- .postarea --> <div class="moderatorbar"> </div><!-- .moderatorbar --> </div><!-- .post_wrapper --> </div><!-- $message[css_class] --> <hr class="post_separator"> </form> </div><!-- #forumposts --> <div class="pagesection"> <div class="buttonlist floatright"> <a class="button button_strip_print" href="https://stratos-ad.com/forums/index.php?action=printpage;topic=6563.0" rel="nofollow">Imprimir</a> </div> <div class="pagelinks floatleft"> <a href="#main_content_section" class="button" id="bot">Ir Arriba</a> <span class="pages">Páginas</span><span class="current_page">1</span> <a class="nav_page" href="https://stratos-ad.com/forums/index.php?topic=6563.15">2</a> <a class="nav_page" href="https://stratos-ad.com/forums/index.php?topic=6563.30">3</a> <a class="nav_page" href="https://stratos-ad.com/forums/index.php?topic=6563.45">4</a> <a class="nav_page" href="https://stratos-ad.com/forums/index.php?topic=6563.15"><span class="main_icons next_page"></span></a> </div> <div class="mobile_buttons floatright"> <a class="button mobile_act">User actions</a> </div> </div> <div class="navigate_section"> <ul> <li> <a href="https://stratos-ad.com/forums/index.php"><span>Foros - Stratos</span></a> </li> <li> <span class="dividers"> ► </span> <a href="https://stratos-ad.com/forums/index.php#c2"><span>Stratos</span></a> </li> <li> <span class="dividers"> ► </span> <a href="https://stratos-ad.com/forums/index.php?board=10.0"><span>Proyectos</span></a> <span class="board_moderators">(Moderador: <a href="https://stratos-ad.com/forums/index.php?action=profile;u=195" title="Moderador del Foro">[EX3]</a>)</span> </li> <li class="last"> <span class="dividers"> ► </span> <a href="https://stratos-ad.com/forums/index.php?topic=6563.0"><span>Opiniones Y Ayudas Para Web</span></a> </li> </ul> </div><!-- .navigate_section --> <div id="moderationbuttons"> </div> <div id="display_jump_to"></div> <div id="mobile_action" class="popup_container"> <div class="popup_window description"> <div class="popup_heading"> User actions <a href="javascript:void(0);" class="main_icons hide_popup"></a> </div> <div class="buttonlist"> <a class="button button_strip_print" href="https://stratos-ad.com/forums/index.php?action=printpage;topic=6563.0" rel="nofollow">Imprimir</a> </div> </div> </div> <script> if ('XMLHttpRequest' in window) { var oQuickModify = new QuickModify({ sScriptUrl: smf_scripturl, sClassName: 'quick_edit', bShowModify: true, iTopicId: 6563, sTemplateBodyEdit: '\n\t\t\t\t\t\t<div id="quick_edit_body_container">\n\t\t\t\t\t\t\t<div id="error_box" class="error"><' + '/div>\n\t\t\t\t\t\t\t<textarea class="editor" name="message" rows="12" tabindex="1">%body%<' + '/textarea><br>\n\t\t\t\t\t\t\t<input type="hidden" name="e620e54c" value="1923382546ed0e66f7d05da9130f4413">\n\t\t\t\t\t\t\t<input type="hidden" name="topic" value="6563">\n\t\t\t\t\t\t\t<input type="hidden" name="msg" value="%msg_id%">\n\t\t\t\t\t\t\t<div class="righttext quickModifyMargin">\n\t\t\t\t\t\t\t\t<input type="submit" name="post" value="Guardar" tabindex="2" onclick="return oQuickModify.modifySave(\'1923382546ed0e66f7d05da9130f4413\', \'e620e54c\');" accesskey="s" class="button"> <input type="submit" name="cancel" value="Cancelar" tabindex="3" onclick="return oQuickModify.modifyCancel();" class="button">\n\t\t\t\t\t\t\t<' + '/div>\n\t\t\t\t\t\t<' + '/div>', sTemplateSubjectEdit: '<input type="text" name="subject" value="%subject%" size="80" maxlength="80" tabindex="4">', sTemplateBodyNormal: '%body%', sTemplateSubjectNormal: '<a hr'+'ef="' + smf_scripturl + '?topic=6563.msg%msg_id%#msg%msg_id%" rel="nofollow">%subject%<' + '/a>', sTemplateTopSubject: '%subject%', sTemplateReasonEdit: 'Reason for editing: <input type="text" name="modify_reason" value="%modify_reason%" size="80" maxlength="80" tabindex="5" class="quickModifyMargin">', sTemplateReasonNormal: '%modify_text', sErrorBorderStyle: '1px solid red' }); aJumpTo[aJumpTo.length] = new JumpTo({ sContainerId: "display_jump_to", sJumpToTemplate: "<label class=\"smalltext jump_to\" for=\"%select_id%\">Ir a<" + "/label> %dropdown_list%", iCurBoardId: 10, iCurBoardChildLevel: 0, sCurBoardName: "Proyectos", sBoardChildLevelIndicator: "==", sBoardPrefix: "=> ", sCatSeparator: "-----------------------------", sCatPrefix: "", sGoButtonLabel: "ir" }); aIconLists[aIconLists.length] = new IconList({ sBackReference: "aIconLists[" + aIconLists.length + "]", sIconIdPrefix: "msg_icon_", sScriptUrl: smf_scripturl, bShowModify: true, iBoardId: 10, iTopicId: 6563, sSessionId: smf_session_id, sSessionVar: smf_session_var, sLabelIconList: "Icono del mensaje", sBoxBackground: "transparent", sBoxBackgroundHover: "#ffffff", iBoxBorderWidthHover: 1, sBoxBorderColorHover: "#adadad" , sContainerBackground: "#ffffff", sContainerBorder: "1px solid #adadad", sItemBorder: "1px solid #ffffff", sItemBorderHover: "1px dotted gray", sItemBackground: "transparent", sItemBackgroundHover: "#e0e0f0" }); } </script> <script> var verificationpostHandle = new smfCaptcha("https://stratos-ad.com/forums/index.php?action=verificationcode;vid=post;rand=09ff56a9d6d99d8965b7c1a7bc2151fb", "post", 1); </script> </div><!-- #main_content_section --> </div><!-- #content_section --> </div><!-- #wrapper --> </div><!-- #footerfix --> <div id="footer"> <div class="inner_wrap"> <ul> <li class="floatright"><a href="https://stratos-ad.com/forums/index.php?action=help">Ayuda</a> | <a href="#top_section">Ir Arriba ▲</a></li> <li class="copyright"><a href="https://stratos-ad.com/forums/index.php?action=credits" title="Simple Machines Forum" target="_blank" class="new_win">SMF 2.1.4</a> | <a href="http://www.simplemachines.org/about/smf/license.php" title="License" target="_blank" class="new_win">SMF © 2013</a>, <a href="http://www.simplemachines.org" title="Simple Machines" target="_blank" class="new_win">Simple Machines</a></li> </ul> </div> </div><!-- #footer --><br /> <br /> <br /> <br /> <br /> <footer> <div class="pie leftAligned" style="font-size:12px"> <div style="max-width:1234px;margin:auto"> <p class="noticia"> Síguenos en <a style="font-size:28px;padding:5px;" href="https://www.linkedin.com/groups/1617147/" target="_blank" title="LinkedIn"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a> <a style="font-size:28px;padding:5px;" href="https://www.facebook.com/groups/58301880235" target="_blank" title="Facebook"><i class="fa fa-facebook-official" aria-hidden="true"></i></a> </p> <ul> <li class="footerText"> <a href="index.php?section=10&subsection=1">Aviso legal</a> </li> <li class="footerText"> <a href="index.php?section=10&subsection=2">Tratamiento de datos</a> </li> <li class="footerText"> <a href="index.php?section=10&subsection=3">Seguridad</a> </li> <li class="footerText"> <a href="index.php?section=10&subsection=4">Cookies</a> </li> <li class="footerText"> © 2024 Stratos </li> </ul> </div> </div> </footer> <div id="avisoAdblocker"> Stratos es un servicio gratuito, cuyos costes se cubren en parte con la publicidad.<br />Por favor, desactiva el bloqueador de anuncios en esta web para ayudar a que siga adelante.<br />Muchísimas gracias. </div> <script src="/ads.js"></script> <script> if(document.getElementById('detectorAdblocker')) { // document.write('Bloqueador de Ads no detectado'); } else { // document.write('Bloqueador de Ads detectado'); document.getElementById('avisoAdblocker').style.display = 'block'; } </script> <script> function showSideMenu() { var element = document.getElementById("mySidenav"); element.classList.add("sidenavShown"); } function hideSideMenu() { var element = document.getElementById("mySidenav"); element.classList.remove("sidenavShown"); } </script> <script> window.addEventListener("DOMContentLoaded", function() { function triggerCron() { $.get('https://stratos-ad.com/forums' + "/cron.php?ts=1732338225"); } window.setTimeout(triggerCron, 1); $.sceditor.locale["es"] = { "Width (optional):": "Width (optional):", "Height (optional):": "Height (optional):", "Insert": "Insert", "Description (optional):": "Description (optional)", "Rows:": "Rows:", "Cols:": "Cols:", "URL:": "URL:", "E-mail:": "E-mail:", "Video URL:": "Video URL:", "More": "More", "Close": "Close", dateFormat: "month/day/year" }; }); </script> </body> </html>