El bloc de l'Oriol

Resolució de sistemes d'equacions lineals

noreply@blogger.com (Oriol) — Wed, 11 Aug 2010 19:45:00 +0000

Resoldre sistemes d'equacions pot arribar a ser un procés pesat, llarg i complicat, sobretot si el nombre d'incògnites és molt gran.

Per això he ideat un solucionador automàtic de sistemes d'equacions lineals de qualsevol nombre d'incògnites. Només cal especificar quantes incògnites o equacions voleu, escriure el coeficient de cada indeterminada i clicar Calcula!.

També trobareu el botó Refresca, que esborrarà tots els coeficients, i el botó Omple, que omplirà cada coeficient amb un númeró, de manera que es comença per 1 i cada coeficient és la suma de l'anterior més 1. Aquest procediment donarà lloc, en la majoria de casos, a un sistema compatible indeterminat, de manera que no el recomano.

El solucionador funciona seguint l'eliminació de Gauss. Pel mètode d'eliminació s'elimina la primera incògnita de cada equació ajuntant-la amb la primera, que la deixarem al principi. Llavors s'elimina la segona incògnita de cada equació ajuntant-la amb la segona, que també deixarem a dalt. Fent aquest procediment successivament ens quedara un sistema esglaonat on l'última equació només tindrà una incògnita, de manera que la podrem aïllar i substituir a les equacions que la precedeixen.

No recomanaria intentar resoldre equacions de més de 50 incògnites, ja que els recursos del vostre ordinador podrien ser insuficients. Si decidiu fer-ho igualment, probablement el navegador quedarà encallat i haureu de tenir paciència perquè torni a respondre. No serà necessari tancar-lo.

Tampoc recomanaria intentar resoldre sistemes d'equacions simultàniament amb altres programes que consumeixin molts recursos del vostre processador.

Resolució de sistemes d'equacions

Creat per l'Oriol Brufau. Llicència Creative Commons.

Equacions

Quantes incògnites voleu?

Eliminació de Gauss

Cliqueu Calcula! per començar.

Resultat

Cliqueu Calcula! per començar.

Enllaços d'interès

Poseu-vos el vostre sistema operatiu Windows en català

noreply@blogger.com (Oriol) — Tue, 10 Aug 2010 12:43:00 +0000

Si el vostre sistema operatiu és Windows, teniu la possibilitat de posar-vos-el parcialment en català.

Microsoft ha desenvolupat uns paquets d'interfície de llengua (ILP) en català per traduir sistemes operatius que tinguin com a idioma de base el castellà o el francès (sembla que s'han oblidat dels ordinadors en italià dels catalans de l'Alguer). Aquests pedaços no són gentilesa dels de Microsoft, sinó que han estat finançats a preu d'or per la Generalitat.

En aquesta pàgina podeu trobar els diferents ILP per cada sistema operatiu.

Normalment no tindreu problemes a l'hora d'instal·lar-los.
Si teniu Windows 7, un cop l'hagueu instal·lat, seguiu aquestes instruccions:

Aneu a la categoria Rellotge, llengua i regió del Tauler de control.
LLavors cliqueu a Canvia la llengua de visualització dins de l'apartat Regió i llengua.
A la finestra que us apareixerà trieu el català al desplegable Trieu una llengua de visualització i cliqueu Aplica.
Aneu a la pestanya Administratiu, cliqueu Copia la configuració i marqueu que voleu copiar la configuració actual a la Pantalla de benvinguda i als comptes del sistema i als Nous comptes d'usuari.
Accepteu tot i ja estarà.

Tot i així, i seguint la teoria que Microsoft boicoteja el català, podria ser que no poguéssiu acceptar els canvis després d'haver triat el català (a mi m'ha passat). Llavors hauríeu d'intentar desinstal·lar el paquet, tornar-lo a instal·lar i tornar-ho a provar.

Enllaços d'interès

Avast! 5, directament en català

noreply@blogger.com (Oriol) — Sun, 01 Aug 2010 17:53:00 +0000

Galeria d'imatges

Fa pocs dies vaig publicar aquesta entrada explicant com posar-se l'Avast! 5 en català a partir d'una instal·lació en castellà.

