Buscadores web en javaScript

redaccion — Sun, 22 Jan 2012 17:20:22 +0000

JavaScript permite crear un motor de búsqueda básico, para diseño web potente y vistoso. Este buscador implementa busquedas en el titulo, en la descripción de las páginas y en las palabras clave. Para ello, esta información debe codificarse en el propio script, en un array. Su estructura es muy sencilla: cada página de tu sitio web es un elemento del array BaseDatos.

caracter = new Object(5)
caracter[0] = ’á’
caracter[1] = ’é’
caracter[2] = ’í’
caracter[3] = ’ó’
caracter[4] = ’ú’
caracter_nuevo = new Object(5)
caracter_nuevo[0] = ’a’
caracter_nuevo[1] = ’e’
caracter_nuevo[2] = ’i’
caracter_nuevo[3] = ’o’
caracter_nuevo[4] = ’u’
caracter_nuevo2 = new Object(5)
caracter_nuevo2[0] = ’[áa]‘
caracter_nuevo2[1] = ’[ée]‘
caracter_nuevo2[2] = ’[íi]‘
caracter_nuevo2[3] = ’[óo]‘
caracter_nuevo2[4] = ’[úu]‘
var BaseDatos = new Array(
)
var totales ⁄⁄numero de entradas encontradas
var Pagina ⁄⁄string que contendra la pagina a mostrar
var Entradas ⁄⁄string que va guardando las entrdas encontradas
var clave1, clave2 ⁄⁄palabra a buscar
⁄⁄obtiene longitud de la base de datos
var longitud = BaseDatos.length
function Buscaclave(FormBusqueda, desde) {
⁄⁄busca la palabra clave en el array de palabras clave
⁄⁄devuelve -1 si no hay coincidencias
var index = -1
⁄⁄recorre el array en busca de la palabra clave (en cualquier parte)
for (x = desde; x < longitud; x++) {
if ( (BaseDatos[x].search(clave1) != -1) || (BaseDatos[x].search(clave2) != -1) ) {
index = x
break
}
}
return index
}
function IniciaPagina(FormBusqueda) {
⁄⁄crea la pagina a visualizar y la muestra
⁄⁄cabecera y apertura cuerpo
Pagina = ’\n’ +
‘\n’ +
‘Resultados de la busqueda<⁄title>\n’ +</li> <li> ‘<meta HTTP-EQUIV=”Content-Type” CONTENT=”text⁄html; charset=iso-8859-1″>\n’ +</li> <li> ‘<meta NAME=”AUTHOR” CONTENT=”Mensaje”>\n’ +</li> <li> ‘<link rel=”stylesheet” type=”text⁄css” href=”⁄Mensaje”><⁄head>\n’ +</li> <li> ‘<body>\n’ +</li> <li> ‘<h3>Resultados de la búsqueda<⁄h3>\n’</li> <li> if (totales != 0)</li> <li> Pagina += ’Se han encontrado ’ + totales + ’ resultados que contienen la palabra ’ + FormBusqueda.palabra.value + ’<⁄strong>:<⁄p>\n’</li> <li> else</li> <li> Pagina += ’No se han encontrado resultados para la palabra ’ + FormBusqueda.palabra.value + ’<⁄strong>.<⁄p>\n’</li> <li>}</li> <li>function TerminaPagina() {</li> <li> ⁄⁄final cuerpo</li> <li> Pagina += ’<⁄body><⁄html>\n’</li> <li>}</li> <li>function CreaEntradas(indice) {</li> <li> var CadenasEntrada</li> <li> ⁄⁄divide la cadena de resultados en subcadenas y escribe los resultados</li> <li> CadenasEntrada = BaseDatos[indice].split(“;”)</li> <li> Entradas += ’<a href=”‘ + CadenasEntrada[0] + ’.html” target=”_self”>’ + CadenasEntrada[1] + ’<⁄a> \n’</li> <li> Entradas += CadenasEntrada[2] + ’<⁄p>\n’</li> <li>}</li> <li>function MuestraPagina(Pagina) {</li> <li> ⁄⁄muestra el contenido del display</li> <li> window.document.open()</li> <li> window.document.write(Pagina)</li> <li> window.document.close()</li> <li>}</li> <li>function IniciaBuscador(FormBusqueda) {</li> <li> ⁄⁄inicia variables globales</li> <li> var desde = 0</li> <li> totales = 0</li> <li> Pagina = ”"</li> <li> Entradas = ”"</li> <li> ⁄⁄clave busqueda</li> <li> var palabraClave = document.forms["FormularioBusqueda"].palabra.value</li> <li> ⁄⁄detiene busqueda si palabra clave vacia</li> <li> if ( palabraClave == ”" ) {</li> <li> alert(“¡Introduzca cadena de búsqueda!”)</li> <li> return</li> <li> }</li> <li> ⁄⁄elimina acentos</li> <li> var palabra_sin = elimina_especiales(palabraClave)</li> <li> ⁄⁄obtiene la expresion regular para la busqueda (global e ignorando case)</li> <li> clave1 = new RegExp(palabraClave, ”gi”)</li> <li> clave2 = new RegExp(palabra_sin, ”gi”)</li> <li> ⁄⁄inicia variables locales</li> <li> var indice = -1</li> <li> ⁄⁄busca entrada de pagina que contenga la clave</li> <li> do {</li> <li> indice = Buscaclave(FormBusqueda, indice + 1)</li> <li> if (indice != -1) {</li> <li> CreaEntradas(indice)</li> <li> totales++</li> <li> }</li> <li> } while (indice != -1)</li> <li> ⁄⁄escribe pagina de resultados</li> <li> IniciaPagina(FormBusqueda)</li> <li> Pagina += Entradas</li> <li> TerminaPagina()</li> <li> ⁄⁄abre una ventana y escribe los resultados</li> <li> MuestraPagina(Pagina)</li> <li>}</li> <li>⁄⁄SUSTITUYE TODAS LAS OCURRENCIAS DE UN CARACTER UNA CADENA POR OTRO CARACTER</li> <li>function sustituye_caracter(cadena, caracter, nuevo_caracter) {</li> <li> var longitud, indice</li> <li> longitud = cadena.length</li> <li> indice = cadena.indexOf(caracter)</li> <li> while ( (indice != -1) && (cadena.charAt(indice + 1) != ’]') ) {</li> <li> cadena = cadena.substring(0, indice) + nuevo_caracter + cadena.substring(indice + 1, longitud + 1)</li> <li> indice = cadena.indexOf(caracter, indice)</li> <li> }</li> <li> return cadena</li> <li>}</li> <li>⁄⁄ELIMINA CARACTERES ESPECIALES</li> <li>function elimina_especiales(cadena) {</li> <li> ⁄⁄elimina caracteres con acento</li> <li> for (x = 0; x < 5; x++) {</li> <li> cadena = sustituye_caracter(cadena, caracter[x], caracter_nuevo[x])</li> <li> }</li> <li> ⁄⁄sustituye las vocales por una expresion regular para ignorar los acentos</li> <li> for (x = 0; x < 5; x++) {</li> <li> cadena = sustituye_caracter(cadena, caracter_nuevo[x], caracter_nuevo2[x])</li> <li> }</li> <li> return cadena</li> <li>}</li> <li><⁄script></li> </ol> Debe añadir el siguiente código a la página HTML, entre <body> y </body>: <ol> <li><form name=”FormularioBusqueda”></li> <li>Palabra clave:<⁄small> </li> <li><input type=”text” name=”palabra” size=”25″></li> <li><input type=”button” value=”Buscar” name=”buscar” onClick=”IniciaBuscador(this.form)”></li> <li><input type=”reset” value=”Borrar” name=”borrar”><⁄p></li> <li><⁄form></li> </ol> </article> <article> <h1>Lectura de parametros</h1> redaccion — Fri, 20 Jan 2012 17:24:22 +0000 Para determinados efectos es muy útil pasar parámetros a un página HTML. Para un ejemplo de desarrollo web típico es la necesidad de mostrar imágenes diferentes en una página: pude pasar el nombre de la imagen y su ancho a una plantilla generérica. <ol> <li><script language=”javascript” type=”text⁄javascript”></li> <li>function getVar(nomb){</li> <li> var url = document.location.href</li> <li> if ( url.indexOf(nomb) != -1 ) {</li> <li> posiBeg = url.indexOf(“=”, url.indexOf(nomb))</li> <li> barre = url.indexOf(“&”, posiBeg)</li> <li> posiEnd = (barre != -1 ? barre : url.length)</li> <li> return url.substring(posiBeg + 1,posiEnd)</li> <li> } else {</li> <li> ⁄⁄informa de la ausencia del parametro</li> <li> return ’Parámetro no encontrado.’</li> <li> }</li> <li>}</li> <li>⁄⁄Recuperacion de los valores de un parametro</li> <li>⁄⁄(modificar segun nombre del parametro)</li> <li>⁄⁄ var valor = getVar(‘NombreParametro’)</li> <li><⁄script></li> </ol> Debe añadir el siguiente código a la página HTML, entre <body> y </body>: <ol> <li></li> <li><a href=”⁄ejemplos⁄aportaciones⁄parametros.html?nombre=ElCodigo&seccion=JavaScript”></li> <li>Enlace a página con paso de parámetros</li> <li><⁄a></li> <li><⁄p></li> </ol> </article> <article> <h1>Como modificar y configurar Oscommerce</h1> admin — Fri, 20 Jan 2012 08:07:58 +0000 El OsCommerce es considerado como el proyecto de código abierto para la creación de tiendas virtuales más exitoso. Si tienes alguna experiencia manejando algún tipo de CMS puedes incorporar muy fácilmente todas las características de esta solución y sacarle el máximo de provecho a todos los beneficios que esta solución es capaz de ofrecerte. Una de las características mas importantes de OsCommerce es que si ya está instalado en un servidor local y quieres modificarlo, mejorar su configuración no simplemente adaptarlo a tus necesidades, la flexibilidad que este te brinda es única y es muy fácil adecuarlo y adaptarlo cada vez que quieras. Luego que todo está instalado lo que resta es administrar y gestionar en forma adecuada la tienda virtual. Si quieres aprender algunos puntos relevantes al respecto espero que este material te sirva de introducción al mismo. <ul> <li>Información de la base de datos: Es de vital importancia tener a mano la información relativa a la base de datos porque mediante esta es que podemos modificar el OsCommerce en caso que necesitemos hacer algún tipo de cambio en forma práctica y esencial. Ahí en esta te solicita el: <ul> <li>Local host o dirección IP</li> <li>Usuario</li> <li>Contraseña</li> <li>El nombre de la base de datos </li> <li>Conexión persistente</li> <li>Sesión de almacenamiento –si es en archivo o base de datos.</li> </ul> </li> </ul> <ul> <li>Importación de base datos: En OsCommerce usted tiene la facultad en la que puedes importar una base de datos ya creada en otro sistema –sea esta local o en línea. Este es un aspecto relevante de la gestión y modificación de todo lo configurado en OsCommerce. </li> </ul> <ul> <li>Permisos: El establecimiento de permisos es uno de los aspectos importantes en la configuración y administración de OsCommerce. Si tienes los permisos establecidos desde el momento de la instalación, puedes cambiarlos en la forma en cómo consideres que son adecuados para la correcta gestión de los mismos. Para /admin/includes/configure.php o /tienda/includes/configure.php la configuración a utilizar es 644. Para otro tipo de permisos como por ejemplo la carpeta de /admin/backups la autorización a utilizar es 777. </li> </ul> </article> <article> <h1>Alertas automaticas</h1> redaccion — Wed, 18 Jan 2012 17:27:29 +0000 Para los que deseen abrir un cuadro de diálogo cuando el visitante entre en su página, con el típico mensaje ¡Bienvenido a mi página Web! (o cualquier otro similar), con un diseno web de un ejemplo sencillo de cómo hacerlo con JavaScript. <ol> <li><script language=”javascript” type=”text⁄javascript”></li> <li></li> <li>⁄⁄cambia este valor para modificar el tiempo que tarda en aparecer el mensaje</li> <li>var lapso = 2000</li> <li></li> <li>function AutoMensaje() {</li> <li> setTimeout(“MuestraMensaje(‘¡Bienvenido!’)”, lapso)</li> <li>}</li> <li></li> <li>function MuestraMensaje(mensaje) {</li> <li> alert(mensaje)</li> <li>}</li> <li></li> <li>window.onload = AutoMensaje</li> <li>if (document.captureEvents) { ⁄⁄N4 requiere invocar la funcion captureEvents</li> <li> document.captureEvents(Event.LOAD)</li> <li>}</li> <li></li> <li></li> <li></li> <li><⁄script></li> </ol> </article> <article> <h1>Instalar las principales configuraciones Oscommerce</h1> admin — Tue, 17 Jan 2012 08:07:08 +0000 Si has utilizado Wordperss, Joomla o cualquier otro CMS estoy seguro que vas a manejar con mucha facilidad Oscommerce, ya que este es un CMS enfocado al comercio electrónico. Si quieres montar tu propia tienda en línea, OSCommerce es una de las mejores herramientas para estos fines. Me gustaría mostrarte en forma general y práctica cuales son las principales configuraciones que deben ser ejecutadas para poner en marcha esta plataforma. Básicamente, Oscommcerce se compone de dos módulos básicos para poder ser operado. El primero es mediante un catalogo –o inventario—en el cual puedes colocar todos los artículos que vas a vender en tu tienda en línea y clasificarlo por categorías. El segundo modulo es para administrar dicho catálogo así como también todas las demás características adicionales que componen el mismo. <ol> <li>1. Una vez hayas descargado el OsCommerce desde su portal oficial en la sección de /solutions/downloads es muy importante que puedas elegir correctamente la versión de este y solo requieres PHP –instalado en tu servidor o PC— y MySQL Server 5 –como versión recomendada.</li> </ol> <ol> <li>2. Al momento de hacer la instalación puedes renombrar la carpeta “catálogo” utilizando el nombre que te parezca más oportuno para ello. Debes tomar en cuenta que en la PC local o en el servidor deben de haber permiso de lectura y escritura previamente establecidos.</li> </ol> <ol> <li>3. Establecer los permisos de las carpetas: En cuanto a los permisos hay algunos de configuración que son muy importantes. Debes establecer con permisos completos (777) a /catalog/includes/configure.php y de igual manera el directorio donde se encuentran localizadas las imágenes a utilizar para tus productos y demás en /catalog /images con la configuración (755) tanto a los directorios de /admin/includes y también a catalog /includes. </li> </ol> <ol> <li>4. Crear una base de datos: Una de las cosas principales luego que hayas dado estos pasos de instalación y configuración es la creación de una base de datos desde el PhpAdmin que te permitirá crear las tablas para tu gestor de tienda virtual. Crear una base de datos para MySQL server desde PhpAdmin es muy fácil y cómodo al igual que las tablas que la componen. </li> </ol> Con estos puntos en mente puedes comenzar a importar tu catalogo de productos en el caso que lo tengas creado desde otro lugar pero además, podrás mejorar y acondicionar todo lo relacionado con el aspecto de tu tienda virtual, cambiar las plantillas e incluso agregar aspectos y características avanzadas tales como certificados de seguridad SSL y otras funciones necesarias. </article> <article> <h1>Confirmación previa</h1> redaccion — Mon, 16 Jan 2012 17:29:45 +0000 Este sencillo script para un desarrollo web ilustra el uso del método confirm() del objeto window. Este método muestra un cuadro de confirmación con los botones de “Aceptar” y “Cancelar”, y devuelve verdadero (true) o falso (false) en función del botón que pulse el usuairo. <ol> <li><script language=”javascript” type=”text⁄javascript”></li> <li></li> <li></li> <li>function siono()</li> <li> {</li> <li> if (!confirm(“AVISO: ¿Deseas entrar a este sitio?”))</li> <li> history.go(-1)</li> <li> return ” ”</li> <li> }</li> <li></li> <li>document.write(siono())</li> <li></li> <li></li> <li><⁄script></li> </ol> </article> <article> <h1>Cómo crear un blog de blogspot.com</h1> admin — Sun, 15 Jan 2012 08:06:17 +0000 Si quieres hacer un blog la manera más fácil para lograrlo es accediendo al portal de blogspot.com. La creación de un blog es bastante simple y está diseñada para que todos podamos lograr nuestro blog sin la necesidad de tener mucha experiencia desarrollando sitios web o algo por el estilo. De hecho, para que tampoco tengamos que perder mucho tiempo, solo con nuestra cuenta vigente de Gmail.com podemos crear un blog en tres pasos muy simples. A continuación no solo me gustaría explicarte cuales son estos tres pasos sino que además de esto te mostraré algunas cosas que serás capaz de hacer luego que puedas encaminar y salir adelante con esto que te has propuesto. <ul> <li>Presione enlace “Crear Blog”: En la parte superior derecha del portal de blogspot.com aparecerá un enlace que dice “crear blog”. No obstante, recuerde que el único requisito es tener una cuenta activa y válida de Gmail la cuál le permitirá acceder a este y a otros servicios.</li> </ul> <ul> <li>Asigne el nombre al blog: La asignación del nombre consiste en tres pasos básicos que son: el titulo, la dirección URL y la verificación CAPTCHA –que es solo un proceso de seguridad. El titulo es algo que usted quiere que le aparezca en el navegador cuando usted o alguien acceda a su blog y la dirección URL es la que los usuarios utilizará para acceder al mismo como podría ser http:www.minuevoblog.blogspot.com. Luego que haya introducido esta información presiona “continuar”. Siempre que usted vaya a seleccionar el nombre de su blog, usted tendrá la opción de verificar la disponibilidad de dicho nombre –esto le ahorrará mucho tiempo.</li> </ul> <ul> <li>Seleccionar plantilla: La selección de una plantilla le permite a usted seleccionar el estilo, color de fondo, tipo de letra y también modificar la apariencia de su blog. No obstante a esto, hay una serie de elementos como son el diseño, la configuración y mucho más a los cuales usted puede acceder, manipular y adaptarlos a sus necesidades. Con estos tres pasos simples usted puede comenzar a publicar sus entradas con texto, videos, imágenes y fotografías.</li> </ul> </article> <article> <h1>Pop-up para visitas</h1> redaccion — Sat, 14 Jan 2012 17:34:26 +0000 Para alertar sobre un nuevo servicio o funcionalidad de un desarrollo web es frecuente usar ventanas pop-up que se abren en una pequña ventana nada más cargar la página y se muestran delante de esta. Estas ventanas obligan al usuario a cerrarlas o minimizarlas cada vez que se entra en la página. Por ello conviene controlar el número de veces que se muestran, para limitarlo a nuestra voluntad. Así, se logra configurar nuestro pop-up para que se abra sólo la primera vez que el usuario entre en la página. <ol> <li><script language=”javascript” type=”text⁄javascript”></li> <li></li> <li>⁄⁄url del popup</li> <li>var popup_url = ”⁄ejemplos⁄javascript⁄popUp.html”</li> <li></li> <li>⁄⁄caracteristicas popup</li> <li>var atributos = ”width=320,height=200,scrollbars=0,resizable=1,toolbar=0,location=0,menubar=0,status=0,directories=0″</li> <li>var pop_under = 0 ⁄⁄a 1, sera un ”pop under”, es decir, no se muestra como ventana activa</li> <li></li> <li>⁄⁄control de repeticion</li> <li>var veces_maximo = 4 ⁄⁄numero de veces que se muestra el popup</li> <li></li> <li>⁄⁄parametros cookies</li> <li>var dominio = ”elcodigo.com” ⁄⁄dominio del site</li> <li>var duracion = 30 ⁄⁄numero de dias antes de que se repita el ciclo</li> <li></li> <li>⁄⁄obtencion cookie para control veces visto</li> <li>function get_cookie( nombre ) {</li> <li> var galleta = nombre + ”=”</li> <li> var dato = ”"</li> <li> if (document.cookie.length > 0) {</li> <li> posicion = document.cookie.indexOf(galleta)</li> <li> ⁄⁄comprueba si hay cookie</li> <li> if (posicion != -1) {</li> <li> posicion += galleta.length</li> <li> ⁄⁄busca final del valor de la cookie</li> <li> posicion_final = document.cookie.indexOf(“;”, posicion)</li> <li> if (posicion_final == -1) posicion_final = document.cookie.length</li> <li> ⁄⁄obtiene valor</li> <li> dato = unescape( document.cookie.substring(posicion, posicion_final) )</li> <li> }</li> <li> }</li> <li> return dato</li> <li>}</li> <li></li> <li>⁄⁄guarda cookie para control veces visto</li> <li>function set_cookie (nombre, valor) {</li> <li> ⁄⁄cuando caduca</li> <li> var expira = new Date()</li> <li> expira.setTime( expira.getTime() + (duracion * 24 * 60 * 60 * 1000))</li> <li></li> <li> document.cookie = nombre + ”=” + escape(valor) +</li> <li> “; expires=” + expira.toGMTString() +</li> <li> “; domain=” + dominio</li> <li>}</li> <li></li> <li>⁄⁄comprobacion de veces visto</li> <li>function comprueba_veces_visto() {</li> <li> var veces = get_cookie(‘vfmcount’)</li> <li> if ( veces < veces_maximo) { ⁄⁄si no se ha visto el numero maximo de veces</li> <li> veces++</li> <li> set_cookie( ’vfmcount’, veces) ⁄⁄establece cookie (MEJORAR)</li> <li> muestra_popup() ⁄⁄muestra popup</li> <li> }</li> <li>}</li> <li></li> <li>function muestra_popup(){</li> <li> popup_vfmail = window.open( popup_url, ”", atributos)</li> <li> if (pop_under) {</li> <li> popup_vfmail.blur() ⁄⁄esto esconde el popup (comentar si se quiere visible)</li> <li> window.focus() ⁄⁄esto devuelve el foco a la ventana actual</li> <li> }</li> <li>}</li> <li></li> <li>window.onload = comprueba_veces_visto;</li> <li>if (document.captureEvents) { ⁄⁄N4 requiere invocar la funcion captureEvents</li> <li> document.captureEvents(Event.LOAD)</li> <li>}</li> <li></li> <li></li> <li></li> <li><⁄script></li> </ol> </article> <article> <h1>Cómo crear módulos Joomla</h1> admin — Sat, 14 Jan 2012 08:05:17 +0000 Introducción ¿Para qué rayos necesito crear módulos en Joomla? Es muy importante crear módulos en Joomla porque es la manera en cómo podemos crear parámetros para nuestras aplicaciones y proyectos pero además, es una manera muy eficiente en cómo podemos mantener nuestros códigos. ¿Qué cosa es un modulo en Joomla? Mas o menos has escuchado hablar de los módulos en Joomla pero no aterrizas bien en saber de se trata. Los módulos no son más que los bloques que aparecen en los laterales –en columnas—o ubicados en la parte superior. Creando módulos en Joomla Crear módulos en Joomla no es una tarea compleja. De hecho, me gustaría mostrarte en esta pequeña guía, la forma más fácil en cómo puedes hacerlo. La versión de Joomla que voy a tomar como modelo para este ejemplo es la 1.6 pero también puede funcionar perfectamente bien en la versión 1.7 que es la versión estable más reciente. Para crear módulos es muy simple solo debemos seguir los siguientes pasos. <ol> <li>1. Nos vamos en Joomla al apartado donde dice módulos y ahí nos va aparecer una ventana donde nos aparece toda la información que necesitamos introducir para configurar un modulo en forma completa. </li> </ol> <ol> <li>2. En esta ventana debemos introducir un título para este módulo –que podemos poner un nombre cualquier— y aquí colocar por ejemplo “modulo de prueba” de manera que lo podamos identificar en forma adecuada. </li> </ol> <ol> <li>3. En el siguiente paso debemos de definir si lo que queremos mostrar o no –ya que podemos crear módulos y ocultarlos hasta que lo deseemos mostrar. </li> </ol> <ol> <li>4. Luego definimos la posición en pantalla donde queremos que aparezca el modulo. Esto es si a la izquierda, derecha etc. </li> </ol> <ol> <li>5. Otro de los aspectos de la configura es el acceso si es público, restringido o especial. Luego definimos si estamos interesado en que sea publico o no –ya no el titulo—sino el modulo completo en sentido genera.</li> </ol> </article> <article> <h1>Configurar Joomla paso a paso</h1> admin — Fri, 13 Jan 2012 18:04:49 +0000 Joomla es una de las principales soluciones para CMS que existen en el mercado y es muy fácil de utilizar. Su flexibilidad es bastante evidente y es uno de los principales aspectos que a nosotros siempre nos gusta tomar en consideración. La instalación de Joomla es muy sencilla y me gustaría irme paso a paso de modo que puedas entender bien cada parte del proceso y comencemos entonces. El ejemplo que voy a poner a continuación es basado en la configuración de un servidor de Joomla como servidor local. Instalación de Joomla <ul> <li>Requerimientos: Necesitas un servidor local con PHP y que soporte la creación de bases de datos en MySQL Server. Hay algunos muy buenos en el mercado como WAMP Server y XAMP Server que son soluciones integradas que lo tienen todo. </li> </ul> Existen distintas versiones de Joomla pero para todas es prácticamente lo mismo. Digamos que si tienes la versión de Joomla 1.7 puedes ir al portal oficial que se encuentra en <a href="http://www.joomla.org/">www.joomla.org</a> inmediatamente vas a ver un botón grande en la parte superior izquierda que dice “Descargar”. Puedes elegir la versión que se adapte a tus necesidades en formato comprimido (*.ZIP) y descargarlo y descomprimirlo en tu computador. Una vez el archivo esté descargado puede pulsar el archivo instalar y luego viene la parte de la configuración juntamente con la instalación. Configuración de Joomla Le aparecerá una ventana grande en donde va a ir colocando la información que le solicite de acuerdo al tipo de instalación que usted desea: <ol> <li>1. Seleccione un idioma: En la primera ventana usted seleccionará el idioma de su preferencia. – (presionar botón “siguiente”).</li> </ol> <ol> <li>2. Verificación: Este proceso es elemental porque el mismo Joomla hace una evaluación de todos los componentes de base de datos y configuración en todo el sentido de la palabra para minimizar la pérdida de tiempo en el proceso de instalación y para facilitarle al usuario que la configuración va realizándose en forma adecuada. Le aparecerá en color rojo si hay algún tipo de advertencia. – (presionar botón “siguiente”).</li> </ol> <ol> <li>3. Licencia: Luego que le damos a siguiente nos vamos a encontrar con un cuadro donde nos muestra la licencia de instalación. Si todo está bien le damos siguiente.</li> </ol> <ol> <li>4. Base de datos: Este paso es muy importante porque aquí creamos la base de datos donde se guardará toda la información de los archivos que vamos a manejar en Joomla. Es muy importante que tomes en cuenta que una base de datos es un contenedor donde puedes introducir muchas tablas para manejar tus datos. La base de datos debe estar previamente creada en tu MySQL Server –por esto se requiere la instalación de esta antes de instalar Joomla. Aunque puedes usar las bases de datos creadas ya por defecto, tienes la opción de crear la propia también. En este proceso se le solicita un nombre de base de datos, usuario y contraseña. Debe tener en cuenta que los datos sean correctos y sobre todo que pueda recordar su usuario y contraseña.</li> </ol> <ol> <li>5. Configuración de FTP: Luego que ya ha creado su base de datos y usuario lo que falta es configurar el FTP que es el protocolo que va a utilizar para transferir los archivos de su proyecto en Joomla. Además de esto se le solicitará eliminar la carpeta de instalación para que el proceso de instalación y configuración pueda completarse exitosamente.</li> </ol> </article> </main></body></html>

diseno web

Buscadores web en javaScript