Lunes 16 de Abril de 2018
Clase con Josep, vamos a crear una paginacion para mostrar un numero de paginas determinadas en nuestra web, como por ejemplo en la home page de esta web que si vamos mas abajo nos mostrara hasta 10 entradas en cada pagina.
Vamos a definir el numero de resultados que se van a mostrar en cada pagina con una variable:
$num_reg = 10;
Esto le dice que esa variable es igual a 10 registros.
Para pasar por url el numero de pagina cuando clicamos en la pagina por ejemplo pagina 2, lo envía por url a través de la variable global $_GET.
$pagina = $_GET [«pagina»];
Esto le dice que se almacene en la variable $pagina lo que se envía por url.
Si la pagina viene vacía inicia vale 0 y nos muestra los resultados de 1 a 10 se hace del siguiente modo:
if (!$pagina) $inici=0; $pagina=1;
pero si la variable viene llena y es 2 o superior nos dará el resultado de la variable inici – 1 multiplicado por el numero de pagina obtenido por url (GET) de ese modo nos mostrara los 10 registros de cada pagina, por ejemplo en la pagina 3 nos mostrara los registros del 20 al 30, si no hubiésemos puesto – 1 nos mostraría los 10 resultados posteriores.
else $inici = ($pagina - 1) * $num_reg;
Hemos avanzado bastante y ya nos dice cuantas paginas tenemos en total y cuantas entradas, además nos dice números enteros de modo que yo tengo 27 registros y 3 paginas y no 2,7 paginas.
Esta es la vista del código utilizado hasta ahora.
Solo falta hacer un pie de pagina que sirva para navegar entre las diferentes paginas que tenemos de registros.
Lo hemos hecho con este código pero queda sin estilos pero es funcional.
Martes 17 de Abril de 2018
Clase con Albert, continuamos con el curriculum online, he acabado el header aun que no a quedado igual como quería pero ya lo perfeccionare mas adelante ahora quiero avanzar.
Para la sección de la fotografía junto con una descripción voy a utilizar un section container fluid para que me coja todo el ancho de la web, dentro un div container para que me centre el contenido en modo container, dentro un div row y dentro del row los div con col 4 para la imagen y otro div con col 8 para la descripción.
Ahora comenzamos con el Javascript, es muy similar al lenguaje PHP, almacenamos los valores en variables igual que php pero con otras sintaxis:
var nombre de la variable = valor de la variable
Hay variables de texto, integras y arrays (en cadena)
for es una interacción que ejecuta un loop necesita 3 sentencias y se deja de ejecutar cuando ya no cumple la condición que se que ha dado.
Miércoles 18 de Abril de 2018
Clase especial hoy hemos salido de clase y hemos ido al centre de negocia de ST Coloma de Farners, donde el encargado del centro nos ha hecho una visita guiada y nos a explicado como funciona el centro y cuales son las cualidades para los freelance o autónomos que están empezando en este mundo de los negocios.
Hemos instalado wordpress en la base de datos de un hosting externo que nos ha cedido el profesor y ahora estamos haciendo los primeros pasos en wordpress.
Ajustes/Generales
- Títulos del sitio
- Descripción corta
- Idioma
- Zona horaria
Ajustes/Lectura
- Ultimas entradas para blog
- Pagina estática Para web corporativa/servicios
- Disuadir motores de búsqueda (en caso de no querer que se vea la web online)
Ajustes/Enlaces Permanentes
Estructura de url cambiar a Nombre de entrada o personalizada en caso de querer algo en concreto
Al ser un dominio no registrado el que hemos utilizado tenemos que hacer unas modificaciones manuales en la base de datos WordPress para decirle que no redirigía a dominios que ya existan, lo hemos hecho con sentencias SQL desde PHP MY Admin, as sentencias son las siguientes:
UPDATE wp_options SET option_value = REPLACE(option_value,'dominio_viejo','dominio_nuevo'); UPDATE wp_options SET option_value = REPLACE(option_value,'http://marcoliveras.com','http://marcoliveras0.vl18994.dinaserver.com'); UPDATE wp_posts SET post_content=REPLACE(post_content,","); UPDATE wp_posts SET guid = REPLACE(guid,'http://marcoliveras.com','http://marcoliveras0.vl18994.dinaserver.com'); UPDATE wp_postmeta SET meta_value = REPLACE(meta_value,'http://marcoliveras.com','http://marcoliveras0.vl18994.dinaserver.com');
Esto cambia la dirección de dominio de diferentes apartados de WordPress.
Por hoy ya hemos terminado!
Jueves 19 de Abril de 2018
Clase con Albert, hemos seguido trabajando en el curriculum online, y ahora vamos hacer JavaScript, esto es lo que hecho en la clase hasta ahora.
Explicación de funciones JavaScript «function + nombre a elegir(){todo lo de aquí se ejecutara cuando lo llamemos }»
Practicas JavaScript
class="a-b-r-La"><!DOCTYPE html>
<html lang="ca">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JAVASCRIPT 2</title>
</head>
<body> <!--Asi se abre una etiqueta de java, directamente en el documento html :-->
<button onclick="Calculaaleatori()">CALCULA</button><!--Hacemos un boton para que cuando cliquemso el boton nos salga el numero imprimido alatorio de java. aconsejable poner java debajo de body siempre....onclick="Calculaaleatori() esta funcion llama directamente al scrit java :-->
<h1 id="resultat"></h1>
<button onclick="Calculnumero()">CALCULAaaa</button>
<p id="resul"></p>
<script>//todo lo que vaya en los claudators se ejecutara d esa funcion
function digueshola(){
//alert('Hola!');
}
var total = 20;
function alumnes(n){ //(n) la n es un valor que aproechamos dentro de la funcion que sera el valor que demos cuando llamamos la funcion
console.log(n);
}
function multiplica(n){
console.log(n*2);//para que el resultado se multiplica automaticamente cuando llamas la funcion
}
function Calculaaleatori(){ //esta es la funcion que hemos puesto arriba en el boton
console.log(Math.floor(Math.random()*100));
var titol =document.getElementById("resultat"); //busca en el document un element que tenga la id resultado en total la estructura html-- dome es el document de html -- h1 ahora se llama titol
titol.innerHTML=Math.floor(Math.random()*100); //innerhtml le decimos que modifique el document html para q nos de resultado en pantalla
titol.style.color='#'+Math.floor((Math.random()*999999)+100000); //esto es para cambiar el color ponemos el tope de numero y el # q es el hexadecimal mas un +
}
var numero =6 ;
function Calculnumero(){
console.log(Math.floor(Math.random()*10));
var titol =document.getElementById("resul");
titol.innerHTML=Math.floor(Math.random()*10);
if((Math.floor(Math.random()*10))>6){
console.log("Soc més gran");
}
if((Math.floor(Math.random()*10))<6){
console.log("Soc més petit");
}
if((Math.floor(Math.random()*10))==6){
console.log("bingo");
}
/*for(var i=0; i<=10;i++){
console.log(i);
}*/
}
digueshola();//aqui llamamos la funcion que antes hemos descrito
alumnes(total); //en el caso de alumnes (total) estamos llamando la funcion y total es la variable que hemos especificado antes.
multiplica(24543);//aqui ponemos el numer que queremos multiplciar y en la consola dara el resultado x 2
//calcula un numero random. Math.random() nos retornara un numero aleatorio entre 0 y 1, si queremos que sea entre 0 y 100 cogemos la funcion y la multiplicamos por 100
console.log(Math.random()*100);
//si queremos que el numero sea sin decimales.Math.floor():
console.log(Math.floor(Math.random()*100));
</script>
</body>
</html>
Viernes 20 de Abril de 2018
Clase con David Flores, comenzamos con los buscadores genéricos, Google, Bing, Yahoo, etc.. esto me interesa mucho por que tocaremos posicionamiento web y SEO.
Nos han dado las notas del examen del pasado viernes, he aprobado!
SEO, después de crear una web viene el trabajo mas grande actualizarla y posicionarla.
EL SEO hay que pensarlo para los usuarios
El seo esta divido en dos partes:
El SEO interno es que nosotros podemos influir es el que se encuentra en el código, es recomendable no dejar muchos comentarios ni código muy «sucio» es un ejemplo, las palabras clave, estructura, contenidos, etc..
El SEO externo es lo que la gente opina de nosotros, las recomendaciones, los artículos patrocinados etc.. aun que no lo controlamos directamente hay múltiples maneras de influir en el SEO externo.
Después hay el SEM el SEO de pago que puede llegar a valer miles de euros e incluso millones en los casos mas extraordinarios.
Los mas conocidos son Googel Ads y Microsoft Ads.
Los buscadores mas utilizados en orden:
- Bong
- Yahoo
- DuckDuckgo
- MSN
- Yandex Ru
- Baidu
Técnicas para mejorar el SEO:
- Código sucio y saturado
- Diseño web
- Contenido
- Links que te apuntan
- Quien habla de ti?
Machine Learning, las maquinas aprenden y los algoritmos maduran y cada vez cambian las formas en que los buscadores dan prioridad a los contenidos.
Rocket Roi es un sistema que coge palabras clave muy demandadas y las transforma de forma legible pero con un texto diferente, por ejemplo tlevisor o odrenador etc.. son palabras mal escritas pero que tienen una gran posibilidad de que la gente las escriba y acabe encontrando tu web o articulo y de ese modo pagar mucho menos por la palabra que quieras hacer campaña SEM.
Posicionamiento interno:
- Es la clave crear contenido original y exclusivo.
- Diseño adaptado y funcional, fácil de acceder, de navegar..etc
- Titulo y páginas escritas a mano, no hacer copy paste, títulos de caracteres y artículos de 350 400 palabras.
- No utilizar flash y si hay que utilizar JavaScript que sea útil, no hacer cosas raras.
- Tener claro un mapa de tu web, el menú puede que no se utilice.
Existen diferentes herramientas para ver las conductas de los usuarios que visitan nuestra web, una buena manera de ver donde van y que hacen son los mapas de calor, yandex metrica es uno de ellos.
Hay que utilizar las fuentes y tipografías correctamente correctamente.
Las META descripciones son importantes para posicionar por que podemos incluir las palabras que mas nos interesen.
- Utilizar cabeceras para dar mas relevancia a las palabras.
- Aprovechar para crear URL con la palabra clave.
- Diseños limpios de publicidad
- Actualizar el CMS (WordPress)
- Cache interna de la web
- Etiquetas
Posicionamiento Externo:
Wappalyzer Extensión de navegador para saber con que tecnología esta hecha una web.