Inhaltsverzeichnis. I Grundlagen: Wissenswertes übers Web Vorwort... 17

Transkript

1

2 Inhaltsverzeichnis Vorwort I Grundlagen: Wissenswertes übers Web Das Internet und das Web Computer und Netzwerke Ein LAN ist ein kleines Netzwerk Router verbinden Netzwerke miteinander Ein großes Netzwerk ist ein WAN Das Internet ist einfach nur ein Computernetzwerk Die Keimzelle des Internets Was man früher im Internet so gemacht hat: und FTP Das World Wide Web: Hypertext im Internet Hypertext ist Text mit Hyperlinks Internet und Web sind also nicht wirklich dasselbe Auf einen Blick Das World Wide Web: Ein weltweites Gewebe Das Web besteht aus Webseiten Hyperlinks verknüpfen Webseiten miteinander Begriffe:»Website«,»Webseite«und»Homepage« Eigentlich korrekt:»website«,»webseite«und»homepage« Im Alltag:»Homepage«und»Webseite«statt»Website«.. 38 Uns fehlt im Deutschen ein gutes Wort für»website« Orientierung im Web: Navigation Eine Website verhält sich anders als ein Buch Navigation dient zur Orientierung innerhalb der Site Auf einen Blick

3 Inhaltsverzeichnis 3 Die Browser: Surfen im Web Die bekanntesten Browser Die Browserbedienung im Überblick Blättern durchs Web: Die Symbole Zurück und Vor Die Symbole Abbrechen und Aktualisieren Zurück nach Hause: Das Symbol Startseite Lesezeichen: Ihr Adressbuch für das Web Lesezeichen sammeln auf einer Symbolleiste Lesezeichen für Fortgeschrittene Suchen und Finden im Browser Auf einen Blick Die Suchmaschinen: Zeichen vergleichen Suchmaschinen durchsuchen nicht live das Web Der Ablauf einer Websuche Schritt 1: Der Benutzer gibt die Suchbegriffe ein Schritt 2: Die Suchmaschine sucht und findet Schritt 3: Die Ergebnisseite wird angezeigt Zeichen vergleichen: Suchmaschinen denken nicht ToDo: Eine Liste mit Suchbegriffen erstellen Auf einen Blick Das Domain Name System: Die automatische Auskunft IP-Adressen Die Telefonnummern des Internets Domains und IP-Adressen: Namen statt Nummern Der Aufbau von Domain Namen Die Top Level Domain Die Second Level Domain (und alle darunter) Der Aufbau einer Webadresse (URL) ToDo: Gedanken über eine Domain machen Auf einen Blick

4 Inhaltsverzeichnis 6 Die Webseiten: Quelltext auf dem Webspace Der Quelltext ist der Bauplan der Webseite Browser bekommen den Quelltext vom Webserver... 73»Webspace«: Speicherplatz zum Veröffentlichen im Web Überblick: Der Browser holt eine Webseite Grafiken werden erst nach dem Quelltext abgeholt Grafiken ausstellen im Browser Quelltext besteht aus HTML, CSS und JavaScript Die Ordnung: HTML ist nicht hübsch, aber flexibel Das Styling: CSS gestaltet die HTML-Elemente HTML und CSS: Die Trennung von Inhalt und Gestaltung JavaScript beeinflusst das Verhalten der Webseite Auf einen Blick Webpublishing: Der Weg zum Content Management Webpublishing war ursprünglich statisch So funktioniert statisches Webpublishing Statische Webseiten sind umständlich zu pflegen Statisches Webpublishing wird interaktiv Das Web ist ein interaktives Medium Ein Kontaktformular als Beispiel zur Interaktion Formulardaten werden von einer Webanwendung verarbeitet Dynamisches Webpublishing: Content Management So funktioniert ein Content Management System (CMS) Ein CMS auf dem eigenen Webspace erfordert Know-how.. 93 Beispiele: WordPress, Joomla!, Contao, Drupal und TYPO Auf einen Blick Social Media, Blogs und Baukästen Social Media: Im Web aktiv ohne eigene Website Themenorientierte Communities statt eigener Homepage. 98 Soziale Netzwerke: Präsentieren Sie sich selbst Soziales Netwerk versus eigene Homepage

