Instalación BreezingForms en Joomla 3.6.4

He instalado breezingForms en Joomla 3.6.4 y me he encontrado el problema de que los tutoriales que he visto eran antiguos, con el Joomla 2.5.7, así que he decidido crear este tutorial por si alguien le sirve de ayuda.

Vamos a seguir unos pasos:

1-Nos vamos a extensiones -> gestionar -> instalar y pulsamos, nos sale esta pantalla.

2-Pulsamos sobre Instalar desde la web, así nos aseguramos que sea la descarga correcta y nos abre una página con extensiones de Joomla, si no vemos breezingForms entre las extensiones, vamos cuadro de busqueda como sale en la imagen:

3-Y lo buscamos, a continuación pulsamos sobre breezingform, y nos abre otra página donde pulsamos sobre download (el botón verde) y nos abre otra página donde pone esto:

4-Pulsamos sobre el botón rojo donde pone Try BreezingForms (free) si queremos el paquete gratuito, si quieres el paquete mas avanzado con mas características pero de pago pulsa sobre el amarillo Buy BreezingForms Pro, y lo descargamos.

5-Lo descargamos en la carpeta que elijamos, habremos de ir a la carpeta y haber descomprimido el archivo zip, 

6-Vamos a la página del paso 1, y en vez de entrar en el descargar desde la web, pulsamos sobre subir archivo del paquete, pulsamos sobre seleccionar archivo y vamos a la carpeta donde descargamos el archivo zip de la extensión.

7-Entramos en la carpeta descomprimida -> extensions y nos encontramos con un archivo zip:

com_breezingforms.zip

8-seleccionamos este archivo y le damos a subir e instalar, y ya hemos instalado parte.

9-Después volvemos a pulsar sobre seleccionar archivos y esta vez vamos archivo descomprimido -> 

extensions -> addons y subimos uno por uno los dos archivo zip que están dentro de esa carpeta.

Y ya está ya tenemos breezingForms subido a nuestro Joomla.

Espero que tengan suerte y lo hayan podido realizar sin problema y que les haya servido de ayuda.

Problema Joomla en servidor externo.

Hola, me he encontrado con el problema de haber instalado Joomla en un servidor externo, la página Inicio me carga bien, pero cuando quiero entrar en otras página de la aplicación, no puedo, excepto el sitio del administrador, en el que si puedo entrar.

Pues el problema es tan simple como, entre los archivos que hemos subido a nuestro servidor remoto, hay uno que es el htaccess.txt, pues ahí esta el problema.

Debemos cambiar el nombre de htaccess.txt que es el nombre que tenía en el servidor local, a .htaccess.

Y ya esta, solucionado.

Ya puedo ver todas mis páginas normalmente.

Otra solución, es ir a Sistema -> Configuración Global y en el apartado que dice Url amigables le damos a No.

Esto nos permitirá ver las páginas, pero en la barra de búsqueda, verás que en vez de los nombres de las páginas, aparecen números y nombres que no sabemos descifrar.

Elijan la opción que más les guste.

Acceder papelera Joomla 3.6.4

Supongamos que hemos enviado un artículo a la papelera por error y lo queremos recuperar, vamos a seguir estos pasos:

1-Accedemos a nuestro site administrator.

2-Nos vamos a contenido -> articulo, no en añadir un artículo, pulsamos articulo, y nos aparecen todos nuestros artículos.

3-Pulsamos donde pone herramientas de búsqueda y se nos abren varías ventanas.

4-Pulsamos en seleccionar estado y nos sale una opción de movido a la papelera. Pulsamos esa opción. Y ya estamos en la papelera.

5-Seleccionamos los resultados que queramos recuperar de la papelera y pulsamos en publicar, junto a editar. 

Y ya los hemos recuperado.

Instalar español en Joomla! 3.6.4

Para instalar Joomla! con el idioma español, lo primero es tener instalado Joomla.

Vamos a seguir unos pasos:

1-Entrar en site administrator en el menú. Introducimos nuestra contraseña que ya introdujimos cuando configuramos nuestro sitio Joomla y el nombre de usuario.

2-Nos vamos al menu de arriba donde pone Sistema, Usuario, Menus, Contenido, Componentes, Extensiones, Ayuda.

3-Pulsamos en Extensions -> Languages -> Installed.

4-Debajo de esta escrito: Languages: installed (site) pulsamos Install Languages.

5-Seleccionamos el idioma, el español es la version 3.6.3.1

6-Pulsamos en el botón Install y nos saldrá un mensaje que se instalo con éxito (language was successful.).

7-Pulsamos en el menu de arriba Extensions -> Languages -> Installed, y nos llevará a la página donde están los idiomas que hemos instalado.

8-Seleccionamos el idioma en el botón pequeño redondo en la izquierda del idioma y pulsamos el botón default arriba a la izquierda. Y ya lo tenemos seleccionado como predeterminado.

9-A continuación nos vamos al menú de arriba, y donde pone Users pulsamos ahí y nos abre una ventana donde pone manage, pulsamos ahí.

10-Pulsamos sobre el usuario que queremos instalar el idioma, en mi caso Super User.

11-Debajo del nombre Super User encontramos tres enlaces, uno de ellos Basics Settings, pulsamos ahí.

12-Y para terminar, vemos varios apartados cuando hemos entrado en Basics Setting, pulsamos en Backend Language y lo cambiamos a español, después nos vamos al apartado Frontend Language y hacemos lo mismo que en Backend Language.  Pulsamos arriba save y close. Y ya está.

Después de esto nos debería salir el sitio del administrador en español.

Problema instalacion Joomla 3.6.4

A algunos usuarios, nos pasa que hemos tenido problemas al instalar Joomla!, y el problema es que cuando rellenamos todos los datos al entrar en nuestro sitio, ej: localhost/sitio. Nunca termina de instalarse Joomla!.
Pues el problema es fácil de solucionar si encuentras la solución.

1-Vamos al control de panel y pulsamos en config. de apache.

2-Pulsamos en config. y se nos abre una ventana donde deberemos pulsar PHP (php.ini),

y nos abre un fichero de texto.

3-Pulsamos Edicion -> buscar y se nos abrira una ventana como esta.

4-Lo que debemos escribir en el cuadro de búsqueda es: max_exe

5-Pulsamos en buscar siguiente y nos lleva a 

6-Y donde pone max_execution_time=30 , sustituimos 30 por 250 o 500.

7-Pulsamos en archivo -> guardar.

8-Reiniciamos el apache, nos vamos al panel de control de xampp y le damos a stop, cuando pare 

le damos a start.

9-Vamos al sitio y rellenamos los datos de configuración, 

localhost/nombre_del_sitio

10-Pulsamos a instalar y ya esta, si no nos sale la ventana de verificación de que esta correcto la instalación de Joomla!, pues volvemos a insertar la dirección:

localhost/nombre_del_sitio

y ya nos debe salir de que Joomla! se ha instalado correctamente, y nos saldrá un botón de eliminar carpeta de instalación, pulsamos ahi y ya, ya que si no se elimina la carpeta no funcionará correctamente.

Entrar en phpmyadmin al instalar Joomla

He tenido un problema al instalar Joomla en mi servidor, resulta que me he descargado la herramienta de bitnami para descargar Joomla, para instalar Joomla teniendo xampp es muy sencillo, el único problema es que te piden una contraseña para el administrador, que sirve aparte de para entrar en site administrator de la aplicación Joomla, es también para loguearte y poder tener derecho a publicar, modificar y acceder a un menú desde donde puedes hacer estas cosas.

El otro problema lo he tenido para ejecutar el xampp, tenía que ejecutarlo como administrador.

Y finalmente, el último problema lo he tenido, en que cuando quería ejecutar en el navegador la aplicación y entrar en phpmyadmin mediante:

                          localhost/phpmyadmin

no podía, ya se que en el panel de control pulsando admin de mysql se entra, pero quería entrar como suelo entrar habitualmente.

Resulta que el directorio raiz de xampp al instalar la herramienta de bitnami, pasa a apps en vez de en el directorio padre xampp como estaba antes, así que he tenido copiar la carpeta phpmyadmin, dentro de apps.

Y todo resuelto, ya puedo entrar en localhost/phpmyadmin.

sombra interior con CSS

Hoy os voy a decir como aplicar una sombra interior con CSS, Es muy fácil.

1. Creamos la sombra exterior con la propiedad box-shadow:

    box-shadow: 12px 0 (0 pixeles si solo queremos dar sombra al lateral, si queremos dar sombra a la     vertical indicaremos los pixeles que queremos darle) 8px (en este le damos la distorsión que               queramos a la sombra) blue (el color);


2. Para crear la sombra interior en la propiedad box-shadow:

    Introducimos la palabra clave inset antes de indicar los pixeles. Así:

    box-shadow: inset 12px 0 8px blue;


Y ya esta, asi de fácil.

ver proyecto o página web desde otro dispositivo

Hoy vamos a ver como se puede ver nuestro proyecto creado en un editor o un IDE, guardado en XAMPP, en otro dispositivo.

1-Tenemos que tener encendido nuestro pc o dispositivo donde tenemos el proyecto.

2-Debemos tener encendido también XAMPP Control Panel, y dentro del panel de control  el Module Apache.

3-Miramos nuestra dirección IP en nuestra consola, en windows 10 es: tecleamos en la ventana del buscador Cortana cmd y nos saldrá simbolo del sistema. O botón derecho en el botón window que esta en la esquina inferior izquierda y nos saldrá simbolo del sistema.

4-Ya en la consola (simbolo del sistema), tecleamos ipconfig y nos aparecera Direccion IPv4 y en esta dirección algo como esto, 192.168.x.x (las x son cualquier número), que es nuestra dirección IP.

5-Entonces nos vamos al dispositivo desde donde queremos ver nuestro proyecto (un movil, una tablet, etc...) y tecleamos en el navegador (google, internet explorer, etc...) de nuestro dispositivo lo siguiente:

          http://192.168.x.x (nuestra dirección IP)/nombreDelProyecto/pagina

algo como esto:

        http://192.168.x.x/compartElinks/index.php

pero puede que tengamos la página que queremos ver directamente en el directorio y entonces seria:

       http://192.168.x.x/pagina

algo como esto:

      http://192.168.x.x/pagina1.html

y ya esta.

Crear cuenta en hostinger y publicar un sitio web

1-Entramos en hostinger.es y en la esquina derecha arriba pulsamos en crear nueva cuenta ó bien si ya tenemos una cuenta, dentro de nuestra cuenta, en el menú de arriba pulsamos en Hosting  y pulsamos en Nueva Cuenta, en la siguiente página pulsamos en Order  en la cuenta gratuita, entonces entramos en la configuración de hosting.

2-En configuración de hosting, ingresamos un nombre de subdominio (el nombre de la aplicación, tu nombre, por ejemplo...) si esta ocupado te avisara y deberás poner otro que no este ocupado. Entonces te llevará a  la siguiente página, donde confirmas la orden. Rellenas la descripción, donde solo tienes que escribir pocas palabras. Le das al cuadrado y donde dice no soy un robot y lo confirmas. Pulsas sobre Orden. Y ya te sale la página con tu nueva cuenta.

3-Pulsas sobre el signo + que esta a la izquierda del nombre de tu cuenta. Y te sale varios recuadros. Pulsamos sobre el que pone administrar,  y nos vamos a la página tableros. Y en apartado archivos pulsamos en el recuadro administrador de archivos 2.

4-Esto nos mostrará el cliente FTP con el que podremos subir nuestros archivos a nuestro sitio web.

5-Vemos que en está página existe un fichero que dice DO NOT UPLOAD HERE (no descargar aqui) . Y tal como dice no descargaremos nuestros ficheros ahí, Entramos en la carpeta public html, y ahí es donde los descargaremos. Pulsamos sobre upload, Si es un único fichero el que vamos a descargar pulsaremos sobre seleccionar archivos, en la izquierda debajo de Files. Si son varios ficheros pulsamos sobre seleccionar archivos, en la parte derecha debajo de Archives. Si es un fichero seguir el paso 6, si son varios ficheros seguir el paso 7.

6-Si es un fichero o queremos subirlos de uno en uno, pulsamos sobre seleccionar archivos, se nos abre nuestro disco duro y seleccionamos el fichero donde lo tengamos guardado. Y entonces pulsamos sobre la V de color verde que tenemos debajo de Upload Files and Archives  y nos saldrá una página como esta diciendo que se ha subido el archivo.

y ya tenemos el fichero en nuestro sitio web.


7-Para subir varios ficheros a la vez, tenemos que irnos al directorio donde tenemos nuestros archivos, y comprimirlos en zip(por ejemplo), Seleccionamos todos los archivos que queremos subir,
le damos a boton derecho, y dentro de 7-zip, pulsamos en añadir a  "nombre de nuestro proyecto.zip" y nos aparecerá en el directorio donde estamos un fichero .zip. Ahora nos vamos a la pagina en hostinger.es donde seleccionabamos los archivos, y en la parte derecha, debajo de Archives, pulsamos sobre seleccionar archivos, se nos abrira una ventana con nuestro disco duro, nos vamos donde tenemos guardado el fichero .zip, se supone que en el mismo sitio donde tenemos el proyecto. Lo seleccionamos y pulsamos sobre abrir. Y en la página donde seleccionamos el archivo en hostinger.es. Nos saldrá el archivo seleccionado. Pulsamos sobre la v verde que hay debajo de Upload files and archives y nos saldrá una lista de los archivos que hemos subido.

8-Y ya tenemos nuestro sitio web. Tenemos que tener en cuenta que mientras se difunde el nombre del subdominio pueden trancurrir hasta 48 horas. Así que hasta que se difunde el nombre del subdominio y se crea nuestra página web, pueden transcurrir más de 48 horas.

Nota: una vez hayas subido, tienes que borrar el archivo default.php, que esta dentro de public html, para eso en hostinger donde pulsabamos upload para subir los archivos te aparece un cuadradito a su izquierda del fichero que quieres borrar, lo seleccionas y pulsas delete. Otra cosa a tener en cuenta es que hostinger, el primer fichero que lee es el llamado index (ya sea index.html o index.php) asi que no olvides llamar al primer fichero index.html o index.php, si no lee ninguno y utilizará la página default.php, si no la has borrado.

subir ficheros de un proyecto con filezilla al servicio de alojamiento gratuito (hostinger)

Hoy haremos un tutorial sobre como subir ficheros (que lo mismo se puede aplicar a un proyecto completo) que ya tenemos en nuestra página web en hostinger.es, por lo tanto sobreescribiremos los ficheros que ya estaban.

1-Abrimos Filezilla, en el nos encontraremos con una ventana que pone sitio local, donde estará nuestro disco duro, nos vamos al proyecto desde donde queremos subir los ficheros, en mi caso está dentro de xampp/htdocs/.

2-En la ventana de abajo de nuestro sitio local, saldrán los ficheros o carpetas que están asociados a ese directorio.

3-Ahora nos vamos, a nuestra cuenta de hostinger (servicio de alojamiento gratuito), entramos en ella, y nos dirigimos a archivos->acceso ftp ahí estan los datos de nuestra cuenta, menos la contraseña que tenemos que haberla apuntado en otro sitio, por ejemplo un archivo .txt o acordarnos de ella. Ahora escribiremos nuestros datos para el sitio remoto. 

4-Arriba a la izquierda en Filezilla donde pone servidor escribiremos la dirección de nuestro servidor, que la copiaremos de nuestra cuenta de hostinger, donde pone Host FTP le daremos click derecho al raton o al touchpad. Y pulsaremos sobre Copiar direccion de enlace. Nos vamos a Filezilla y la copiamos en el recuadro que digimos (servidor).

5-Ahora nos volvemos a dirigir a nuestra cuenta de hostinger, y donde pone Usuario FTP, ese es nuestro nombre de usuario. Hacemos doble click y lo copiamos, nos dirigimos a Filezilla y lo copiamos en el recuadro donde dice Nombre de usuario. Ya solo nos queda la contraseña que debemos o bien recordarla (cosa dificil) o bien tenerla apuntada. La copiamos o la escribimos en el recuadro donde dice contraseña. Y pulsamos sobre conexión rapida. Nos puede salir una ventana de que el certificado es desconocido y como es el de la cuenta que nos abrimos en hostinger le damos a aceptar.

