Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Bob1098 en 23 Agosto 2014, 20:05 pm


Título: Duda HTML
Publicado por: Bob1098 en 23 Agosto 2014, 20:05 pm
Buenas a todos. Estoy elaborando una pequeña web en la que me ha surgido el siguiente problema:

Resulta que tengo a la izquierda un menú con diferentes links, y quiero que al hacer click en ellos se me muestre en una celda de una tabla determinada un documento HTML. Es esto posible? Que maneras hay de hacerlo?. Aquí el código:

Código
  2. 	<head>
  3. 		<title>MindElf CoD</title>
  4. 		<link rel="stylesheet" type="text/css" href="Estilo.css">
  5. 	</head>
  6.  
  7. 	<body>
  8. 		<table border="1px" width="100%" height="100%">
  9. 			<tr>
  10. 				<td height="30%">
  11.  
  12. 				</td>
  13. 			</tr>
  14. 			<tr>
  15. 				<td>
  16. 				<table border="1px" width="100%" height="100%">
  17. 					<tr>
  18. 						<td width="20%">
  19. 							<table width="100%" height="100%">
  20. 								<tr>
  21. 									<td class="menu">
  22. 										Portal
  23. 									</td>
  24. 								<tr>
  25. 								<tr>
  26. 									<td class="menu">
  27. 										Galer&iacute;a
  28. 									</td>
  29. 								<tr>
  30. 								<tr>
  31. 									<td class="menu">
  32. 										Videos
  33. 									</td>
  34. 								<tr>
  35. 								<tr>
  36. 									<td class="menu">
  37. 										<a href="https://www.youtube.com/user/Mindelfcod">YouTube</a>
  38. 									</td>
  39. 								<tr>
  40. 								<tr>
  41. 									<td class="menu">
  42. 										<a href="https://twitter.com/MindelfCoD">Twitter</a>
  43. 									</td>
  44. 								<tr>
  45. 								<tr>
  46. 									<td class="menu">
  47. 										Mi clan
  48. 									</td>
  49. 								<tr>
  50. 							</table>
  51. 						</td>
  52. 						<td>
  53.  
  54. 						</td>
  55. 					</tr>
  56. 				</table>
  57. 				</td>
  58. 			</tr>
  59. 		</table>
  60. 	</body>
  61. </html>
  62.  

Y esta es la web:

 (http://thumbs.subefotos.com/474caedc39fc7ecf4d56801b2568060bo.jpg) (http://subefotos.com/ver/?474caedc39fc7ecf4d56801b2568060bo.png)

Título: Re: Duda HTML
Publicado por: MinusFour en 23 Agosto 2014, 22:14 pm
Puedes hacer uso de frames en lugar de tablas. Si quieres cargar archivos HTML en una etiqueta HTML vas a necesitar usar AJAX. jQuery tiene un metodo muy sencillo para cargar HTML de otra pagina:

http://api.jquery.com/load/

Para usarlo:

Código
  1. ("#iddetd").load("archivo.html");

Título: Re: Duda HTML
Publicado por: karmany en 24 Agosto 2014, 14:26 pm
Yo te recomiendo 2 cosas:
1.- No uses tablas para el diseño de tu web y menos anidar 3 tablas seguidas. Las tablas era una alternativa utilizada hace años para la estética de la web, pero hoy día no se hace así. Debes utilizar los contenedores como <div> o <span>
2.- El estilo de las tablas no lo hagas de esa forma, no vas a poder validar el código. POr ejemplo, esto:
Código
  1. <table border="1px" width="100%" height="100%">
crea una clase y hazlo así:
Código
  1. <table class="tb-mnu">

Y en el archivo que tienes Estilo.css, añade:
Código
  1. .tb-mnu{
  2. 	border: 1px solid black;
  3. 	width: 100%;
  4. 	height: 100%;
  5. }

Respecto a tu duda, ¿no sería más sencillo usar un CMS y enlazar tu menú a distintas partes de tu web?

Título: Re: Duda HTML
Publicado por: Bob1098 en 24 Agosto 2014, 16:54 pm
Vale, como pueden ver estoy comenzando en esto del diseño web, y ya pensaba que las tablas eran un poco coñazo. Entonces debería usar <div> no?. Que es eso del CMS? Alguien me lo podría explicar, si es tan amable?

Gracias por las respuestas.

Título: Re: Duda HTML
Publicado por: karmany en 25 Agosto 2014, 15:06 pm
CMS son las siglas de Content Management System. Son Gestores de Contenido.
Tienes muchísimas opciones en vez de hacer una web estática desde cero solo con HTML.
Ejemplos de gestores de contenidos hay miles: WordPress, Joomla!, Drupal y un largo etc...

Título: Re: Duda HTML
Publicado por: Bob1098 en 25 Agosto 2014, 16:22 pm
Ah, si ya sabia lo que era pero no que esas eran su siglas =S. Me parece una buena opción, aunque me hubiera gustado programar una web desde 0.

Saludos

Título: Re: Duda HTML
Publicado por: karmany en 25 Agosto 2014, 16:47 pm
Puedes crearla tú mismo desde cero, pero si lo haces solo con código HTML y CSS vas a generar una web estática que es muy difícil de actualizar. Te lo digo porque tal vez quieras actualizar contenido periódicamente viendo tus menús.

Si tal vez tú solo quieres hacer una web estática que no va a variar mucho en años, pues entonces hazla solo con HTML.

De todos modos, usando un gestor de contenido tú puedes crear desde cero tu propia plantilla y podrás aprovecharte de todo el trabajo que hay detrás de ese CMS: seguridad, plugins, foros de soporte, dudas etc...

Título: Re: Duda HTML
Publicado por: MinusFour en 26 Agosto 2014, 18:31 pm
Yo creo que proponer un CMS como solución a algo tan sencillo es demasiado. Es como matar una mosca con un RPG.

Era muy usual trabajar con tablas para estructurar la página pero hoy en día con CSS 3 hay muchas formas de posicionar los elementos y darles la apariencia que necesitas al igual que se hacía con tablas.

Yo para un menu te recomiendo que uses listas desordenadas.

Código
  1. <ul>
  2. <li><a href="link1.html">Link1</a></li>
  3. <li><a href="link2.html">Link2</a></li>
  4. </ul>


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines