Gestaltung von Webseiten und technische Umsetzung

Transkript

1 Gestaltung von Webseiten und technische Umsetzung Osnabrück, den 31. März 2014 Uwe Salm, ebusiness Lotse Osnabrück

2 ebusiness Lotse Osnabrück Träger: Science to Business GmbH - Hochschule Osnabrück Universität Osnabrück Hochschule Osnabrück Kooperationspartner: ecoservice GmbH iuk Unternehmensnetzwerk Osnabrück e.v. IHK Osnabrück - Emsland - Grafschaft Bentheim Gründerhaus Osnabrück.Osnabrücker Land WFO Wirtschaftsförderung Osnabrück GmbH 31. März

3 Agenda Vorüberlegungen Umsetzung Handlungsempfehlung Kosten 31. März

4 Vorüberlegungen Gestaltung Erwartungen der Zielgruppe im Auge behalten Verlinkung zielführend und korrekt (3 Klicks) Eindeutige Menüführung Textgestaltung für das Internet (Lesbarkeit, Länge, Suchmaschinen) Größe und Qualität von Fotos und Multimedia-Dateien Farbauswahl Druck- und Speicherfähigkeit von Informationen Eyecatcher Bildschirmauflösung 31. März

5 Vorüberlegungen Technologie Standards im Internet beachten (Programmierung) Browser-Optimierung (Verbreitung, Versionen) Ladezeiten berücksichtigen Plugins sparsam einsetzen Evtl. barrierefreie Gestaltung (Variable Schriftgröße, Alt-Tags für Bilder usw.) 31. März

6 Vorüberlegungen Mobile Internet Nutzung Quelle: AGOF e.v. / mobile facts 2013-III 31. März

7 1. Selber machen 1. Programmieren 2. Web-Baukästen 3. Web-Editoren 4. Blogs 2. Dienstleister 1. Statische Internet-Seiten 2. Verwendung eines Programms zur Verwaltung der Inhalte (Content Management System) 31. März

8 Selber machen: Programmieren Erlernen der notwendigen Sprachen (HTML, CSS, Direktes Schreiben des Quelltextes Nutzung verschiedener Tools möglich 31. März

9 Selber machen: Programmieren Vorteile Eigene Ideen können vollständig umgesetzt werden Verständnis der Funktionsweise Nachteile Längere Einarbeitung notwendig Ggf. mehrere Programmiersprachen notwendig Fehleranfällig Keine Trennung von Layout und Inhalt Umständliche Pflege 31. März

10 Selber machen: Web Baukästen stark vereinfachte Form eines Content Management Systems (CMS) keine Programmierkenntnisse notwendig Auswahl aus sogenannten Templates einfache Bearbeitung von Inhalten strenge Trennung von Inhalt und Design 31. März

11 Selber machen: Web Baukästen Vorteile einfache Bedienung geringe Kosten Sicherheits-Updates viele zusätzlichen Features Drag and Drop-Integration Nachteile eingeschränkte Flexibilität Abhängigkeit Datenhoheit keine komplexen Webprojekte möglich 31. März

12 Selber machen: Web Editoren Grafische Oberfläche Quelltext wird im Hintergrund generiert Erstellte Seiten werden auf den Internet-Server übertragen 31. März

13 Selber machen: Web Editoren Vorteile: Keine Programmierkenntnisse notwendig Einfache Bedienung Hilfestellung integriert Geringe Kosten Drag and Drop-Integration Nachteile: Eingeschränkte Möglichkeiten bei dem Design Eingeschränkte Möglichkeiten bei zusätzlichen Funktionen Keine vollständige Kontrolle über den Quelltext 31. März

14 Selber machen: Blogs Auch Weblog (Wortkreuzung aus engl. World Wide Web und Log für Logbuch) Journal im Internet Pflege mittels Software oder Browser Auswahl aus sogenannten Templates einfache Bearbeitung von Inhalten strenge Trennung von Inhalt und Design 31. März

15 Selber machen: Blogs Vorteile: Keine Programmierkenntnisse notwendig Einfache Bedienung Geringe Kosten Web 2.0. Integration Zahlreiche Plugins Nachteile Eingeschränkte Flexibilität Abhängigkeit Keine komplexen Webprojekte möglich Wenig Optimierungsmöglichkeiten für Suchmaschinen 31. März

16 Dienstleister Statische Internet Seiten Einzelne Seiten werden erstellt und auf den Internet-Server hochgeladen Kein Zugriff auf Datenbanken 31. März

17 Dienstleister Statische Internet Seiten Vorteile: Geringe Kosten für die Erstellung Geringer Aufwand Schnelle Umsetzung Kurze Ladezeiten Suchmaschinenfreundlich Nachteile: Umständliche Pflege Nur für "Visitenkarten" im Internet geeignet Keine Trennung von Design und Inhalt Geringe Flexibilität 31. März

18 Dienstleister Verwendung eines Programms zur Verwaltung der Inhalte (Content Management System, CMS) CMS: Software zur Erstellung und Verwaltung von Webseiten Rechtevergabe Auswahl aus sogenannten Templates Datenbankgestützt 31. März

19 Dienstleister Verwendung eines Programms zur Verwaltung der Inhalte (Content Management System, CMS) Vorteile: einfache Bearbeitung von Inhalten Mehrbenutzerbetrieb Keine Programmierkenntnisse notwendig strenge Trennung von Inhalt und Design Zusätzliche Funktionen integriert (z.b. Suche, zeitliche Steuerung, Druckversion) Zusätzliche Module möglich, z.b. Anbindung Shopsystem Durchgängiges Design Einhaltung von Standards 31. März

20 Dienstleister Verwendung eines Programms zur Verwaltung der Inhalte (Content Management System, CMS) Nachteile: Höhere Anfangskosten (Auswahl, Vorlagenerstellung, usw.) Regelmäßige Pflege (Updates) notwendig Aufwändige Installation Besondere Anforderungen an den Internet-Server Ggf. Schulung notwendig 31. März

21 Handlungsempfehlung Domainname auswählen und registrieren Material zusammenstellen (Texte, Grafiken usw.) Wettbewerbsanalyse Erstellung des Lastenhefts Einholen und Vergleich von Angeboten bei Dienstleistern (ggf. bei spezialisierten Dienstleistern) Vorauswahl der Dienstleister Endauswahl inkl. Präsentation Auftragserteilung Testbetrieb Ggf. Schulung Live-Betrieb 31. März

22 Handlungsempfehlung Fixkosten Entwurf und Erstellung ab ca Euro Juristische Prüfung ab ca. 450 Euro Laufende Kosten Domainname, Speicherplatz ca Euro monatlich Softwarelizenzen, z.b. Shopsystem ca Euro jährlich Verschlüsselung über SSL ca Euro jährlich Marketing, z.b. bei Google ca Euro monatlich 23. September

23 Weitere Informationen Leitfaden Website-Gestaltung für kleine und mittlere Unternehmen" März

24 Weitere Informationen Leitfaden "Rechtssichere Internetseiten" März

25 Nächste Veranstaltung ONE DAY: Mobile Economy :00 Uhr Schloss Osnabrück März

26 Kontakt ebusiness Lotse Osnabrück c/o Hochschule Osnabrück Science to Business GmbH Artilleriestr Osnabrück Tel.: Fax: März