Inhalt und Ziele. Homepage von Anfang an. Herzlich Willkommen! HTML Syntax; grundlegende Grafik- und Bildbearbeitung für das Internet;

Transkript

1 Homepage von Anfang an Herzlich Willkommen! Caroline Morhart-Putz Inhalt und Ziele!! HTML Grundlagen - die Sprache im Netz; HTML Syntax;!! Photoshop - Optimieren von Bildern, grundlegende Grafik- und Bildbearbeitung für das Internet;!! Dreamweaver - Entwicklung einer Website mit dem professionellen Softwarepaket;!! Uploaden - Bereitstellen und Warten von Websites

2 Zielgruppe Alle, die lernen möchten, wie man eine Internet-Seite vom Entwurf bis sie fertig im Netz steht Schritt für Schritt entwickelt. Voraussetzung!! Grundkurs EDV

3 Termine Datum Zeit Ort :30-21:30 Uhr Raum :30 21:30 Uhr Raum :30-21:30 Uhr Raum :30-21:30 Uhr Raum :00-21:30 Uhr Raum :30-21:30 Uhr Raum :30-21:30 Uhr Raum 0908 Roter Faden Datum Inhalt Software Grundlagen, Recherche Internet Explorer Fotos fürs Internet Photoshop Grundlagen Aufbau einer Seite Dreamweaver Tabellen Dreamweaver Frames Dreamweaver HTML- Programmierung Dreamweaver Projekt fertigstellen Dreamweaver

4 Internet Lexikon!! Homepage = Startseite!! Website/Site = Gesamte Seiten eines Internetauftritts!! Page/Webseite= Eine Seite des Internetauftritts!! Link = Verknüpfung zu einem anderen Dokument!! Download = Daten aus dem Internet auf den Computer laden!! Upload = Daten vom Computer auf das Internet laden!! Domain = Adresse unter der die Seite gefunden werden kann!! Browser = Software mit der im www gesurft werden kann z.b. Internet Explorer, Firefox, Internet Lexikon

5 Woraus besteht eine Website? Aus verknüpften Seiten, die folgende Inhalte haben:!!text!!grafik!!links!!animationen!!downloads!!musik Erstellen einer Website Für die Erstellung einer Website gibt es viele mögliche Ansätze:!! Definition der Strategie bzw. der Ziele!! Server und Datenbanken einrichten!! Gesamterscheinungsbild!! die Site & den Code der Seiten erstellen!! Inhalt sowie interaktive Funktionen einfügen!! Verknüpfen der Seiten,!! Testen die Funktionalität der Site!! definierten Ziele überprüfen!! Eventuell dynamische Seiten hinzufügen!! Veröffentlichung!! Regelmäßige Wartung

6 Websites planen!! Durch sorgfältige Planung der Website von Anfang an lässt sich im Nachhinein oftmals viel Zeit sparen!! Die Planung einer Website umfasst nicht nur das Festlegen der Verzeichnisstruktur!! Ermittlung der benötigten Ressourcen, der Zielgruppe und der Absichten, die Sie mit der Website verfolgen.!! technische Voraussetzungen wie Zugangsmöglichkeiten des Benutzers sowie Einschränkungen durch den jeweiligen Browsertyp, nicht vorhandene Plug-Ins oder langsame Download-Geschwindigkeiten bedenken Ziele!! Was soll mit der Website erreicht werden?!! Ziele notieren!! Navigationssysteme: Informationen versus virtuelles Kaufhaus!! Die Komplexität Ihrer Ziele hat Auswirkungen auf die Navigation, die zu verwendenden Autorenprogramme (Flash, Director usw.) und auch auf das Gesamterscheinungsbild der Site.

7 Zielgruppe!! Welche Personen möchte ich ansprechen?!! Verwendbarkeit der Site für meine Zielgruppe Zielgruppe!! Überlegen Sie sich, wer sich für Ihre Website interessieren könnte bzw. wen Sie ansprechen möchten.!! Welche Computer werden die potenziellen Besucher verwenden?!! Welche Plattformen werden sie vorwiegend verwenden (Macintosh, Windows, Linux usw.)?!! Wie hoch ist die durchschnittliche Übertragungsgeschwindigkeit (33,6-Kbit/s-Modem oder DSL)?!! Welche Browser und Monitorgrößen werden verwendet?!! Ist die Site für ein Intranet gedacht, bei dem jeder das gleiche Betriebssystem und den gleichen Browser verwendet?!! All diese Faktoren können einen Einfluss darauf haben, wie eine Webseite auf dem Monitor des Besuchers aussieht.

