Disseny de pàgines web
amb programari lliure



                                  Novembre 2009
                          ...
amb programari lliure
                                      Disseny de pàgines web




http://www.flickr.com/photos/pulgui...
Truita de patates
En no massa oli, fregir cinc   Per compartir
patates mitjanes tallades a
dauets i sal.

Batre dos ous am...
Programari
      lliure

               Es pot fer servir
               Es pot distribuir
               Es pot copiar
  ...
Programari
      lliure

               Es pot fer servir
               Es pot distribuir
               Es pot copiar
  ...
Programari
      lliure

               Sistemes operatius
               Navegadors
               Clients de correu
    ...
Programari
      lliure
Disseny de
   pàgines
       web     Planificació
               Integració i programació
        ...
Programari
      lliure
Disseny de
   pàgines     Planificació
       web
                  Target
                  Conti...
Programari
      lliure
Disseny de
   pàgines     Integració i programació
       web
                 HTML
              ...
Programari
      lliure
Disseny de
   pàgines     Proves i ajustaments
       web
                 Publicació
            ...
Programari
      lliure
Disseny de
   pàgines
       web     Sobretot recordeu:
               La qualitat d'una web
     ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               01    En 4 segons
                   ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               02    Recorda que
                   ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               03    La cantonada
                  ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               04    La lectura en
                 ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               05    Pensa en el
                   ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               06    Pensar si és
                  ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               07    Fes servir
                    ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               08    Formateja el
                  ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               09    Utilitza gràfics
              ...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               10    No t'oblidis
                  ...
Programari
      lliure
Disseny de
   pàgines
       web
               Olga Cuevas i Melis
               www.pirineuweb....
Upcoming SlideShare
Loading in …5
×

Disseny web amb programari lliure

995 views
955 views

Published on

Classe feta a la Casa d'oficis Sant Feliu digital

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
995
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Disseny web amb programari lliure

  1. 1. Disseny de pàgines web amb programari lliure Novembre 2009 Sant Feliu de Llobregat Casa d'oficis “Sant Feliu, ciutat digital”
  2. 2. amb programari lliure Disseny de pàgines web http://www.flickr.com/photos/pulguita/1601082165/
  3. 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. 4. Programari lliure Es pot fer servir Es pot distribuir Es pot copiar Es pot modificar
  5. 5. Programari lliure Es pot fer servir Es pot distribuir Es pot copiar Es pot modificar El coneixem? El fem servir?
  6. 6. Programari lliure Sistemes operatius Navegadors Clients de correu Multimèdia Programació ... També disseny pàgines web!!!
  7. 7. Programari lliure Disseny de pàgines web Planificació Integració i programació Proves i ajustaments
  8. 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. 9. Programari lliure Disseny de pàgines Integració i programació web HTML Fulles d'estil Programació CMS Firefox Quanta Bluefish Compozer
  10. 10. Programari lliure Disseny de pàgines Proves i ajustaments web Publicació Ajustaments Accessibilitat Usabilitat Marketing gFTP Firefox Filezilla
  11. 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. 12. Programari lliure Disseny de pàgines Consells web 01 En 4 segons ens hem de posar l'usuari a la butxaca
  13. 13. Programari lliure Disseny de pàgines Consells web 02 Recorda que l'usuari està escanejant la xarxa contínuament
  14. 14. Programari lliure Disseny de pàgines Consells web 03 La cantonada superior esquerra és la més vista
  15. 15. Programari lliure Disseny de pàgines Consells web 04 La lectura en diagonal es fa en forma de F
  16. 16. Programari lliure Disseny de pàgines Consells web 05 Pensa en el que ignoren per sistema els usuaris
  17. 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. 18. Programari lliure Disseny de pàgines Consells web 07 Fes servir correctament els elements de disseny: H1, H2...
  19. 19. Programari lliure Disseny de pàgines Consells web 08 Formateja el text de forma vistosa. Paràgrafs, negretes...
  20. 20. Programari lliure Disseny de pàgines Consells web 09 Utilitza gràfics clars
  21. 21. Programari lliure Disseny de pàgines Consells web 10 No t'oblidis dels espais en blanc
  22. 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”

×