5 Inhaltsverzeichnis 8.2 Blogger dir einen: Baukästen für Blogs Blogs sind einfache CMSysteme und leicht zu bedienen Beispiele: Fertigblogs vom Bloganbieter »Instant Websites«: Baukästen für Websites Für wen kommt ein Website-Baukasten in Frage? Beispiele: Jimdo, Webnode, Weebly & Co Die Website zu den Baukästen:»websitetooltester.com« Offline-Baukästen: Teurer und nicht so flexibel Auf einen Blick Gute Seiten, schlechte Seiten Die Webseite ist zu Gast beim Surfer Überblick: Sieben Qualitätskriterien Der Inhalt: Darum kommen die Besucher Die Gestaltung: So sieht s aus Die Navigation: Orientierung geben Die Performance: Die Entdeckung der Langsamkeit Die Zugänglichkeit:»Wie Sie sehen, sehen Sie nichts« Der Quelltext: Verborgene Qualitäten Die Interaktion: Mit den Besuchern kommunizieren Die Mischung macht s: Bibliothek und Galerie Die Bibliothek: form follows function Die Galerie: form without function Bibliotheken und Galerien haben unterschiedliche Prioritäten Fazit Auf einen Blick II Vorbereitung: Die Homepage planen Die Rahmenbedingungen festlegen Überblick: Der rote Faden durch das Labyrinth Die Rahmenbedingungen: Ziele, Zeit und Zaster Ihre Ziele und die der Besucher Die Zeit: Bis zur Freischaltung und danach Der Zaster: Für die Erstellung und für die Wartung

6 Inhaltsverzeichnis 10.3 Selber bauen, bauen lassen oder Baukasten ToDo: Surftour was machen die anderen? Auf einen Blick Die Konzeption: Gedanken ordnen Die vier Bereiche zur Planung einer Website »Technik«: Das Fundament für die Website Die private Homepage Die Freiberufler-Homepage Die Homepage für Firmen, Vereine und Schulen Der kleine Online-Shop »Inhalte«: Darum kommen Ihre Besucher Schritt 1: Inhalte sammeln Schritt 2: Inhalte sortieren Kategorien und Hierarchien Schritt 3: Inhalte erstellen »Funktionen«: Interaktion und Verwaltung Schritt 1: Funktionen sammeln Schritt 2: Funktionen sortieren Schritt 3: Funktionen erstellen »Gestaltung«: So soll es aussehen Skizzen erstellen Das Layout erstellen » Wartung«: Die Pflege nach der Freischaltung Eine Website ist ein Prozess Wenn sich die Anforderungen ändern Auf einen Blick Webhosting: Domain und Webspace Untermieter: Webspace mit Subdomain Domain überprüfen: Ist»mueller.de«noch frei? Wenn Ihr Wunschname vergeben ist Möglichkeit 1:»pmueller.de«eine andere DE-Domain Möglichkeit 2:»mueller.info«eine andere Top Level Domain Möglichkeit 3: Domain kaufen der Handel mit Domains

7 Inhaltsverzeichnis 12.4 Der eigene Webspace Überblick über Webhoster: webhostlist.de Verwirrende Preise: Null Euro Sternchen Der Einstieg: Domain und Mail Die Mittelklasse: Webspace mit PHP und Datenbank Die Oberklasse: Premiumpakete für Experten Fachbegriffe rund um Web- und Mailspace Wie viel Speicherplatz wird benötigt? Wie viel Traffic (Datentransfer) brauchen Sie? Der Zugang zum Webspace: FTP & Co Serverseitige Skriptsprachen: PHP & Co Datenbanken: MySQL und phpmyadmin Sonstige Fachbegriffe rund um den Webspace Der Mailspace: POP3, IMAP und Webmail Auf einen Blick III Umsetzung: Eine Homepage erstellen Eine Homepage mit Jimdo erstellen Bevor Sie beginnen Jimdo im Überblick Die Registrierung bei Jimdo Schritt 1: Web-Adresse und Mail-Adresse eingeben Schritt 2: Captcha eingeben und Website erstellen Schritt 3: Die mit den Zugangsdaten Jimdo kennen lernen First Contact Die Beispielsite von Jimdo in der Übersicht Die erste Anmeldung an Ihrer Homepage Zu Ihrer Sicherheit: Das zugeschickte Passwort ändern Die Layoutbereiche einer Jimdo-Page Den Inhalt auf der Startseite ändern Die Überschrift auf der Startseite ändern

