1. Disseny de pàgines web
amb programari lliure
Novembre 2009
Sant Feliu de Llobregat
Casa d'oficis “Sant Feliu, ciutat digital”
2. amb programari lliure
Disseny de pàgines web
http://www.flickr.com/photos/pulguita/1601082165/
3. Truita de patates
En no massa oli, fregir cinc Per compartir
patates mitjanes tallades a
dauets i sal.
Batre dos ous amb una
mica de sal.
Barrejar les patates amb
l'ou.
Fregir en una paella ben
calenta.
40 minuts
Olga Cuevas i Melis
4. Programari
lliure
Es pot fer servir
Es pot distribuir
Es pot copiar
Es pot modificar
5. Programari
lliure
Es pot fer servir
Es pot distribuir
Es pot copiar
Es pot modificar
El coneixem? El fem servir?
6. Programari
lliure
Sistemes operatius
Navegadors
Clients de correu
Multimèdia
Programació
...
També disseny pàgines web!!!
7. Programari
lliure
Disseny de
pàgines
web Planificació
Integració i programació
Proves i ajustaments
8. Programari
lliure
Disseny de
pàgines Planificació
web
Target
Continguts Dia
Gimp
Interfície Firefox
Estil Audacity
Arquitectura Inkscape
Virtualdub
Cmaptools
OpenOffice
Thunderbird
9. Programari
lliure
Disseny de
pàgines Integració i programació
web
HTML
Fulles d'estil
Programació
CMS
Firefox
Quanta
Bluefish
Compozer
10. Programari
lliure
Disseny de
pàgines Proves i ajustaments
web
Publicació
Ajustaments
Accessibilitat
Usabilitat
Marketing
gFTP
Firefox
Filezilla
11. Programari
lliure
Disseny de
pàgines
web Sobretot recordeu:
La qualitat d'una web
no depén en cap cas
de l'eina utilitzada
12. Programari
lliure
Disseny de
pàgines Consells
web
01 En 4 segons
ens hem de
posar l'usuari
a la butxaca
13. Programari
lliure
Disseny de
pàgines Consells
web
02 Recorda que
l'usuari està
escanejant la
xarxa
contínuament
14. Programari
lliure
Disseny de
pàgines Consells
web
03 La cantonada
superior
esquerra és la
més vista
15. Programari
lliure
Disseny de
pàgines Consells
web
04 La lectura en
diagonal es fa
en forma de
F
16. Programari
lliure
Disseny de
pàgines Consells
web
05 Pensa en el
que ignoren
per sistema
els usuaris
17. Programari
lliure
Disseny de
pàgines Consells
web
06 Pensar si és
millor un text
que un gràfic,
o al revés
18. Programari
lliure
Disseny de
pàgines Consells
web
07 Fes servir
correctament
els elements
de disseny:
H1, H2...
19. Programari
lliure
Disseny de
pàgines Consells
web
08 Formateja el
text de forma
vistosa.
Paràgrafs,
negretes...
20. Programari
lliure
Disseny de
pàgines Consells
web
09 Utilitza gràfics
clars
21. Programari
lliure
Disseny de
pàgines Consells
web
10 No t'oblidis
dels espais en
blanc
22. Programari
lliure
Disseny de
pàgines
web
Olga Cuevas i Melis
www.pirineuweb.com
Novembre 2009
Sant Feliu de Llobregat
Casa d'oficis “Sant Feliu, ciutat digital”