6-Se verá que la ventana del sitio remoto esta ocupada ya, por lo tanto ya esta conectada con nuestro host.

7-Vemos una archivo que pone DO_NOT... que nos dice que no descarguemos los fichero ahí, debemos descargarlo en public_html. Por lo tanto pulsamos en public_html y si ya tenemos archivos subidos a nuestro host, se verán en la ventana de abajo.

8-Ahora nos vamos a sitio local, y en la ventana de abajo seleccionamos los ficheros que queremos subir a nuestro host, le damos boton derecho y en la ventanita que nos sale pulsamos sobre subir, si los estamos sobreescribiendo nos saldrá otra ventana que si queremos sobreescribir, le damos a aceptar y ya estan los archivos subidos, ya solo queda esperar si la página web es nueva, a mi me tardó varios dias en estar la página activa completamente. 

Nota: si queremos subir un fichero dentro de una carpeta, por ejemplo como se ve en la imagen dentro de la carpeta Biblioteca, debemos pulsar en la carpeta Biblioteca y entrar dentro.

subir o clonar un proyecto ya creado a github desde netbeans

1-Creamos una cuenta en github, una vez que hayamos creado una cuenta creamos un nuevo repositorio, le damos a la opción inicializar con el fichero Readme.

2-Creamos el fichero .gitignore, le damos a create new file y ahí en donde pone el nombre de nuestro repositorio y un recuadro a rellenar donde esta escrito Name your file escribimos .gitignore y ponemos dentro los ficheros o carpetas que queremos que no se muestren cuando subamos o clonemos de nuestro ordenador a github o viceversa. Por ejemplo yo pongo la carpeta nbproject para mis proyectos php en netbeans. Y le damos a Commit new file al final de la página.

3-Nos vamos al netbeans y en las teclas del menu pulsamos Team->Git->Remote->Clone y nos saldrá una ventana, donde rellenamos el campo repository url: ponemos la ruta de nuestro repositorio, que encontramos entrando en nuestro repositorio en clone or download, pulsamos ahi y saldra algo como git@........... para SSH, si queremos hacerlo via https pulsamos use HTTPS.

4-Rellenamos nuestro campo de username con nuestro nombre de usuario.

5-Rellenamos nuestro password de nuestra cuenta github o bien ponemos el Private/Public key, en el cual ponemos la ruta del archivo donde hemos guardado el private key, sacado mediante el programa puttygen, abrimos el puttygen, le damos a generate, una vez generada copiamos la clave pública que está dentro del recuadro que esta debajo del texto Public key for pasting into OpenSSH....., nos vamos a nuestra cuenta github, en el recuadro donde esta o deberia estar nuestra foto pulsamos.

6-Pulsamos en settings, y pulsamos nuevamente en SSH and GPG keys, pulsamos en New SSH key y en el recuadro debajo de key introducimos la clave pública que hemos copiado del puttygen, pulsamos en Add SSH key, nos puede pedir que confirmemos nuestra contraseña, la introducimos y ya nos crea nuestra SSH key.

7-Volvemos a puttygen y pulsamos en Save private key, nos crea un fichero que guardamos en donde lo tengamos seguro, a lo mejor se nos guarda con el formato .ppk, y no nos vale, puede ser no lo he probado, entonces lo que debemos hacer es pulsar sobre Conversions en el puttygen y export SSH key, creamos un fichero sin el formato .ppk y volvemos a hacer los pasos 5, 6 y pulsamos en Save private key, pero esta vez escribimos el nombre del fichero que hemos creado sin el formato .ppk, y lo sobreescribimos.

8-Volvemos a la ventana del netbeans y en Private key file ponemos la ruta del fichero que acabamos de crear.

9-En Specify Destination Folder ponemos la ruta donde queremos que se clone nuestro proyecto en github, yo por ejemplo tengo Xampp/htdocs/github, he creado una carpeta específica para los clonados de la cuenta github. Y le damos a Next.

10-En la siguiente ventana nos saldrán las distintas ramas que tienes creada en el proyecto, si acabas de crearlo solo te saldrá master, la seleccionamos y le damos a Next.