8 Inhaltsverzeichnis Text auf der Startseite löschen und neu eingeben Einen Hyperlink erstellen Ansichts- und Bearbeitungsmodus bei Jimdo Auf einen Blick Die Homepage bei Jimdo gestalten Entdecke die Möglichkeiten in fünf Schritten Schritt 1: Das Layout auswählen Die Layout-Vorschau Ein neues Layout zuweisen Schritt 2: Den Hintergrund ändern Schritt 3: Das Titelbild austauschen Schritt 4: Den Titel der Website ändern Schritt 5: Die Navigation anpassen Auf einen Blick Die Homepage bei Jimdo mit Inhalten füllen Jede Seite beginnt mit einer»überschrift 1« Die Elemente»Textfeld«und»Bild mit Text« Nur ein Bild: Das Element»Bild« Mehrere Bilder: Das Element»Bilder-Galerie« Ein funktionierendes Kontaktformular Weitere nützliche Elemente im Überblick Auf einen Blick Schreiben im Web für Menschen Wie Menschen im Web lesen Und es hat Zoom gemacht: Lesen am Bildschirm Webseiten werden nicht gelesen, sondern überflogen Zwischenlandung: Scannen Skimmen Lesen Verständliche Texte: Die Hamburger Pyramide Pulitzer und das Hamburger Verständlichkeitsmodell Die umgekehrte Pyramide: Das Wichtigste am Anfang

9 Inhaltsverzeichnis 16.3 Übersichtliches Schreiben: Texte scannbar machen Überschriften und Zwischenüberschriften Schreiben Sie kurze Absätze Heben Sie wichtige Worte hervor Benutzen Sie Listen Abstände und Schriften: Fließtext gestalten Abstand halten im Fließtext Schnörkel oder nicht Schnörkel: Schriften und Serifen Sie können nicht jede Schriftart benutzen Der Umgang mit Hyperlinks Linken Sie nicht nur des Linkens wegen Das»Hier«-Syndrom: Klicken Sie hier Benutzen Sie Linklisten Beschreiben Sie Downloadlinks deutlich Zürich, die Stadt, die die Römer Turicum nannten Übung: Caipirinha in Jimdo Rezept für Caipirinha die Ausgangssituation Die Überschrift:»Rezept für eine Caipirinha« Der Teaser: Blickfang und Einleitung Zutaten und Utensilien: Überschrift 2 und Aufzählung Die Zubereitung: Überschrift und Nummerierung Das Jimdo-Menü Style zur Gestaltung des Fließtextes Auf einen Blick Grafiken fürs Web vorbereiten Webgrafiken Das Wichtigste in Kürze Grafiken laden länger als Text Frisch aus der Kamera: Bildgröße und Dateigröße Im Web sind nur GIF, JPEG oder PNG erlaubt Grafiken Woher nehmen und nicht stehlen? Vorsicht bei Grafiken von anderen Webseiten Die Google-Bildersuche ist keine gute Quelle pixelio.de kostenlose Bilddatenbank für lizenzfreie Fotos

10 Inhaltsverzeichnis CreativeCommons und flickr.com Andere Websites mit lizenzfreien Fotos Fotos für das Web vorbereiten mit picnik.com Ohne Registrierung: Bilder mit Picnik online bearbeiten Ein Foto in Picnik bearbeiten »Zuschneiden«: Einen Ausschnitt bestimmen »Größe ändern«: Die Bildgröße verkleinern Die bearbeitete Grafik abspeichern Know-how: JPEG, GIF und PNG im Detail Besonderheiten von JPEG: Kompressionsrate vs. Qualität Besonderheiten von GIF: Interlaced, Transparenz und Animation Besonderheiten von PNG: Alphatransparenz JPG, GIF und PNG im Überblick Auf einen Blick Schreiben im Web für Maschinen Wie Maschinen im Web lesen Robots sammeln den Quelltext der Webseiten ein Suchmaschinen lesen auch den head-bereich Übersichtliches Schreiben hilft auch bei Suchmaschinen Sprechen Sie die Sprache Ihrer Benutzer Einige HTML-Elemente sind wichtiger als andere Suchbegriffe in Überschriften Suchbegriffe in Hervorhebungen Suchbegriffe in Hyperlinks und Listen Nicht zugänglich: Wie Sie sehen, sehen Sie nichts Suchergebnis, Seitentitel und Seitenbeschreibung Übung: Seitentitel und -beschreibung bei Jimdo Der Seitentitel Die Seitenbeschreibung Auf einen Blick

11 Inhaltsverzeichnis 19 SEO: Die Optimierung für Suchmaschinen Ranking: Bei Google auf Platz Google mag Hyperlinks Backlinks: Hyperlinks, die auf Ihre Homepage zeigen Ein Beispiel: IKEA in Groningen Die Suche nach»ikea Groningen Öffnungszeiten« Die Site gibt es schon länger und der Inhalt wird gepflegt Es zeigen viele Links auf die Site Die Site ist suchmaschinenfreundlich geschrieben Fazit: Gut schreiben und fleißig linken Ihre Homepage bei Google Die Maßnahmen bis jetzt im Überblick Einige nützliche Dienste von Google Auf einen Blick IV Werkzeuge zum Selberbauen Werkzeuge zum Selberbauen Browser zum Testen von Webseiten Die aktuellen Browser in der Übersicht Verschiedene IE-Versionen auf einem Rechner Editoren zum Erstellen von Webseiten Quelltext-Editor oder visueller Editor Übersicht: Editoren für den Quelltext Visuelle Editoren: Dreamweaver & Co Editor und Browser im Alltag: Per Tastatur wechseln Editoren zum Bearbeiten von Grafiken FTP: Veröffentlichen von Webseiten HTML und CSS:»Das große Little Boxes-Buch« Stichwortverzeichnis

12 Kapitel 3 Die Browser: Surfen im Web Worin Sie die wichtigsten Browser und die wichtigsten Bedienelemente kennen lernen. Außerdem erfahren Sie, dass Lesezeichen wichtig sind und sehen ein paar Tricks zur effektiven Bedienung der Browser. Die Themen im Überblick: Die bekanntesten Browser, Seite 44 Die Browserbedienung im Überblick, Seite 45 Lesezeichen: Ihr Adressbuch für das Web, Seite 48 Suchen und Finden im Browser, Seite 50 Auf einen Blick, Seite 51»To browse«heißt so viel wie»schmökern«oder»umsehen«und um sich im Web umzusehen und auf den Webseiten zu schmökern, benötigen Sie einen Browser, ein Programm zum Betrachten von Webseiten. 43

13 Kapitel 3 Die Browser: Surfen im Web 3.1 Die bekanntesten Browser Die bekanntesten Vertreter dieser Softwaregattung namens»browser«sind: Microsofts Internet Explorer Mozilla Firefox Opera aus Norwegen Safari von Apple Google Chrome Es gibt noch viele andere Browser, aber Abbildung 3.1 zeigt die großen Fünf und deren Logos in der Browser-Auswahl von Windows auf einen Blick. Abbildung 3.1: Die bekanntesten Browser in der Browser-Auswahl von Windows Mit welchem Browser Sie selbst durchs Web surfen, ist für die Erstellung einer eigenen Homepage nicht wichtig, aber da Sie nicht wissen, welche Browser Ihre Besucher benutzen, ist es gar keine schlechte Idee, einmal ein paar andere Browser zu installieren und auszuprobieren. 44

14 Die Browser: Surfen im Web 3.2 Die Browserbedienung im Überblick Orientierung im Web ist schwierig, weil Sie wie gesehen nie die ganze Site auf einmal sehen, und von daher lohnt es sich, sich die Zeit zu nehmen, um die Orientierungshilfen in Ihrem Browser bewusst kennen zu lernen. Auch wenn die Browser alle etwas anders aussehen, hat fast jeder irgendwo die in Abbildung 3.2 gezeigten Bedienelemente. Abbildung 3.2: Die Navigationshilfen in einem Browser Alle modernen Browser bieten übrigens ein Suchfeld, in das Sie Suchbegriffe eingeben können, ohne erst zu einer Suchmaschine surfen zu müssen. In immer mehr Browsern fungiert die Adressleiste zur Eingabe der URL auch gleichzeitig als Suchfeld. Einfach ausprobieren. Blättern durchs Web: Die Symbole Zurück und Vor Mit den beiden Symbolen Zurück und Vor bewegen Sie sich in Ihrem Webbrowser eine Webseite zurück bzw. vor, und zwar in genau der Reihenfolge, in der Sie die Seiten in diesem Browser betrachtet haben. Diese beiden Schaltflächen haben zwei wichtige Einschränkungen. Erstens merkt der Browser sich die Liste der besuchten Seiten nur während einer Sitzung. Eine Sitzung (englisch»session«) dauert solange, wie das Browserfenster geöffnet ist. Wenn das Browserfenster geschlossen wird, ist die Sitzung beendet und die Liste wird gelöscht: Browser zu Liste weg. Kommen wir zur zweiten Einschränkung: Jedes Browserfenster und jeder Tab darin haben jeweils ihre eigene Sitzung. Wenn also mehrere Tabs oder Browserfenster geöffnet sind, rufen die Symbole Zurück und Vor in jedem Fenster andere Seiten auf. Dieser Punkt führt manchmal zu Verwirrungen, denn einige Hyperlinks öffnen die an- 45

