Trucs per posicionar millor el teu web

Existeixen algunes eines de Google que ens donen pistes per posicionar millor el nostre web:

• Google Trends
  Et permet conèixer com fa cerques a Internet la gent (quines paraules s’introduiexen), per zones, països, autonomies, i fins i tot per ciutats (les més importants). També pots veure l’evolució de les diferents cerques en el temps.
  Pots buscar diferents paraules separades per comes, així es pot veure l’evolució conjunta
  
• Google Adwords Keytool
  Una altra eina de Google que et serveix per buscar keywords, o paraules clau, per posicionar el teu web o fer-lo més competent en matèria de publictat. Has d’introduir la paraula que vols, i et dóna un llistat d’expressions amb aquesta paraula, segons com la gent fa les cerques. Les pots ordenar segons els volum de cerques, o segons la competència dels anunciants.

De tota manera, els cercadors com el Google utilitzen fòrmules matemàtiques molt complicades per posicionar les pàgines i, per tant, tot iaxò no é suna ciència exacte. El millor és anar provant coses i, si t’equivoques, provar de nou!

Posicionament de pàgines web

Una de les coses més importants a tenir en compte quan fem un web és el posicionament. Això és molt important, ja que la majoria de visites als webs provenen de cercadors (sobretot de Google). Per tant, hem d’observar algunes tècniques de posicionament per aconseguir que el nostre web surti al màxim amunt possible en el llistat de buscadors, però també, que surti amb les paraules de cerca que ens interessa. Per exemple:   

• que apareguin al llarg del text les keywords que ens interessin en negreta o cursiva
• posar la keyword que més ens interessi en el títol de la pàgina
• el nom del domini també ha de ser significatiu, relacionat amb les paraules clau
• col·locar les etiquetes del Dreamweaver de descripció, títol i paraules clau. La descripció són les línies d’explicació del web que surten en el Google després del títol. Per tant, és molt important!
• que la paraula clau aparegui en una frase linkada, també ajuda a posicionar el web
• si la teva pàgina apareix com a link en altres pàgines, també estaràs millor posicionat…

 

Crear ‘pop ups’ o finestretes emergents

Més lliçons de Dreamweaver: Avui hem après com crear pop ups, o pàgines emergents, que t’apareguin quan clickis sobre una imatge, o quan entris al web (existeixen ocpions diferents). A classe, hem volgut que, d’una imtatge petita, puguessis obrir un pop up amb la imatge a dimensió real. i tornar a tancar al pop up, amb un sol click!

Per fer-ho cal, en primer lloc, inserir la imatge que vols a la teva pàgina; obir una nova pàgina, i insertar la imatge amb les dimensions grans. En aquest cas, modificant les propietats de la pàgina, hem tret tots els marges (a 0). Tot seguit, des de la pàgina inicial, hem seleccionat la imatge i, a propiedades (mençu inferior) hem posat un coixinet al vínculo. Hem anat al menú ‘ventana’, ‘comportamientos’, i hem clickat al símbol +. Se’t obre un desplegable d’opcions, del qual hem clickat ‘abrir ventana del navegador’. En aquest punt, hem de posar la pàgina del popu up a ‘mostrar url’ i les mides reals de la foto gran. Ja només queda escollir de quina manera vols que t’apareegui el pop up, i en aquest cas hem seleccionat ‘onclick’ (és a dir, quan facis un click sobre la imatge). I sembla que funciona!

CSS amb Dreamweaver

En Dreamweaver, el CSS (Cascading Style Sheet) et permet aplicar estils (tipus de lletra, color, alineat, mida, etc) a les teves pàgines o taules, de manera que si en algun moment necessites canviar-lo, ho pots fer d’una manera molt més fàcil, sense haver d’anar pàgina a pàgina. És com fer plantilles d’estil, i aplicar-les allà on vols.

Com tot en el Dreamweaver, és molt molt fàcil d’utilitzar si coneixes el comandament adequat. En aquest cas, només cal clicar el botó dret del ratolí, anar a l’opció d’estils CSS i escollir si en vols fer un de nou, vols modificar l’existent (‘Administrar estilos’) o vols aplicar un estil CSS en alguna superfície del teu web.

