SlideShare ist ein Scribd-Unternehmen logo
1 von 16
Modul: Einführung ins Webdesign

          Giovanna Basile
           GR 3b I August 2012
Die Schritte zur Realisierung eines Webprojekts aufzählen
                                                     Aus meiner Sicht


 Was will ich in meinem Portfolio zeigen?
 Wie baue ich meine Seite auf?
 Wie soll das Design aussehen?
 Wie gebe ich dem Programmierer das Design richtig weiter?
 Wie viel Zeit brauche ich?
 Wann soll die Seite Online gehen?
Meine Website

         www.giannabasile.ch
Die Schritte zur Realisierung eines Webprojekts aufzählen
                                                                  Was steht im Internet darüber?
Unter diesem Link:
http://www.wolke23.de/tutorials/verschiedenes/planung-einer-website-fie-eigene-einrichtung.html
habe ich folgende Schritte herausgefunden (inkl. weiter Details und andere Seiten).



 Zielgruppe - Wen will ich erreichen?
 Zweck - Was soll die Website?
 Inhalte
 Interaktivität
 Internes
 Projektarbeit
 Kosten und Zeitaufwand
Die Schritte zur Realisierung eines Webprojekts aufzählen
                           Was sagt ein Hobbywebdesigner und Programmierer darüber?

Herr Wismann hat mir zur Frage: Wie gehst du vor wenn du ein Webprojekt erhältst?
Folgendes beantwortet:


 Ich überlege mir zuerst um was es geht. Je nach Inhalt
  nehme ich den Auftrag an oder eben auch nicht. Ich
  erfahre aber auch in welche Richtung das Design geht
  (Retro, Schlicht, etc). Ich passe das Design immer der
  Zielgruppe an.
 Ich frage den Kunden wie es aussieht mit dem Inhalt -
  habe ich viel Text, Bilder usw. Hier wird mit dem Kunden
  auch gleich der Preis abgemacht.
Die Schritte zur Realisierung eines Webprojekts aufzählen
                  Was sagt ein Hobbywebdesigner und Programmierer darüber?




 Hat der Kunde schon irgendwelche Vorstellungen, Ideen,
  Inspirationen die er auch für seine Website haben will?
 Ich skizziere mal grob ein Design (meistens mit dem
  Kunde zusammen). Dies kann gleich das ganze Design
  sein, oder aber auch nur einzelne Komponenten.
Die Schritte zur Realisierung eines Webprojekts aufzählen
                  Was sagt ein Hobbywebdesigner und Programmierer darüber?


 Ich beginne die Seite im Photoshop zu entwerfen
 Sobald der Kunde dann zufrieden ist beginne ich das
  Design zu programmieren (Als Programmiersprache
  brauche ich nur als Basis immer nur HTML,PHP & CSS)
  für Verschönerungen
  (Animationen/ModerneKomponenten) des Designs arbeite
  ich mit JavaScript, dem Zusatz jQuery oder AJAX
 Ich sehe mir dann die Seite wieder mit dem Kunden an
Die Schritte zur Realisierung eines Webprojekts aufzählen
                   Was sagt ein Hobbywebdesigner und Programmierer darüber?


 Falls der Kunde zufrieden ist schalte ich seine
  Homepage auf
 Als letzter Punkt folgt danach einfach noch die
  Abschlusskontrolle und die Abrechnung
Die Schritte zur Realisierung eines Webprojekts aufzählen
                                                      Schlussfolgerung


 Zweck – Was soll die Website
 Zielgruppe – Wen will ich erreichen
 Inhalte – Sammeln und Sortieren
 Interaktivität – Chats, Blogs, Gästebuch
 Zugriff
 Design – Suche nach Inspirationen
 Skizzieren und im Photoshop beginnen zu gestalten
 Kosten und Zeitaufwand
Die Schritte zur Realisierung eines Webprojekts aufzählen
                                                      Schlussfolgerung


 Mehrere Vorschläge präsentieren
 Mit dem Programmierer Projektumsetzung besprechen
 Die Website fertig gestalten
 Alle Bilder, Texte und Dateien bereitstellen
 Dem Kunden alles präsentieren
 Evt. verbessern, Kleinigkeiten verändern etc.
 Website online stellen
 Projekt abschliessen
ENDE
Giovanna Basile
 GR 3b I August 2012

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (20)

Vortrag Recht 2.0
Vortrag Recht 2.0Vortrag Recht 2.0
Vortrag Recht 2.0
 
Vortrag Recht 2.0
Vortrag Recht 2.0Vortrag Recht 2.0
Vortrag Recht 2.0
 
Ach... Och...
Ach... Och...Ach... Och...
Ach... Och...
 
Gat2
Gat2Gat2
Gat2
 
Pildora tratamiento pqr
Pildora tratamiento pqrPildora tratamiento pqr
Pildora tratamiento pqr
 
Noche vieja---ano-nuevo--.
Noche vieja---ano-nuevo--.Noche vieja---ano-nuevo--.
Noche vieja---ano-nuevo--.
 
Resumen ley de emprendedores
Resumen ley de emprendedoresResumen ley de emprendedores
Resumen ley de emprendedores
 
Thomas Brunner, agricultural company "Agro Plus 2006"
Thomas Brunner, agricultural company "Agro Plus 2006"Thomas Brunner, agricultural company "Agro Plus 2006"
Thomas Brunner, agricultural company "Agro Plus 2006"
 
Gat1
Gat1Gat1
Gat1
 
Anita fa
Anita faAnita fa
Anita fa
 
Presentación1
Presentación1Presentación1
Presentación1
 
Anemia
AnemiaAnemia
Anemia
 
Sin título 1
Sin título 1Sin título 1
Sin título 1
 
Regalo
RegaloRegalo
Regalo
 
pasos para crear un wiki
pasos para crear un wikipasos para crear un wiki
pasos para crear un wiki
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
Presentacion afip rg 3432-futbol
Presentacion afip  rg 3432-futbolPresentacion afip  rg 3432-futbol
Presentacion afip rg 3432-futbol
 
pronomes pessoais e reflexivos
pronomes pessoais e reflexivospronomes pessoais e reflexivos
pronomes pessoais e reflexivos
 
Practica 1
Practica 1Practica 1
Practica 1
 
372
372372
372
 

Ähnlich wie Modul webd

Eine neue Webseite muss her - Hilfestellung für Hoteliers und Gastronomen
Eine neue Webseite muss her - Hilfestellung für Hoteliers und GastronomenEine neue Webseite muss her - Hilfestellung für Hoteliers und Gastronomen
Eine neue Webseite muss her - Hilfestellung für Hoteliers und Gastronomenblumbryant gmbh
 
My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developerchristianschweinhardt
 
Wir brauchen einen neuen Workflow
Wir brauchen einen neuen WorkflowWir brauchen einen neuen Workflow
Wir brauchen einen neuen WorkflowJens Grochtdreis
 
Michael Glöggler (noesis)
Michael Glöggler (noesis)Michael Glöggler (noesis)
Michael Glöggler (noesis)Praxistage
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitOliver Annen
 
Finden ist besser als Suchen - Vortrag über Suchmaschinenoptimierung
Finden ist besser als Suchen - Vortrag über SuchmaschinenoptimierungFinden ist besser als Suchen - Vortrag über Suchmaschinenoptimierung
Finden ist besser als Suchen - Vortrag über SuchmaschinenoptimierungeBusiness-Lotse Potsdam
 
GPMS Mitgliederversammlung 2009 - Teil 2
GPMS Mitgliederversammlung 2009 - Teil 2GPMS Mitgliederversammlung 2009 - Teil 2
GPMS Mitgliederversammlung 2009 - Teil 2GPMS
 
Einfluss von Social Media auf Recruiting & Employer Branding
Einfluss von Social Media auf Recruiting & Employer BrandingEinfluss von Social Media auf Recruiting & Employer Branding
Einfluss von Social Media auf Recruiting & Employer Brandingxeit AG
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDConny Stier
 
Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...
Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...
Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...Carpathia AG
 
Dokumentation
DokumentationDokumentation
Dokumentationo0plum0o
 
Dokumentation
DokumentationDokumentation
Dokumentationo0plum0o
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH
 
Erfolgreiche Webseiten mit WordPress
Erfolgreiche Webseiten mit WordPressErfolgreiche Webseiten mit WordPress
Erfolgreiche Webseiten mit WordPressmedien-sprechstunde
 
Moderne Kommunikation für Wirtschaftssenioren, Teil2
Moderne Kommunikation für Wirtschaftssenioren, Teil2Moderne Kommunikation für Wirtschaftssenioren, Teil2
Moderne Kommunikation für Wirtschaftssenioren, Teil2reinhard|huber
 