15 Kapitel 3 Die Browser: Surfen im Web geklickte Seite heimlich und ohne es zu sagen in einem neuen Tab oder Fenster, und dann funktioniert der Zurück-Button nicht mehr. Am besten überprüfen Sie nach jedem Klick auf einen Hyperlink mit einem kurzen Blick, was genau passiert ist. Nach kurzer Zeit wird diese schnelle Prüfung zur Gewohnheit und Sie merken es gar nicht mehr. Checken Sie nach jedem Klick: 1. Erscheint die angeklickte Seite im selben Browserfenster? Das ist das Standard verhalten und die Buttons für Vor und Zurück funktionieren dann wunderbar. 2. Erscheint die angeklickte Seite in einem neuen Tab? Ein kurzer Blick an den oberen Rand des Browserfensters verrät es Ihnen. In diesem Fall kommen Sie zurück auf die vorherige Seite, indem Sie den neuen Tab schließen (per Maus oder Ÿ + W) oder in den alten Tab wechseln (per Maus oder Ÿ + Å). 3. Erscheint die angeklickte Seite in einem neuen Browserfenster? Ein kurzer Blick in die Taskleiste am unteren Bildschirmrand genügt. Auch hier gilt: Zurück auf die alte Seite geht es durch das Schließen oder Wechseln der Fenster (Ç + Ì bzw. Ç + Å in diesem Fall, oder per Maus). Sie können Hyperlinks übrigens auch absichtlich in einem neuen Tab oder Fenster öffnen: rechter Mausklick auf einen Link und den entsprechenden Befehl aus dem Kontext menü wählen. Wenn Sie auf die Symbole für Vor und Zurück klicken und die Maustaste gedrückt halten, erscheint in vielen Browsern eine Liste mit den Seitentiteln der in dieser Sitzung besuchten Seiten. Je länger die Sitzung, desto länger die Liste. Hinweis Blättern im Web per Tastatur In den meisten Browsern können Sie statt mit der Maus auch mit der Tastenkombination Ç + { bzw. Ç + } eine Webseite zurückoder vorblättern. 46

16 Die Browser: Surfen im Web Die Symbole Abbrechen und Aktualisieren Eine Webseite kommt nicht in einem Stück auf Ihren Bildschirm. Der Browser läuft los, holt alle Einzelteile und baut sie zu Hause wieder zusammen. Das kann manchmal eine Weile dauern. Wenn Ihnen das Laden einer Webseite zu lange dauert, klicken Sie einfach auf Abbrechen. Das ist nicht verboten. Wie lange Sie warten, bestimmen Sie selbst und das kann je nach Tagesform durchaus unterschiedlich sein. Wenn Sie das Gefühl haben, dass eine Seite nicht richtig angezeigt wird oder veraltet ist, klicken Sie auf das Symbol Neu laden, das manchmal auch Aktualisieren heißt. Per Tastatur geht das Aktualisieren in (fast) allen Browsern mit der Taste Í oder der Kombination Ÿ + R (kurz für Reload). Auf dem Mac + R. Manchmal klemmen Webseiten auch und kommen scheinbar gar nicht. Um einer solchen»verklemmten«webseite auf die Sprünge zu helfen, können Sie Abbrechen und Aktualisieren direkt hintereinander benutzen: zuerst den Ladevorgang ab brechen und ihn dann direkt danach neu starten. Manchmal hilft es. Zurück nach Hause: Das Symbol Startseite Wenn Sie den Browser starten, ruft er meistens sofort eine bestimmte Webseite auf, ohne dass Sie dieses veranlasst haben. Das ist die Startseite Ihres Browsers (manchmal auch Homepage genannt) und durch das Anklicken des Symbols für die Startseite kommen Sie zu dieser Seite zurück. Standardmäßig ist die Startseite eines Browsers oft die Website des Herstellers oder eines Sponsoren, aber Sie können sich in jedem Browser eine eigene Startseite einstellen. Dies geht meist irgendwo in einem Menü namens Einstellungen, das in verschiedenen Browsern aber verschieden heißen kann. Wenn Sie wissen, wie man Webseiten erstellt, können Sie sich als Startseite eine eigene Webseite erstellen mit den Links, die Sie am häufigsten besuchen. Diese Seite speichern Sie irgendwo auf der Festplatte und tragen sie in Ihrem Browser als Startseite ein. 47