Com que la web de l'Avast! encara no està disponible en català no sabia que es podia descarregar el programa directament en aquesta llengua, però per casualitat vaig trobar l'instal·lador del programa que permet fer-ho d'aquesta manera.

L'adreça és: http://files.avast.com/iavs5x/setup_av_free_cat.exe

Enllaços d'interès

Avast! 5, per fi en català!

noreply@blogger.com (Oriol) — Wed, 28 Jul 2010 15:09:00 +0000

Galeria d'imatges

Fa uns mesos va sortir la nova versió del millor antivirus gratuït que no té res a envejar als de pagament: l'Avast!

Aquesta nova versió, la cinquena, consta d'una interfície més manejable i organitzada que l'anterior, i és semblant a la dels antivirus més coneguts. També inclou un mode silenciós o de joc per evitar alertes emergents mentre utilitzem programes en pantalla completa i estadístiques dels objectes analitzats i els detectats, ja sigui per cada mòdul o globalment.

Aquesta versió, al principi només disponible en pocs idiomes, ara ja la podem tenir en català.

Per fer-ho us heu de descarregar l'Avast! 5 aquí. Un cop el tingueu instal·lat (l'idioma per defecte és el castellà) trieu Configuració al menú de dalt a la dreta. Llavors aneu a la pestanya Idioma i cliqueu Afegeix altres idiomes. Seleccioneu el català i accepteu. Quan s'hagi instal·lat, al menú desplegable trieu el català i torneu a Afegeix altres idiomes. Desmarqueu el castellà i accepteu.

O també podeu llegir aquesta entrada i descarregar-vos l'Avast! 5 directament en català aquí.

Enllaços d'interès

Correcció d'etiquetes de ratllat en HTML

noreply@blogger.com (Oriol) — Fri, 26 Mar 2010 20:29:00 +0000

Les entrades del llenguatge HTML d'aquest bloc les he anat escrivint a mesura que n'anava aprenent.

Per això en aquesta entrada vaig informar de l'utilització de l'etiqueta <strike> per ratllar el text.

Aqueta etiqueta s'ha quedat obsoleta. Per tant, recomano utilitzar les etiquetes <del> i <ins>.

Per exemple:

Aquest és <del>un bloc</del> <ins>El bloc de l'Oriol</ins>
↓
Aquest és ~~un bloc~~ El bloc de l'Oriol

Ja s'ha modificat l'entrada corresponent.

Disculpeu les molèsties.

Correcció d'etiquetes de color en HTML

noreply@blogger.com (Oriol) — Fri, 26 Mar 2010 20:06:00 +0000

Les entrades del llenguatge HTML d'aquest bloc les he anat escrivint a mesura que n'anava aprenent.

Per això en aquesta entrada vaig informar de l'utilització de l'etiqueta <font> combinada amb CSS per triar el color del text.

Aqueta etiqueta s'ha quedat obsoleta. Per tant, recomano utilitzar CSS mitjançant una etiqueta <span>.

Per exemple:

<span style="color:#00FF00">Hola</span>
Hola

Ja s'ha modificat l'entrada corresponent.

Disculpeu les molèsties.

Correcció d'etiquetes de subratllat en HTML

noreply@blogger.com (Oriol) — Fri, 26 Mar 2010 19:52:00 +0000

Les entrades del llenguatge HTML d'aquest bloc les he anat escrivint a mesura que n'anava aprenent.

Per això en aquesta entrada vaig informar de l'utilització de l'etiqueta <u> per subratllar el text.

Aqueta etiqueta s'ha quedat obsoleta. Per tant, recomano utilitzar CSS mitjançant una etiqueta <span>.

Per exemple:

<span style="text-decoration:underline">Hola</span>
Hola

Ja s'ha modificat l'entrada corresponent.

Disculpeu les molèsties.

Correcció d'etiquetes de mida en HTML

noreply@blogger.com (Oriol) — Fri, 26 Mar 2010 19:39:00 +0000

Les entrades del llenguatge HTML d'aquest bloc les he anat escrivint a mesura que n'anava aprenent.

Per això en aquesta entrada vaig informar de l'utilització de l'etiquetes <big> i <small> per modificar la mida del text.

Com ja he explicat a l'escrit anterior, són etiquetes d'estil que, tot i que no s'han quedat obsoletes, és possible aconseguir efectes més rics amb CSS.

