SEQUENCIA20
Usuario (Argentina)
Hola a todos, bueno este post es para compartir con todos este plugin para insertar en nuestra web una caja musical, para buscar , escuchar y descargar musica de forma facil y rapida.Estilo ClasicoEstilo RojoEl plugin en si es bastante sencillo, similar a los de facebook, solo hay que descargar el archivo rar, descomprimirlo en la raiz del sitio, y luego insertar el scirpt en la pagina que deseen que aparesca el plugin .Tienen disponible para descargar dos estilos diferentes, uno clasico que seria fondo blanco, y otro rojo, claro que pueden modificar la apariencia facilmente desde la hoja de estilos css.Antes que nada si desean descargarlo o ver un demo desde la pagina principal es esta 1. Paso:Descargar el plugin , pueden hacerlo de la direccion anterior o de estas:Descargar Estilo Clasico: Demo Estilo Clasico: Descargar Estilo Rojo: Demo Estilo Rojo: 2. Paso:Una vez que hayan descargado el archivo rar, deben descomprimirlo en la carpeta raiz de su sitio, o en el directorio donde se encuentre la pagina donde desean insertar la caja musical.3. Paso:Bueno ahora deben insertar los sigueintes script en el codigo html de su pagina:- Este codigo va entre las etiquetas <head></head><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script><link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> - El primer script es la libreria jquery, si ya la tienen en su pagina no es necesario incluira de nuevo.- El segundo y el tercero son necesarios si desean dotar a la caja musical para que se la pueda mover y redimensionar con el mouse.- Este codigo va en el lugar que deseen que aparesca dentro de la pagina:<script type="text/javascript">var arrastrar = "si";var redimensionar = "si";document.write(unescape("%3Cscript src='http://www.20music.com.ar/plugins/ caja -musical/ caja -musical.js' type='text/javascript'%3E%3C/script%3E" ));</script>- Las variables arrastrar y redimensinar pueden tener valores si y no, si no se indica ningun valor por defecto es no, solo son necesarias si incluyeron los scripts anteriores.Bueno no queda nada mas por exlicar, solo una aclaracion, si desean insertar el script en algun cms puede variar dependiendo de su configuracion, por lo general deben insertar los primeros scripts en el archivo header.html, o head.html, y los archivos del rar si en el directorio raiz del sitio.Bueno suerte y espero que les haya gustado y les sirva, pregutenme cualquier cosa si no lo pueden usar, hasta la proxima...
Hola a todos, bueno hace rato que no hacia un post, en esta ocación quería compartir con ustedes mi pagina web, que la termine hace poco, quedo buena jeej, es para escuchar musica, ver información sobre las bandas mas importantes, jugar juegos flash, etcAcá les dejo una captura para darle un poco de color a la cosaBueno primero estaba en un proyecto un poco mas grande, estaba haciendo una red social con clipbucket, lo habia modificado casi completamente en la apariencia habia quedado muy bueno, pero me di cuenta que es un proyecto demasiado grande y que si realmente queres que funcione tenes que invertir algun dinero pero como no lo tengo lo deje de hacer jaaj, para que iba a quemar mi idea, mejor la guardo para mas adelante jajaEn un comienzo la pagina iba a ser simplemente un buscador de google por categorías, se me ocurrio crear varios motores de busqueda personalizados de google, en el que se pueda buscar por categorías, es decir en la web, por noticias, en redes sociales, foros, blogs etc. pero no tenia sentido que la dejara asi, le agregue un exelente buscador para escuchar musica, tambien puse algunos juegos flash bastante entretenidos, un chat y algunas cositas mas.Bueno espero que les guste, el quiera escuchar musica le puede servir, y opinen que les parece tiren ideas si quieren, los espero por ahi...ahh y para el que le interese utilice estos porgramas para hacerla:Adobe Dreamweaver CS4: Para la programacion de la web visualmentePSPAD EDITOR: Para la programacion de algunos codigo en php, ya que esa tarea es mejor hacerla con este tipo de programasAdobe Photoshop: Para el diseño de la imagenes, iconos y el logoPublisher: Para la maquetacion de la web, ya que me gusta diseñarla antes, y este programa es bastante buenoPaint: obviamente para cortar y pegar imagenes jajaAHH PARA LOS QUE DIGAN QUE ESTO NO ES UN APORTE, SI ES UN APORTE, ES UNA PAGINA PARA ESCUCHAR MUSICA ONLINE JEJEEsta es la pagina principal http://www.20music.com.ar y esta seria la direccion para ir directemente al buscador de musica http://www.20music.com.ar/buscar-musica.php
Exelente chat gratis para nuestra pagina web Hola a todos , este es mi segundo post, en esta ocacion quiero compartir con ustedes una herramienta gratuita genial para nuestra pagina web que encontre en una desesperada busqueda jajajaja, se llama plug chat y es justamente un chat, nos permite q nuestros usuarios puedan interactuar en nuestro sitio de la misma forma q los hacen en el facebook. En el chat aparecen como online todos los usuarios q se encuentren en ese momento en nuestra web, tambien tiene la caracteristica de poder loguearse con nuestra cuenta de facebook o de twitter, y tambien nos permite crear salas de chat con contraseñas y otras caratceristicas. Hasta ahora de todos los q vi es el q mas me ha gustado, por su funcionalidad, apariencia y facil instalacion y que ademas es gratis a diferencia de comechat que tambien es muy bueno. Estos son los scripts necesarios para insertar el chat en nuestra pagina web: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">var plugChatInTheme = "plugchatin";</script> <script type="text/javascript" src="http://static.plugchat.in/js/plugchatin-en.min.js"></script> Bueno ahora les muestro como deben ubicar los scripts en su web para tener el chat funcionando: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">var plugChatInTheme = "plugchatin";</script> <script type="text/javascript" src="http://static.plugchat.in/js/plugchatin-en.min.js"></script> </head> <body> </body> </html> Bueno vemos como se ubican los scripts entre las etiquetas <head></head> pero tambien funcionan dentro de las etiquetas <body></body> es una cuestion de costumbres, y si no les funciona de una forma intenten de la otra hasta que funcione. Eso es todo bastante facil, solo hay q ubicar correctamente los scripts, y no olvidar que el primero es la libreria jquery, y si ya la tienen insertada en su pagina no la tienen que poner nuevamente. Espero que les haya gustado suerte... Web del autor:
Hola a todos, este es mi primer post espero que les guste, esta dirigido a todas las personas que se estan de alguna forma iniciando en el desarrollo de paginas web, es medio sencillo la idea es mostrarle una introduccion y algunas herramientas gratuitas, como para que se interesen en el tema y luego buesquen mas informacion en internet que esta repleto. Tratare de comenzar desde cero suponiendo que hay gente que recien empieza, no voy a entrar mucho en detalle con los lenguajes de programacion simplemente voy a hacer reseña de cada uno y para que sirven, tampoco es que sea un experto en pimer lugar iba a publicar algunos programas pero decidi hacer un mini tutorial detallando la forma en que fui aprendiendo las cosas cuando empezaba que fue hace poco jajajja Todos los programas son gratuitos son los que mas me han gustado porque son bastante completos y practicos Bueno como la mayoria saben las paginas web son aquellos sitios en los que navegamos por internet diariamente con nuestro navegador favorito, como google, facebook, taringa ,etc. el navegador web es justamente eso el programa que utilizamos para visualizar las paginas, las paginas estan escritas en un lenguaje llamado HTML que son lineas de codigo que son escritas en un documento que se guarda con extencion .html o .htm es lo mismo, entonces el navegador es el encargado de leer e interpretar ese codigo y muestra en la pantalla los resultados que seria la pagina web. Para empezar a hacer pruebas para entender como funciona este lenguaje html es necesario tener un editor de textos como el bloc de notas de windows para editar los archivos y un navegador web para visualizar los resultados de nuestra web, como internet explorer de microsoft que viene con windows, firefox, chrome de google, safari de apple, opera o cualquier otro. Algunos navegadores web gratuitos: Enlace de descarga de Firefox 5: http://download.mozilla.org/?product=firefox-5.0.1&os=win&lang=es-AR Enlace de descarga de Google Chrome: https://dl-ssl.google.com/tag/s/appguid%3D%7B8A69D345-D564-463C-AFF1-A69D9E530F96%7D%26iid%3D%7B1FC8AFC3-8547-6AC0-55B8-3C0FBA281B07%7D%26lang%3Den%26browser%3D3%26usagestats%3D0%26appname%3DGoogle%2520Chrome%26needsadmin%3Dfalse/update2/installers/ChromeSetup.exe Enlace de descarga de Opera 11: http://get4.opera.com/pub/opera/win/1150/int/Opera_1150_int_Setup.exe Enlace de dascarga de Safari 5: http://appldnld.apple.com.edgesuite.net/content.info.apple.com/Safari5/041-0563.20110413.L79y9/SafariSetup.exe Breve introduccion a HTML: Como dijimos html es el lenguaje o sintaxis con la que se escriben las paginas web La estructura de las paginas web escritas en html es la siguiente: <html> <head> <title>Titulo de la web</title> <meta> <!-- Aqui adentro van los comentarios --> <!-- Codigo que no se ve en la pagina web Ej: la inclusion de una fichero javascript --> <script type="text/javascript"></script> </head> <body> contenido que se ve en la pagina web Ej: <div>Hola Mundo</div> </body> </html> Pueden encontrar un totorial completo y sencillo de html en http://www.desarrolloweb.com/manuales/21/ Pueden probar ese codigo copiandolo en el bloc de notas que esta en inicio, accesorios, lo abren y pegan el codigo y lo guardan con extencion .html es decir se van a archvio, guardar como y le ponen como nombre por ejemplo: prueba.html y le ponen guardar. Esa es una muy pequeña pagina web pero es una pagina web en fin, es asi como funcionan todas las web ovbiamente con muchas mas lineas de codigo y funciones. Bueno ahora que ya han experimentado programar con el bloc de notas cabe destacar que existen otros programas mucho mas copados que nos resaltan la sintaxis del codigo html y sus etiquetas con colores, tambien nos facilitan la inserccion de dichas etiquetas, de formularios, etc. esa es una de las grandes ventajas de utilizar este tipo de programas que nos permite reducir la posibilidad de errores y aumentar la velocidad con la que escribimos el codigo, sin embargo otra de las cualidades es que nos permiten visualizar el codigo rapidamente en alguno de los navegadores que tengamos intalados. Algunos programas editores html: RJ TextEd: Uno de los mejores programas para programar en varios lenguajes pero orientado a la programacion web, con posiblidad de ver el codigo resaltado y la vista previa en distintos navegadores que configuremos. Enlace para descargar de RJ TextEd: http://privat.bahnhof.se/wb588640/downloads/RJ_TextEd.zip Otro programa muy bueno y similar al anterior PSPAD EDITOR: Enlace para descargar Pspad: http://pspad.siliconhill.cz/files/pspad454inst_en.exe Ambos programas son gratuitos. Hasta aqui vimos que es html y algunos programas para poder editar los archivos y poder practicar. Otra forma de programar paginas web es utilizando un editor HTML visual (WYSIWYG) que nos permite en ves de escribir codigos y etiquetas, nos permite desplazar o arrastrar los elementos de la pagina web como si la estuvieramos diseñando en el word o programas similares. En mi opinion es aconcesjable iniciarse con la programacion con editores de texto como los que mencione antes, y luego se pueden combinar los conocimientos adquiridos con las posibildades que brindan los programas WYSIWYG. El mejor editor WYSIWYG del mercado pero de pago es el adobe dreamweaver. Otro editor con menos funciones pero gratuito es el NVU: Enlace de descarga de NVU: http://net2.com/nvu/download/nvu-1.0-win32-full.zip Bueno las pruebas de los archivos .html las deben hacer en su navegador web, ya sea internet explorer, firefox, opera, safari, google chrome, etc solo tienen que habrir el arhivo html con algunos de esos navegadores. Cabe destacar que no todos los navegadores interpretan el codigo html de la misma forma, no tanto el html que es estandar para todos los navegadores, sino los estilos o mejor dicho la hojas de estilos que es lo que deben aprender luego de html, de alguna forma lo que hacen las hojas de estilos es darle justamente estilo a la web, es decir dotarla de apariencia y colores y formato como si lo hicieran con el word solo que con codigo, las extenciones de las hojas de estilo son .css, al igual que html tiene sus reglas y etiquetas. Pero esto es algo mucho mas estenso solo lo mencionaba. CSS o hojas de estilo como dije nos permite dotarla de apariencia a nuestra web, el codigo css se puede escribir dentro del archivo html dentro de las etiquetas <head>Aqui</head> Ej: <html> <head> <title>Titulo de la web</title> <meta> <style type="text/css"> #blanco { color: #ffffff; } .negro { background-color: #000000; } </style> </head> <body> <div id="blanco" class="negro">seq</div> </body> </html> Aqui vemos que el elemeto div con id pagina se vera con texto de color blanco indicado por la id #blanco, y con fondo negro indicado por la clase .negro, las id se aplican a un solo elemento html y las clases pueden ser aplicadas a cualquier etiqueta o elemento como quieran llamarlo, cabe destacar que tanto las id como las clases pueden ponerle el nombre que deseen. Bueno esto es una introduccion a las hojas de estilo ustedes deben buscar mas informacion en internet. Un manual de CSS: http://www.desarrolloweb.com/manuales/manual-css-hojas-de-estilo.html Bueno hasta aqui solo vimos a grandes rasgos los que es html y algunos programas para editar los archivos, y las hojas de estilos, lo siguiente luego de haber practicado y teniendo una nocion mas proxima de los que html y css habiendo conocido la mayorias de las etiquetas y sus funciones lo siguiente es aprender algun lenguaje de programacion orientado a objetos, como los son javascript, vbscript, etc Javascript sirve por ejemplo para hacer calculadoras, para poner la hora en la pagina, o hacer cualquier tipo de calculos, tambien se pueden modificar algunos elementos html La inclusion de un codigo javascript se hace de la siguiente forma: <body> <script type="text/javascript"> Codigo javascript </script> </body> Un manual de javascript: http://www.desarrolloweb.com/manuales/20/ El siguiente paso es aprender un lenguaje de programacion del lado del servidor, es decir que tenga la capacidad de hacer consultas a bases de datos y que se ejecute en el servidor como los son PHP, ASP, etc. Con php se pueden hacer paginas web como taringa, facebook, google, etc, que llevan un registro en las bases de datos sobre sus usuarios registrados, los posts publicados los mensajes, etc. obviamente teniendo el conocimiento dinero y equipo necesario. El codigo php no lo interpreta el navegador sino que es el servidor donde esta el interprete php el que lo hace, que se encarga de interpetar el codigo y enviarlo al navegadro en formtao html. Estructura de el lenguaje PHP: <php? $a = 1; $b = 2; $c = $a+$b; echo $c; ?> Bueno como vemos las $a es una variable, es la forma de escribir las variable poniendole un signo $ delante del nombre que queramos. en la variable $c se suman ambas y luego se las imprime en pantalla con echo, y el resultado es 3. Un manual de PHP: http://www.desarrolloweb.com/manuales/12/ Para hacer las pruebas si van a utilizar php deben tener un servidor web instalado en su computadora, pero como siempre hay herramientas gratuitas y superfaciles de usar, la idea es tener un servidor intalado, como apache, con el interprete php, y el sistema de bases de datos MySQL, pero hay programas que nos instalan todo junto en en uno solo todo ya configurado Algunos de estos programas: USB WebServer 8: La principal caracteristica es que no hay que ni siquiera instalarlo solo hay ejecutarlo, poner los archivo de nuestra web en una carpeta dentro de la carpeta root del programa, luego tenemos que ir a nuestro navegadro y escribir la siguiente direccion http://localhost/nuesraweb.php o http://localhost:8080/nuestraweb.php suponiendo que nuestraweb.php se encuentra en la raiz del directorio root. Enlace de descarga de USB webserver 8: http://www.usbwebserver.net/downloads/USBWebserver%20v8_en.zip Otro programa con las mismas funcionalidades pero no es portable es decir hay que instalarlo es el Wamp Server: Enlace de descargar de Wamp Server: http://sourceforge.net/projects/wampserver/files/WampServer%202/WampServer%202.1/WampServer2.1e-x32.exe/download Bueno por ultimo les dejo los enlaces para descargar CMS, es decir programas que nos permiten crear nuestar web sin siquiera programar, solo configurando la apariencia y las funcoinalidades, estos programas son totalmente gratuitos y libres de uso, solo hay informarse sobre su funcionamiento y pueden tener su pagina web funcionando en internet en poco tiempo. Joomla: nos permite tener nuestra web gestinandola con modulos, extenciones y plugins que la dotan de funcionalidades exepcionales la mayoria gratuitos. Enlace de descargar de joomla 1.5: http://extensiones.joomlaspanish.org/component/option,com_remository/Itemid,27/func,startdown/id,137/ Enlace de descarga de joomla 1.6: http://joomlacode.org/gf/download/frsrelease/13869/60198/Joomla_1.6.0-Stable-Full_Package.zip Web para descargar infinidades de extenciones para joomla: http://extensions.joomla.org/ Otros CMS: Wordpress: Enlace de descarga de worpress: http://wordpress.org/latest.zip ClipBucket: Para video estilo youtube de gran calidad solo hay que dejar un enlace a la web del autor muy pequeño en la parte inferior Enlace de descarga de ClipBucket: http://sourceforge.net/projects/clipbucket/files/ClipBucket%20v2/clipbucket-2.5.1.zip/download Bueno con esto finalizo si quieren aglun hosting gratis para empezar sus proyectos tengo dos que me parecen muy buenos por las prestaciones El mejor de los dos creo yo Byethost: Solo tienen que entrar a la web y regitrarse donde dice signup now o aglo asi nos da 6gb de espacio web y 200gb de transferencia mensual totamlmente gratis y sin publicidad. Enlace Web: http://byethost.com El otro es www.000webhost.com, similar al anterior solo que nos borran la cuenta si naide nos visita por un tiempo o si no tenemos ninguna web funcionando. Bueno ahora si termine jaja espero que le haya servido a alguien suerte y si tienen alguna duda no duden en preguntar si puedo la respondo. HA Y NO SE OLVIDEN DE BUSCAR EN GOOGLE MAS INFORMACION SOBRE EL TEMA QUE VAN A ENCOTRAR UN MONTON.