17 Stichwortverzeichnis A Apache 166 B Bildbearbeitung 261 Bildgröße (in px) 254 Blindtext (Fülltext) 194, 216 Blog 100 Bloganbieter (Bloghoster) 102 deutsche Blogcharts 101 Podcast 103 starke Vernetzung 102 typische Features 101 Video-Blog 103 Bloghoster 102 Browser Abbrechen 47 Aktualisieren 47 Back-Button 45 durchsucht den Quelltext 75 Firefox 300 Google Chrome 300 Grafiken ausstellen 76 Kontaktaufnahme mit WebServer 74 Lesezeichen 48 mehrere Fenster 45 moderne Browser 300 Navigationshilfen 43 Opera 300 Safari 300 Schrift vergrößern (Zoom) 229 Session 45 Sitzung 45 Startseite 47 Symbolleiste im Überblick 45 und Editoren 306 und Quelltext 73 und Webserver 73 Webseite vom Server anfordern 74 zurück und vor 45 C Caipirinha (Übung) 244 Captcha (Spamschutz) 157, 184 Chrome (Browser) 300 CMS auf eigenem Webspace 93 Beispiele 94 Blogs 101 Funktionsweise 92 Werkzeug für Webworker 93 ComicSans 239 Contao 94 Content Management Systeme. Siehe CMS CreativeCommons 258 CSS Ergänzung zu HTML 79 Navigation little-boxes.de 80 Styling der Webseite 76 Trennung von Inhalt und Gestaltung 81 verschiedene Ausgabemedien 81 CSS-Regel 79 D Dateigröße (in Kb) 254 DENIC.de 65, 157 DNS 61 andere Top Level Domains

18 Stichwortverzeichnis Aufbau eines Domain Namens 64 DENIC Richtlinien 159 Domainkonfiguration 173 Länderliste 65 Namen zu Nummern 63 Second Level Domains 66 Subdomains 66 Übersicht Top Level Domains 65 und IP-Adressen 63 und Sendung mit der Maus 63 Domain 161 Angebote der Webhoster 162 eigene Domain 157 und Recht 161 Webhoster 156 Domain Name System. Siehe DNS Dreamweaver 305 E Editoren Bildbearbeitung 307 Quelltext 304 und Browser 306 WYSIWYG vs. Quelltext 302 als Dienst im Internet 27 auf dem Webspace 173 IMAP-Zugriff 174 POP3-Zugriff 174 Spamfilter 174 und Domain Namen 64 Virenschutz 174 Webmail-Zugriff 174 F Favoriten Bookmarks 48 Lesezeichen 48 FileZilla (Download) 308 Firefox (Browser) 300 CSS ausstellen 77 Grafiken ausstellen 76 JavaScript ausstellen 83 Navigationshilfen 43 Flickr.com und CreativeCommons 258 Fotos Bildgröße (in px) 254 Dateigröße (in kb) 254 fürs Web vorbereiten 260 Größe ändern 262 Helligkeit ändern 262 Kontrast ändern 262 kostenlose Quellen 257, 258 zuschneiden 262 Freiberufler-Homepage erstellen 140 FTP 27, 64, 87, 169, 308 Funktionen erstellen 148 sammeln 146 sortieren (A-B-C) 147 zur Interaktion 146 zur Verwaltung 146 G Gestaltung als Qualitätskriterium 112 bei Jimdo 202 planen 149 GIF 255, 266 Animation 266 Interlaced (Zeilensprung) 266 Transparenz 266 Vor- und Nachteile 266 Google Adwords 296 Analytics 295 Google-Bombe 276 Konto 293 mag Hyperlinks 286 Pagerank 287 PageRank 286 Places 295 und ägyptische Pyramiden 56 Webmaster Tools 294 Google Chrome (Browser)

