SlideShare une entreprise Scribd logo
1  sur  22
Télécharger pour lire hors ligne
Disseny de pàgines web
amb programari lliure



                                  Novembre 2009
                           Sant Feliu de Llobregat
           Casa d'oficis “Sant Feliu, ciutat digital”
amb programari lliure
                                      Disseny de pàgines web




http://www.flickr.com/photos/pulguita/1601082165/
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
Programari
      lliure

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

               Es pot fer servir
               Es pot distribuir
               Es pot copiar
               Es pot modificar


               El coneixem? El fem servir?
Programari
      lliure

               Sistemes operatius
               Navegadors
               Clients de correu
               Multimèdia
               Programació
               ...
               També disseny pàgines web!!!
Programari
      lliure
Disseny de
   pàgines
       web     Planificació
               Integració i programació
               Proves i ajustaments
Programari
      lliure
Disseny de
   pàgines     Planificació
       web
                  Target
                  Continguts               Dia
                                        Gimp
                  Interfície           Firefox
                  Estil              Audacity
                  Arquitectura      Inkscape
                                   Virtualdub
                                  Cmaptools
                                  OpenOffice
                                 Thunderbird
Programari
      lliure
Disseny de
   pàgines     Integració i programació
       web
                 HTML
                 Fulles d'estil
                 Programació
                 CMS
                                     Firefox
                                    Quanta
                                    Bluefish
                                  Compozer
Programari
      lliure
Disseny de
   pàgines     Proves i ajustaments
       web
                 Publicació
                 Ajustaments
                 Accessibilitat
                 Usabilitat
                 Marketing
                                        gFTP
                                      Firefox
                                      Filezilla
Programari
      lliure
Disseny de
   pàgines
       web     Sobretot recordeu:
               La qualitat d'una web
               no depén en cap cas
               de l'eina utilitzada
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               01    En 4 segons
                     ens hem de
                     posar l'usuari
                     a la butxaca
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               02    Recorda que
                     l'usuari està
                     escanejant la
                     xarxa
                     contínuament
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               03    La cantonada
                     superior
                     esquerra és la
                     més vista
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               04    La lectura en
                     diagonal es fa
                     en forma de
                     F
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               05    Pensa en el
                     que ignoren
                     per sistema
                     els usuaris
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               06    Pensar si és
                     millor un text
                     que un gràfic,
                     o al revés
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               07    Fes servir
                     correctament
                     els elements
                     de disseny:
                     H1, H2...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               08    Formateja el
                     text de forma
                     vistosa.
                     Paràgrafs,
                     negretes...
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               09    Utilitza gràfics
                     clars
Programari
      lliure
Disseny de
   pàgines     Consells
       web
               10    No t'oblidis
                     dels espais en
                     blanc
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”

Contenu connexe

Similaire à Disseny web amb programari lliure

Migració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsMigració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsIsmael Fanlo
 
Calvo garridoguillem poweractivitat12
Calvo garridoguillem poweractivitat12Calvo garridoguillem poweractivitat12
Calvo garridoguillem poweractivitat12GuillemCG
 
Presentacio arambee 03-05-2012
Presentacio arambee 03-05-2012Presentacio arambee 03-05-2012
Presentacio arambee 03-05-2012Arambee
 
B1 e1 s1_galera_irene
B1 e1 s1_galera_ireneB1 e1 s1_galera_irene
B1 e1 s1_galera_irenegalleysworld
 
DreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesDreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesAlba Huguet Eroles
 
DreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesDreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesAlba Huguet Eroles
 
Pr3 ex2 oral_fernandes_dasilva,carlasofia
Pr3 ex2 oral_fernandes_dasilva,carlasofiaPr3 ex2 oral_fernandes_dasilva,carlasofia
Pr3 ex2 oral_fernandes_dasilva,carlasofiaUniversitat d' Andorra
 
Fira de la Música al Carrer Vila-seca els 10 errors més comuns
Fira de la Música al Carrer Vila-seca   els 10 errors més comunsFira de la Música al Carrer Vila-seca   els 10 errors més comuns
Fira de la Música al Carrer Vila-seca els 10 errors més comunsMontserrat Peñarroya
 
Cultura 2.0 - de la web 1.0 a la 3.0
Cultura 2.0 - de la web 1.0 a la 3.0Cultura 2.0 - de la web 1.0 a la 3.0
Cultura 2.0 - de la web 1.0 a la 3.0Montserrat Peñarroya
 
la programació lleugera
la programació lleugerala programació lleugera
la programació lleugeraGertrudiscp
 
Arts escèniques "Els 10 errors més comuns en la comunicació online"
Arts escèniques "Els 10 errors més comuns en la comunicació online"Arts escèniques "Els 10 errors més comuns en la comunicació online"
Arts escèniques "Els 10 errors més comuns en la comunicació online"Montserrat Peñarroya
 
Software lliure
Software lliureSoftware lliure
Software lliureIberoxarxa
 

Similaire à Disseny web amb programari lliure (20)

Migració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitatsMigració al programari lliure: reptes i oportunitats
Migració al programari lliure: reptes i oportunitats
 