Webdesign & Webshop mit Magento Gratis-Probestunde - Eduvision
Webdesign & Webshop mit Magento Gratis-Probestunde - EduvisionWebdesign & Webshop mit Magento Gratis-Probestunde - Eduvision
Webdesign & Webshop mit Magento Gratis-Probestunde - EduvisionEduvision Ausbildungen
 
Hovida design ppt
Hovida design pptHovida design ppt
Hovida design pptPatrickN12
 
Verhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives WebdesignVerhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives WebdesignSebastian Deterding
 

Ähnlich wie Modul webd (20)

Eine neue Webseite muss her - Hilfestellung für Hoteliers und Gastronomen
Eine neue Webseite muss her - Hilfestellung für Hoteliers und GastronomenEine neue Webseite muss her - Hilfestellung für Hoteliers und Gastronomen
Eine neue Webseite muss her - Hilfestellung für Hoteliers und Gastronomen
 
My application as webdesigner and front-end developer
My application as webdesigner and front-end developerMy application as webdesigner and front-end developer
My application as webdesigner and front-end developer
 
Wir brauchen einen neuen Workflow
Wir brauchen einen neuen WorkflowWir brauchen einen neuen Workflow
Wir brauchen einen neuen Workflow
 
Michael Glöggler (noesis)
Michael Glöggler (noesis)Michael Glöggler (noesis)
Michael Glöggler (noesis)
 
Website Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre TeamarbeitWebsite Konzeption - Eine interdisziplinäre Teamarbeit
Website Konzeption - Eine interdisziplinäre Teamarbeit
 
Finden ist besser als Suchen - Vortrag über Suchmaschinenoptimierung
Finden ist besser als Suchen - Vortrag über SuchmaschinenoptimierungFinden ist besser als Suchen - Vortrag über Suchmaschinenoptimierung
Finden ist besser als Suchen - Vortrag über Suchmaschinenoptimierung
 
GPMS Mitgliederversammlung 2009 - Teil 2
GPMS Mitgliederversammlung 2009 - Teil 2GPMS Mitgliederversammlung 2009 - Teil 2
GPMS Mitgliederversammlung 2009 - Teil 2
 
10 Tipps für ein erfolgreiches Webkonzept
10 Tipps für ein erfolgreiches Webkonzept10 Tipps für ein erfolgreiches Webkonzept
10 Tipps für ein erfolgreiches Webkonzept
 
Einfluss von Social Media auf Recruiting & Employer Branding
Einfluss von Social Media auf Recruiting & Employer BrandingEinfluss von Social Media auf Recruiting & Employer Branding
Einfluss von Social Media auf Recruiting & Employer Branding
 
Responsive Webdesign
Responsive WebdesignResponsive Webdesign
Responsive Webdesign
 
SEO Produktspezifikation für RWD
SEO Produktspezifikation für RWDSEO Produktspezifikation für RWD
SEO Produktspezifikation für RWD
 
Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...
Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...
Lukas Stuber, Angelink: E-Shop-Performance steigern mit Suchmaschinen und Web...
 
Dokumentation
DokumentationDokumentation
Dokumentation
 
Dokumentation
DokumentationDokumentation
Dokumentation
 
revision6 GmbH Internetagentur
revision6 GmbH Internetagenturrevision6 GmbH Internetagentur
revision6 GmbH Internetagentur
 
Erfolgreiche Webseiten mit WordPress
Erfolgreiche Webseiten mit WordPressErfolgreiche Webseiten mit WordPress
Erfolgreiche Webseiten mit WordPress
 
Moderne Kommunikation für Wirtschaftssenioren, Teil2
Moderne Kommunikation für Wirtschaftssenioren, Teil2Moderne Kommunikation für Wirtschaftssenioren, Teil2
Moderne Kommunikation für Wirtschaftssenioren, Teil2
 
Webdesign & Webshop mit Magento Gratis-Probestunde - Eduvision
Webdesign & Webshop mit Magento Gratis-Probestunde - EduvisionWebdesign & Webshop mit Magento Gratis-Probestunde - Eduvision
Webdesign & Webshop mit Magento Gratis-Probestunde - Eduvision
 
Hovida design ppt
Hovida design pptHovida design ppt
Hovida design ppt
 
Verhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives WebdesignVerhaltensänderung speichern? Über persuasives Webdesign
Verhaltensänderung speichern? Über persuasives Webdesign
 

Modul webd

  • 1. Modul: Einführung ins Webdesign Giovanna Basile GR 3b I August 2012
  • 2. Die Schritte zur Realisierung eines Webprojekts aufzählen Aus meiner Sicht  Was will ich in meinem Portfolio zeigen?  Wie baue ich meine Seite auf?  Wie soll das Design aussehen?  Wie gebe ich dem Programmierer das Design richtig weiter?  Wie viel Zeit brauche ich?  Wann soll die Seite Online gehen?
  • 3.
  • 4.
  • 5.
  • 6.
  • 7. Meine Website www.giannabasile.ch
  • 8. Die Schritte zur Realisierung eines Webprojekts aufzählen Was steht im Internet darüber? Unter diesem Link: http://www.wolke23.de/tutorials/verschiedenes/planung-einer-website-fie-eigene-einrichtung.html habe ich folgende Schritte herausgefunden (inkl. weiter Details und andere Seiten).  Zielgruppe - Wen will ich erreichen?  Zweck - Was soll die Website?  Inhalte  Interaktivität  Internes  Projektarbeit  Kosten und Zeitaufwand
  • 9. Die Schritte zur Realisierung eines Webprojekts aufzählen Was sagt ein Hobbywebdesigner und Programmierer darüber? Herr Wismann hat mir zur Frage: Wie gehst du vor wenn du ein Webprojekt erhältst? Folgendes beantwortet:  Ich überlege mir zuerst um was es geht. Je nach Inhalt nehme ich den Auftrag an oder eben auch nicht. Ich erfahre aber auch in welche Richtung das Design geht (Retro, Schlicht, etc). Ich passe das Design immer der Zielgruppe an.  Ich frage den Kunden wie es aussieht mit dem Inhalt - habe ich viel Text, Bilder usw. Hier wird mit dem Kunden auch gleich der Preis abgemacht.
  • 10. Die Schritte zur Realisierung eines Webprojekts aufzählen Was sagt ein Hobbywebdesigner und Programmierer darüber?  Hat der Kunde schon irgendwelche Vorstellungen, Ideen, Inspirationen die er auch für seine Website haben will?  Ich skizziere mal grob ein Design (meistens mit dem Kunde zusammen). Dies kann gleich das ganze Design sein, oder aber auch nur einzelne Komponenten.
  • 11.
  • 12. Die Schritte zur Realisierung eines Webprojekts aufzählen Was sagt ein Hobbywebdesigner und Programmierer darüber?  Ich beginne die Seite im Photoshop zu entwerfen  Sobald der Kunde dann zufrieden ist beginne ich das Design zu programmieren (Als Programmiersprache brauche ich nur als Basis immer nur HTML,PHP & CSS) für Verschönerungen (Animationen/ModerneKomponenten) des Designs arbeite ich mit JavaScript, dem Zusatz jQuery oder AJAX  Ich sehe mir dann die Seite wieder mit dem Kunden an
  • 13. Die Schritte zur Realisierung eines Webprojekts aufzählen Was sagt ein Hobbywebdesigner und Programmierer darüber?  Falls der Kunde zufrieden ist schalte ich seine Homepage auf  Als letzter Punkt folgt danach einfach noch die Abschlusskontrolle und die Abrechnung
  • 14. Die Schritte zur Realisierung eines Webprojekts aufzählen Schlussfolgerung  Zweck – Was soll die Website  Zielgruppe – Wen will ich erreichen  Inhalte – Sammeln und Sortieren  Interaktivität – Chats, Blogs, Gästebuch  Zugriff  Design – Suche nach Inspirationen  Skizzieren und im Photoshop beginnen zu gestalten  Kosten und Zeitaufwand
  • 15. Die Schritte zur Realisierung eines Webprojekts aufzählen Schlussfolgerung  Mehrere Vorschläge präsentieren  Mit dem Programmierer Projektumsetzung besprechen  Die Website fertig gestalten  Alle Bilder, Texte und Dateien bereitstellen  Dem Kunden alles präsentieren  Evt. verbessern, Kleinigkeiten verändern etc.  Website online stellen  Projekt abschliessen
  • 16. ENDE Giovanna Basile GR 3b I August 2012