19 Stichwortverzeichnis Grafiken Dateigröße überprüfen 253 fürs Web vorbereiten 260 Größe ändern 262 Helligkeit ändern 262 Kontrast ändern 262 kostenlose Quellen 257, 258 Übersicht Grafikformate 267 zuschneiden 262 H Hamburger Verständlichkeitsmodell 232 Homepage Firmen 141 Freiberufler 140 privat 139 Schulen 141 Vereine 141 Homepage (Begriff) 36 Homepage umsetzen bauen lassen 134 Baukasten benutzen 134 selber bauen 133.htaccess 172 HTML body (Element) 271 der Kern der Webseite 76 Elemente 275 head (Element) 271 HTML-Elemente sind flexibel 78 meta (Element) 278 nicht hübsch, aber flexibel 77 title (Element) 278 Trennung von Inhalt und Gestaltung 81 Überschriften (Elemente) 275 und Little Boxes 78 HTTP 67 Hyperlinks 31, 35, 240 Downloads kennzeichnen 242 Empfehlungen zum Einsatz 240 erstellen (Jimdo) 195 interne und externe 195 knüpfen weltweites Gewebe 35 Linklisten 241 und Hier-Syndrom 241, 276 Hypertext nicht auf Papier 36 Text mit Hyperlinks 30 I IANA.org 65 ICANN.org 64, 65 IKEA in Groningen 288 IMAP 173 <img> 75 Inhalt als Qualitätskriterium 111 ändern bei Jimdo 214 erstellen 145 sammeln 143 sortieren 144 Internet und 27 und FTP 27 und Telefonnetz 62 und World Wide Web 30 Unterschied zum WWW 31 Zugang zum Internet 25 Internet Explorer Download 300 mehrere Versionen installieren 301 Navigationshilfen 43 Internet Provider 25 Internetseite (Begriff) 36 IP-Adresse Konfiguration ipconfig 62 und Domain Namen 63 Vergleich zu Telefonnummer 62 vier Zahlen, drei Punkte 62 J JavaScript ändert Verhalten der Webseite 82 ausstellen im Firefox 83 das Verhalten der Webseite

20 Stichwortverzeichnis Jimdo anmelden (einloggen) 187 Ansichtsmodus 197 Bearbeitungsmodus 191, 197 Beispielsite (Übersicht) 186 bevor Sie beginnen 180 Caipirinha (Übung) 244 das Jimdo-Menü 188 Element Bild 217 Element Bilder-Galerie 219 Element Bild mit Text 214 Elemente (Überblick) 193 Element Formular 222 Element Textfeld 193, 214 Element Überschrift 1 192, 214 Free, Pro und Business 181 Hintergrund ändern 205 Hyperlink erstellen 195 Layout ändern 202 Layoutbereiche 190 Layoutvorschau 203 Layout zuweisen 204 Navigation anpassen 210 Passwort ändern 189 Registrierung 182 Site anpassen (5 Schritte) 202 Text eingeben 193 Text löschen 193 Titelbild ändern 206 Titel der Website ändern 208 Überblick 180 Überschrift ändern 192 Zugangsdaten 185 Joomla 94 JPEG 255, 265 Kompression vs. Qualität 265 Vor- und Nachteile 265 K Keyword Generator 273 Keywords 58, 272, 274, 282 KK-Antrag 173 Klompfastikumpi 286 Konzeption roter Faden 129 Überblick 128 vier Schritte 129 Kopfbereich ändern (Jimdo) 206 L LAMP (Webhosting) 166 LAN (Local Area Network) 24 Layout erstellen 151 Lesen am Bildschirm der Bildschirm 228 Scannen-Skimmen-Lesen 231 Links. Siehe Hyperlinks M Mailspace 173 Megapixel 254, 261 Mozilla Firefox. Siehe Firefox MySQL phpmyadmin 171 Webhosting 171 N Navigation als Qualitätskriterium 113 auf Webseiten 39 Notepad++ (Download) 304 O Online-Shop 143 Opera (Browser) 300 P Performance als Qualitätskriterium 114 PHP 170 php.ini 170 phpmyadmin 171 Picnik.com 260 Planung Rahmenbedingungen 130 Technik 139 vier Bereiche

