Dokumentieren in Hypermedien - Versionsgeschichte

Christagrossegger: /* HTML-Editoren */

2009-09-20T19:52:47Z

HTML-Editoren

← Nächstältere Version		Version vom 20. September 2009, 21:52 Uhr
Zeile 123:		Zeile 123:
	== HTML-Editoren ==		== HTML-Editoren ==

	Für das Erstellen von Webdokumenten besteht einerseits die Möglichkeit einen einfachen Texteditor zu verwenden (dies erfordert allerdings das Beherrschen von HTML.). Andererseits gibt es viele HTML-Editoren am Markt, die nach dem WYSIWIG-Prinzip arbeiten. Hat man nicht das passende Budget (z.B. für Dreamweaver) parat, findet man durchaus brauchbare (gratis) HTML-Editoren im Web wie z.B. den "Kompozer"(http://www.kompozer.net)		Für das Erstellen von Webdokumenten besteht einerseits die Möglichkeit einen einfachen Texteditor zu verwenden (dies erfordert allerdings das Beherrschen von HTML.). Andererseits gibt es viele HTML-Editoren am Markt, die nach dem WYSIWIG-Prinzip arbeiten. Hat man nicht das passende Budget (z. B. für Dreamweaver) parat, findet man durchaus brauchbare (gratis) HTML-Editoren im Web wie z. B. den "Kompozer"(http://www.kompozer.net)

	[[Datei:Kompozer.gif]]		[[Datei:Kompozer.gif]]

Hans4mido am 26. August 2009 um 06:26 Uhr

2009-08-26T06:26:29Z

← Nächstältere Version		Version vom 26. August 2009, 08:26 Uhr
Zeile 115:		Zeile 115:

	Allerdings sollte man auch hier wie bei allen Design-Elementen darauf achten, dass man sie nicht in einem überdurchschnittlichen Ausmaß verwendet und dass sie richtig benutzt werden. Ein unbekanntes Symbol schadet mehr als gar keines, da NutzerInnen nicht wissen, was es bedeutet.		Allerdings sollte man auch hier wie bei allen Design-Elementen darauf achten, dass man sie nicht in einem überdurchschnittlichen Ausmaß verwendet und dass sie richtig benutzt werden. Ein unbekanntes Symbol schadet mehr als gar keines, da NutzerInnen nicht wissen, was es bedeutet.


	~~=== [[Vektorgrafik]] ===~~

	~~Im Gegensatz zu einer vergleichbaren Pixelgrafik haben Vektorgrafiken bedeutend kleinere Dateigrößen. Als wichtigster Vertreter der Vektorgrafik im Web hat sich Flash etabliert.~~


Zeile 125:		Zeile 120:

	Multimedia-Elemente können Web-Dokumente ansprechender gestalten. Da diese meistens ein Plugin benötigen, sollte darauf geachtet werden, dass Dateiformate verwendet werden, die in der Browser-Software bzw. in den gängigen Betriebsystemen integriert sind (wie z.B. Flash). Viele WebnutzerInnen könnte nämlich der Download eines neuen Plugins zu umständlich und langwierig sein. Der Einsatz dieser Instrumente ist allerdings immer auf die Bandbreite und dem Computersystem der Zielgruppe abzustimmen, da Multimedia-Anwendungen in den meisten Fällen aus großen Datenmengen bestehen. Daher müssen in der Regel Mulitmedia-Dateien wie z.B. Videos sehr stark komprimiert werden.		Multimedia-Elemente können Web-Dokumente ansprechender gestalten. Da diese meistens ein Plugin benötigen, sollte darauf geachtet werden, dass Dateiformate verwendet werden, die in der Browser-Software bzw. in den gängigen Betriebsystemen integriert sind (wie z.B. Flash). Viele WebnutzerInnen könnte nämlich der Download eines neuen Plugins zu umständlich und langwierig sein. Der Einsatz dieser Instrumente ist allerdings immer auf die Bandbreite und dem Computersystem der Zielgruppe abzustimmen, da Multimedia-Anwendungen in den meisten Fällen aus großen Datenmengen bestehen. Daher müssen in der Regel Mulitmedia-Dateien wie z.B. Videos sehr stark komprimiert werden.



	== HTML-Editoren ==		== HTML-Editoren ==

Hans4mido am 26. August 2009 um 06:25 Uhr

2009-08-26T06:25:14Z

@@ Zeile 116: / Zeile 116: @@
 Allerdings sollte man auch hier wie bei allen Design-Elementen darauf achten, dass man sie nicht in einem überdurchschnittlichen Ausmaß verwendet und dass sie richtig benutzt werden. Ein unbekanntes Symbol schadet mehr als gar keines, da NutzerInnen nicht wissen, was es bedeutet.
 === [[Vektorgrafik]] ===
@@ Zeile 142: / Zeile 121: @@
 Im Gegensatz zu einer vergleichbaren Pixelgrafik haben Vektorgrafiken bedeutend kleinere Dateigrößen. Als wichtigster Vertreter der Vektorgrafik im Web hat sich Flash etabliert.
 == Multimedia ==

Verbod am 15. August 2009 um 16:18 Uhr

2009-08-15T16:18:48Z

Änderungen zeigen

Verbod: /* HTML-Editoren */

2009-08-14T20:13:05Z

HTML-Editoren

← Nächstältere Version		Version vom 14. August 2009, 22:13 Uhr
Zeile 160:		Zeile 160:
	[[Datei:Kompozer.gif]]		[[Datei:Kompozer.gif]]

	Einführung in das Arbeiten mit Kompozer:		'''Einführung in das Arbeiten mit Kompozer:'''

	* Video für Anfänger(Quicktime): http://qstreaming.idv.edu/kompozer.mov		* Video für Anfänger(Quicktime): http://qstreaming.idv.edu/kompozer.mov

Verbod: /* HTML-Editoren */

2009-08-14T20:12:31Z

HTML-Editoren

← Nächstältere Version		Version vom 14. August 2009, 22:12 Uhr
Zeile 157:		Zeile 157:

	Für das Erstellen von Webdokumenten besteht einerseits die Möglichkeit einen einfachen Texteditor zu verwenden (Dies bedeutet allerdings das Beherrschen von HTML.). Andererseits gibt es viele HTML-Editoren am Markt, die nach dem WYSIWIG-Prinzip arbeiten. Hat man nicht das passende Budget (z.B. Dreamweaver) parat, findet man durchaus brauchbare (gratis) HTML-Editoren im Web wie z.B. den "Kompozer"(http://www.kompozer.net)		Für das Erstellen von Webdokumenten besteht einerseits die Möglichkeit einen einfachen Texteditor zu verwenden (Dies bedeutet allerdings das Beherrschen von HTML.). Andererseits gibt es viele HTML-Editoren am Markt, die nach dem WYSIWIG-Prinzip arbeiten. Hat man nicht das passende Budget (z.B. Dreamweaver) parat, findet man durchaus brauchbare (gratis) HTML-Editoren im Web wie z.B. den "Kompozer"(http://www.kompozer.net)

			[[Datei:Kompozer.gif]]

	Einführung in das Arbeiten mit Kompozer:		Einführung in das Arbeiten mit Kompozer:

Verbod: /* Trennung von Form und Inhalt */

2009-08-14T19:54:59Z

Trennung von Form und Inhalt

← Nächstältere Version		Version vom 14. August 2009, 21:54 Uhr
Zeile 110:		Zeile 110:
	Nicht nur für einzelne Formatierungen, sondern für das gesamte Layout eines Webdokumentes eignen sich CSS hervorragend. Ausserdem ist es möglich unterschiedliche Style-Sheets für andere Medien bereitzustellen. So kann man z.B. das Layout eines Ausdruckes, einer Präsentation mit einem Projektor oder auf einem Handy-Display beeinflussen. Man kann also für jeden Medien-Typ ausschließlich durch den Ausstausch des (externen) Style-Sheets eine geeignete Website gestalten.		Nicht nur für einzelne Formatierungen, sondern für das gesamte Layout eines Webdokumentes eignen sich CSS hervorragend. Ausserdem ist es möglich unterschiedliche Style-Sheets für andere Medien bereitzustellen. So kann man z.B. das Layout eines Ausdruckes, einer Präsentation mit einem Projektor oder auf einem Handy-Display beeinflussen. Man kann also für jeden Medien-Typ ausschließlich durch den Ausstausch des (externen) Style-Sheets eine geeignete Website gestalten.

	Beim Seitenlayout sind einige wichtige Regeln für die Textausrichtung zu beachten. Blocksatz soll in Webdokumenten nicht verwendet werden, da dadurch unregelmäßige Wortabstände produziert werden, die den Text am Bildschirm schwer lesbar macht. Außerdem sind zentrierte und rechtsbündige Texte eher zu vermeiden. Ein zerklüfteter Text am linken Rand erschwert das Lesen eines Webdokumentes erheblich. Ein linksbündiger Text ist die beste Option für Webseiten.<ref>http://~~www.~~webstyleguide.com</ref><ref>http://www.css4you.de/</ref>		Beim Seitenlayout sind einige wichtige Regeln für die Textausrichtung zu beachten. Blocksatz soll in Webdokumenten nicht verwendet werden, da dadurch unregelmäßige Wortabstände produziert werden, die den Text am Bildschirm schwer lesbar macht. Außerdem sind zentrierte und rechtsbündige Texte eher zu vermeiden. Ein zerklüfteter Text am linken Rand erschwert das Lesen eines Webdokumentes erheblich. Ein linksbündiger Text ist die beste Option für Webseiten.<ref>http://webstyleguide.com/wsg3/index.html</ref><ref>http://www.css4you.de/</ref>

	== Zeichen und Symbole ==		== Zeichen und Symbole ==

Verbod: /* Ziel und Zielgruppenorientierung */

2009-08-14T19:17:16Z

Ziel und Zielgruppenorientierung

← Nächstältere Version		Version vom 14. August 2009, 21:17 Uhr
Zeile 25:		Zeile 25:
	Auf einer Website, auf der unterhalten werden soll, eignen sich eher grafische Menüs, Flash-Animationen, Streaming-Videos, etc. Wenn dagegen rasches Auffinden von Informationen das Ziel der Webpräsenz darstellt, sind Textmenüs gegenüber grafischen Menüs vorzuziehen. Videos und Flash-Animationen eignen sich allerdings hervorragend für Produktpräsentationen oder Ähnliches. Dennoch ist dazu zu raten, derartige Animationen in der Hierarchie weiter unten anzusetzen. Auf Splash-Screens (Inhaltslose Einstiegsseiten) sollte bei „ernsthaften“ Websites verzichtet werden. Diese verzögern auf überflüssige Weise das Auffinden von Informationen.		Auf einer Website, auf der unterhalten werden soll, eignen sich eher grafische Menüs, Flash-Animationen, Streaming-Videos, etc. Wenn dagegen rasches Auffinden von Informationen das Ziel der Webpräsenz darstellt, sind Textmenüs gegenüber grafischen Menüs vorzuziehen. Videos und Flash-Animationen eignen sich allerdings hervorragend für Produktpräsentationen oder Ähnliches. Dennoch ist dazu zu raten, derartige Animationen in der Hierarchie weiter unten anzusetzen. Auf Splash-Screens (Inhaltslose Einstiegsseiten) sollte bei „ernsthaften“ Websites verzichtet werden. Diese verzögern auf überflüssige Weise das Auffinden von Informationen.

	Ist diese Frage einmal geklärt, ist als nächstes zu hinterfragen, welches Publikum angesprochen werden soll bzw. welche potentiellen LeserInnen man hat. Besteht die Zielgruppe beispielsweise eher aus Gelegenheitsnutzern ist es wichtig, dass die Website einen gut strukturierten Einstieg hat und auch sonst durch detaillierte Anweisungen diese LeserInnen geführt werden. Für diese NutzerInnen sind grafische Menüseiten, Überblicksseiten, Hierarchiebäume, Icons, Glossare, FAQs wichtige Elemente. Professionelle, geübte NutzerInnen hingegen könnte durch viele Zwischenschritte, die den Informationszugriff verzögert, verärgert werden. Profis schätzen eher Textmenüs und verzichten gerne auf grafische, aufgeblähte Seiten, die den Download nur verzögern. Des Weiteren ist auch darauf zu achten, welche Bandbreite das Zielpublikum zur Verfügung hat. Viele Internet-BenutzerInnen besitzen zwar schon breitbandige Internetanbindungen, dennoch gibt es noch zahlreiche NutzerInnen die ein normales Telefonmodem besitzen und eher negativ auf riesige Flash-Animationen, Videos udgl. reagieren. Abgesehen von der zur Verfügung stehenden Bandbreite ist der vordergründige, plumpe Einsatz von Techniken mittlerweile bei vielen NutzerInnen verpönt. Grundsätzlich kann man sagen, dass der Trend eher zu schlankem Design mit hintergründiger Technik geht.		Ist diese Frage einmal geklärt, ist als nächstes zu hinterfragen, welches Publikum angesprochen werden soll bzw. welche potentiellen LeserInnen man hat. Besteht die Zielgruppe beispielsweise eher aus Gelegenheitsnutzern ist es wichtig, dass die Website einen gut strukturierten Einstieg hat und auch sonst durch detaillierte Anweisungen diese LeserInnen geführt werden. Für diese NutzerInnen sind grafische Menüseiten, Überblicksseiten, Hierarchiebäume, Icons, Glossare, FAQs wichtige Elemente. Professionelle, geübte NutzerInnen hingegen könnte durch viele Zwischenschritte, die den Informationszugriff verzögert, verärgert werden. Profis schätzen eher Textmenüs und verzichten gerne auf grafische, aufgeblähte Seiten, die den Download nur verzögern. Des Weiteren ist auch darauf zu achten, welche Bandbreite das Zielpublikum zur Verfügung hat. Abgesehen von der zur Verfügung stehenden Bandbreite ist der vordergründige, plumpe Einsatz von Techniken mittlerweile bei vielen NutzerInnen verpönt. Grundsätzlich kann man sagen, dass der Trend eher zu schlankem Design mit hintergründiger Technik geht.

	Weiters ist zu beachten, dass potentielle LeserInnen auch aus anderen Ländern sein könnten. Ist dies der Fall, könnten beispielsweise die Webdokumente in einer weiteren Sprache angeboten werden. Es ist allerdings darauf zu achten, dass Farben, Symbole, Zeichen etc. in einem anderen Land eine andere Bedeutung haben können.		Weiters ist zu beachten, dass potentielle LeserInnen auch aus anderen Ländern sein könnten. Ist dies der Fall, könnten beispielsweise die Webdokumente in einer weiteren Sprache angeboten werden. Es ist allerdings darauf zu achten, dass Farben, Symbole, Zeichen etc. in einem anderen Land eine andere Bedeutung haben können.

Verbod: /* Ziel und Zielgruppenorientierung */

2009-08-14T19:14:26Z

Ziel und Zielgruppenorientierung

← Nächstältere Version		Version vom 14. August 2009, 21:14 Uhr
Zeile 25:		Zeile 25:
	Auf einer Website, auf der unterhalten werden soll, eignen sich eher grafische Menüs, Flash-Animationen, Streaming-Videos, etc. Wenn dagegen rasches Auffinden von Informationen das Ziel der Webpräsenz darstellt, sind Textmenüs gegenüber grafischen Menüs vorzuziehen. Videos und Flash-Animationen eignen sich allerdings hervorragend für Produktpräsentationen oder Ähnliches. Dennoch ist dazu zu raten, derartige Animationen in der Hierarchie weiter unten anzusetzen. Auf Splash-Screens (Inhaltslose Einstiegsseiten) sollte bei „ernsthaften“ Websites verzichtet werden. Diese verzögern auf überflüssige Weise das Auffinden von Informationen.		Auf einer Website, auf der unterhalten werden soll, eignen sich eher grafische Menüs, Flash-Animationen, Streaming-Videos, etc. Wenn dagegen rasches Auffinden von Informationen das Ziel der Webpräsenz darstellt, sind Textmenüs gegenüber grafischen Menüs vorzuziehen. Videos und Flash-Animationen eignen sich allerdings hervorragend für Produktpräsentationen oder Ähnliches. Dennoch ist dazu zu raten, derartige Animationen in der Hierarchie weiter unten anzusetzen. Auf Splash-Screens (Inhaltslose Einstiegsseiten) sollte bei „ernsthaften“ Websites verzichtet werden. Diese verzögern auf überflüssige Weise das Auffinden von Informationen.

	Ist diese Frage einmal geklärt, ist als nächstes zu hinterfragen, welches Publikum angesprochen werden soll bzw. welche potentiellen LeserInnen man hat. Besteht die Zielgruppe beispielsweise eher aus Gelegenheitsnutzern ist es wichtig, dass die Website einen gut strukturierten Einstieg hat und auch sonst durch detaillierte Anweisungen diese LeserInnen geführt werden. Für diese NutzerInnen sind grafische Menüseiten, Überblicksseiten, Hierarchiebäume, Icons, Glossare, FAQs wichtige Elemente. Professionelle, geübte NutzerInnen hingegen könnte durch viele Zwischenschritte, die den Informationszugriff verzögert, verärgert werden. Profis schätzen eher Textmenüs und verzichten gerne auf grafische, aufgeblähte Seiten, die den Download nur verzögern. Des Weiteren ist auch darauf zu achten, welche Bandbreite das Zielpublikum zur Verfügung hat. Viele Internet-BenutzerInnen besitzen zwar schon breitbandige Internetanbindungen, dennoch gibt es noch zahlreiche NutzerInnen die ein normales Telefonmodem besitzen und eher negativ auf riesige Flash-Animationen, Videos udgl. reagieren. Abgesehen von der zur Verfügung stehenden ~~Band¬breite~~ ist der vordergründige, plumpe Einsatz von Techniken mittlerweile bei vielen NutzerInnen verpönt. Grundsätzlich kann man sagen, dass der Trend eher zu schlankem Design mit hintergründiger Technik geht.		Ist diese Frage einmal geklärt, ist als nächstes zu hinterfragen, welches Publikum angesprochen werden soll bzw. welche potentiellen LeserInnen man hat. Besteht die Zielgruppe beispielsweise eher aus Gelegenheitsnutzern ist es wichtig, dass die Website einen gut strukturierten Einstieg hat und auch sonst durch detaillierte Anweisungen diese LeserInnen geführt werden. Für diese NutzerInnen sind grafische Menüseiten, Überblicksseiten, Hierarchiebäume, Icons, Glossare, FAQs wichtige Elemente. Professionelle, geübte NutzerInnen hingegen könnte durch viele Zwischenschritte, die den Informationszugriff verzögert, verärgert werden. Profis schätzen eher Textmenüs und verzichten gerne auf grafische, aufgeblähte Seiten, die den Download nur verzögern. Des Weiteren ist auch darauf zu achten, welche Bandbreite das Zielpublikum zur Verfügung hat. Viele Internet-BenutzerInnen besitzen zwar schon breitbandige Internetanbindungen, dennoch gibt es noch zahlreiche NutzerInnen die ein normales Telefonmodem besitzen und eher negativ auf riesige Flash-Animationen, Videos udgl. reagieren. Abgesehen von der zur Verfügung stehenden Bandbreite ist der vordergründige, plumpe Einsatz von Techniken mittlerweile bei vielen NutzerInnen verpönt. Grundsätzlich kann man sagen, dass der Trend eher zu schlankem Design mit hintergründiger Technik geht.

	Weiters ist zu beachten, dass potentielle LeserInnen auch aus anderen Ländern sein könnten. Ist dies der Fall, könnten beispielsweise die Webdokumente in einer weiteren Sprache angeboten werden. Es ist allerdings darauf zu achten, dass Farben, Symbole, Zeichen etc. in einem anderen Land eine andere Bedeutung haben können.		Weiters ist zu beachten, dass potentielle LeserInnen auch aus anderen Ländern sein könnten. Ist dies der Fall, könnten beispielsweise die Webdokumente in einer weiteren Sprache angeboten werden. Es ist allerdings darauf zu achten, dass Farben, Symbole, Zeichen etc. in einem anderen Land eine andere Bedeutung haben können.


	== Farben und Schriften ==		== Farben und Schriften ==

Verbod: /* Trennung von Form und Inhalt */

2009-08-14T19:13:18Z

Trennung von Form und Inhalt

← Nächstältere Version		Version vom 14. August 2009, 21:13 Uhr
Zeile 111:		Zeile 111:
	Nicht nur für einzelne Formatierungen, sondern für das gesamte Layout eines Webdokumentes eignen sich CSS hervorragend. Ausserdem ist es möglich unterschiedliche Style-Sheets für andere Medien bereitzustellen. So kann man z.B. das Layout eines Ausdruckes, einer Präsentation mit einem Projektor oder auf einem Handy-Display beeinflussen. Man kann also für jeden Medien-Typ ausschließlich durch den Ausstausch des (externen) Style-Sheets eine geeignete Website gestalten.		Nicht nur für einzelne Formatierungen, sondern für das gesamte Layout eines Webdokumentes eignen sich CSS hervorragend. Ausserdem ist es möglich unterschiedliche Style-Sheets für andere Medien bereitzustellen. So kann man z.B. das Layout eines Ausdruckes, einer Präsentation mit einem Projektor oder auf einem Handy-Display beeinflussen. Man kann also für jeden Medien-Typ ausschließlich durch den Ausstausch des (externen) Style-Sheets eine geeignete Website gestalten.

	Beim Seitenlayout sind einige wichtige Regeln für die Textausrichtung zu beachten. Blocksatz soll in Webdokumenten nicht verwendet werden, da dadurch unregelmäßige Wortabstände produziert werden, die den Text am Bildschirm schwer lesbar macht. Außerdem sind zentrierte und rechtsbündige ~~Text~~ eher zu vermeiden. Ein zerklüfteter Text am linken Rand erschwert das Lesen eines Webdokumentes erheblich. Ein linksbündiger Text ist die beste Option für Webseiten.<ref>http://www.webstyleguide.com</ref><ref>http://www.css4you.de/</ref>		Beim Seitenlayout sind einige wichtige Regeln für die Textausrichtung zu beachten. Blocksatz soll in Webdokumenten nicht verwendet werden, da dadurch unregelmäßige Wortabstände produziert werden, die den Text am Bildschirm schwer lesbar macht. Außerdem sind zentrierte und rechtsbündige Texte eher zu vermeiden. Ein zerklüfteter Text am linken Rand erschwert das Lesen eines Webdokumentes erheblich. Ein linksbündiger Text ist die beste Option für Webseiten.<ref>http://www.webstyleguide.com</ref><ref>http://www.css4you.de/</ref>

	== Zeichen und Symbole ==		== Zeichen und Symbole ==