Tot i així, vaig posar com a mesura alternativa una etiqueta <font> amb l'atribut size (<font size="---">).

L'etiqueta <font> sí que s'ha quedat obsoleta. Per tant, recomano utilitzar CSS mitjançant una etiqueta <span>.

Per exemple:

<span style="font-size:200%">Hola</span>
Hola

Ja s'ha modificat l'entrada corresponent.

Disculpeu les molèsties.

Correcció d'etiquetes d'estil en HTML

noreply@blogger.com (Oriol) — Fri, 26 Mar 2010 19:08:00 +0000

Les entrades del llenguatge HTML d'aquest bloc les he anat escrivint a mesura que n'anava aprenent.

Per això vaig informar de l'utilització de les etiquetes <i>, <b>, <big>, i <small> i en vaig recomanar l'ús.

El que no sabia era que són etiquetes d'estil i que, tot i que no s'han quedat obsoletes, és possible aconseguir efectes més rics amb CSS.

Ja s'ha afegit una nota informant del fet a les entrades corresponents.

Disculpeu les molèsties.

JavaScript: Introducció

noreply@blogger.com (Oriol) — Wed, 10 Mar 2010 15:22:00 +0000

Què és?

El llenguatge de programació JavaScript serveix per donar un caràcter dinàmic als documents HTML, ja que amb només HTML aquests són molt estàtics.
Així doncs, obtindrem un document DHTML (Dynamic HTML). En una pàgina d'HTML Dinàmic un script la canvia, a nivell del navegador del client, després que s'hagi carregat completament.

És imprescindible, aprendre'n?

Sempre que vulgueu afegir noves funcionalitats al vostre lloc web podeu buscar exemples a Internet o a programes com el First Page. Tot i així, molts cops voldreu adaptar-los a les vostres necessitats, ni que sigui per canviar l'idioma.
És així com, de mica en mica, anireu veient com funciona JavaScript, cada cop podreu modificar més codis ja existents o crear els vostres.

Com funciona?

Per inserir cadis JavaScript en un document HTML s'ha d'escriure, entre els tags <script></script> el codi.
El llenguatge JavaScript es basa en ordres, cada ordre es posa en una línia seguida per un punt i coma. De fet no cal fer-ho així, però és la manera més recomanable.
Per exemple:

<html>
<head><title>Prova</title></head>
<body>

<script type="text/JavaScript">

</script>

</body>
<html

A més, tota línia que comenci per // serà considerada comentari i, per tant, no s'interpretarà. El mateix passa amb el text situat entre /* i */.
Per exemple:

<html>
<head><title>Prova</title></head>
<body>

<script type="text/JavaScript">

</script>

</body>
<html

Adobe Reader en català!

noreply@blogger.com (Oriol) — Fri, 05 Feb 2010 15:39:00 +0000

Com segurament ja sabeu, l'Adobe Reader és un programa gratuït que fa de visor de documents PDF, un sistema d'emmagatzematge desenvolupat per Adobe, que significa Portable Document Format (Format de Document Portàtil).

Fa poc, mirant per la pàgina http://get.adobe.com/reader/otherversions/, vaig veure que l'Adobe Reader està disponible en català.

Si hi esteu interessats, només cal anar a aquesta pàgina, triar el vostre sistema operatiu i el català com a idioma. Llavors feu clic a Continua i ja podeu descarregar l'instal·lador clicant a Download now.

Actualment l'última (i única) versió és la 9.3, i només està disponible per Windows. Si voleu, podeu descarregar el programa directament des d'aquí:

Un any del bloc

noreply@blogger.com (Oriol) — Sat, 26 Dec 2009 22:31:00 +0000

Aquest bloc ha anat creixent durant aquest temps, i el passat dia 22 de desembre ja va fer un any.

Durant aquest any no he escrit constantment, bé perquè no tenia Internet o perquè tenia altres coses a fer. Tot i així, aquest bloc d'ajuda i recomanacions no es basa tant en mantenir els visitants que tinc, com fan altres blocs.

Per això, tot i haver rebut poc més de 2100 visitants, pràcticament han vist 14000 pàgines del bloc. Aquesta relació és de 20 pàgines per cada tres visitants, és a dir, cada visitant visualitza, de mitjana, 6.6666666666666... (periòdic) pàgines. En canvi, en altres blocs molt més visitats aquesta relació és molt més baixa.