Calvo garridoguillem poweractivitat12
Calvo garridoguillem poweractivitat12Calvo garridoguillem poweractivitat12
Calvo garridoguillem poweractivitat12
 
Presentacio arambee 03-05-2012
Presentacio arambee 03-05-2012Presentacio arambee 03-05-2012
Presentacio arambee 03-05-2012
 
B1 e1 s1_galera_irene
B1 e1 s1_galera_ireneB1 e1 s1_galera_irene
B1 e1 s1_galera_irene
 
DreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesDreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet Eroles
 
DreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet ErolesDreamWeaver, Alba Huguet Eroles
DreamWeaver, Alba Huguet Eroles
 
Pr3 ex2 oral_fernandes_dasilva,carlasofia
Pr3 ex2 oral_fernandes_dasilva,carlasofiaPr3 ex2 oral_fernandes_dasilva,carlasofia
Pr3 ex2 oral_fernandes_dasilva,carlasofia
 
Arxius 2.0
Arxius 2.0Arxius 2.0
Arxius 2.0
 
Web 2.0 - Rotary Club
Web 2.0 - Rotary ClubWeb 2.0 - Rotary Club
Web 2.0 - Rotary Club
 
Fira de la Música al Carrer Vila-seca els 10 errors més comuns
Fira de la Música al Carrer Vila-seca   els 10 errors més comunsFira de la Música al Carrer Vila-seca   els 10 errors més comuns
Fira de la Música al Carrer Vila-seca els 10 errors més comuns
 
Usabilitat Web
Usabilitat WebUsabilitat Web
Usabilitat Web
 
Presentació Entitats i web 2.0
Presentació Entitats i web 2.0Presentació Entitats i web 2.0
Presentació Entitats i web 2.0
 
Web1.2.3.0
Web1.2.3.0Web1.2.3.0
Web1.2.3.0
 
Cultura 2.0 - de la web 1.0 a la 3.0
Cultura 2.0 - de la web 1.0 a la 3.0Cultura 2.0 - de la web 1.0 a la 3.0
Cultura 2.0 - de la web 1.0 a la 3.0
 
De la Web 2.0 a la 3.0
De la Web 2.0 a la 3.0De la Web 2.0 a la 3.0
De la Web 2.0 a la 3.0
 
la programació lleugera
la programació lleugerala programació lleugera
la programació lleugera
 
Arts escèniques "Els 10 errors més comuns en la comunicació online"
Arts escèniques "Els 10 errors més comuns en la comunicació online"Arts escèniques "Els 10 errors més comuns en la comunicació online"
Arts escèniques "Els 10 errors més comuns en la comunicació online"
 
Software lliure
Software lliureSoftware lliure
Software lliure
 
Com planificar web de la teva empresa 2013
Com planificar web de la teva empresa  2013 Com planificar web de la teva empresa  2013
Com planificar web de la teva empresa 2013
 
Pràctica tic
Pràctica ticPràctica tic
Pràctica tic
 

Plus de Olga Cuevas i Melis (20)

Codis qr
Codis qrCodis qr
Codis qr
 
Posicionament web
Posicionament webPosicionament web
Posicionament web
 
Cloud computing
Cloud computingCloud computing
Cloud computing
 
La gestió de clients i introducció a CRM
La gestió de clients i introducció a CRMLa gestió de clients i introducció a CRM
La gestió de clients i introducció a CRM
 
Pàgina web amb Wordpress
Pàgina web amb WordpressPàgina web amb Wordpress
Pàgina web amb Wordpress
 
Comunicació TIC
Comunicació TICComunicació TIC
Comunicació TIC
 
M'estic passant?
M'estic passant?M'estic passant?
M'estic passant?
 
El cv, d'avorrit res de res
El cv, d'avorrit res de resEl cv, d'avorrit res de res
El cv, d'avorrit res de res
 
El meu altre jo
El meu altre joEl meu altre jo
El meu altre jo
 
Guiatge i acompanyament
Guiatge i acompanyamentGuiatge i acompanyament
Guiatge i acompanyament
 
Estratègies pràctiques de comunicació digital
Estratègies pràctiques de comunicació digitalEstratègies pràctiques de comunicació digital
Estratègies pràctiques de comunicació digital
 
Com planificar una web
Com planificar una webCom planificar una web
Com planificar una web
 
Màrqueting digital
Màrqueting digitalMàrqueting digital
Màrqueting digital
 
Introducció a les eines informàtiques i recursos digitals per a professionals
Introducció a les eines informàtiques i recursos digitals per a professionalsIntroducció a les eines informàtiques i recursos digitals per a professionals
Introducció a les eines informàtiques i recursos digitals per a professionals
 
Autoocupacio
AutoocupacioAutoocupacio
Autoocupacio
 
Mailchimp
MailchimpMailchimp
Mailchimp
 
Google analytics
Google analyticsGoogle analytics
Google analytics
 
Posiciona el teu negoci a través de les xarxes socials
Posiciona el teu negoci a través de les xarxes socialsPosiciona el teu negoci a través de les xarxes socials
Posiciona el teu negoci a través de les xarxes socials
 
Administracio electronica
Administracio electronicaAdministracio electronica
Administracio electronica
 
Url
UrlUrl
Url
 

Disseny web amb programari lliure

  • 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”