Lliçons de Dreamweaver en pocs minuts

Avui el que toca és mirar de resumir les primeres lliçons de ‘Dreamweaver’, el programa que facilita l’elaboració de pàgines web a tots els humans ‘normals’ que habitem el planeta (ja no cal ser un gran programador!).

‘What you see is what you get’
Bé, el primer de tot és saber que la màgia d’aquest programa es troba en el ssiteme ‘what you see is what you get’. És a dir, et permet anar creant la teva pàgina web tot veient, i entenent, el què fas. Així, el Dreamweaver té dues pantalles on, de manera simultània, pots estar escrivint, editant colors, formes, imatges … fàcilment, i en l’altra pantalla el programa va generant tot el llenguatge de programació html que es necessita realment per llençar aquesta informació a Internet.

Crear la pàgina principal
El que cal tenir més clar alhora d’utilitzar el Dreamweaver és que el primer és crear la pàgina que serà la ‘home’ o índex, i a partir d’aquí es crearan les successives pàgines del teu web, per mitjà d’enllaços (per cert, que fàcil es creen aquests enllaços!). És molt important que posem nom a cada una de les pàgines i que ho desem tot en el lloc correcte.

Inserir imatges, taules, videos…
Inserir tot tipus d’imatges o videos és també molt fàcil. Només acl cercar-ho i utilitzar l’eina del Dreamweaver corresponent. Crear taules ja ha estat més complicat, però la gràcies és que pots fer moltes coses i amb molt de detall i, per tant, quan ho tens per mà, pots acxonseguir una taula ben bonica sense haver-t’hi de barallar gaire. Si voleu més detalls de com fer tot això, no deixeu de visitar el blog de l’Angie, és una mina!

Codi de programació
I el millor de tot, és que tot el que pots fer fàcilment amb Dreamweaver però et costa molt en programes o plataformes (com poden ser els blocs!), ho pots copiar de la pantalla d’html i enganxar-ho allà on ho necessitis!

Espero haver captat l’escència del Dreamweaver.

Apa, companys, a dormir que demà ja és divendres!!!

horari de classe (o com fer una bonica taula..)

	Taller web	Eines d’Internet	Altra assignatura
Dilluns	16 h a 17.30 h
Dimarts		16 h a 17.30 h
Dimecres			16 h a 17.30 h
Dijous	16 h a 17.30 h
	18 h a 19 h
Divendres		16 h a 17.30 h

la gala, minut a minut

Per aquells que, com jo, van caure morts al llit diumenge a la nit i no van seguir la gala dels Oscar en directe, us deixo amb aquest link per viure minut a minut el què va passar!

Minut a minut

l’oscar de Javier

… and the oscar goes (per fi!) per Javier Bardem! L’actor espanyol ja havia estat anteriroment nominat, com a millor actor, pel seu paper a ‘Antes que anochezca’ on interpretava l’escriptor cubà Reinaldo Arenas. En aquell moment no va poder ser, però aquest any sí que s’ha endut l’estatueta. Felicitats!!!

concurs picnik

Aquesta és la meva foto per al súper concurs picnik d’aquesta setmana!

jo sóc la que fa la foto, desde les ulleres de sol, jaja!

and the oscar goes to…

Aquest matí ens hem llevat tots amb l’ànsia de saber si Bardem havia guanyat l’òscar. Doncs, sí, Bardem s’ha endut l’oscar al millor actor secundari per ‘No es país para viejos’. La pel·lícula, per cert, ha estat la gran triomfadora, ja que ha guanyat en la categoria de millor pel·lícula i millor director (pels germans Coen).

Consulteu aquí el llistat de tots els Òscar.

M’apunto a l’agenda: ‘anar a veure no es país para viejos’. Amb una mica de sort trobaré una estona el cap de setmana que ve…

Mentrestant, us recomano ‘There will be blood (Pozos de ambición)’, sobretot pel protagonista, Daniel Day-Lewis, que està genial!!!

Fins la propera (miraré de buscar algun video on poguem criticar el millor i el pitjor vestit. Per cert, m’han dit que la Pe anava mooooolt guapa!!!! Vosaltres què opineu?)