21 Stichwortverzeichnis PNG 255, 267 Alphatransparenz 267 PNG PNG Podcast 103 POP3 173 Private Homepage erstellen 139 PSPad (Download) 304 Pulitzer (Zitat) 233 Pyramide, die umgekehrte 233 Q Qualitätskriterien Bibliothek 119 Bibliothek und Galerie 118, 121 Galerie 120 Gestaltung 112 Inhalt 111 Interaktion 118 Navigation 113 Performance (Ladezeit) 114 Quelltext 116 Überblick 110 Zugänglichkeit 115 Quelltext Bauplan der Webseite 71 HTML, CSS und JS 76 im Browser betrachten 72 kommt vom Webserver 73 R Rechtschreibreform 228 S Safari (Browser) 300 Scannen (Webseite) 231 Schreiben Absatzabstand 236 Abstand halten 236 Beispiel \ 242 Caipirinha (Übung) 244 für Maschinen 270 für Menschen 228 Hamburger Verständlichkeitsmodell 232 Hervorhebung 235, 275 Hyperlinks 240, 276 in der Sprache der Benutzer 272 Linklisten 241 Listen 235, 276 Pulitzer (Zitat) 233 Überschriften 234, 274 übersichtliches Schreiben 234, 272 umgekehrte Pyramide 233 und Hier-Syndrom 241 Zeilenabstand 236 Schriftart auf Webseiten 239 ComicSans 239 mit Serifen 237 ohne Serifen 237 Second Level Domains 66 Secure Shell (SSH) 170 Seitenbeschreibung (<meta>) 278, 282 Seitentitel (<title>) 278, 280 Skimmen 231 Social Media 97 Facebook 98 Twitter 98 und eigene Homepage 100 Social Networking 98 Sonderzeichen eingeben 19, 245 Statisches Webpublishing 86 Subdomain 64, 173 Suchmaschinen 53 Ablauf einer Suche 54 analysieren den Quelltext 274 durchsuchen nicht das Web 54 Google-Bombe 276 Keywords generieren 272 lesen den <head> 271 mögen Hyperlinks 286 Robots (Crawler) 54 Robots (Crawler, Spider) 270 Simulatoren

22 Stichwortverzeichnis T Third Level Domain. Siehe Subdomain Top Level Domains andere TLDs 160 Länderliste 65 Übersicht 64 Traffic (Datentransfer) 168 TYPO3 94 U Übersichtliches Schreiben 234, 272 URL 35 Aufbau 67 Aussprache 66 Groß- und Kleinschreibung 68 mit Slash am Ende 68 Uniform Resource Locator 66 V Verknüpfungen. Siehe Hyperlinks Verweise. Siehe Hyperlinks Vorbereitung roter Faden 127 W W3C 36 WAN (Wide Area Network) 25 Webanwendungen auf dem Webspace 91 Content Management Systeme 92 Kontaktformular 89 WebDAV 170 WebFTP 169 Webgrafiken 253 Webhosting 156, 162 Checkliste Kosten 164 Domainkonfiguration 173 eigener Server 167 Einstiegsangebote 165 Fachbegriffe 167 FTP-Zugang 170 nur 165 Premiumklasse 166 Reservierung und Weiterleitung 165 Secure Shell (SSH) 170 statische Webseiten 165 Subdomain 173 Traffic 168 Überblick Webhoster 163 Vertragsbedingungen 164 verwirrende Preise 163 WebDAV 170 Webspace mit PHP und MySQL 166 wieviel Speicherplatz? 168 webhostlist.de 163 Weblog. Siehe Blog Webmail 173 Webpublishing Blogs 100 Content 111 Definition 86 eigene Domain 157 Interaktion 89 nach der Freischaltung 152 ohne eigene Domain 156 ohne eigene Site 98 statisches 86, 88 user generated content 112 wird interaktiv 88 Webseite besteht aus Quelltext 71 hat einmalige Adresse 34 scannen 231 sieben Qualitätskriterien 110 skimmen 231 und Website (Begriff) 36 Webserver 73 liefert Quelltext an Browser 73 Website. Siehe auch Homepage anders als Buch 39 und Webseite (Begriff) 36 Webspace 73 der eigene 162 Domainkonfiguration 173 Passwortschutz

23 Stichwortverzeichnis Subdomain 173 und 173 wieviel Speicherplatz? 168 Webstandards 36 WeBuilder (Download) 305 WordPress als CMS 94 gehostet 102 World Wide Web 29 Ablauf einer Suche 54 als interaktives Medium 89 als weltweites Gewebe 35 Internet und Hypertext 30 und Navigation 39 Unterschied zum Internet 31 Webseite 34 Webstandards 36 World Wide Web Consortium. Siehe W3C WYSIWYG gibt's im Web nicht 304 was ist das? 302 X XAMP (Webhosting) 166 XING.com 99 Z Zeilenabstand 236 Zoom 229 Zugänglichkeit als Qualitätskriterium 115 und Suchmaschinen