8 Zielgruppe!! Als Beispiel sei angenommen, Ihre Zielgruppe bestehe überwiegend aus Windows-Benutzern, die mit 17-Zoll-Monitoren und Microsoft Internet Explorer 3.0 oder höher arbeiten.!! Bei der Gestaltung Ihrer Webseite sollten Sie in jedem Fall sicherstellen, dass sie im Internet Explorer auf einem Windows-Computer mit einer Bildschirmauflösung von 800 x 600 Pixel optimal funktioniert.!! Die Zahl der Benutzer, die die Site in einem anderen Browser auf einem Macintosh-Computer besuchen, dürfte zwar deutlich geringer sein, aber Sie sollten trotzdem dafür sorgen, dass Ihre Site auf solchen Plattformen funktioniert, wenn auch einige Details dort etwas anders dargestellt werden als bei Ihrer eigentlichen Zielgruppe. Browserkompatible Sites erstellen!! Beim Erstellen einer Site sollten Sie bedenken, dass Ihre Besucher wahrscheinlich eine Vielzahl von Webbrowsern verwenden. Gestalten Sie Sites nach Möglichkeit so, dass maximale Browserkompatibilität gewährleistet ist.!! Es gibt zurzeit über zwei Dutzend verschiedene Webbrowser, wobei meist jeweils mehrere Versionen verfügbar sind. Selbst wenn Sie nur auf Firefox und Microsoft Internet Explorer abzielen, die von den meisten Webbenutzern verwendet werden, sollten Sie bedenken, dass nicht jeder die neueste Version dieser Browser einsetzt. Befindet sich eine Site im Web, wird früher oder später jemand mit Netscape Navigator 2.0, dem AOL-Browser oder einem textbasierten Browser, wie z. B. Lynx, die Site besuchen.

9 Browserkompatible Sites erstellen In einigen Fällen ist es nicht erforderlich, browserübergreifende Sites zu erstellen. Wenn eine Site beispielsweise nur im Intranet Ihrer Firma verfügbar ist und Sie wissen, dass alle Mitarbeiter der Firma den gleichen Browser verwenden, können Sie die Site so optimieren, dass die Funktionen dieses Browsers genutzt werden können. Ein ähnlicher Fall liegt vor, wenn Sie HTML-Inhalt für die Distribution auf CD-ROM erstellen und einen Browser auf CD bereitstellen. Hier können Sie davon ausgehen, dass alle Kunden auf diesen bestimmten Browser Zugriff haben. Browserkompatible Sites erstellen In den meisten Fällen sollten Sie jedoch bei Websites, die für eine breite Öffentlichkeit bestimmt sind, sicherstellen, dass so viele Browser wie möglich die Site darstellen können. Nehmen Sie ein oder zwei Browser als Zielbrowser, und gestalten Sie die Site für diese Browser. Versuchen Sie aber auch zu testen, ob die Site in anderen Browsern dargestellt werden kann, damit Sie inkompatiblen Inhalt möglichst vermeiden. Sie können auch über ein Diskussionsforum andere Benutzer bitten, Ihre Site zu besuchen. Dies ist oftmals eine gute Möglichkeit, Feedback von einem breiten Spektrum von Benutzern zu erhalten.

10 Browserkompatible Sites erstellen!! Je anspruchsvoller eine Site ist, "! d. h. je komplexer Layout, Animation, Multimedia-Inhalte und Interaktion sind,!! desto unwahrscheinlicher ist es, dass sie auf allen Browsern dargestellt werden kann.!! Eine Seite mit einfachem Text ohne Sonderzeichen wird wahrscheinlich problemlos auf allen Browsern dargestellt.!! Eine solche Seite ist allerdings nicht so ansprechend wie eine Seite mit Grafiken, Layouts und Interaktion. Versuchen Sie, einen Kompromiss zwischen maximalem Effekt und maximaler Browserkompatibilität zu finden. Browserkompatible Sites erstellen Eine gute Methode ist das Bereitstellen mehrerer Versionen bestimmter wichtiger Seiten, wie z.b. der Homepage der Site.