Així doncs, us agraeixo aquest primer any del bloc.

MOLTES GRÀCIES, BON NADAL, BONES FESTES i FELIÇ ANY NOU.

Ineptitud dels instal·ladors telefònics

noreply@blogger.com (Oriol) — Sat, 26 Dec 2009 21:40:00 +0000

Després de pràcticament tres mesos sense Internet, el dia 22 de desembre vam tornar a tenir Internet.

Vam tenir dos dies fantàstics navegant per Internet, però el dia 25 ni la màgia de Nadal va poder impedir que ens tornéssim a quedar sense connexió. Sembla ser que aquest cop la ineptitud no és dels ISP, sinó dels instal·ladors dels cables telefònics.

Això ja ens va passar ja fa uns anys. Resulta que la instal·lació estava tan mal feta que entrava humitat a la caixa que enllaça el cable telefònic del carrer amb el de casa nostra. Aquesta caixa s'omple d'aigua, deixem de tenir connexió a Internet i el telèfon fa sorolls.

En lloc de passar això quan no teníem línia ADSL, va i ens passa ara que en teníem. No sé si algun dia podrem aconseguir tenir Internet sense problemes...

Llenguatge JavaScript

noreply@blogger.com (Oriol) — Fri, 11 Dec 2009 17:18:00 +0000

Fins ara he estat parlant del llenguatge HTML, que defineix els elements de les pàgines web. Aquest llenguatge és estàtic, és a dir, una pàgina feta amb només HTML sempre es mantindrà invariable.

A partir d'ara començaré a parlar del llenguatge JavaScript, que afegeix funcionalitat a les pàgines web, de manera que les fa més dinàmiques.

Ineptituds dels ISPs

noreply@blogger.com (Oriol) — Fri, 11 Dec 2009 16:52:00 +0000

Si encara em queda algun seguidor regular, haurà vist que fa molts mesos que no escric.

