D ! C M i t I N T E R N E T 1.Internet-Ausgabe 2001 50440 IM CHIP-TEST ❚ Suchmaschinen ❚ Download-Manager ❚ Gratis-Webspace- Provider SSCCHHRRIITTTT FFÜÜRR SSCCHHRRIITTTT ZZUUMM ZZIIEELL HHoommeeppaaggee SSEELLBBEERR BBAAUUEENN Planen Die besten Web-Editoren, Grafik-Tools und Profi-Tipps für Ihren Online-Auftritt Aufbauen Workshops zu Frames,Animationen, JavaScript, Macromedia Flash 5, Formularen Optimieren Tuning-Tools einsetzen, Gratis-Content nutzen, Gästebuch, Chat und Foren einrichten Auf CD FREE- UND SHAREWARE – AUSGEWÄHLT VON CHIP DM 19,90 Web-Fix go! 2.5 190 Internet-Tools CD-Highlights 165,- 19,90 25,- Der Web-Editor führt Sie blitz- Bookmark-,Download-,E-Mail-, Go!zilla 3.93,Ultra-Edit 32 ÖS sfr hfl schnell zur eigenen Homepage. FTP-,Webmaster- und Such- 8.10,Web Washer 3.0,Zone- 0,- 00 800 VOLLVERSION! Pdireo agkratumemlleen, HWTeMb-LB-rEowdisteorren, AOplaerrma 52..162.8,8H,eBllion gEonogoi n1e.0s!7 3,.0 4lfr/bfr 24.0Lit2.0Ptas PLANUNG » AUFBAU » OPTIMIERUNG » TEST » SERVICE 3 Inhalt EDITORIAL PLANUNG »Maßgeschneidert statt von der Stange Es geht auch ganz 4 Professionelle Planung und Konzeption:Der erfolgreiche Web-Auftritt einfach: Wer eine In- 9 stant-Homepage be- Editoren für jeden Einsatzzweck:Den richtigen Web-Editor finden vorzugt, klickt sich 12 Die Basis Ihrer Website:So gestalten Sie die Startseite bei Beepworld in 16 Profi-Grafiken leichtgemacht:Die Grundlagen der Bildgestaltung fünf Minuten seine 08/15-Website zu- sammen (vgl. s95). Andreas Vogelsang, Doch eine indivi- Leitender Redakteur duelle Lösung ver- AUFBAU langt viel weniger Zeit, als viele glau- ben. In diesem CHIP-Sonderheftfinden Sie das nötige Know-how, um sich mit wenig Aufwand eine wirklich anspre- chende Homepage aufzubauen. Von der 20 Leisten, Buttons, Banner gestalten:Die wichtigsten Grafikelemente Planung über die Realisierung bis zur 30 Optimierung – leicht nachvollziehbare Professionelles Web-Design:Cascading Style Sheets in der Praxis Schritt-für-Schritt-Workshops bringen 34 Arbeiten mitFrames:Web-Seiten übersichtlich aufteilen Sie sicher ans Ziel. 36 Daumenkino für die Website:Animationen mitAnimation Shop Das Beste: Die Vollversion von Web- 38 Fix go! 2.5 auf der Heft-CD verhilft Einbinden von Java- und CGI-Skripts:Interaktive Web-Seiten mitSkripts Ihnen gratis zur eigenen Homepage. 42 Mehr Kontakte durch Formulare:Virtuelle Fragebögen gestalten 46 Design mitSeitenelementen:Absolute Positionierung von Elementen Viel Erfolg! 48 Multimedia-Feuerwerk:Macromedia Flash 5 komplettausreizen IMPRESSUM Chefredakteur: Thomas Pyczak OPTIMIEREN Ltg. CHIP-Sonderpublikationen: Andreas Vogelsang Redaktion: Andreas Vogelsang (verantw.), Uta Radermacher Autoren dieser Ausgabe: Michael Brunn, Peter Filinski, Jörg Geiger, Christian Grandl, GertHaverland, Ralf Lieder, Stefan Reinke, Carsten Scheibe, Markus Schmidt, Michael Suck Schlussredaktion:Margarete Dubois 54 Web-Seiten optimieren: Die besten Tuning-Tools für Ihre Web-Seiten CD-Produktion: Redaktionsbüro Typemania ProduktmanagementSonderpublikationen: 59 Contentklauen – ganz legal!Gratis-Inhalte und -Services einbinden Sabine Eckl-Thurl (Ltg.), Angelika Reinhard Grafische Gestaltung, Produktion: Rainer Miosga 62 Gästebuch, Chatund Foren:Kommunikation auf der Homepage Titel: Elisabeth Dörfler Fotochef: Christoph Born 68 Top-Werbung für Ihre Homepage:Mehr Traffic auf der Website Bildredaktion:Martina Siegmund, Christian Niklaus Geschäftsführer: Hans-Günther Beer, Dr. Markus Witt 72 Elf Top-Effekte für Ihre Site:Kurz und gut– die besten Optimierungs-Tipps Objektleitung Sonderpublikationen: Peter Deppner Herstellung: Dieter Eichelmann Verlag: Vogel Burda Communications GmbH, Poccistraße 11, 80336 München,Tel. (089) 746 42-0, Fax: (089) 74 60 56-0 Die Inhaber- und Beteiligungsverhältnisse lauten wie folgt: Alleinige Gesellschafterin: chip Holding GmbH mitdem TEST Sitz in Poccistraße 11, 80336 München, an der mitje 50 Prozentbeteiligtsind: Vogel GmbH mitdem Sitz in Max- Planck-Straße 7/9, 97082 Würzburg; Burda GmbH mit dem Sitz in Hauptstraße 130, 77652 Offenburg Druck:AVD Goldach, CH-9403 Goldach Nachdruck:© 2001 by Vogel Burda Communications GmbH. Nachdruck nur mitschriftlicher Genehmigung der Redaktion erlaubt. Christiane Bertsch , Tel. (089) 746 42-124 78 Bereichsleiter Anzeigen:Peter Kusterer (verantw.) Einmal suchen, alles finden:Sieben Meta-Suchmaschinen im Test Anzeigenverkauf:Brigitta und Karl Reinhart, 86 Tel. (089)464729,Fax: (089) 46 38 15 Schneller downloaden, weniger zahlen: Neun Download-Manager im Test Bereichsleiter Vertrieb:Michael Mair 94 Vertrieb Einzelverkauf:ASV Vertriebs GmbH, Süderstr. 77, Kostenlos zur eigenen Homepage: Vier Gratis-Webspace-Anbieter im Test Schreiben Sie uns! SERVICE Anregungen, Fragen, Kritik? C-Sonderpublikationen [email protected] 26 Inhaltder Heft-CD:MitWorkshop zur Vollversion Web-Fix go! 2.5 Fax: (089) 74642-368 98 Vorschau:Das nächste CHIP-Sonderheft CHIP| INTERNET 4 INHALT 6 Vorbereitung: Die richtigen Inhalte 7 Navigation: Website strukturieren 8 Ladezeiten: Sinnlose Grafiken vermeiden Nehmen Sie Kurs auf eine erfolgreiche Online-Präsentation Professionelle Planung und Konzeption CHIP| INTERNET PLANUNG » AUFBAU » OPTIMIERUNG » TEST » SERVICE 5 E ine der ersten Fragen sollte dem Speicherplatz (engl.Webspace) Ih- rer Online-Präsentation gelten: Machen Sie sich rechtzeitig Gedanken darüber, bei welchem Dienstanbieter (Provider oder Online-Dienst) Sie Ihre Website später veröffentlichen wollen. Wenn Sie zu den Kunden eines der beiden großen Online-Dienste AOL und T-On- line gehören, können Sie Ihre Internet- Präsentation später aufderen Servern ab- legen. Beide Unternehmen stellen ihren Mitgliedern jeweils etwa 10 beziehungs- weise 14 MByte Webspace zur Verfügung. Die Kosten für den Speicherplatz sind in den Mitgliedsgebühren enthalten. Bei T-Online ist der Umfang des Web- space mitunter vom jeweils gewählten Ta- rifmodell abhängig.Da Ihre Website in ei- nem Unterverzeichnis auf einem Server des jeweiligen Online-Dienstes abgelegt wird,ist die Adresse (engl.Domain),un- ter der Ihre Präsentation zukünftig zu er- reichen sein wird,bereits teilweise festge- legt. Bei AOL sind die Web-Seiten der Mitglieder unter http://members.aol.com und bei T-Online unter http://home.t- online.de zu erreichen. Außer diesen beiden Dienstanbietern gibt es noch viele andere Provider – das Angebot ist nahezu unüberschaubar.Des- halb ist es auch nicht möglich, eine ein- deutige Empfehlung auszusprechen. Die Angebote unterscheiden sich beispiels- weise in der Größe des zur Verfügung ge- stellten Webspace, in Service und Leis- tungsumfang oder auch dadurch, ob sie in Kombination mit einem Online-Zu- gang angeboten werden. Wenn Sie beim Web-Design von Anfang Nachfolgend erhalten Sie eine kleine Auswahl von entsprechenden Dienstan- an sieben Grundregeln beachten, können bietern,auf deren Web-Seiten Sie die ak- Sie selbst Zeit sparen – und negative tuellen Konditionen und Angebote abru- fen können.Einige dieser Provider stellen Kritik Ihrer Besucher vermeiden. Eine Ihnen Speicherplatz sogar kostenlos zur professionelle Präsentation setzt den Verfügung,andere erwarten eine geringe d monatliche Gebühr: Nutzer und seine Bedürfnisse in den an ebr www.1und1.de d Mittelpunkt – und nicht die Technik. Hil www.easyspace.com V. n: www.fortunecity.de o ati www.geocities.com ustr www.strato.de ne; Ill www.tripod.de o Foto: St wwwwww..wxoeobmde.csoigmn-net.de k CHIP| INTERNET 6 Selbstständige:Es gibt keine kostengüns- tigere und nutzerfreundlichere Werbung für Ihr Unternehmen als eine entspre- chende Präsentation im Internet. Erfinder: Sie haben eine wirklich ausge- fallene und originelle Idee – mit der man vielleicht sogar die eine oder andere Mark verdienen kann. Verkäufer: Sie möchten bestimmte Pro- dukte über das Internet vertreiben.Dabei reicht die Palette von der privaten Tauschbörse bis zu einem ausgewachse- nen Online-Shop. Vereine:Auf einer entsprechenden Web- site können Sie anderen Menschen von Provider:Internet-Dienstanbieter wie die Strato AG stellen nichtnur günstig Speicher- Ihren Aktivitäten berichten und sie daran platz miteigener Domain zur Verfügung, sondern halten auch E-Shops für Sie bereit. teilhaben lassen. Bei der Auswahl der Inhalte für Ihre 1 So wählen Sie die richtige konkrete Vorstellung,welche Inhalte und Präsentation sollten Sie allerdings beden- Web-Adresse Angebote sie den Besuchern später ei- ken, dass Ihre Website theoretisch von Einige der zuvor erwähnten Internet- gentlich präsentieren wollen. Millionen Besuchern aus aller Welt aufge- Dienstanbieter bieten Ihnen einen großen Bevor Sie anfangen, die erste Seite zu rufen werden können.Also sollten Sie nur Vorteil gegenüber dem Webspace bei ei- gestalten,sollten Sie eine kurze Liste mit solche persönlichen Informationen ins nem Online-Dienst: Sie können bei die- Stichpunkten anfertigen,in der Sie die je- Netz stellen, die Sie beispielsweise via sen Unternehmen eine eigene und indivi- weils gewünschten Inhalte kurz auffüh- Rundfunk oder Fernsehen einer breiten duelle Web-Adresse erwerben. Insbeson- ren.Diese Stichpunktliste dient als erster Öffentlichkeit mitteilen würden. dere Selbstständige,Freiberufler oder an- Anhaltspunkt für die spätere Struktur Wenn Sie nicht aus zwingenden Grün- dere Personengruppen mit kommerziel- und die Auswahl eines passenden Designs den Ihre komplette Adresse samt Telefon- ler Zielsetzung sollten sich eine indivi- für Ihre Präsentation. Nachfolgend fin- und Fax-Nummern aufIhrer Website an- duelle Domain sichern.Eine geschäftliche den Sie einige Anregungen für die richti- geben müssen, sollten Sie sich lediglich Website, die beispielsweise unter http:// gen Inhalte und Gründe für die Erstellung auf die Angabe einer E-Mail-Kontakt- members.aol.com zu erreichen ist,hinter- einer Online-Präsentation: adresse beschränken.So können Sie even- lässt bei Kunden und Geschäftspartnern Globetrotter: Sie reisen gerne und sind tuelle Belästigungen unangenehmer Zeit- keinen professionellen Eindruck. oft in der Weltgeschichte unterwegs. Er- genossen bereits im Vorfeld vermeiden. Für die Vergabe neuer und der Verwal- stellen Sie deshalb Reiseberichte Ihrer lus- Aufeiner kommerziellen Website müssen tung bereits bestehender Domains ist das Deutsche Network Information Center (kurz: DENIC) zuständig. Auf dessen Website www.denic.de können Sie jeder- zeit eine Datenbankabfrage durchführen, um zu überprüfen, ob eine gewünschte Domain (www.wunschname.de) noch 1 Wunschname:Im Deutschen Network Information Center DENIC können Sie per Datenbankabfrage kostenlos prüfen, ob Ihre Wunsch-Domain noch frei ist. frei verfügbar oder bereits vergeben ist.Ist die von Ihnen gewünschte Domain noch nicht vergeben, können Sie diese in der tigsten,abenteuerlichsten und interessan- Sie natürlich die vollständige Adresse Ih- Regel über Ihren Webspace-Anbieter kos- testen Unternehmen – vergessen Sie dabei res Unternehmens angeben. tenpflichtig reservieren lassen.Alternativ nicht,einige Schnappschüsse Ihrer Reisen können Sie die Registrierung auch direkt in einem Bildarchiv zu veröffentlichen. 3 Die Zielgruppe der Website richtig definieren über das DENIC vornehmen. Künstler:Sie zeichnen,fotografieren oder machen gerne selbst Musik.Gestalten Sie Anhand der Stichpunktliste haben Sie 2 Die inhaltliche Konzeption auf Ihrer Website eine Galerie mit Ihren festgelegt, welche Inhalte Sie auf Ihrer Ihrer Website Bildern oder bieten Sie Ihren Besuchern Website präsentieren möchten.Nun müs- Weitaus wichtiger als das Handwerkszeug Ausschnitte aus Ihren Musikstücken als sen Sie überlegen,welche Menschen Sie in in Form eines Web-Editors oder irgend- Kostprobe zum Download an. erster Linie mit Ihrer Präsentation an- welcher HTML-Befehle ist der eigentliche Fan: Weil Sie ein großer Anhänger eines sprechen wollen.Je nach Ergebnis sollten Inhalt Ihrer Website.Viele Menschen sind bestimmten Schauspielers, Sängers oder Sie später das Design Ihrer Website auf absolut begeistert von der Idee,eine eige- Autors sind, möchten Sie Ihre Begeiste- die Bedürfnisse dieser so genannten pri- ne Website zu gestalten,haben aber keine rung weltweit mit anderen teilen. mären Zielgruppe abstimmen. CHIP| INTERNET PLANUNG » AUFBAU » OPTIMIERUNG » TEST » SERVICE 7 Website und Zielgruppe Während Sie auf einer Fan-Seite zum den zur Verfügung stehenden gestalteri- Auf Ihrem lokalen Rechner spielt es Thema „Star Wars“ oder „Tomb Raider“ schen Mitteln und Möglichkeiten sehr meistens keine große Rolle, ob Sie eine auch einmal etwas in Bewegung und kun- viel Spaß bereitet.Aus diesem Grund ist Datei unter dem Namen „Index.HTML“, terbunt gestalten dürfen, vergraulen Sie es wichtig,dass Sie sich vor der späteren „index.html“, „INDEX.html“ oder „IN- mit dem gleichen Design möglicherweise Veröffentlichung Ihrer Website bei dem DEX.HTML“ abspeichern.Ein Unix-Sys- die Besucher einer Website,denen Sie bei- strukturellen Aufbau der einzelnen Seiten tem sieht darin allerdings vier vollkom- spielsweise die Aktivitäten Ihres Vereins an einem einheitlichen Schema orientie- men unterschiedliche Dateien. Damit es oder Ihrer Firma vorstellen möchten. ren und dies konsequent umsetzen. später in Verbindung mit diesen Konven- Jede Web-Seite Ihrer Präsentation soll- tionen zu keinen bösen Überraschungen 4 So konzeptionieren Sie eine ten Sie nach dem gleichen grundsätzli- kommt, verzichten Sie bei Dateinamen professionelle Website chen Strickmuster aufbauen, so dass die am besten komplett auf den Einsatz von Wenn Sie wissen, welche Inhalte Sie auf Besucher sich nicht auf jeder Seite neu Großbuchstaben. Ihrer Website veröffentlichen wollen,ge- orientieren müssen.Um sich später zeit- Ein weiteres Problem kann sich aus der hen Sie einen Schritt weiter:Nehmen Sie aufwändige Umbauarbeiten zu ersparen, Verwendung von Sonderzeichen inner- Ihre Stichpunktliste zur Hand, die im sollten Sie diese Grundstruktur möglichst halb eines Ordner- oder Dateinamens er- weiteren Verlauf als Grundlage für die frühzeitig definieren. Beispielsweise soll- geben.Benutzen Sie deshalb neben ande- Struktur Ihrer Website dient.Fertigen Sie ten Sie eine Navigationsleiste immer an ren Sonderzeichen auch keine Umlaute basierend auf dieser Liste eine kleine derselben Position platzieren,und von al- (die Schreibweise oe,ae oder ue ist natür- Skizze über den späteren Aufbau Ihrer Präsentation an.Wenn Sie eine klare,in- haltliche Struktur geschaffen haben,fällt Ihnen die gestalterische Umsetzung Ihrer Ideen später wesentlich leichter. 5 Sternförmige und hierarchische Strukturen Abhängig vom Umfang der geplanten Präsentation bieten sich prinzipiell zwei unterschiedliche Wege zur Strukturie- rung der einzelnen Web-Seiten an: r Bei Präsentationen mit kleinerem bis mittlerem Umfang werden die einzelnen Web-Seiten sternförmig angelegt.Das be- deutet,dass von der Startseite aus ein Zu- gang zu den jeweiligen Unterseiten be- steht und man von den Unterseiten je- weils wieder problemlos zur Startseite zu- rückfinden kann. Ein Vorteil dieser Vor- gehensweise ist, dass Sie einzelne Web- Seiten problemlos hinzufügen,entfernen oder austauschen können. r Vergrößert sich das Informationsange- 4 Basisarbeit:Vor der Arbeitmitdem Web-Editor sind vor allem Kreativitätund logisches Denken gefragt, um eine zielgruppengerechte Internet-Site zu schaffen. bot und Sie wollen eine große Anzahl an Web-Seiten mit unterschiedlichen Pro- jekten veröffentlichen, bietet sich eine len Web-Seiten sollte ein unkomplizierter lich erlaubt).Auch Leerzeichen sollten Sie hierarchische Struktur an. Eine solche Weg zurück zur Startseite führen. in Ordner- und Dateinamen auf jeden Struktur kennen Sie beispielsweise von Fall vermeiden. Benutzen Sie stattdessen der Verzeichnis- und Dateianordnung auf 6 Konventionen zu Verzeichnis- den Unterstrich, um zu lange Dateina- und Dateinamen beachten Ihrer Festplatte.Ausgehend von der Start- men zu unterteilen. seite,kann der Besucher auf eine thema- Sie müssen bei der späteren Vergabe von Zur Benennung von Ordner- und Da- tische Unterseite zugreifen,die ihn wiede- Ordner- und Dateinamen zwei wichtige teinamen sollten Sie nach Möglichkeit le- rum zu weiteren Unterseiten führt.So lei- Grundregeln beachten: Viele Server, auf diglich Buchstaben von A bis Z und Zif- ten Sie den Besucher von Information zu denen Sie später Ihre Website veröffent- fern von 0 bis 9 nutzen.Des Weiteren ist Information und er kann immer weiter in lichen,laufen nicht zwangsläufig unter ei- es ratsam – aber nicht unbedingt zwin- die Tiefe der einzelnen Projekte Ihrer Prä- nem Microsoft-Betriebssystem, sondern gend erforderlich –, keine langen Datei- sentation eintauchen. oftmals unter Unix. Und das Betriebsys- namen zu vergeben. Idealerweise folgen Sie werden wahrscheinlich schnell be- tem Unix unterscheidet strikt zwischen Sie dabei dem alten MS-DOS-Standard merken,dass das experimentelle Spiel mit Groß- und Kleinschreibung. „8+3“,also maximal acht Zeichen für denk CHIP| INTERNET 8 eigentlichen Dateinamen plus drei Zei- lange Wartezeiten beim Ladevorgang der beliebige Anzahl an zusätzlichen Brow- chen für die Dateiendung. Startseite nicht selten ein Grund dafür, ser-Fenstern automatisch beim Aufrufei- dass Besucher vorzeitig und genervt die- ner Web-Seite öffnet.Die Folge davon ist, 7 So vermeiden Sie Fehler auf ses Angebot wieder verlassen. dass Ihre Homepage in Sekundenschnel- der Startseite r Wenn Sie Ihre Web-Seiten mittels Fra- le unter den zahllosen eingeblendeten Es gibt viele Dinge,die man bei der Ge- mes gestalten, bedenken Sie bitte, dass Fenstern verschwindet. Wer so etwas staltung einer Website falsch machen beispielsweise weniger erfahrene Besu- praktiziert,muss sich über Besucherman- kann. Neben wirklichen Gestaltungsfeh- cher möglicherweise nicht immer mit der gel nicht wundern. lern gibt es natürlich jede Menge Featu- Navigation zurechtkommen. Wollen Sie r Vermeiden Sie, die Web-Seiten Ihrer res,die der Web-Designer für schön,ab- auf den Einsatz von Frames keinesfalls Präsentation mit zu vielen Elementen solut notwendig und richtig erachtet.An- verzichten,sollten Sie aufjeden Fall einen und Inhalten zu überfrachten.Wenn Sie dere Designer oder Besucher teilen diese <noframe>-Tag auf Ihrer Startseite ein- viele Informationen anzubieten haben,ist Meinung dagegen überhaupt nicht – binden: Dieser ermöglicht es den Besu- das sicherlich eine gute Sache.Allerdings Schönheit liegt im Zweifelsfall eben im- chern, die Inhalte der Web-Seiten ohne sollten Sie auf der ersten Seite nicht Ihr mer im Auge des jeweiligen Betrachters. Frame-Struktur zu nutzen. gesamtes Pulver verschießen. Unabhängig davon gibt es einige r Mit Werbebannern auf den eigenen Außerdem sollten Sie darauf achten, grundlegende Ratschläge,die Sie beherzi- Web-Seiten lässt sich im Internet Geld dass der eigentliche Eingang zu Ihrer Prä- gen sollten,wenn Sie Ihre Besucher nicht verdienen – vielleicht sogar genug,um die sentation nicht zwischen unzähligen But- bereits an der Eingangstür zu Ihrer On- Kosten für die Website zu decken.Wenn tons oder blinkenden Animationen ver- line-Präsentation vor den Kopf stoßen Sie allerdings direkt am Eingang zu Ihrer steckt ist.Damit erschweren Sie Ihren Be- möchten.Der erste Eindruck entscheidet Online-Präsentation zahlreiche Banner suchern die Navigation und halten sie über die Akzeptanz der Präsentation. platzieren, dürfen Sie sich nicht darüber gleichzeitig davon ab,tiefer in Ihr Online- Angebot einzudringen. r Nutzen Sie Imagemaps zur Naviga- tion,müssen Sie Ihren Besuchern eine al- ternative Navigationshilfe anbieten. Er- hebungen zufolge haben rund 15 Prozent aller Internet-Nutzer die Grafikanzeige bei ihren Rundreisen im Web deaktiviert. Ohne Alternative zu Imagemaps haben diese Besucher daher keinerlei Möglich- keit,Ihre Präsentation kennen zu lernen. r Vermeiden Sie vorgeschaltete Videos oder Flash-Animationen.Diese stehen bei Web-Designern zwar derzeit hoch im Kurs, bringen allerdings relativ wenig Nutzwert für den Besucher.Viele Websur- fer brechen den Besuch schon dann ab, wenn sie sich im Vorfeld erst umständlich ein benötigtes Plug-In downloaden müs- 7 Gestaltung:Zu viele aufgeblähte Grafiken und Animationen, die keine Funktion sen,um in den Genuss des multimedialen haben, frustrieren wegen ihrer langen Ladezeiten die Website-Besucher. Feuerwerks und der weiteren Inhalte auf der Website zu kommen. Wer gleich aufder Startseite unfreund- wundern,wenn weniger Besucher zu den r Prinzipiell ist gegen den Einsatz von lich empfangen oder mit unvorteilhaften Inhalten Ihrer Präsentation vordringen, Formularen auf Ihren Webseiten nichts Inhalten und Elementen konfrontiert als letztendlich möglich wäre. einzuwenden.Denn immerhin bieten sie wird,bricht nicht selten den Ladevorgang Denn wer garantiert Ihnen, dass die eine hervorragende Möglichkeit,mit den vorzeitig ab und sucht das Weite, ohne Verlockung,auf ein vorgeschaltetes Wer- Besuchern in Kontakt zu treten und ih- überhaupt zu den zentralen Inhalten be-Banner zu klicken, beim Besucher nen interessante Informationen zum Ab- Ihrer Präsentation vorgedrungen zu sein. nicht größer ist, als auf die Beendigung ruf anzubieten. Doch wenn Sie umfang- Die folgenden Hinweise helfen Ihnen bei des Ladevorgangs Ihrer Website zu war- reiche Abfragen vornehmen wollen,bevor der Gestaltung, damit Ihre Website von ten? Mit Speck fängt man bekanntlich die Besucher überhaupt zum eigentlichen Anfang an zu einem Erfolg wird. Mäuse – und das ist auch Sinn und Zweck Inhalt Ihrer Präsentation vordringen r Achten Sie bitte darauf,dass die Lade- von Werbe-Bannern im Internet. können, wird ein Formular die Nutzer zeit der Startseite so gering wie möglich r Eine Unsitte beim Web-Design, mit eher vergraulen. Und als privater Web- ist – Gleiches gilt dabei natürlich auch für der Sie vielleicht selbst schon einmal Be- site-Betreiber sollten Sie persönliche Da- alle weiteren Web-Seiten Ihrer Präsenta- kanntschaft gemacht haben,ist die Mög- ten überhaupt nicht abfragen. tion. Allerdings sind insbesondere sehr lichkeit,festzulegen,dass sich eine nahezu Peter Filinski CHIP| INTERNET PLANUNG » AUFBAU » OPTIMIERUNG » TEST » SERVICE 9 ÜbersichtWeb-Editoren Mit HTML-Editoren können Sie über entsprechende Schaltflächen und Pro- gramm-Funktionen die von Ihnen ge- wünschten HTML-Befehle automatisch in den Quelltext einer Web-Seite einfü- gen.Zwar müssen Sie bei diesen Editoren nicht jeden HTML-Befehl auswendig ler- nen und von Hand eingeben, dennoch sollten Sie über Vorkenntnisse verfügen, weil Sie direkt im HTML-Quellcode einer Website arbeiten. Bei Wysiwyg-Editoren (engl.What You See Is What You Get,übersetzt:„Was Sie sehen, erhalten Sie auch“) werden die Web-Seiten im Editor weitestgehend so angezeigt, wie sie später auch in einem Web-Browser zu sehen sind. Mit dem HTML-Quelltext einer Web-Seite werden Sie im Normalfall nur selten konfrontiert. Ein solcher Editor gleicht der Arbeit mit einer Textverarbeitung, wobei Sie Ihre 1 Frontpage:Die Benutzerführung des Editors erinnertan MS-Office-Produkte, die Internet-Seiten nach dem bekannten Handhabung istleichtund besonders für umfangreiche Projekte geeignet. Baukastenprinzip erstellen. Web-Editoren für jede Aufgabe Websites schnell und professionell aufbauen Um Ihnen die Wahl des richtigen Editors Editoren für jeden zu erleichtern, finden Sie im Folgenden eine Übersicht der gängigen Programme, an der Sie sich bei Ihrer Wahl orientieren Einsatzzweck können.Die meisten dieser Editoren sind in einer kostenlosen Evaluations-Version verfügbar,so dass Sie die Programme vor dem Kaufausgiebig aufHerz und Nieren Web-Editoren sind für Designer unerlässlich. Doch welcher passt zur Aufgabe? CHIP zeigt Ihnen, welcher Editor der richtige für Ihre Ansprüche ist. J eder Web-Designer benötigt einen Editor, der seiner Aufgabe und sei- nen Kenntnissen entspricht.Bei An- schaffungskosten von mehreren hundert Mark kann eine falsche Entscheidung recht schmerzlich sein. In dieser Über- sicht stellen wir Ihnen die besten Pro- gramme vor. Welcher der ideale Editor für Sie ist, finden Sie am einfachsten in einem Selbsttest heraus. Web-Editoren können in zwei unter- schiedliche Kategorien eingeteilt werden. Auf der einen Seite gibt es die HTML- oder auch Codezeilen-Editoren, denen die so genannten Wysiwyg-Editoren ge- genüberstehen.Bei einigen ist die Grenze 2 Dreamweaver:Der Editor von Macromedia gehörtzu den besten, die derzeitauf dem Marktsind, und eignetsich hervorragend für professionelles Web-Design. zwischen diesen Kategorien fließend. CHIP| INTERNET 10 testen können.Einen dieser Editoren er- halten Sie sogar völlig kostenlos. 1 Frontpage: Leichtzu nutzen, aber kein sauberer Code Wenn Sie schon einmal mit einer Office- Anwendung von Microsoft gearbeitet ha- ben,werden Sie mit Frontpage sicherlich schnell zurechtkommen: Die gesamte Optik und Benutzerführung dieses Edi- tors orientiert sich sehr stark an Word, Excel & Co.Aufgrund der relativ kurzen Einarbeitungszeit kann man schnell zu ansprechenden Ergebnissen gelangen. Dynamische Elemente und interaktive Erweiterungen lassen sich ohne tief grei- fende Kenntnisse nutzen. Arbeiten Sie an umfangreichen Web-Projekten, wer- den Sie die hervorragende Site-Verwal- tung zu schätzen wissen.Allerdings ist es mit Frontpage (auch in der neuen Version XP/2002) nicht möglich,wirklich saube- ren Code zu erzeugen,da das Programm eigenmächtig Veränderungen am Quell- code vornimmt. 3 GoLive!Dieser Editor auf Wysiwyg-Basis bietetbesonders für anspruchsvolles und elegantes Web-Design erstklassige Produktions- und Verwaltungstools. Fazit: Frontpage eignet sich sowohl für Einsteiger als auch für Profis. Allerdings sollten gerade Neulinge darauf achten, 3 GoLive! Für Bilder mit ein professioneller Entwickler sind,dieser sich durch die Nähe zur Office-Produkt- geringer Farbtiefe Editor hilft Ihnen,einfache und gleichzei- familie nicht zu Design-Fehlern hinrei- Adobes GoLive! richtet sich bevorzugt an tig elegante Web-Seiten oder auch umfas- ßen zu lassen.Nähere Informationen er- Grafiker und Designer.Dieses Programm sende E-Commerce-Sites in einer intuiti- halten Sie unter www.microsoft.com. bietet ihnen erstklassige Design-, Pro- ven Umgebung zu entwerfen. GoLive! duktions- und Verwaltungstools,um an- bietet alles,was man zur erfolgreichen vi- 2 Dreamweaver: Leistungsfähig, spruchsvolle Websites zu erstellen.Ob Sie suellen Gestaltung (Wysiwyg) einer Web- aber gewöhnungsbedürftig zum ersten Mal eine Site entwerfen oder site benötigt,und eine Menge mehr. Macromedias Dreamweaver ist ein an- spruchsvoller und äußerst leistungsfähi- ger Web-Editor.Er darfzu Recht als einer der besten und beliebtesten Editoren be- zeichnet werden, die derzeit auf dem Markt sind. Allerdings verlangt die Auf- teilung des Programms in Arbeitsfläche und mehrere unabhängige Fensterberei- che gerade von Web-Design-Einsteigern etwas Eingewöhnungszeit. Die Verwen- dung eines großflächigen 21-Zoll-Moni- tors oder eine Lösung mit zwei Monito- ren ermöglicht dem Web-Gestalter je- doch komfortables Arbeiten. Fazit: Web-Designer mit hohen Ansprü- chen kommen bei dieser Macromedia- Software voll auf Ihre Kosten – Dream- weaver lässt kaum Wünsche offen. Ein- steiger könnten sich allerdings etwas schwer tun und sollten eine angemessene Einarbeitungszeit einkalkulieren. Nähere Informationen erhalten Sie unter der 4 NetObjects Fusion:SelbstEinsteiger gelangen mitdiesem Web-Editor schnell und einfach zu überzeugenden Ergebnissen. Adresse www.macromedia.com. CHIP| INTERNET PLANUNG » AUFBAU » OPTIMIERUNG » TEST » SERVICE 11 ÜbersichtWeb-Editoren Fazit:Obwohl die Benutzerführung nicht immer eindeutig und logisch erscheint, gelangen auch Einsteiger ohne Program- mier- oder HTML-Kenntnisse schnell zu erfolgreich gestalteten Websites. Nähere Informationen erhalten Sie beim Herstel- ler unter www.adobe.com. 4 NetObjects Fusion: Schnelle Ergebnisse NetObjects Fusion eignet sich für alle Web-Designer,die aufdie Schnelle zur ei- genen Website gelangen und dafür mög- lichst wenig Aufwand betreiben wollen. Der Leistungsumfang von Fusion ist ab- solut zufrieden stellend – wenn man kei- ne allzu hohen Ansprüche stellt. Gerade die Vielfalt fachlicher Hilfestellungen führt auch Novizen und weniger versierte Anwender äußerst schnell zu ansprechen- den gestalterischen Ergebnissen. Fusion 5 HomeSite:Im Gegensatz zu NetObjects Fusion und GoLive! arbeitetdieser Editor nichtmitgrafischen Elementen, sondern direktim HTML-Quellcode. arbeitet mit Objekten,die Sie per Drag & Drop im Baukastensystem zu einer Web- site zusammenstellen. Fazit: Gerade Einsteiger und Designer, die mit möglichst wenig Aufwand schnell zu überzeugenden Ergebnissen gelangen möchten,werden von NetObjects Fusion begeistert sein.Die einfache und intuitive Benutzerführung lässt kaum Spielraum für Anwendungsfehler. Nähere Informa- tionen erhalten Sie unter der Adresse www.netobjects.com. 5 HomeSite: Verschafftdem Web-Designer Überblick Der HomeSite Editor von Allaire richtet sich in erster Linie an Web-Designer,die bereits über ein entsprechendes Vorwis- sen in der HTML- und Programmier- technik verfügen. Trotz eines enormen Leistungsumfangs geht dank der gelunge- nen Benutzerführung der Überblick nie verloren.HomeSite ist das Gegenstück zu NetObjects Fusion oder GoLive!: Sie ar- 6 Phase 5:Der Editor von Entwickler Ulli Meybohm istkostenlos, ohne dass Web- Designer deshalb auf Leistungen verzichten müssen. beiten nicht mit grafischen Objekten, sondern direkt im Quellcode einer Web- Seite und sollten daher immer genau wis- 6 Phase 5: Freeware mit beit mit Phase 5 ist,dass es automatisch geringer Farbtiefe sen,was Sie gerade machen. wichtige HTML-Grundlagen vermittelt. Fazit:HomeSite ist weniger für Einsteiger Phase 5 von Ulli Meybohm ist für alle Bevorzugen Sie allerdings die Arbeit mit und Wysiwyg-Anhänger geeignet,für alle Web-Designer eine sehr leistungsfähige einem Wysiwyg-Editor, werden Sie sich anderen Web-Designer aber ein absolut und zudem völlig kostenlose Alternative mit Phase 5 nur schwer anfreunden. empfehlenswerter Editor. Einer der gro- zu den kommerziellen Web-Editoren. Fazit:Designer mit schmalem Geldbeutel ßen Vorteile des Programms liegt in Phase 5 ist Freeware, Sie dürfen es also werden diesen Editor zu schätzen wissen. dem sauberen Quellcode,den der Editor kostenlos kopieren und verteilen. Mey- Einsteiger lernen damit zudem HTML. erzeugt. Nähere Informationen erhalten bohm startete das Projekt bereits Anfang Nähere Informationen unter der Adresse Sie unter der Adresse des Herstellers 1996 und entwickelt es seitdem ständig www.meybohm.de/htmledit. www.allaire.com. weiter.Ein netter Nebeneffekt bei der Ar- Peter Filinski CHIP| INTERNET