raulalejandro1
Usuario (México)
Bienvenidos a mi nuevo post En este post les ensenare a ponerle imagenes musica y videos a su web. En el post anterior vimos la estructura basica que era esta dijo: <html> <head> <title>El titulo de tu web</title> <LINK media=all href="estilo.css" type=text/css rel=stylesheet> </head> <body> <DIV id=contenedor> <DIV id=barra-lateral> Aqui ira tu menu </DIV> <DIV id=cabecera> <h1>Aqui puedes poner el titulo</h1> </DIV> <DIV id=contenido> Aqui estara el contenido que devera ir en tu web </DIV> </DIV> </body> </html> Para poner una imagen necesitaremos poner la etiquita <img> dentro del Div Contenido mas el nombre y el formato de tu imagen ejemplo: dijo:<img src="imagen.jpg" Para poner musica de fondo dijo: <BGSOUND SRC="tusonidocancio.mp3" LOOP=none> Para poner musica en un reproductor (en explorer no sirve solamente :/) dijo:<embed src="tucancion.mp3"> Poner videos es de la misma manera dijo:<embed src="tuvideo.3gp"> Nota:Me parece que solo acepta formatos 3gp Por cierto y si les gusta el rock y el metal recomienden y visiten mi web por favor!! Eso es todo! Primera parte -------> Tercera parte------->
BIENVENIDOS A MI NUEVO POST Primera parte ------->http://www.taringa.net/posts/hazlo-tu-mismo/10524549/Como-hacer-una-pagina-web-facil.html Segunda parte------>http://www.taringa.net/posts/hazlo-tu-mismo/10921171/Como-hacer-una-pagina-web-facil-parte-2.html NOTAara ver los cambios echos en la pagina web primero debes de guardarlos en el archivo index.html y presionar F5 en tu navegador.Para abrir el archivo en tu navegador solo presiona ctrl+o y selecciona el archivo En este post veremos como ponerle un menu a tu pagina web. En el post anterior vimos como ponerle musica y videos a tu web y quedo asi: index.html dijo: <html> <head> <title>El titulo de tu web</title> <LINK media=all href="estilo.css" type=text/css rel=stylesheet> </head> <body> <DIV id=contenedor> <DIV id=barra-lateral> Aqui ira tu menu </DIV> <DIV id=cabecera> <h1>Aqui puedes poner el titulo</h1> </DIV> <DIV id=contenido> Esta es tu imagen <img src="imagen.jpg"> ESta es tu cancion <embed src="tucancion.mp3"> <embed src="tuvideo.3gp"> </DIV> </DIV> </body> </html> estilo.css dijo: #contenedor { width: 900px; height: 400px; } #cabecera { background-color: green; height:50px; padding:5px; } #barra-lateral { background-color: orange; float: left; width:140px; height:100%; } #contenido { background-color: gray; float:left; width:740px; height:100%; } Ahora abrimos el index.html y escribimos entre la etiqueta Div barra lateral: dijo: <div id="menu"> <ul> <li><a href="http://www.miweb.com" title="Pagina Principal">Home</a></li> <li><a href="http://www.miweb.com/musica.html" title="Escuchame!">Musica</a></li> <li><a href="http://www.miweb.com/programas.html" title="Descargame!">Programas</a></li> </ul> </div> Ahora solo cambia tus enlaces y utiliza el index.html como molde para tus demas paginas (por ejemplo musica.html programas.html descargas.html etc etc etc).El texto que escribes en entre las comillas de title sera el que aparesca cuando pasas el mouse encima del boton, y el texto entre ></a></li> es el que dira en el boton. Ahora abre el archivo estilo.css y escribe: estilo.css dijo: #menu ul { list-style-type: none; margin: 0px; padding: 0px; width: 150px; font-family: Arial, sans-serif; font-size: 11pt; } #menu ul li { background-color: #666; } #menu ul li a { color: #ccc; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 10px 10px 20px; } #menu ul li a:hover { background: #000; border-left: 10px solid #333; color: #fff; } Ahora solo cambia los colores a tu preferencia.Como ya lo dije antes en Css puedes poner los colores en ingles o en hexadecimal (Recomiendo en hexadecimal por que hay mas variedades de colores.) Y entonces quedaria: Ejemplo del menu (Asi es el menu de mi web.) El html del archivo index.html dijo: <html> <head> <title>El titulo de tu web</title> <LINK media=all href="estilo.css" type=text/css rel=stylesheet> </head> <body background ="musica-online.gif" text="FFF3FF"> <DIV id=contenedor> <DIV id=barra-lateral> Aqui ira tu menu <div id="menu"> <ul> <li><a href="http://www.miweb.com" title="Pagina Principal">Home</a></li> <li><a href="http://www.miweb.com/musica.html" title="Escuchame!">Musica</a></li> <li><a href="http://www.miweb.com/programas.html" title="Descargame!">Programas</a></li> </ul> </div> </DIV> <DIV id=cabecera> <h1>el titulo de tu web titulo</h1> </DIV> <DIV id=contenido> Esta es tu imagen <img src="musica-online.gif"> ESta es tu cancion <embed src="Prison Song.mp3"> <embed src="Baby I love you Subtitulado (The ramones ).3gp"> </DIV> </DIV> </body> </html> El archivo estilo.css dijo: #cabecera { background-color: green; height:50px; padding:5px; } #barra-lateral { background-color: orange; float: left; width:140px; height:100%; } #contenido { background-color: gray; float:left; width:740px; height:100%; } #menu ul { list-style-type: none; margin: 0px; padding: 0px; width: 150px; font-family: Arial, sans-serif; font-size: 11pt; } #menu ul li { background-color: #666; } #menu ul li a { color: #ccc; text-decoration: none; text-transform: uppercase; display: block; padding: 10px 10px 10px 20px; } #menu ul li a:hover { background: #000; border-left: 10px solid #333; color: #fff; } Les dejo la pagina con el ejemplo que hice este post. http://lamusicademiradio.netai.net/ Ahora lo unico que necesitan es un bueno HOSTING les recomiendo el 000webhost, y comprar un DOMINIO.En otro post les ensenare como subir su web a ese Host y Como conseguir un Domio gratis.Les dejo mi pagina web que utilizo,esta aun en construccion y en constante crecimiento si les gusta el Metal recomiendenla. Eso fue todo ahora saben lo basico sobre hacer paginas web. Alguna duda o algo en especial mandeme un MP.
BIENVENIDOS A MI NUEVO POST NOTAEste post no es para tomar como ofensa hacia el metal si no como una forma de reirse un rato de lo que tanto nos gusta. link: http://www.youtube.com/watch?v=x9PQ5r7obWI&feature=mfu_in_order&list=UL link: http://www.youtube.com/watch?v=g2IY83nGQF8&feature=player_embedded link: http://www.youtube.com/watch?v=huGX_pixgAM&feature=player_embedded link: http://www.youtube.com/watch?v=Xun0qZA7ShA&feature=related link: http://www.youtube.com/watch?v=qdAsghwiqrk&feature=related link: http://www.youtube.com/watch?v=-bcqJh2l_2Q&feature=related link: http://www.youtube.com/watch?v=K0it1u_WcBI&feature=related link: http://www.youtube.com/watch?v=V8UiRneo5eg&feature=related Para mi que este es el mejor link: http://www.youtube.com/watch?v=JZMRE0VHLvw&feature=related link: http://www.youtube.com/watch?v=dyw_nVB9Ymg&feature=related link: http://www.youtube.com/watch?v=B3hRgx02jh0&feature=related link: http://www.youtube.com/watch?v=bXQFA9hZ6rE&feature=related Correcion esta es la mejor xD link: http://www.youtube.com/watch?v=qA0-4HTto_U Todos estos exitos incluidos en el album exitos de la cumbia y demas! Solo por $10 (moneda taringuera) Aqui termina el post comenten y si les da la #$%^ gana puntuen