No és culpa meva, sinó que Orange, el nostre exISP (exproveïdor de serveis d'Internet), va decidir donar-nos de baixa sense motiu.

Com que trigaven molt a tornar-nos a donar d'alta, vam dir que no la volíem i que ens canviàvem de companyia.

Llavors, ens donem d'alta de Telefònica.

Uns dies després, encara sense connexió, els d'Orange ens diuen que gràcies per fer-nos de la seva companyia i que ens regalen un router. Els diem que no ho volem.

Quan s'acaba el termini per tenir connexió especificat per Telefònica, els truquem perquè encara no en tenim, i resulta que la línia encara és d'Orange i els molt ineptes encara no han fet res.

Ens tornen a donar un altre termini. Quan s'acaba, resulta que havien intentat fer una portabilitat, cosa inútil, ja que la línia ja era de Telefònica.

Es torna a acabar el termini i resulta que el que ens havia explicat aquesta inutilitat de la portabilitat no havia fet res.

I encara estem així.
Quan creieu que trigarem a tenir connexió? 1 mes, 2 mesos, 6 mesos, anys?
S'accepten apostes...

Codi HTML: Paràgraf

noreply@blogger.com (Oriol) — Wed, 30 Sep 2009 18:48:00 +0000

En lloc d'anar fent salts de línia tota l'estona a vegades pot ser millor definir paràgrafs.

D'aquesta manera entre paràgraf i paràgraf quedaran dos salts de línia: un del final del primer paràgraf i l'altre d'una línia buida.

A més, aquest codi serveix de contenidor, de manera que el pdem fer servir per donar un estil al text.

El codi és:

<p>---</p>

Per exemple:

1.

Hola<br/><br/>Hola
Hola

Hola

És equivalent a

<p>Hola</p><p>Hola</p>
Hola
Hola

<p style="font-size:200%">Hola</p>
Hola

Codi HTML: Salt de línia

noreply@blogger.com (Oriol) — Sun, 30 Aug 2009 19:53:00 +0000

És molt útil saber fer salts de línia en el llenguatge HTML. Només s'ha d'escriure, entre el que ha de ser el final de la primera línia i el principi de la següent, el codi següent:

<br/>

Normalment també us servirà el codi <br>, però podria donar-se un error al trobar un tag d'obertura però no un de tancament.

Per exemple:

Hola<br/><br/><br/>Hola Hola<br/><br/>Hola Hola Hola<br/>Hola Hola Hola Hola

Hola¶
¶
¶
Hola Hola¶
¶
Hola Hola Hola¶
Hola Hola Hola Hola
*Els símbols ¶ no es mostraran

De totes maneres, de vegades pot ser millor definir un paràgraf, com podeu veure aquí (NO DISPONIBLE)

Codi HTML: Sagnat francès

noreply@blogger.com (Oriol) — Sat, 11 Jul 2009 17:31:00 +0000

En un comentari l'Enric em va preguntar com es pot fer un sagnat francès, és a dir, un sagnat que afecta tot un paràgraf excepte la primera línia, que comença més a l'esquerra.

El que s'ha de fer és augmentar el sagnat de tot el paràgraf com s'explica aquí i disminuir el sagnat de la primera línia usant el codi que podreu veure aquí i posant-li un valor negatiu.

En definitiva, el codi és aquest:

<div style="margin-left:X;text-indent:Y">---</div>

On la X i la Y són dos valors qualssevol on la X és més gran que zero (X>0), la Y és més petita que zero (Y<0) i X més Y hauria de ser més gran o igual a zero (X+Y≥0)

Per exemple:

<div style="margin-left:1cm;text-indent:-1cm">Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola</div>

Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola

<div style="margin-left:2cm;text-indent:-1cm">Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola</div>

Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola

<div style="margin-left:50px;text-indent:-150px">Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola</div>

Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola

*Com podeu veure, la primera línia queda tallada perquè 50-150=-100<0

Trobareu més coses relacionades amb el sagnat aquí:

Codi HTML: Sagnat de primera línia

noreply@blogger.com (Oriol) — Fri, 10 Jul 2009 14:48:00 +0000

Si voleu fer un sagnat de primera línia, és a dir, un sagnat que només s'aplica a la primera línia del paràgraf però no a les altres podeu fer servir el codi següent:

<div style='text-indent:X'>---</div>

La X s'ha de substituir per un valor qualsevol, ja sigui en centímetres (cm) o en píxels (px)
Per exemple:

<div style='text-indent:1cm'>Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola</div>

Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola

<div style='text-indent:100px'>Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola</div>

Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola Hola

Trobareu més coses relacionades amb el sagnat aquí:

Codi HTML: Ratllar

noreply@blogger.com (Oriol) — Sun, 10 May 2009 12:29:00 +0000

Un altre codi HTML és el de passar ratlla a un text. No s'acostuma a usar gaire, però a vegades pot ser útil conèixer-lo.

Podeu fer servir el codi:

<strike>---</strike>

Per exemple:

<strike>Hola hola hola hola</strike>
~~Hola hola hola hola~~

És millor utilitzar les etiquetes <del> i <ins>:
<del>malament</del> <ins>bé</ins>

Per exemple:

Aquest és <del>un bloc</del> <ins>El bloc de l'Oriol</ins>
↓
Aquest és ~~un bloc~~ El bloc de l'Oriol

Nota:L'etiqueta <strike> és una etiqueta que s'ha quedat obsoleta. Per tant, aconsello utitilitzar les etiquetes <del> i <ins>.

Codi HTML: Color

noreply@blogger.com (Oriol) — Sat, 04 Apr 2009 23:53:00 +0000

Si voleu escriure un text en color haureu de posar aquest color en codi decimal, hexadecimal o pel nom que té assignat.

Sembla molt complicat, però no ho és tant.

El color decimal s'expressa així: rgb(X, X, X)
- rgb significa red, green i blue
- Les X les heu de substituir per un nombre del 0 al 255. Indicaran la quantitat de vermell, de verd i de blau (en aquest ordre) del color final.
- Com que és un sistema decimal és de base 10, és a dir, només es poden usar les xifres 0, 1, 2, 3, 4, 5, 6, 7, 8 i 9
El color hexadecimal s'expressa així: #RRGGBB
- Funciona d'una manera semblant al decimal
- Heu de substituir les lletres per l'expressió que indicarà la quantitat de vermell, de verd i de blau (en aquest ordre) del color final
- En els colors hexadecimals el 00 (zero zero) equival al negre i FF al blanc. Aquest és més complicat perquè es barregen números i lletres
- Com que és un sistema hexadecimal és de base 16, és a dir, només es poden usar les xifres 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E i F. En aquest sistema, 10+1=A i no és fins F+1 que obtenim una xifra d'ordre superior seguida de zero (F+1=10)
El color pel nom que té assignat s'expressa així: X

La X simplement és un nom que se li dona al color en anglès i que podeu saber amb una taula al final del'escrit

Ara només queda explicar com s'apliquen aquests codis de color als codis HTML:

<span style="color: rgb(X, X, X)">---<span/> (substituïu les X per un codi de color decimal)

<span style="color: rgb(255, 0, 0)">Hola</span> Hola

<span style="color: rgb(0, 255, 0)">Hola</span> Hola

<span style="color: rgb(0, 0, 255)">Hola</span> Hola

<span style="color: #XXXXXX">---</span> (substituïu XXXXXX per un codi de color hexadecimal)

<span style="color: #FF0000">Hola</span> Hola

<span style="color: #00FF00">Hola</span> Hola

<span style="color: #0000FF">Hola</span> Hola

<span style="color: X">---</span> (substituïu X pel nom del color)

<span style="color: red">Hola</span> Hola

<span style="color: green">Hola</span> Hola

<span style="color: blue">Hola</span> Hola

Perquè ho vegeu més clar us deixo un enllaç de la Viquièdia on ho explica: ca.wikipedia.org/wiki/Colors_HTML Aquesta és la taula de colors (en anglès) amb els seus respectius codis de color decimals i hexadecimal.

nom HTML	codi hex R G B	codi decimal R G B
Colors vermells
IndianRed	CD 5C 5C	205 92 92
LightCoral	F0 80 80	240 128 128
Salmon	FA 80 72	250 128 114
DarkSalmon	E9 96 7A	233 150 122
LightSalmon	FF A0 7A	255 160 122
Crimson	DC 14 3C	220 20 60
Red	FF 00 00	255 0 0
FireBrick	B2 22 22	178 34 34
DarkRed	8B 00 00	139 0 0
Colors roses
Pink	FF C0 CB	255 192 203
LightPink	FF B6 C1	255 182 193
HotPink	FF 69 B4	255 105 180
DeepPink	FF 14 93	255 20 147
MediumVioletRed	C7 15 85	199 21 133
PaleVioletRed	DB 70 93	219 112 147
Colors taronges
LightSalmon	FF A0 7A	255 160 122
Coral	FF 7F 50	255 127 80
Tomato	FF 63 47	255 99 71
OrangeRed	FF 45 00	255 69 0
DarkOrange	FF 8C 00	255 140 0
Orange	FF A5 00	255 165 0
Colors grocs
Gold	FF D7 00	255 215 0
Yellow	FF FF 00	255 255 0
LightYellow	FF FF E0	255 255 224
LemonChiffon	FF FA CD	255 250 205
LightGoldenrodYellow	FA FA D2	250 250 210
PapayaWhip	FF EF D5	255 239 213
Moccasin	FF E4 B5	255 228 181
PeachPuff	FF DA B9	255 218 185
PaleGoldenrod	EE E8 AA	238 232 170
Khaki	F0 E6 8C	240 280 140
DarkKhaki	BD B7 6B	189 183 107
Colors porpres
Lavender	E6 E6 FA	230 230 250
Thistle	D8 BF D8	216 191 216
Plum	DD A0 DD	221 160 221
Violet	EE 82 EE	238 130 238
Orchid	DA 70 D6	218 112 214
Fuchsia/ Magenta	FF 00 FF	255 0 255
MediumOrchid	BA 55 D3	186 85 211
MediumPurple	93 70 DB	147 112 219
BlueViolet	8A 2B E2	138 43 226
DarkViolet	94 00 D3	148 0 211
DarkOrchid	99 32 CC	153 50 204
DarkMagenta	8B 00 8B	139 0 139
Purple	80 00 80	128 0 128
Indigo	4B 00 82	75 0 130
SlateBlue	6A 5A CD	106 90 205
DarkSlateBlue	48 3D 8B	72 61 139
Colors verds
GreenYellow	AD FF 2F	173 255 47
Chartreuse	7F FF 00	127 255 0
LawnGreen	7C FC 00	124 252 0
Lime	00 FF 00	0 255 0
LimeGreen	32 CD 32	50 205 50
PaleGreen	98 FB 98	152 251 152
LightGreen	90 EE 90	144 238 144
MediumSpringGreen	00 FA 9A	0 250 154
SpringGreen	00 FF 7F	0 255 127
MediumSeaGreen	3C B3 71	60 179 113
SeaGreen	2E 8B 57	46 139 87
ForestGreen	22 8B 22	34 139 34
Green	00 80 00	0 128 0
DarkGreen	00 64 00	0 100 0
YellowGreen	9A CD 32	154 205 50
OliveDrab	6B 8E 23	107 142 35
Olive	80 80 00	128 128 0
DarkOliveGreen	55 6B 2F	85 107 47
MediumAquamarine	66 CD AA	102 205 170
DarkSeaGreen	8F BC 8F	143 188 143
LightSeaGreen	20 B2 AA	32 178 170
DarkCyan	00 8B 8B	0 139 139
Teal	00 80 80	0 128 128
Colors blaus
Aqua	00 FF FF	0 255 255
Cyan	00 FF FF	0 255 255
LightCyan	E0 FF FF	224 255 255
PaleTurquoise	AF EE EE	175 238 238
Aquamarine	7F FF D4	127 255 212
Turquoise	40 E0 D0	64 224 208
MediumTurquoise	48 D1 CC	72 209 204
DarkTurquoise	00 CE D1	0 206 209
CadetBlue	5F 9E A0	95 158 160
SteelBlue	46 82 B4	70 130 180
LightSteelBlue	B0 C4 DE	176 196 222
PowderBlue	B0 E0 E6	176 224 230
LightBlue	AD D8 E6	173 216 230
SkyBlue	87 CE EB	135 206 235
LightSkyBlue	87 CE FA	135 206 250
DeepSkyBlue	00 BF FF	0 191 255
DodgerBlue	1E 90 FF	30 144 255
CornflowerBlue	64 95 ED	100 149 237
MediumSlateBlue	7B 68 EE	123 104 238
RoyalBlue	41 69 E1	65 105 225
Blue	00 00 FF	0 0 255
MediumBlue	00 00 CD	0 0 205
DarkBlue	00 00 8B	0 0 139
Navy	00 00 80	0 0 128
MidnightBlue	19 19 70	25 25 112
Colors marrons
Cornsilk	FF F8 DC	255 248 220
BlanchedAlmond	FF EB CD	255 235 205
Bisque	FF E4 C4	255 228 196
NavajoWhite	FF DE AD	255 222 173
Wheat	F5 DE B3	245 222 179
BurlyWood	DE B8 87	222 184 135
Tan	D2 B4 8C	210 180 140
RosyBrown	BC 8F 8F	188 143 143
SandyBrown	F4 A4 60	244 164 96
Goldenrod	DA A5 20	218 165 32
DarkGoldenrod	B8 86 0B	184 134 11
Peru	CD 85 3F	205 133 63
Chocolate	D2 69 1E	210 105 30
SaddleBrown	8B 45 13	139 69 19
Sienna	A0 52 2D	160 82 45
Brown	A5 2A 2A	165 42 42
Maroon	80 00 00	128 0 0
Colorsblancs
White	FF FF FF	255 255 255
Snow	FF FA FA	255 250 250
Honeydew	F0 FF F0	240 255 240
MintCream	F5 FF FA	245 255 250
Azure	F0 FF FF	240 255 255
AliceBlue	F0 F8 FF	240 248 255
GhostWhite	F8 F8 FF	248 248 255
WhiteSmoke	F5 F5 F5	245 245 245
Seashell	FF F5 EE	255 245 238
Beige	F5 F5 DC	245 245 220
OldLace	FD F5 E6	253 245 230
FloralWhite	FF FA F0	255 250 240
Ivory	FF FF F0	255 255 240
AntiqueWhite	FA EB D7	250 235 215
Linen	FA F0 E6	250 240 230
LavenderBlush	FF F0 F5	255 240 245
MistyRose	FF E4 E1	255 228 225
Colors grisos
Gainsboro	DC DC DC	220 220 220
LightGrey	D3 D3 D3	211 211 211
Silver	C0 C0 C0	192 192 192
DarkGray	A9 A9 A9	169 169 169
Gray	80 80 80	128 128 128
DimGray	69 69 69	105 105 105
LightSlateGray	77 88 99	119 136 153
SlateGray	70 80 90	112 128 144
DarkSlateGray	2F 4F 4F	47 79 79
Black	00 00 00	0 0 0

Codi HTML: Alineament

noreply@blogger.com (Oriol) — Thu, 12 Mar 2009 19:10:00 +0000

Si voleu alinear un text podeu fer servir els codis següents:

Per alinear a l'esquerra

</div>

<div align="left">Hola hola hola</div>
Hola hola hola

Per centrar

</div>

</center>

<div align="center">Hola hola hola</div>
Hola hola hola

<center>Hola hola hola</center>
Hola hola hola

Per alinear a la dreta

</div>

<div align="right">Hola hola hola</div>
Hola hola hola

Per justificar

</div>

<div align="justify">Hola hhola hhhola hhhhola hhhhhola hhhhhhola hhhhhhhola hhhhhhhhola hhhhhhhhhola hhhhhhhhhhola hhhhhhhhhhhola hhhhhhhhhhhhola hhhhhhhhhhhhhola hhhhhhhhhhhhhhola</div>
Hola hhola hhhola hhhhola hhhhhola hhhhhhola hhhhhhhola hhhhhhhhola hhhhhhhhhola hhhhhhhhhhola hhhhhhhhhhhola hhhhhhhhhhhhola hhhhhhhhhhhhhola hhhhhhhhhhhhhhola

Codi HTML: Imatge

noreply@blogger.com (Oriol) — Mon, 23 Feb 2009 15:03:00 +0000

Si voleu posar una imatge al vostre lloc web (ha d'estar carregada a Internet) heu de fer servir el codi següent:

<img src="---" /> (En lloc de --- poseu l'adreça)

Per exemple:

<img src="http://2.bp.blogspot.com/_otr90fDTZic/SVAbqp9xnTI/AAAAAAAAABg/Tm8BV4p4gsQ/S230/muntanya+polsosa.bmp" />

Per carregar una imatge a Internet podeu fer servir:

L'ImageShack
El Picasa o el Blogger (en realitat també es carreguen al Picasa) si teniu un compte de Google
L'SkyDrive si teniu un compte Hotmail
Altres

La imatge mantindrà el seu tamany original. Per canviar-lo podeu afegir les magnituds amplada (width) i alçada (height) amb el número que vulgueu:

<img src="http://2.bp.blogspot.com/_otr90fDTZic/SVAbqp9xnTI/AAAAAAAAABg/Tm8BV4p4gsQ/S230/muntanya+polsosa.bmp" width=320 height=240 />

Per posar-li un títol podeu afegir la magnitud title. Veureu que al passar el punter del ratolí per sobre de la imatge apareix Muntanya Polsosa en un rectangle:

<img src="http://2.bp.blogspot.com/_otr90fDTZic/SVAbqp9xnTI/AAAAAAAAABg/Tm8BV4p4gsQ/S230/muntanya+polsosa.bmp" title="Muntanya polsosa" />

Codi HTML: Llista numerada

noreply@blogger.com (Oriol) — Sun, 22 Feb 2009 17:07:00 +0000

Si voleu fer una llista numerada heu de fer servir el codi següent:
<ol>
<li>---</li>
</ol>

Per exemple:
<ol>
<li>Hola</li><li>Hola</li>
</ol>

Hola
Hola

Podeu repetir el <ol> varies vegades per aconseguir un sagnat major mantenint la numeració. Per exemple:
<ol>
<li>Hola</li>
</ol>

Hola

Hola

Hola

Hola

...

Codi HTML: Llista de pics

noreply@blogger.com (Oriol) — Sat, 21 Feb 2009 14:08:00 +0000

Si voleu fer una llista de pics heu de fer servir el codi següent:
<li>---</li> (en lloc de --- poseu el text).

Per exemple:
<li>Hola</li><li>Hola</li>

Hola

Normalment es combina aquest codi amb un augment de sagnat, per exemple:
<ul><li>Hola</li><li>Hola</li></ul>

Hola
Hola

Podeu repetir el <ul> varies vegades per aconseguir un sagnat major juntament amb un pic diferent. Per exemple:
<li>Hola</li>

Hola

Hola

Hola

Hola

...