11-En la siguiente ventana nos saldrá el directorio padre donde hemos clonado nuestra cuenta github, y el nombre de la carpeta donde lo hemos clonado en Clone into. Dejamos los otros campos por defecto. Y le damos a Finish.

12-Nos saldrá despues una ventana, preguntándonos si queremos crear un nuevo proyecto. Le decimos que no en Close, ya que ya tenemos creado nuestro proyecto.

13-Ahora nos vamos a nuestro clon del proyecto, donde tenemos nuestro proyecto clonado por ejemplo: yo lo tengo en Xampp/htdocs/github/pruebas2 y entramos en esa carpeta, ahi copiamos los ficheros readme y .gitignore que habiamos creado en nuestra cuenta github, que se han clonado correctamente a nuestra carpeta y también copiamos la carpeta .git que esta dentro de la carpeta pruebas2, en total copiamos los ficheros readme y .gitignore y la carpeta .git

14-Nos vamos a nuestro proyecto que queremos subir a github, y en el directorio padre pegamos, por ejemplo en un proyecto html y php seria donde se ve la carpeta nbproject. Está imagen que se ve es de un proyecto html.

15-Nos vamos al netbeans y en nuestro proyecto nos saldrá una imagen como esta. Esto es que ya se han sumado nuestro ficheros del proyecto.

16-Después pulsamos en el nombre del proyecto, vamos al menu Team->Git->Commit y pulsamos, y se nos abrirá una ventana como está.

17-Pulsamos sobre Commit. Ya solo nos queda subirlas a nuestro repositorio.

18-Volvemos a ir a Team->Git->Remote->Push to upstream y pulsamos, y ya esta.

19-Vamos a nuestra cuenta github, vamos a nuestro repositorio y pulsamos en la carpeta public_html
y ahí estan nuestro fichero subidos. Si el proyecto es en php nos lo mostrara al principio en el repositorio.

API

La interfaz de programación de aplicaciones, abreviada como API¹ (del inglés: Application Programming Interface), es el conjunto de subrutinas, funciones y procedimientos (o métodos, en la programación orientada a objetos) que ofrece cierta biblioteca para ser utilizado por otro software como una capa de abstracción.

Interfaz de programación de aplicaciones

Curso online de desarrollo web

He aprobado el examen final del Curso online de desarrollo web y asi obtenido la acreditación de haber aprobado el curso.

Curso online de desarrollo web

He aprobado el quinto y penúltimo examen del Curso online de desarrollo web del modulo 4 Como se escribe una página web correcta, suerte para los que lo hagan.

Curso online de desarrollo web

He aprobado el examen del módulo 3 Como se publica un sitio web como parte del Curso online de desarrollo web.

Curso online de desarrollo web

He publicado una pagina web

He vuelto a realizar el examen del modulo 2 del Curso online de desarrollo web y esta vez he sacado un 100% de aciertos a la tercera oportunidad.

Curso online de desarrollo web

He aprobado el examen del  Curso online de desarrollo web de activate-formate módulo 2 Como se escribe una página web.

Curso activate-formate

Como parte del curso Curso online de desarrollo web he descargado la herramienta de dibujado de prototipos pencil project ya comentaré que tal es su uso.

Examen modulo 1

He aprobado el examen del modulo 1 Como funciona la web del Curso online de desarrollo web

activate-formate 4

Este es 5º video de como crear un blog con blogger

Como parte del curso de introducción al desarrollo web

activate-formate

Tim Berners Lee, el padre de la web

Sir Timothy "Tim" John Berners-Lee, KBE (Londres, Reino Unido, 8 de junio de 1955) es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989. En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT

Sir Timothy "Tim" John Berners-Lee

HyperText Markup Language, HyperText Transfer Protocol, Uniform Resource Locator.

Ted Nelson

Vannevar Bush

Curso activate-formate 3

Este es el cuarto video de como crear un blog.
Dentro del curso online de desarrollo web.
Activate-formate

Curso activate-formate

Tercera parte de como crear un blog en el curso online de desarrollo web activate-formate.

Curso activate-formate

Este blog lo he creado como parte del curso activate-formate de desarrollo web.

Curso de HTML y CSS.