1)Crea una pagina en un tabla, en la cual tendremos 3 columnas,columna izq menu,columna derecha img y la del medio contenido
<html> <head> </head> <body> <table> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> </body> </html>
2)Agregaremos 3 imagenes, que tenga link para verlas en una pagina diferente
<html> <head> </head> <body> <table> <tr> <td> </td> <td> </td> <td> <a href="link1" alt="link1" target="_blanck"><img src="imagen 1" name="imagen1"></a> <br/> <a href="link2" alt="link2" target="_blanck"><img src="imagen 2" name="imagen2"></a> <br/> <a href="link3" alt="link3" target="_blanck"><img src="imagen 3" name="imagen3"></a> </td> </tr> </table> </body> </html>
3)Para crear un menú usaremos una lista donde pondremos link a las diferentes categorias
<html> <head> </head> <body> <table> <tr> <td> <ol> <li> Menu1 </li> <li> Menu2 </li> <li> Menu3 </li> </ol> </td> <td> </td> <td> <a href="link1" alt="link1" target="_blanck"><img src="imagen 1" name="imagen1"></a> <br/> <a href="link2" alt="link2" target="_blanck"><img src="imagen 2" name="imagen2"></a> <br/> <a href="link3" alt="link3" target="_blanck"><img src="imagen 3" name="imagen3"></a> </td> </tr> </table> </body> </html>
4)En la columna del medio agregaremos una img llamada banner y debajo pondremos contenido como párrafo
<html> <head> </head> <body> <table> <tr> <td> <ol> <li> Menu1 </li> <li> Menu2 </li> <li> Menu3 </li> </ol> </td> <td> <img src="banner" name="banner">< <p> contenido </p> </td> <td> <a href="link1" alt="link1" target="_blanck"><img src="imagen 1" name="imagen1"></a> <br/> <a href="link2" alt="link2" target="_blanck"><img src="imagen 2" name="imagen2"></a> <br/> <a href="link3" alt="link3" target="_blanck"><img src="imagen 3" name="imagen3"></a> </td> </tr> </table> </body> </html>
5)agregaremos un boton que diga leer más y redireccionaremos hacia una página nueva
<html> <head> </head> <body> <table> <tr> <td> <ol> <li> Menu1 </li> <li> Menu2 </li> <li> Menu3 </li> </ol> </td> <td> <img src="banner" name="banner">< <p> contenido </p> <a href="link pagina2"><img src="url banner" name="banner"></a> </td> <td> <a href="link1" alt="link1" target="_blanck"><img src="imagen 1" name="imagen1"></a> <br/> <a href="link2" alt="link2" target="_blanck"><img src="imagen 2" name="imagen2"></a> <br/> <a href="link3" alt="link3" target="_blanck"><img src="imagen 3" name="imagen3"></a> </td> </tr> </table> </body> </html>
6)agregaremos de fondo una imagen cualquiera y a la tabla le sacaremos el borde
<html> <head> </head> <body BACKGROUND="url fondo"> <table border="0"> <tr> <td> <ol> <li> Menu1 </li> <li> Menu2 </li> <li> Menu3 </li> </ol> </td> <td> <img src="banner" name="banner">< <p> contenido </p> <a href="link pagina2"><img src="url banner" name="banner"></a> </td> <td> <a href="link1" alt="link1" target="_blanck"><img src="imagen 1" name="imagen1"></a> <br/> <a href="link2" alt="link2" target="_blanck"><img src="imagen 2" name="imagen2"></a> <br/> <a href="link3" alt="link3" target="_blanck"><img src="imagen 3" name="imagen3"></a> </td> </tr> </table> </body> </html>
7)crearemos un formulario donde tendra 5 campos de texto y un textarea,donde ira comentarios, y agregaremos dos botones el de enviar y borrar
<html> <head> </head> <body BACKGROUND="url fondo"> <form action="url para procesar form"> </input type="text" name="campo1" size="50" maxlenght="50"> </input type="text" name="campo2" size="50" maxlenght="50"> </input type="text" name="campo3" size="50" maxlenght="50"> </input type="text" name="campo4" size="50" maxlenght="50"> </input type="text" name="campo5" size="50" maxlenght="50"> <br/> <textarea cols="50" rows="50" maxlenght="200"> </textarea> </form> </body> </html>
0 comentarios:
Publicar un comentario