Präsentieren und Publizieren

Größe: px
Ab Seite anzeigen:

Download "Präsentieren und Publizieren"

Transkript

1 Präsentieren und Publizieren im Internet Grundlagen Innsbruck, 2. Oktober Version 1

2 EINLEITUNG Begriffsbestimmung Das Zauberwort der letzten Jahre im Bereich der Neuen Medien dürfte wohl Homepage gewesen sein. Für die einen wieder ein unverständlicher und lästiger Anglizismus mehr, für andere das virtuelle (Schau)Fenster in die Welt. Der Begriff Homepage (oder Website ) selbst wird unterschiedlich interpretiert. Gelegentlich definiert man ihn als erste Seite einer Internet-Präsentation, denn der Befehl home wird nicht selten auch von deutschen Anbietern als link (also als klickbare Sprungmarke) auf die allererste Seite verwendet. Passender erscheint jedoch, Homepage ausschließlich als umfassenden Begriff für das gesamte Internetprojekt einer Institution, einer Firma, eines Vereines oder einer Privatperson zu verwenden. Homepage ist also ein Sammelbegriff und bezeichnet alle (multimedialen) Informationen, die wir mit unserem Browser von einem Server herunterladen können. Was brauchen wir zur Erstellung einer Homepage : Hardware: Software: Multimedia-Computer mit Modem und Internetzugang; u.u. eine digitale Kamera (Mindestausstattung) Word97 oder Netscape Communicator Bildbearbeitungsprogramm für *.jpg- und *.gif-grafiken Ein FTP-Programm wie WS_FTP, CuteFTP oder ähnliches (siehe auch unter Übertragung der Daten ins Netz ) Webspace, d.i. ist der Festplattenplatz auf einem Internetserver (kriegen Sie kostenlos von Ihrem ASN-Provider oder sonst z.b. von Andere Gratisangebote finden Sie bei Eine Homepage ist eine komplexe Angelegenheit, unser Fernziel sozusagen. Um ein solches Projekt verwirklichen zu können, brauchen Sie folgende EDV-Kompetenzen: Ausgangsposition Das Publizieren von Dokumenten im Internet ist im Prinzip eine nicht besonders schwierige Sache und lässt sich relativ leicht und schnell erlernen. Schwierig wird die Angelegenheit jedoch, wenn wir nicht nur Text, sondern auch Bilder und andere (multimediale) Komponenten einsetzen möchten. Natürlich ist es für ein einfacheres Projekt nicht erforderlich, dass Sie auf jedem Gebiet ein Meister sind, es reicht vollkommen, auf jedem Teilgebiet ein wenig Bescheid zu wissen und dieses Wissen gut 2

3 einsetzen zu können. Andererseits ist gerade das Erstellen einer Homepage eine Aufgabe, die sich bestens zur Zusammenarbeit von verschiedenen Experten eignet. Wir setzen uns zuerst jedoch nicht das Programmieren einer vollständigen Homepage als Ziel, sondern lediglich die Gestaltung einiger simpler Web-Seiten (Web: Terminus fürs Internet). Dafür ist es nicht notwendig, sich Spezialprogramme anzuschaffen und extra HTML (Hypertext- Programmsprache) zu lernen. Es genügt vorläufig, dass Sie sich mit MS Word97 gut auskennen. Damit können wir für den Anfang recht leicht einige Seiten erstellen, diese mit Bildern versehen und linken (= miteinander verknüpfen). Wofür bietet sich das Internet an? Das Internet ist ein revolutionäres Medium, das uns ermöglicht, mit relativ geringem Aufwand viele Menschen zu erreichen. Theoretisch kann nun jedermann/frau seine/ihre Ideen niederzuschreiben, das Layout zu gestalten und dieses Seiten dann per Knopfdruck auf irgendeinem Server auf der Welt zu publizieren. Texte, Bilder oder Töne über das WWW verfügbar zu machen bedeutet, sie weltweit zu veröffentlichen Deshalb müssen Sie alle für Veröffentlichungen relevanten Gesetze und Regeln beachten. Dazu zählen u.a. das Urheberrecht, der Datenschutz, das Wettbewerbsrecht, das Strafrecht usw.. Informationen übers neue Medium zu verteilen ist allerdings nur ein Aspekt, das Netz kann noch viel mehr, denken Sie nur an Online-Diskussionen, Java-Chat etc.. Um nun erfolgreich seine Ideen an den Mann bzw. die Frau zu bringen, ist es wichtig, die Informationen auch so zu verfassen und zu strukturieren, dass sie von den Interessenten leicht gefunden und konsumiert werden können. Internet und Schule Das Internet eröffnet die Chance zum kooperativen Arbeiten, z.b. zur Partnerarbeit; auch hinsichtlich der Übungen zum Formulieren etc. ist der PC generell sehr gut geeignet, Inhalte und formale Gestaltung zu überprüfen, Texte zu redigieren, zu überarbeiten und zu beurteilen. Die Schülerinnen und Schüler lernen sich selbst zu überprüfen, sich mit Selbstgeschriebenem auseinander zu setzen, eigene Texte gedanklich zu strukturieren und zu hierarchisieren. Der Mensch ist ein optischer Lerner und die Erfahrung der Bilder und der selbst geschriebenen Texte haben einen hohen Wert. Von herausragender Bedeutung für den Medienunterricht ist das Konzept eines handlungsorientierten Unterrichts. Die Schülerinnen und Schüler bestimmen ihr Lern- und Arbeitstempo selbst wie z. B. bei der Freiarbeit, doch ihre Tätigkeit ist wesentlich mehr als bei dieser produktbezogen. Das Internet ist als Chance für jeden Unterricht zu begreifen, denn es wird bei den Jugendlichen wieder geschrieben. Homepages und Adressen sind Schaufenster für die ganze Welt. Dies führt dazu, dass durch diesen unglaublich öffentlichen Charakter des eigenen Produkts viel mehr auf Sprache geachtet wird als etwa in Texten, die im Rahmen eines Arbeitsauftrags für sich selbst produziert werden. Der Ehrgeiz der Schülerinnen und Schüler gilt auch nicht nur der äußeren Gestaltung der Seiten (Layout), sondern auch der sprachlichen Gestaltung. Man schreibt nunmehr für einen Leser, nicht für sich selbst oder den Lehrer. Es herrscht also gewissermaßen eine permanente Test- Situation. [Auszug aus: Zwölf (vorläufige) Thesen zum Thema Deutschunterricht und neue Medien. Reinhard Lindenhahn, Bad Dürrheim. Das World Wide Web Die Idee zum World Wide Web (WWW oder auch W3 - oder: der multimediale Teil des Internet) geht auf das Jahr 1989 und einen Vorschlag von Tim Berners-Lee vom Europäischen Forschungszentrum für Teilchenphysik (CERN) in Genf zurück. Seine Idee war es, das Internet für einen hypertextbasierten Informationsaustausch zwischen Wissenschaftlern zu nutzen. Das Ziel: die Realisierung eines auf viele Server verteiltes und von vielen Quellen bereitgestelltes, aber allgemein zugängliches Netzwerk von Wissen und Forschungsergebnissen. Mit Hilfe der Hypertext-Sprungmarken sollte ein 3

4 Adressieren beliebiger anderer Informationen möglich sein. Der erhoffte Effekt sollte eine "Verdichtung" von Wissen bringen nahm das Projekt dann konkrete Formen an. Die ersten Internet-Server unterstützten das für den neuen Dienst entwickelte HTTP-Protokoll (HTTP = Hypertext Transfer Protocol). Die erste Version der für die Bildschirmanzeige zuständigen HTML (Hypertext Markup Language) war fertig, der erste, textorientierte WWW-Browser für Unix-Systeme war entwickelt. Zur Geschichte des Hypertext Der Begriff "Hypertext" tauchte in den 60er Jahren erstmals auf. Die dahinterstehende Idee ist jedoch wesentlich älter. Hypertext ist eine Konsequenz aus der Vorstellungswelt des 20. Jahrhunderts, einer Vorstellungswelt, die sich an immer größere Komplexität im Denken und in der Praxis gewöhnen musste und nach geeigneten technischen Mitteln zur Bewältigung dieser Komplexität sucht. WWW und HTML Mit dem World Wide Web haben wir ein Massenmedium, das einen hypertext-orientierten Ansatz verfolgt. Es bietet formatierten Text und Grafik (nun auch verstärkt Ton und Video in guter Qualität, denken Sie nur an die neue ADSL-Norm) und enthält die Möglichkeit, auf jede andere Information im Netz Hyperlinks zu setzen. Das Internet-Protokoll HTTP und die Programmsprache HTML (Hypertext Markup Language) sind die beiden Säulen des WWW. HTML verdankt seine Weiterentwicklungen, aber auch seine Probleme bei der Festsetzung eines verbindlichen Standards dem Machtkampf zwischen den führenden Anbietern Netscape und Microsoft. Diese Konkurrenz der beiden großen Browseranbieter bedeutet für uns beim Erstellen der Web-Seiten einen ziemlichen Mehraufwand, weil wir unser Projekt immer mit beiden gängigen Browsern überprüfen müssen, da die Darstellung vieler Dinge höchst unterschiedlich erfolgt. Das heißt: außer MS Word97 benötigen wir auch noch den Netscape Navigator und den Internet- Explorer von MS. Der große Erfolg des WWW ist jedoch kaum auf die Tatsache zurückzuführen, dass es hypertextorientiert ist. Der Erfolg beruht vor allem darauf, Informationen attraktiv aufbereiten zu können und weltweit aufrufbar zu machen. Je mehr Teilnehmer das WWW verzeichnet (zur Zeit schätzt man bereits mehr als Millionen weltweit), desto größer wird der Reiz, in diesem gewaltigen Publikum selbst zum Anbieter zu werden. Dadurch ist ein Prozess in Gang gesetzt worden, der wohl binnen weniger Jahre die kühnsten Träume aller Utopisten wahr werden lässt und das gesamte Weltwissen auf einer einheitlichen, immer mehr Menschen zugänglichen Plattform verfügbar machen wird. Darüber hinaus scheint dieses Medium aufgrund seiner eigenen Struktur demokratie-fördernd und gegen starre Hierarchien gerichtet. Im Prinzip lässt es sich vergleichen mit dem Speaker s Corner im Hyde Park, mit dem einen Unterschied jedoch, dass wir damit, wenn wir unsere - interessanten - Inhalte gut anbieten, ein wesentlich größeres Publikum erreichen werden. Wie wir alle wissen, werden die großen Freiheiten des Netzes nicht nur zur Verbreitung positiver Dinge genützt. Denn eines ist absolut neu: diese Medium ist sowohl gut als auch böse, mit vielen Schattierungen dazwischen. Es gibt mittlerweile mehrere HTML-Versionen, die Version 4 ist die neueste Version. Sie ist vom World Wide Web Consortium (W3C) anerkannt. Das ist jene Instanz, die für das Ratifizieren der jeweiligen Versionen verantwortlich ist. Die Zeit scheint jedoch auch für HTML schon bald abgelaufen, denn Fachzeitschriften berichten derzeit euphorisch über den möglichen HTML-Nachfolger XML, der Extended Markup Language. Hardware-Unabhängigkeit durch HTML Wenn Sie einen Text mit einem Programm wie z.b. Word97 für das Ausdrucken auf Ihrem Drucker erstellen, können Sie das Layout optimal für das verwendete Papierformat und für die auf Ihrem Drucker verfügbaren Schriftgrößen und Schriftarten einrichten. Wenn Sie eine Web-Seite über das Internet veröffentlichen, können Sie aber nicht wissen, mit was für einer Software und auf was für einem Bildschirm, mit welchen Fenstergrößen und mit welchen Schriftarten und Schriftgrößen die verschiedenen Benutzer diese Information lesen werden. 4

5 Sie müssen deshalb den Inhalt Ihrer Informationen in seiner Struktur festlegen und nicht bloß in seinem sichtbaren Aussehen ("Layout"). HTML ermöglicht uns also, unsere Informationen so darzustellen, dass sie vom jeweiligen Browser in der für den Benutzer optimalen Form dargestellt werden können - mit automatischer Anpassung an die Größe und Form seines Bildschirmfensters, und mit der Schriftart, Schriftgröße und Farbe, die er je nach der Auflösung seines Bildschirms und der Sehschärfe seiner Augen am besten lesen kann. Software-Unabhängigkeit Wenn Ihre ersten Web-Seiten auf dem eigenen Browser mit Ihren persönlichen Einstellungen nun gut aussehen, dann bedeutet das noch lange nicht, dass sie auch bei anderen mit den von ihnen verwendeten Browsern und persönlichen Einstellungen gut aussehen oder überhaupt lesbar sind. Wenn Sie wollen, dass Ihre Web-Seite von allen Interessenten gelesen werden kann, dann müssen Sie darauf achten, dass Ihre HTML-Files von den gängigen Browsern richtig verarbeitet werden. Wie erstelle ich Web-Seiten? Für das Erstellen von HTML-Seiten gibt es grundsätzlich drei Wege: Der bis vor kurzem herkömmliche Weg: Web-Seitenerstellung mit dem Windows-Editor. Schwierig, für Anfänger also nicht gerade der leichteste Einstieg. Wir versuchen es später trotzdem, da HTML-Grundkenntnisse (immer noch) durchaus notwendig sind. Einfacher ist es, die Inhalte mit der gewohnten Textverarbeitung wie z.b. MS Word97 zu erstellen und als HTM-Datei abzuspeichern. Damit können Sie Web-Seiten ohne großen Aufwand und ohne besondere HTML-Kenntnisse erstellen. Der aufwendigere Weg ist es, die HTML-Files mit speziellen grafischen Editoren wie MS- Frontpage2000 oder mit dem Macromedia Dreamweaver 3 zu erstellen. Damit haben Sie die Kontrolle über alle von HTML gebotenen Möglichkeiten, brauchen dafür aber zumindest ein grundlegendes HTML-Wissen. (siehe Teil2) Auf jeden Fall müssen Sie aber stets darauf achten, dass Sie damit Seiten erzeugen, die von möglichst vielen Anwendern gelesen werden können. Das kann aber leider nicht jedes Software- Produkt. Daher gilt: prüfen Sie Ihre Seiten stets unmittelbar nach der Erstellung mit zwei verschiedenen Browsern. Beachten Sie bitte zuerst folgende Dinge: Wichtig ist, dass 1. Dateinamen klein geschrieben sein müssen, 2. keine Leerstellen im Dateinamen sein dürfen und 3. auch keine Umlaute, Sonderzeichen und ß dort vorkommen dürfen. 4. alle Dateien, die wir brauchen, sich in einem Ordner bzw. in Unterordnern befinden müssen. 5. Sie nur die oben erwähnten Schriften wie Verdana, Arial, Times New Roman und Courier verwenden dürfen. 6. die erste Seite immer index.htm heißt. 5

6 Mit Word Webseiten erstellen Überlegen Sie sich vorher: Was soll auf die erste Seite? Begrüßung, Kurzinfo etc. Gliedern Sie Ihre Informationen gut, daher brauchen Sie zuerst eine gründliche Inhaltsrecherche und -analyse und können damit eine logische Struktur erstellen! Dies ist absolut unerlässlich. Teilen Sie außerdem die Informationen in überschaubare Portionen auf. Das erleichtert die Arbeit und kommt auch den LeserInnen entgegen. Die überlegte Strukturierung ist eine Grundbedingung für ein schlüssiges Navigationskonzept, eine Baumstruktur z.b. (oder auch eine Mindmap) hilft beim Planen Ihres Projekts! Damit die von Word erstellen Dateien gut funktionieren, müssen Sie einige Dinge beachten. Dies spart Ihnen viel Zeit! Bevor Sie mit der Arbeit beginnen: legen Sie ein Verzeichnis auf Ihrer Festplatte an, in das Sie vorher alle (Word-)Dateien, die Sie benötigen werden, hineinkopieren. Speichern Sie die Grafiken in einem eigenen Unterverzeichnis. So schaffen Sie es, Ihr Projekt überschaubar zu halten! Gehen Sie in Word zu Datei/Neu und fangen Sie mit einer Webseite als Vorlage an! Arbeiten Sie mit Word, als ob Sie einen normalen Text schreiben wollen. Speichern Sie Ihre Datei in das zuerst erstellte Verzeichnis als *.htm ab. Ein schönes Layout bei Webseiten ist derzeit nur mit Hilfe von Tabellen möglich. Planen Sie das schon bei der Seitenerstellung ein! Wichtig: Nur einfache Tabellen konstruieren, denn verschachtelte erzeugen manchmal bei der Darstellung Probleme. Verwenden Sie automatischen Zeilenumbruch, also die Return-Taste nur für das Ende eines Absatzes. Wenn Sie einen Zeilenwechsel innerhalb von Absätzen verwenden, dann drücken Sie auf Shift-Return (nicht nur mit auf Return!). Verwenden Sie für Überschriften die Formatvorlagen "Überschrift 1, 2, 3" und für Hervorhebungen innerhalb des Textes (Formatvorlage "Standard") Fett- oder Kursivschrift. Wenn Sie Bilder einbinden, lassen Sie sich von einem Graphikexperten geeignete Bilder erstellen (GIF- oder JPG-Format, mit einer für Bildschirme geeigneten Farbpalette und Pixelgröße). Wenn Sie nun mehrere einzelne Seiten geschrieben, gelayoutet und abgespeichert haben, verbinden (= linken) Sie sie. Dies ist unter Word97 sehr einfach geworden. Zuerst brauchen Sie eine durchgehende Navigationsstruktur, die auf allen Ihren Seiten gleich oder ähnlich aussieht. (Das erleichtert den Umgang damit!) Wenn Sie also z.b. Ihre anklickbaren Hyperlinks setzen, die so ausschauen könnten... 6

7 Unsere Schule... dann organisieren Sie die Wörter in einer Tabelle und markieren sie mit der Maus, sodass sie dunkel unterlegt sind. Direktion Danach klicken Sie oben auf das Symbol mit dem blauen Lehrkörper Globus und dem Kettenglied. Ein Dialogbildschirm öffnet sich und Sie werden gebeten, die mit dem Link zu verknüpfende Elternverein Datei anzugeben. Tun Sie das und bestätigen Sie mit OK. Das etc. ist alles. Linken Sie alle Ihre Seiten und testen Sie in Erste Seite! mindestens 2 Browsern die Funktionalität. Wenn alles passt, nehmen Sie Ihr Projekt auf einer Diskette zu einem Freund oder in die Schule mit und testen dort die Seiten nochmals. Hintergründe Die Zeiten der gekachelten Raufasertapeten, der schwarzen Hintergründe, der knallig-bunten Hintergründe sind eigentlich vorbei! Ein Hintergrund soll keinesfalls vom eigentlichen Text ablenken und muss einen starken Kontrast zum Text bilden. Natürlich hängt die Hintergrundgestaltung vom Thema Ihres Projekts ab. Was bei einem Thema wie z.b. einer Elvis-Presley -Fanhomepage gut ausschaut, kann bei einer Schulhomepage fehl am Platz sein. Generell jedoch zeigt sich mittlerweile international die Tendenz zur schwarzen Schrift auf einem möglichst hellen Hintergrund. Wenn Sie unbedingt eine Grafik verwenden wollen, dann muss die entsprechende Grafik entweder ein *.GIF- oder *.JPEG-Format sein. Hintergrundbilder werden immer über das gesamte Dokument verteilt und füllen den ganzen Bildschirm. Beachten Sie auch, dass die Abbildungen von der (Datei-)Größe und der Ansicht her zumutbar sein sollten. Einheitliches Layout Planen Sie für alle Ihre Seiten durchgehend das gleiche Schriftlayout. Das erleichtert den Kunden das Lesen und auch das Navigieren durch Ihre Homepage. Verwenden Sie auch durchwegs die gleichen Gestaltungselemente, also passende Hintergründe (die Sie auf Lesbarkeit getestet haben!), reduzieren Sie die Anzahl der verwendeten Schriften auf maximal eine. Empfehlenswert sind diese Typen: Verdana, Arial, Courier New und Times. Vergessen Sie andere exotische Fonts, die Sie sonst gern mit Word einsetzen, denn im WWW gibt es nicht nur Windows- Computer, sondern viele verschiedene Systeme, die u.u. nicht Zugriff auf dieselben Fonts wie Sie haben. Beachten sie auch, dass nicht jeder Anwender dieselben Zeichensätze auf seinem Computer hat wie Sie. Das Ergebnis ist, dass in diesem Fall Ihr ausgeklügeltes Schriftbild mit einem Ersatzfont (meistens Times New Roman - wenn nicht anders angegeben) wiedergegeben wird. Es ist daher auch sinnvoll, mehrere alternative Zeichensätze anzugeben, die - im Quelltext - durch Kommas zu trennen sind. Sollte der zuerst angegebene Font nicht verfügbar sein, greift der Computer auf den nächsten zurück. Hinweis: Bei Apple-Computern werden die Schriften anders bezeichnet! EXKURS: KURZER GRAFIK-WORKSHOP Ein Bild sagt oft mehr als 1000 Worte, der Umgang damit muss allerdings erst erlernt werden, um Schwierigkeiten zu vermeiden. Bevor wir uns der eigentlichen Seitenerstellung zuwenden, wollen wir einen Exkurs in die Bildverarbeitung machen. Übersicht Unten finden Sie Informationen darüber, wie Grafiken funktionieren. Sie erhalten Informationen über einfache Bildbearbeitungssoftware und wie wir mit den verschiedenen Dateitypen (wie z.b. *.gif oder *.jpg) arbeiten. Grafiken sind ein wichtiger Teil einer WWW-Seite, doch sie verlangsamen die Ladezeiten einer Seite. Daher ist es notwendig, einiges über Grafiken zu wissen um das Problem zu bewältigen? 7

8 Grafiken bestehen aus Pixeln, das sind Bildpunkte. Computerbildschirme haben derzeit eine Auflösung von etwa 800*600 Pixeln. Die Anzahl der Pixel, die Farbe und die Information darüber, wo sie hingehören, sind in der Grafikdatei gespeichert. Bildgröße Als Maßeinheit in der Computerwelt gibt es also das Pixel. Je mehr Pixel eine Datei hat, umso größer ist sie. Hat also ein Bild 10 * 10 Pixel, so ist es insgesamt 100 Pixel groß. Die Farbtiefe ist entscheidend für die Bild- bzw. Dateigröße. Jedem Pixel in einem Bild kann eine bestimmte Farbe zugeordnet werden. Farbpaletten Bilder können verschiedene Farbzahlen haben. Die möglichen Werte sind z.b.: 16 Farben (4 bit) 256 Farben (8 bit) 16,7 Mio. Farben (24 bit) Farbtiefe und Dateigröße Viele Farben vergrößern eine Datei. Beispiel1: Ein 100-Pixel-Bild mit 16,7 Mio. Farben - jedes Pixel muss wissen, welche der 16,7 Mio Farben es ist. Beispiel2: 100-Pixel-Bild mit 16 Farben - jedes Pixel muss nur wissen, welche der 16 Farben es ist. Die Dateigröße des zweiten Bildes ist daher viel kleiner. DPI: Punkte (dots) pro Inch DPI ist Fachbegriff aus der Druckersprache, der beschreibt, wie viele Informationen über das Bild pro Inch gespeichert sind. Ein Punkt entspricht einem Pixel. Fotos haben Millionen DPI. Je größer Anzahl der DPI, umso mehr Pixels. Daher ist eine Datei ist umso größer! Bilder, die man sich auf einem Computer anschaut, sollten mit 72 DPI gespeichert werden (entspricht der Wiedergabe auf dem Monitor) Dateigröße und Ladezeiten Die meisten Internetanwender benutzen Modems. Damit dauert es ca. 1 Sekunde, um 2-3 KB Daten herunter zu laden. Länger als Sekunden sollte jedoch eine Seite nicht geladen werden müssen. Daher: Bilder (und Text) kleiner als ca KB halten! Eine HTML-Seite sollte insgesamt nicht mehr als 50 KB ausmachen! Software zum Bildbearbeiten PaintShop Pro (aktuelle Version derzeit 6). Das Programm ist Shareware, d.h., es darf 60 Tage ausprobiert werden. Außerdem sind derzeit günstige (nicht mehr topaktuelle, doch bestens funktionierende) Versionen von CorelDraw! auf dem Markt. Die Version 7 (inkl. PhotoPaint zum Bildbearbeiten) kostet ca. S 700,-. 8

9 Übliche Grafikformate BMP (380 KB) GIF (55 KB) JPG (14 KB) Verschiedene Dateitypen wenden unterschiedliche Methoden an um ein Bild zu speichern. Derzeit sind nur zwei Typen fürs Publizieren im Internet geeignet: das JPG-Format und das GIF-Format. Wenn Sie die drei Fotos (natürlich nur aus dem digitalen Dokument) herauskopieren, in Ihr Bildbearbeitungsprogramm einfügen und dort mit der Lupe vergrößern, erkennen Sie die Unterschiede! GIFs können nur maximal 256 Farben oder Graustufen darstellen. Dieser Typ vergleicht Pixel untereinander um kleinere Dateien zu erzeugen. Vorteile Sie sind gut geeignet für Bilder mit weniger Farben. Wir brauchen sie für Bilder mit scharfen Kanten, wie z.b. Zeichnungen, Cartoons oder Schriften oder für Bilder mit großen Farbflächen. Sie können außerdem transparent gemacht werden, damit lassen sich - wie bei einem Daumenkino - Animationen erzeugen! Werbebanner im Internet werden mit dieser Technik erzeugt. Die benötigten Programme dafür gibt es gratis von Microsoft oder von Ulead (www.ulead.com). Als Shareware gibt es mehrere Dutzend solcher Programme. Nachteile der GIFs Kleiner Kompressionsfaktor - 5:1. Daher erhält man recht große Dateien. Außerdem sind nur 256 Farben möglich, das Format ist somit schlecht geeignet für Farbfotos. JPGs können maximal 16,7 Mio. Farben darstellen, denn sie berücksichtigen, dass das menschliche Auge Farbwechsel nicht so leicht registriert wie Änderungen der Helligkeit. Vorteile Damit erzeugt man sehr kleine Dateien, denn die Kompression bis zu Faktor 40:1 ist möglich. Allerdings lässt die Qualität dann sehr nach. Der Faktor 20 ist noch akzeptabel! JPGs haben etwa 1/5 der Größe eines entsprechenden GIFs und speichern bis zu 16,7 Mio. Farben, das heißt, sie eignen sich gut für (eingescannte) Fotos. Die Kompression von JPGs ist stufenlos veränderbar. Nachteile Starke Kompression führt zu einem beträchtlichen Qualitätsverlust und Transparenz nicht möglich. JPG-Bilder sind auch schlecht für Text oder Bilder mit scharfen Kanten geeignet, also für Schaltknöpfe, Zeichnungen und Cartoons. Reduzieren der Größe von.jpg-dateien Das Dateiformat JPEG ist für Grafiken in Fotoqualität und von hoher Farbtiefe am besten geeignet. *.jpg-dateien lassen sich erheblich komprimieren, ohne dass nennenswerte Qualitätseinbußen entstehen. Jedoch leidet die Bildqualität um so mehr, je höher der Komprimierungsgrad ist. Auf den folgenden Abbildungen sehen Sie eine unkomprimierte Fotografie und komprimierte Versionen derselben Fotografie mit Angaben zu Dateigröße und Downloadzeit bei einer Verbindungsgeschwindigkeit von 28.8 Kb/s. 9

10 Originalfoto (200 x 161 Pixel): 10 KB, 12 Sekunden Bei einer Komprimierung von 20%: 8 KB, 5 Sekunden Bei einer Komprimierung von 70%: 6 KB, 2 Sekunden Bei einer Komprimierung von 90%: 3 KB, 1 Sekunde Wie Sie sehen, ist die Datei bei einer Komprimierung von 20% weniger als halb so groß wie die ursprüngliche Datei, und die Downloadzeit ist um mehr als die Hälfte reduziert. Bei einer Komprimierung von 70% ist trotz erheblich reduzierter Downloadzeit noch immer keine merkbare Verschlechterung der Bildqualität zu verzeichnen. Bei einer Komprimierung von 90% wird eine Farbverschiebung erkennbar, und obwohl die Datei bei einer Komprimierung von 70% halb so groß ist, verringert sich die Downloadzeit um nur eine Sekunde. Eine Komprimierung um 90% erbringt keinerlei Vorteile. [Info: Microsoft] Tipps Berücksichtigen Sie beim Optimieren von Grafiken die folgenden Tipps: Erstellen Sie immer zuerst eine Kopie Ihres Originals. Komprimieren Sie niemals Dateien, die schon komprimiert worden sind. Wenn Sie beispielsweise eine 100-KB-Grafik auf 20 KB komprimieren möchten, ist das Ergebnis bei einer direkten Komprimierung von 100 KB auf 20 KB besser, als wenn Sie erst auf 50 KB und dann auf 20 KB komprimieren. Wenn Sie eine umfangreiche Grafik verwenden möchten, ziehen Sie das Erstellen einer zur Grafik führenden Miniaturansicht in Betracht. [Info: Microsoft] Grafikquellen im Netz Es gibt mittlerweile natürlich ungemein viele Grafiken im Netz und seit geraumer Zeit gibt es auch empfehlenswerte Sammlungen wie Eine andere Möglichkeit, um gezielt nach Bildern zu suchen, bieten die Suchmaschinen Lycos (www.lycos.de) und Altavista (altavista.com). Dort können wir einen Suchbegriff eingeben und die Maschinen suchen zu dem Begriff nur Fotos und Grafiken. 10

11 Wie publiziere ich meine Seiten im Netz? Vorgangsweise: 1. Sie brauchen eine Benutzungsbewilligung und ausreichend Speicherplatz auf einem Webserver. (Gratis-Webspace zum Testen bekommen Sie z.b. bei Andere Anbieter finden Sie unter 2. Sie müssen die HTML- Dateien und die darin verwendeten Bilder etc. mittels FTP oder MS- Frontpage auf dem Web-Server abspeichern. (Mein Tipp: verwenden Sie entweder CuteFTP oder WS_FTP) 3. Sie müssen die HTML-Dateien auf dem Server dann testen und korrigieren. 4. Sie müssen Ihre HTML-Dateien bei den Suchmaschinen anmelden. Mein Tipp: Gehen Sie zu dort gibt es Tools, mit denen Sie hervorragende Metatags (der HTML-Teil, den die Suchmaschinen auslesen und dann anzeigen) erstellen können. 5. Sobald Ihr Projekt dann öffentlich zugänglich ist, sind Sie dafür verantwortlich, es laufend zu bearbeiten und es, wenn der Inhalt nicht mehr stimmt, zu löschen. Einige HTML-Grundbefehle Wenn Sie sich ein wenig mit der Hyper Text Markup Language befassen wollen, bekommen Sie nun dazu Gelegenheit. Starten Sie den Windows-Editor aus der Abteilung Programme/Zubehör. 1. Wir geben die Struktur der ersten Seite ein (HTML-Befehle nennen wir übrigens Tags ). Tippen Sie diese Zeilen nun in den Editor: <html> <head> <title>titel Ihrer Seite</title> </head> <body>seiteninhalt (Hier könnte der Text stehen) </body> </html> Anmerkung: <html> ist immer der erste Tag einer Internetseite, </html> der letzte! Der Schrägstrich dient also in der Programmsprache zum Abschalten eines Befehls bzw. Tags. Die Seite hat auch einen Kopfteil <head>, ein teil davon ist der Seitentitel <title>, das ist jener Teil, den ein Browser als Lesezeichen oder Favoriten speichert! Wir sehen ihn in der obersten Programmzeile. Die eigentliche Text- und Bildinformation steht immer erst im <body>. Speichern Sie die Seite in ein neues Verzeichnis auf Ihrer Festplatte, z.b. nach C:\homepage. Nennen Sie die Datei index.htm. In diesem Verzeichnis müssen (!) alle zum Projekt gehörenden Daten liegen. Öffnen Sie den Windows-Explorer und im doppelklicken Sie im Explorer auf diese neue Datei, damit Sie sie in Ihrem Browser anschauen können. (Verwenden Sie vorläufig nur den MS-IE!) Sie werden außer dem Wort Seiteninhalt, Titel Ihrer Seite und einem weißen Hintergrund nichts Interessantes sehen. Ihr Text hat die Standardgröße (weil wir nichts anderes angegeben haben) und der Schrifttyp ist der Standardfont Times New Roman. Ihr erste Internetseite ist nunmehr vorhanden! 11

12 Geben Sie der Seite nun einen passenderen Titel als den oben vorgeschlagenen Titel Ihrer Seite. Speichern Sie erneut die Datei ab, wechseln Sie wieder in den Browser und drücken Sie zum Erneuern der Ansicht Strg und r oder F5. Stellen Sie fest, ob der Seitentitel sich geändert hat. 2. Wir ändern nun die Hintergrundfarbe: Dazu erweitern wir den vorhandenen <body> Tag. Fügen Sie das zwischen die Klammern ein: bgcolor=yellow So soll nun das Ergebnis aussehen: <body bgcolor=yellow> Speichern Sie die Datei ab, wechseln Sie wieder in den Browser und drücken Sie zum Erneuern der Ansicht Strg und r oder F5. Statt dem englischen Wort für die entsprechende Farbe können Sie auch die Hexadezimalzahl der Farbe verwenden. Damit können wir die Farben abstufen. Yellow als Farbwert ist viel zu kräftig. Wie finden Sie den entsprechenden Hexadezimalwert? Entweder über das Windows-Mailprogramm Paint oder über diese Internetadresse, wo Sie einen Farbrechner mit Schieberegler zur Verfügung haben, mit dem Sie eine Farbe auf die Nuance genau definieren können: 3. Wir geben Text ein: Gehen Sie wieder in den Editor und schreiben Sie nach dem Body -Tag einige Zeilen Text hin, also dort, wo in unserem Beispiel bisher Seiteninhalt steht. Speichern Sie dann die Datei ab, wechseln Sie wieder in den Browser und drücken Sie zum Erneuern der Ansicht Strg und r oder F5. Sie sehen nun, dass das Layout im Browser anders aussieht als im Editor. Dort, wo Sie in eine neue Zeile wechseln wollten, hat das offensichtlich nicht funktioniert. Der Grund: Der Tag für den Zeilenumbruch fehlt. Fügen Sie also im Editor dort, wo Sie in die nächste Zeile wechseln wollen, ein <br> ein. Der Tag für einen Absatz lautet <p>. Speichern Sie wieder Ihre Datei ab, wechseln Sie in den Browser und drücken Sie zum Erneuern der Ansicht Strg und r oder F5. Nun sieht das Layout so aus, wie Sie es wollten. 4. Formatieren wir nun den Text ein wenig: Wenn Sie den Tag <u> verwenden, wird alles, was danach kommt, unterstrichen. Verwenden Sie zum Abschalten des Tags </u>. Mit <b> erzwingen Sie den Fettdruck der folgenden Passage, mit </b> schalten Sie den Tag wieder weg. Mein <u>erster</u> Versuch, hmm... <br> <b>dieser Text steht fettgedruckt in der zweiten Zeile!</b> In Ihrem Browser wird der Quelltext so dargestellt: Mein erster Versuch, hmm... Dieser Text steht fettgedruckt in der zweiten Zeile! Ändern Sie nun die Schriftgröße, der Tag dafür lautet size! (Anmerkung: leider haben wir hier bei Netscape bzw. Microsoft verschiedene Tags, die jedes Programm auch unterschiedlich darstellt.) Verwenden Sie den Tag dafür so: <font face= Arial size=12> 12

13 Der Text, der hinter der Anweisung steht, weist diese Schriftgröße auf. Sie schalten den Tag mit </font> wieder aus. Microsoft verwendet für Größenangaben die Tags <big> und <small>. Einmal <big> vor dem Wort heißt eine Stufe größer als Standard, <big><big><big> bedeutet drei Stufen größer als Standard. Der Befehl zum Abschalten lautet auch in diesem Fall wieder </big></big></big>. Für Überschriften gibt es diese Formatierungen: entweder <h1> (sehr groß), <h2> (groß) und <h3> (etwas größer als Standard). Nach der Überschrift verwenden Sie diese Tags zum Ausschalten: </h1>, </h2> und </h3>. 5. Wir wollen nun ein Bild integrieren und es auf der Seite zentrieren. Die Voraussetzung dafür ist, dass Sie schon ein wenig über Bilder im Internet wissen und ein *.jpg in Ihr Verzeichnis hineinkopiert haben. Das Bild sollte schon die gewünschte Größe haben, damit wir es nicht mehr im Editor ändern müssen. Im Beispiel unten heißt das Bild xyz.jpg : Dazu gibt es diese Tags: <center> <img src= xyz.jpg > </center> img steht für image, also Bild, und src ist die Abkürzung für source, also Quelle. In unserem Fall ist das Bild im selben Verzeichnis wie die html-seite. Wäre das Bild im Unterverzeichnis bilder, sähe der Befehl so aus: <img src= bilder/xyz.jpg > 6. Legen wir eine neue HTML-Seite an und speichern sie ab. Nennen Sie die Seite seite2.htm. 7. Wir linken (verbinden) die beiden Seiten miteinander. Legen Sie nun auf der ersten Seite einen Schalter mit dem Namen weiter! (zur neuen Seite) an. Im Editor geht das so: Geben Sie am Seiten- bzw. Bildschirmende unter Ihrem Text nach einigen <br>-tags ein: <a href= seite2.htm >Weiter!</a> a steht für anchor, href für hypertext reference. So haben Sie Ihren ersten Link programmiert. Speichern Sie Ihre Datei ab, wechseln Sie in den Browser und drücken Sie zum Erneuern der Ansicht Strg und r oder F5. Nun können Sie Ihren Link sehen - mit etwas Glück funktioniert er aufs erstemal... Auf der zweiten Seite ( seite2.htm ) bauen wir nun eine Sprungmarke (Link) mit dem Namen "Zur ersten Seite" zur ersten Seite ein. Das muss so aussehen: <a href= index.htm >Zur ersten Seite!</a> Nachdem Sie die Änderungen wieder abgespeichert haben, können Sie Ihre beiden Seiten im Browser überprüfen. Wie Sie bemerkt haben, ist das Seitenschreiben mit dem Editor eine sehr mühselige Angelegenheit. Zum Glück gibt es dafür grafische Editoren, die uns eine bekannte Oberfläche bieten und das Programmieren im Hintergrund erledigen. Andere Links wollen wir also besser mit solchen Programmen wie MS-Word, Netscape Composer, MS- Frontpage, Dreamweaver usw. anlegen... 13

14 Informationen zur HTML im Internet Drei ausgewählte Adressen. Wer sich intensiv mit WWW-Publishing und HTML beschäftigen will, sollte die folgenden WWW-Adressen kennen, um sich mit erstklassigen und aktuellen Informationen zu versorgen: 1. Die HTML-Einführung von Stefan Münz (sehr empfehlenswert) 2. HTML-Einführung: Die bekannte HTML-Dokumentation von Hubert Partl 3. Grafiken in HTML-Seiten Ausführliche HTML-Dokumentation mit Schwerpunkt Grafik von Birgit Bachmann HTML-Kurzübersicht Seitenstruktur <html> <head> <title>meine Homepage</title> </head> <body>erste Zeile </body> </html> Textfarbe <body text=farbe link= Farbe vlink=farbe alink= Farbe> (Statt dem englischen Wort für die entsprechende Farbe können Sie auch die Hexadezimalzahl der Farbe verwenden.) link = Standardverbindung vlink = besuchter Link alink = aktiver Link Hintergrund <body bgcolor=farbe> Eine bestimmte Farbe als Hintergrund. <body background=datei.jpg> Ein bestimmtes Bild als Hintergrund. Link <a href= datei.htm >Linkname</a> Verbindung zu einer Datei <a href= verzeichnis/datei.htm >Linkname</a> Link zu Datei in Unterverzeichnis <a href= >Linkname</a> Link zu Adresse im Netz Absatz entweder <p> oder <br> <br> steht für Zeilenumbruch Text formatieren <b> fett <u> unterstreichen <center> zentrieren Teile des Texts stammen von Stefan Münz (http://www.teamone.de/selfhtml/) und Hubert Partl (http://www.boku.ac.at/htmleinf/). 14

FrontPage 2003 - Einführung

FrontPage 2003 - Einführung INHALT: FrontPage 2003 - Einführung Einleitung: Grundlagen des Internets Vorbereitung und Webseite Planung MS Frontpage Inhalt und Erscheinungsbild einer Webseite Webseite Strukturieren Webseite Speichern

Mehr

Schnellanleitung: Bilder für das Internet optimieren

Schnellanleitung: Bilder für das Internet optimieren Inhaltsverzeichnis Inhaltsverzeichnis... 1 Schnellanleitung: Bilder für das Internet optimieren... 1 Bilder für das Internet optimieren... 2 Auflösung bei Grafiken für Printmedien... 2 Auflösung bei Grafiken

Mehr

Grafiken, Bilder, Buttons

Grafiken, Bilder, Buttons Grafiken, Bilder, Buttons Bei Bildern ist der Betrachter nur dann bereit, lange Wartezeiten in Kauf zu nehmen, wenn es Nackte oder Tote zu sehen gibt. aus dem Internet html selbst kennt keine Befehle zum

Mehr

Ich möchte eine Bildergalerie ins Internet stellen

Ich möchte eine Bildergalerie ins Internet stellen Ich möchte eine Bildergalerie ins Internet stellen Ich habe viele Fotos von Blumen, von Häusern, von Menschen. Ich möchte zu einem Thema Fotos sammeln, eine Vorschau erstellen und die Fotos so in der Größe

Mehr

Bildbearbeitung Irfanview

Bildbearbeitung Irfanview Bildbearbeitung Irfanview Mit diesem Schulungs-Handbuch lernen Sie Bilder für das Internet zu bearbeiten mit dem Gratis-Programm IrfanView Version 1.2 Worldsoft AG 1. Kurzübersicht des Schulungs-Lehrgangs

Mehr

Bilder und Grafiken für das WEB optimieren

Bilder und Grafiken für das WEB optimieren Bilder und Grafiken für das WEB optimieren Einführung Häufig werden für die Homepage gescannte Vorlagen oder Bilder von der Digitalkamera verwendet. Diese müssen zum Veröffentlichen im Web zuerst optimiert

Mehr

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten

Format Kompression Farbtiefe Speicherbedarf Eigenschaften bmp. Windows Bilder Bitmap. Bis 16,7 Mio Austauschformat zwischen Welten Bildbearbeitung Bilder und Grafiken müssen für den Druck oder den Bildschirm unterschiedlich aufbereitet werden. Entscheidend ist dabei der Speicherbedarf und davon abhängig die Bildqualität. Ein Bild

Mehr

Slices und Rollover für die Startseite einer Bildergalerie

Slices und Rollover für die Startseite einer Bildergalerie Slices und Rollover für die Startseite einer Bildergalerie Die größte Frage bei einer Webseite ist es, auf ggf. viele Informationen von der relativ kleinen Fläche eines Bildschirmes zu verweisen. Dabei

Mehr

Inhalte mit DNN Modul HTML bearbeiten

Inhalte mit DNN Modul HTML bearbeiten Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DNN Version ab 5.0 w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 22.08.2011

Mehr

Word und das Web LEKTION 10. Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen:

Word und das Web LEKTION 10. Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen: 10.1 LEKTION 10 Word und das Web Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen: Senden eines Dokuments als E-Mail-Anlage. Anzeigen eines Dokuments in der

Mehr

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5

HTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 1. Ausgabe, Dezember 2011 HTML5 Linda York, Tina Wegener HTML5 Grundlagen der Erstellung von Webseiten 1. Ausgabe, Dezember 2011 HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen In diesem

Mehr

Hilfe zur Bedienung des DynaLex CMS für Redakteure und Editoren am Beispiel "Profilthemenerstellung"

Hilfe zur Bedienung des DynaLex CMS für Redakteure und Editoren am Beispiel Profilthemenerstellung Hilfe zur Bedienung des DynaLex CMS für Redakteure und Editoren am Beispiel "Profilthemenerstellung" A. Profilthemen vorbereiten Text vorbereiten 1. Erstellen Sie zu jedem Profilthema einen völlig unformatierten

Mehr

Dreamweaver 8 Homepage erstellen Teil 1

Dreamweaver 8 Homepage erstellen Teil 1 Dreamweaver 8 Homepage erstellen Teil 1 Voraussetzungen Das vorliegende Skriptum knüpft an das Skriptum Dreamweaver_Einführung an und setzt voraus, dass du dieses bereits durchgearbeitet hast. Planung

Mehr

Einführung: Gestalten von Internet-Seiten

Einführung: Gestalten von Internet-Seiten Einführung: Gestalten von Internet-Seiten Um zu verstehen, wie die Web-Seiten aus dem Web auf den Computer kommen, ist ein kleiner Blick in die Geschichte notwendig. Das Internet erreichte seinen Durchbruch

Mehr

Keine Angst vor der eigenen Webseite!

Keine Angst vor der eigenen Webseite! der eigenen Webseite! Ziel: Eine sehr einfache Methode sich im Internet darzustellen Referent: Hermann Schmidt obgv@aol.com Allgemein Wie kann man Internet sinnvoll nutzen? Internet bietet viele und ungeahnte

Mehr

Webdesign, Aufgabestellung 1

Webdesign, Aufgabestellung 1 , Aufgabestellung 1 1. Teamarbeit Die Website wird in Teamarbeit gemacht (2er-Teams). Innerhalb des Teams werden Konzept, Design, Inhalt und Arbeitsverteilung besprochen und bestimmt. 2. Inhalte Es wird

Mehr

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic

Web Datei Formate GIF JPEG PNG SVG. Einleitung. GIF Graphic Interchange Format. JPEG Joint Photographic Expert Group. PNG Portable Network Graphic Einleitung Graphic Interchange Format Joint Photographic Expert Group Portable Network Graphic scalabel Vector Graphic Fazit Übungsaufgabe Speichern Einleitung Das Web ist eines der wichtigsten Medien

Mehr

Nur in schwarz angezeigten Verzeichnissen kann gespeichert werden!

Nur in schwarz angezeigten Verzeichnissen kann gespeichert werden! Kurzanleitung für das CMS WebEdition für die Schulhomepage Seite 1 Kurzanleitung für Homepage-Redakteure (CMW WebEdition) 1. Anmeldung http://www.gymnasium-landau.de/webedition Linke Seite: Dateimanager

Mehr

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner.

1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. Kapitel 1 Grundlagen von Phase 5 Seite 1 1 Grundlagen von Phase 5 Installiere das Programm Phase 5 auf dem Rechner. 1.1 Projekt anlegen Bevor du das Programm Phase 5 startest, musst du einen Ordner anlegen,

Mehr

http://www.nvu-composer.de

http://www.nvu-composer.de Kapitel 16 Seite 1 Ein portabler Web-Editor Wer viel Zeit in eine Website investieren will ist gut beraten, eine professionelle Software für Webdesigner zu beschaffen. Diese Programme sind sehr leistungsfähig,

Mehr

HTML- Editor Phase5. Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML kennen.

HTML- Editor Phase5. Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML kennen. Quelle: http://www.clairette.de/tutorial/index.html http://www.meybohm.de Phase5 Editor Der Einstieg Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML

Mehr

Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3

Inhaltsverzeichnis. Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2. Schritt 1: Design auswählen...3 Inhaltsverzeichnis Mit dem WEB.DE WebBaukasten zur eigenen Homepage!...2 Schritt 1: Design auswählen...3 Schritt 2: Umfang und Struktur der Seiten bestimmen...7 Schritt 3: Inhalte bearbeiten...9 Grafik

Mehr

Schulung Open CMS Editor

Schulung Open CMS Editor Schulung Open CMS Editor Um Ihr Projekt im OpenCMS zu bearbeiten brauchen Sie lediglich einen Webbrowser, am besten Firefox. Vorgehensweise beim Einrichten Ihrer Site im OpenCMS Erste Schritte Wenn Sie

Mehr

Wiederholung float+clear. Grundlagen Webgestaltung Seite 136

Wiederholung float+clear. Grundlagen Webgestaltung Seite 136 Wiederholung float+clear Grundlagen Webgestaltung Seite 136 float und clear clear kann für mehrspaltige Layouts verwenden werden. Jedoch kann das auch zu ungewollten Effekten führen. Angenommen eine Webseite

Mehr

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression

Grafikformate. Grafikformate. Digitale Bildverarbeitung Bildkompression Digitale Bildverarbeitung Bildkompression Einleitung Datenmenge für ein unkomprimiertes Bild Verwendungszweck des Bildes Bild soll weiterverarbeitet werden Bild soll archiviert werden Bild soll per E-Mail

Mehr

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug.

Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer. Thema Inhalte/Umsetzung Programme Lehrplanbezug. Fachcurriculum ITG Albert-Schweitzer-Gemeinschaftsschule Klassenstufe 9/10 H. Bauer Thema Grundlagen der Erstellung von Webseiten Maximalplan 1 Was man wissen sollten 2 Die erste Webseite mit HTML erstellen

Mehr

Foto und Grafik. Arbeitsheft für den Informatikunterricht. Fotos, Pixel und Vektoren sowie Bildbearbeitung am PC. Name. ... Klasse ...

Foto und Grafik. Arbeitsheft für den Informatikunterricht. Fotos, Pixel und Vektoren sowie Bildbearbeitung am PC. Name. ... Klasse ... Foto und Grafik Arbeitsheft für den Informatikunterricht Fotos, Pixel und Vektoren sowie Bildbearbeitung am PC Name... Klasse... Ausgabe 2011 Redaktion N. Braun, Fachlehrer ICT & Medien Internet: www.jumpcuts.ch

Mehr

CMSimple Kurzanleitung

CMSimple Kurzanleitung CMSimple Kurzanleitung für Redakteure Stand: 28.11.2010 CMSimple Kurzanleitung Seite: 1 Inhalt CMSIMPLE KURZANLEITUNG... 1 INHALT... 1 WICHTIGE DATEN... 2 EINFÜHRUNG... 2 ANMELDEN... 3 LOGIN... 3 LOGOUT...

Mehr

WORKSHOP für das Programm XnView

WORKSHOP für das Programm XnView WORKSHOP für das Programm XnView Zur Bearbeitung von Fotos für die Nutzung auf Websites und Online Bildergalerien www.xnview.de STEP 1 ) Bild öffnen und Größe ändern STEP 2 ) Farbmodus prüfen und einstellen

Mehr

4 Die FrontPage-Website

4 Die FrontPage-Website 4 Die FrontPage-Website Ziele dieses Kapitels A Sie lernen die Struktur einer Website kennen. A Sie können Websites verschachteln. A Sie können Websites konvertieren. Microsoft Office Frontpage 2003 Einführung

Mehr

JPEG-Format GIF-Format PNG-Format

JPEG-Format GIF-Format PNG-Format Bauinformatik I: Bildbearbeitung -Pixelbilder- 07 VL B S.1 Thema: Bildbearbeitung -Pixelbilder- Datei-Formate "Die Bilderwelt teilt sich in zwei Lager": Pixel- und Vektorgrafik. Vektor-Formate Vektorgrafiken

Mehr

Powerpoint Übungen Workshop MS 2007

Powerpoint Übungen Workshop MS 2007 Powerpoint Übungen Workshop MS 2007 06. März 2009 Für Powerpoint - Präsentationen haben wir schon Kurse gegeben und heute wollen wir die Feinheiten üben. Powerpoint - Wettbewerb Präsentationen erstellen

Mehr

Compumaus Computerschule Brühl Internet Explorer

Compumaus Computerschule Brühl Internet Explorer Inhalt Compumaus Computerschule Brühl Der... 1, Internetadressen(URL)... 1 Aufbau von Internetadressen... 2 Einstellungen... 3 Startseiten festlegen (mehre TABs möglich)... 3 Seite einrichten... 4 Drucken

Mehr

Digital Imaging Einführung

Digital Imaging Einführung Tutorium Digital Imaging Einführung 7./14. Juli 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Bilder bestehen aus Pixeln Die Maße eines Bildes bestimmen sich aus Breite x Höhe in Pixeln (Auflösung)

Mehr

Der Editor und seine Funktionen

Der Editor und seine Funktionen Der Editor und seine Funktionen Für die Eingabe und Änderung von Texten steht Ihnen im Pflegemodus ein kleiner WYSIWYG-Editor zur Verfügung. Tinymce 1 ist ein Open Source Javascript-Editor, der mittlerweile

Mehr

Die altgriechische Schrift auf dem Computer

Die altgriechische Schrift auf dem Computer Die altgriechische Schrift auf dem Computer Stand: 02.11.09 Inhaltsverzeichnis 1. Altgriechische Texte mit Windows 7, Vista und XP schreiben... 1 1.1 Die altgriechische Tastatur anlegen... 2 1.1.1 Die

Mehr

Anleitung zur Verwendung von Silverstripe 3.x

Anleitung zur Verwendung von Silverstripe 3.x Anleitung zur Verwendung von Silverstripe 3.x Inhaltsverzeichnis: 1. EINLEITUNG 2. ORIENTIERUNG 2.1 Anmelden am CMS 2.2 Die Elemente des Silverstripe CMS 2.3 Funktion des Seitenbaums 2.4 Navigieren mit

Mehr

Bildbearbeitung: Grafikformate II und Farbmodelle

Bildbearbeitung: Grafikformate II und Farbmodelle Michael Gieding Bildbearbeitung: Grafikformate II und Farbmodelle Folien zur gleichnamigen Lehrveranstaltung PH-Heidelberg, Sommersemester 2004 Wiederholung Folie 1: Speicherplatzberechnungen Grafikformate

Mehr

Hinweise zur PDF-Erstellung 1 von 6

Hinweise zur PDF-Erstellung 1 von 6 Hinweise zur PDF-Erstellung 1 von 6 Erstellen von PDF-Druckvorlagen Was ist PDF? Das PDF-Format (Portable Document File) ist ein Dateiformat, mit dem es möglich ist, Text- und Grafikdateien unabhängig

Mehr

Arbeiten mit XnView. E:\Schmitt\Fortbildung XnView\Arbeiten mit XnView.doc

Arbeiten mit XnView. E:\Schmitt\Fortbildung XnView\Arbeiten mit XnView.doc Arbeiten mit XnView 1. Grundlagen 1.1 Installation 1.2 Starten 2. Arbeiten mit XnView 2.1 Die verschiedenen Modi 2.1.1 Der Bilderauswahl-Modus 2.1.2 Der Bearbeitungs-Modus 2.2 Menüpunkte im Überblick 3.

Mehr

Von: Sven Weltring, Viola Berlage, Pascal Küterlucks, Maik Merscher

Von: Sven Weltring, Viola Berlage, Pascal Küterlucks, Maik Merscher Von: Sven Weltring, Viola Berlage, Pascal Küterlucks, Maik Merscher Inhaltsverzeichnis 1. Desktop 2. Erklärung von Tastatur und Maus 3. Computer ausschalten 4. Neuer Ordner erstellen 5. Microsoft Word

Mehr

Syllabus. Computerwissen für alle Kinder! Der Lerninhalt beinhaltet ejunior Basis und ejunior Profi. Version 1.0

Syllabus. Computerwissen für alle Kinder! Der Lerninhalt beinhaltet ejunior Basis und ejunior Profi. Version 1.0 Syllabus Version 1.0 Der Lerninhalt beinhaltet und Computerwissen für alle Kinder! Programm der Österreichischen Computer Gesellschaft ejunior Syllabus Version 1.0 OCG Österreichische Computer Gesellschaft

Mehr

Hilfen zur Erstellung einer Homepage

Hilfen zur Erstellung einer Homepage Hilfen zur Erstellung einer Homepage Teil 1 - Vorüberlegungen Teil 2 Planung der Struktur Teil 3 Codierung in HTML Teil 4 Upload und Test Teil 5 Weitere Pflege Teil 6 Anhang: Allg. Webseiten-Tipps, Literatur

Mehr

Erste Schritte in NVU

Erste Schritte in NVU NVU (http://www.nvu-composer.de/) ist ein leicht zu bedienender HTML-Editor. Nach dem Start von NVU sieht der Bildschirm wie folgt aus: Lasse dich von dieser Anzeige nicht irritieren, es ist alles halb

Mehr

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb

10%, 7,57 kb 20%, 5,3 kb 30%, 4,33 kb 40%, 3,71 kb 50%, 3,34 kb. 60%, 2,97 kb 70%, 2,59 kb 80%, 2,15 kb 90%, 1,62 kb 99%, 1,09 kb Die Komprimierung: Die Abkürzung JPG (oder auch JPEG) steht für "Joint Photographic Experts Group". Dieses Bildformat ist nach der Expertengruppe, die es erfunden hat, benannt. Die Komprimierung empfiehlt

Mehr

Hinweise zur Word-Vorlage (Mac) (Bachelor- und Masterarbeit)

Hinweise zur Word-Vorlage (Mac) (Bachelor- und Masterarbeit) Hinweise zur Word-Vorlage (Mac) (Bachelor- und Masterarbeit) 1 Grundidee Die Dokumentvorlage erleichtert Ihnen die formale Gestaltung Ihrer Bachelor- oder Masterarbeit: Das Dokument enthält alle formalen

Mehr

Dokumentation zur Bildbearbeitung mit dem Programm IrfanView

Dokumentation zur Bildbearbeitung mit dem Programm IrfanView Dokumentation zur Bildbearbeitung mit dem Programm IrfanView Inhalt: Bilder verkleinern, für Web optimieren. Autorin: Ann Nielsen, ICSurselva AG Datum: 2006. 05.23 Seite 1 1. Programm vom Internet herunterladen

Mehr

Was bedeutet Internet?

Was bedeutet Internet? Internet 1 Was bedeutet Internet? Im Internet sind Computer, die sich an verschiedenen Orten und in unterschiedlichen Ländern befinden, durch Telefonleitungen weltweit miteinander verbunden. Der Name Internet

Mehr

Es gibt situationsabhängig verschiedene Varianten zum Speichern der Dokumente. Word bietet im Menü DATEI unterschiedliche Optionen an.

Es gibt situationsabhängig verschiedene Varianten zum Speichern der Dokumente. Word bietet im Menü DATEI unterschiedliche Optionen an. 3. SPEICHERN DATEIEN SPEICHERN Dateien werden in Word Dokumente genannt. Jede Art von Datei, die Sie auf Ihrem Computer neu erstellen, befindet sich zuerst im Arbeitsspeicher des Rechners. Der Arbeitsspeicher

Mehr

PRODUKTION UND GESTALTUNG INTERAKTIVER MEDIEN

PRODUKTION UND GESTALTUNG INTERAKTIVER MEDIEN PRODUKTION UND GESTALTUNG INTERAKTIVER MEDIEN 1) Einführung in Photoshop Rebecca Rottensteiner, B.A. Photoshop Allgemein Dateiformate Design in Photoshop umsetzten Besprechung Konzepte Webschriftarten

Mehr

Die i-tüpfelchen: Favicons

Die i-tüpfelchen: Favicons Schenken Sie Ihrer URL ein eigenes Icon Sie werden lernen: Wo werden Favicons überall angezeigt? Wie kommen Favicons in die Adressleiste? So erstellen Sie Favicons auf Windows und Mac Ein Favicon für unsere

Mehr

Erstellen einer Web- Präsentation

Erstellen einer Web- Präsentation 9.1 LEKTION 9 Erstellen einer Web- Präsentation Nach Abschluss dieser Lektion werden Sie in der Lage sein, die folgenden Aufgaben auszuführen: Erstellen einer Agenda-Folie oder Homepage. Erstellen eines

Mehr

Eine kleine Anleitung zum Kurs Homepage selbst erstellen

Eine kleine Anleitung zum Kurs Homepage selbst erstellen Eine kleine Anleitung zum Kurs Homepage selbst erstellen Mag. Erwin Atzl www.mobiler-edvtrainer.at gültig für Windows XP, (nicht für Vista und Windows7) Den NVU-HTML- Editor habe ich mir kostenlos von

Mehr

Anleitung zum Homepage-Baukasten

Anleitung zum Homepage-Baukasten Anleitung zum Homepage-Baukasten Zur Hilfestellung sollten Sie diese Seiten ausdrucken. Besuchen Sie auch unsere Muster-Homepage unter http://beispielauftritt.maler-aus-deutschland.de Inhaltsverzeichnis

Mehr

Für die Verwendung des Wikis wird dringend der Microsoft Internet Explorer Version 7.0 empfohlen!

Für die Verwendung des Wikis wird dringend der Microsoft Internet Explorer Version 7.0 empfohlen! Sie finden das FH-Wiki unter der folgenden Adresse: http://wiki.fh-kehl.de:9454 Falls Sie Anregungen, Fragen oder Hinweise haben wenden Sie sich bitte an Herrn Fetterer oder Frau Prof. Dr. Schenk. Für

Mehr

Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken.

Einfügen mit Hilfe des Assistenten: Um eine Seite hinzufügen zu können, müssen Sie nur mehr auf ein Symbol Stelle klicken. 2. SEITE ERSTELLEN 2.1 Seite hinzufügen Klicken Sie in der Navigationsleiste mit der rechten Maustaste auf das Symbol vor dem Seitentitel. Es öffnet sich ein neues Kontextmenü. Wenn Sie nun in diesem Kontextmenü

Mehr

ERSTE SCHRITTE HOMEPAGE-BAUKASTEN

ERSTE SCHRITTE HOMEPAGE-BAUKASTEN ERSTE SCHRITTE HOMEPAGE-BAUKASTEN SCHNELLSTART ANLEITUNG IN 6 SCHRITTEN ZUR EIGENEN HOMEPAGE Starten des Baukastens Loggen Sie sich mit den Zugangsdaten, die Sie per E-Mail bekommen haben, in den STRATO

Mehr

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername

http://www.jimdo.com Mit Jimdo eine Homepage erstellen Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo http://benutzername.jimdo.com Der Benutzername Kapitel 16 Seite 1 Die eigene Homepage mit Jimdo Mit Jimdo ist das Erstellen einer eigenen Homepage ganz besonders einfach. Auch ohne Vorkenntnisse gelingt es in kurzer Zeit, mit einer grafisch sehr ansprechenden

Mehr

11 Publizieren im Web

11 Publizieren im Web 11 Publizieren im Web Für ein modernes Unternehmen ist es heute kaum vorstellbar, nicht im Internet vertreten zu sein. Laut Statistik Austria 7 haben 97 % aller österreichischen Unternehmen ab 10 Beschäftigten

Mehr

Handbuch USC-Homepage

Handbuch USC-Homepage Handbuch USC-Homepage I. Inhalt I. Inhalt Seite 1 II. Wichtigste Grundregel Seite 1 III. Funktionen der Seite Seite 2 1. Anmelden in der Community Seite 2 2. Mein Account Seite 3 3. Wechselzone Seite 4

Mehr

Beim Schreiben von kürzeren Text reicht es völlig, wenn Sie

Beim Schreiben von kürzeren Text reicht es völlig, wenn Sie 5 Vorlagen gestalten In diesem Kapitel: n Gestaltungsbereiche und -werkzeuge n Designs bearbeiten n Formatvorlagen erstellen n Formatvorlagen prüfen n Formatvorlagen ändern n Mit Dokumentvorlagen arbeiten

Mehr

Wir lernen PowerPoint - Grundkurs - Präsentation

Wir lernen PowerPoint - Grundkurs - Präsentation Inhalt der Anleitung Seite 1. Einführung: Was ist PowerPoint? 2 2. Eine einfache Präsentation erstellen 3 a) Layout 3 b) Weitere Seiten einfügen 3 c) Grafik einfügen 4 d) Speichern als ppt-datei 5 e) Seiten-Hintergrund

Mehr

Übertragen von Schulwebseiten auf musin.de

Übertragen von Schulwebseiten auf musin.de Übertragen von Schulwebseiten auf musin.de Inhalt: Mit Hilfe des Freeware Programms WS_FTP LE können Sie Webseiten, die Sie auf Ihrem PC erstellt haben, über das Internet auf musin/kobis übertragen. Wenn

Mehr

Homepages Einführung

Homepages Einführung Homepages Einführung für den PC-Senioren-Club Konstanz Tom Novacek 27.05.2011 "Daten" = Anweisungen für ein Programm, formuliert in einer (geschriebenen) Sprache, die das Programm versteht WORD: Sprache

Mehr

Homepage erstellen 2002 Seite 1

Homepage erstellen 2002 Seite 1 Homepage erstellen 2002 Seite 1 1 Warum ein Internet-Auftritt?... 2 1.1 Gründe... 2 1.2 Einige Grundregeln für den Web-Auftritt... 2 1.3 Vorteile von HTML... 2 1.4 Nachteile von HTML... 2 2 Grundlagen

Mehr

Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt.

Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt. WS03/04 Digitale Bildformate / Sleegers / p.1 Digitale Bildformate Computergrafiken lassen sich grob in zwei Kategorien einteilen: Vektorgrafiken und Bitmap-Grafiken, die man auch Pixelgrafiken nennt.

Mehr

Typo3 Handbuch Redaktion: Peter W. Bernecker Tel.: 069 / 92 107 292 pw.bernecker@ev medienhaus.de Stand: 6. Oktober 2014

Typo3 Handbuch Redaktion: Peter W. Bernecker Tel.: 069 / 92 107 292 pw.bernecker@ev medienhaus.de Stand: 6. Oktober 2014 Typo3 Handbuch Redaktion: Peter W. Bernecker Tel.: 069 / 92 107 292 pw.bernecker@ev medienhaus.de Stand: 6. Oktober 2014 3. Arbeitsbereich: Wo sind meine Inhalte? Wo kann ich Inhalte einstellen (Rechte)?

Mehr

Es gibt aber weitere Möglichkeiten, die den Zugriff auf die individuell wichtigsten Internetseiten

Es gibt aber weitere Möglichkeiten, die den Zugriff auf die individuell wichtigsten Internetseiten Thema: Favoriten nutzen Seite 8 3 INTERNET PRAXIS 3.1 Favoriten in der Taskleiste Es gibt aber weitere Möglichkeiten, die den Zugriff auf die individuell wichtigsten seiten beschleunigen. Links in der

Mehr

Dynamische Webseiten mit PHP 1

Dynamische Webseiten mit PHP 1 Dynamische Webseiten mit PHP 1 Webserver, PHP und MYSQL Ein Webserver dient dazu, Internetseiten an PCs zu senden, von denen sie aufgerufen werden. Beispiel: Sie tippen im Browser www.fosbosweiden.de ein.

Mehr

8 Bilder in TYPO3 (RichTextEditor & Elemente Text mit Bild, Bilder

8 Bilder in TYPO3 (RichTextEditor & Elemente Text mit Bild, Bilder 8 Bilder in TYPO3 (RichTextEditor & Elemente Text mit Bild, Bilder Inhaltsverzeichnis 8 Bilder in TYPO3 (RichTextEditor & Elemente Text mit Bild, Bilder 1 8.1 Vorbemerkung.......................................

Mehr

12 Dokumente verwalten

12 Dokumente verwalten 12 e verwalten 12.1 e organisieren Wir wollen uns nun etwas ausführlicher damit beschäftigen, wo unsere e gespeichert werden. Textverarbeitungsprogramme schlagen beim Speichern einen Ordner vor, in dem

Mehr

Buchbonus: Eingabehilfe für Autoren:

Buchbonus: Eingabehilfe für Autoren: 3 4 5 6 7 1 2 8 9 10 11 12 Buchbonus: Eingabehilfe für Autoren: Ein wichtiger Hinweis vorab: Bitte denken Sie an die korrekten Quellenangaben, wenn Sie fremdes Material verwenden oder zitieren! Eine Kurzform

Mehr

Handreichung fu r Autoren

Handreichung fu r Autoren Handreichung fu r Autoren Inhalt: 1. Wie und wo melde ich mich an? 2. Wo ändere ich mein Passwort? 3. Struktur des sogenannten Backend-Bereichs 4. Neue Datei (Inhaltselement) anlegen. a. Der Karteireiter

Mehr

Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen

Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen Excel 2003 - Übungen zum Grundkurs 63 Modul 7: Übungen zu - Tabellen als Mail oder im Web veröffentlichen Wie kann ich einzelne Blätter der Arbeitsmappe als E-Mail verschicken? Wie versende ich eine Excel-Datei

Mehr

Eine Mini-Website an einem Nachmittag

Eine Mini-Website an einem Nachmittag Erforderliche Grundausstattung Ein Computer, der mit einer Software zum Erstellen einfacher Textdateien ausgestattet ist (SimpleText, Text-Editor...) Ein Internetanschluss Eine Software mit der man im

Mehr

Webseiten mit HTML. Visual QuickProject Guide. von Elizabeth Castro

Webseiten mit HTML. Visual QuickProject Guide. von Elizabeth Castro Webseiten mit HTML Visual QuickProject Guide von Elizabeth Castro Der Ihnen vorliegende Visual QuickProject Guide langweilt nicht mit Theorie und umständlichen Erklärungen, sondern nutzt große Farbabbildungen

Mehr

Bildbearbeitung. mit GIMP. Regionale Fortbildung 14. Jan. 2004. Tamer Berber Längenfeldschule

Bildbearbeitung. mit GIMP. Regionale Fortbildung 14. Jan. 2004. Tamer Berber Längenfeldschule Bildbearbeitung mit GIMP Regionale Fortbildung 14. Jan. 2004 Tamer Berber Längenfeldschule Programm Die Bildbearbeitungssoftware GIMP...3 Pixel, dpi und Co...4 Gimp starten...5 Bild öffnen...6 Bildgröße

Mehr

Digitale Bilddateien

Digitale Bilddateien ARBEITSBLATT 1 Digitale Bilddateien Gängige Bildformate und deren Speicherbedarf Unkomprimierte Bilddateien Öffnen Sie in Photopaint die Datei beauty.tga! Beauty.tga ein virtueller Männertraum, generiert

Mehr

-Wählen Sie die gewünschten Kriterien für die Selektion und klicken Sie anschließend auf OK um die Datensätze zu selektieren.

-Wählen Sie die gewünschten Kriterien für die Selektion und klicken Sie anschließend auf OK um die Datensätze zu selektieren. HowTo: Personalisierte Serienemails aus Selektion (ggf. mit Anhang) Versionen: CRM 5, CRM SIX I. Vorbereitung a) Erstellen einer Selektion -Grundlage für alle Serienbriefe oder Serienemails mit SuperOffice

Mehr

Dreamweaver 8 Homepage erstellen Teil 2

Dreamweaver 8 Homepage erstellen Teil 2 Dreamweaver 8 Homepage erstellen Teil 2 Voraussetzungen Das vorliegende Skriptum knüpft an folgende Skripten an und setzt voraus, dass du diese bereits durchgearbeitet hast. Dreamweaver_Einführung.pdf

Mehr

ECDL Modul 2 Windows 7 Übungseinheit. Ihr Name:...

ECDL Modul 2 Windows 7 Übungseinheit. Ihr Name:... 1 Dateimanagement Ihr Name:... Laden Sie die Folgende ZIP-Datei auf Ihren Desktop herunter: http://www.thinkabit.ch/wpcontent/uploads/_ecdl/ecdl_m2_testdateien.zip Extrahieren Sie die ZIP-Datei unter dem

Mehr

TYPO3 Redaktoren-Handbuch

TYPO3 Redaktoren-Handbuch TYPO3 Redaktoren-Handbuch Kontakt & Support: rdv interactive ag Arbonerstrasse 6 9300 Wittenbach Tel. 071 / 577 55 55 www.rdvi.ch Seite 1 von 38 Login http://213.196.148.40/typo3 Username: siehe Liste

Mehr

HTL-Website. TYPO3- Skriptum II. Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig. Qualitätsmanagement

HTL-Website. TYPO3- Skriptum II. Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig. Qualitätsmanagement HTL-Website TYPO3- Skriptum II Autor: RUK Stand: 02.06.2010 Gedruckt am: - Version: V0.1 Status: fertig Qualitätsmanagement Erstellt Geprüft Freigegeben Name RUK Datum 02.06.2010 Unterschrift Inhaltsverzeichnis

Mehr

Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000

Tutorium Learning by doing WS 2001/ 02 Technische Universität Berlin. Erstellen der Homepage incl. Verlinken in Word 2000 Erstellen der Homepage incl. Verlinken in Word 2000 1. Ordner für die Homepagematerialien auf dem Desktop anlegen, in dem alle Bilder, Seiten, Materialien abgespeichert werden! Befehl: Desktop Rechte Maustaste

Mehr

Computer AG: Inhalte Die Computeranlage 2. Die Tastatur 3. Dateien und Ordner organisieren 4. Namensschild erstellen- Formatieren will gelernt sein

Computer AG: Inhalte Die Computeranlage 2. Die Tastatur 3. Dateien und Ordner organisieren 4. Namensschild erstellen- Formatieren will gelernt sein Computer AG: Inhalte Die Computeranlage Cluster: Rund um den Computer Information: Der Computer Handbuch Seite 1: Die Teile einer Computeranlage AB Die Teile einer Computeranlage AB Computerrätsel Diff:

Mehr

Kurzanleitung CMS. Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS. Inhaltsverzeichnis

Kurzanleitung CMS. Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS. Inhaltsverzeichnis Diese Kurzanleitung bietet Ihnen einen Einstieg in die Homepage Verwaltung mit dem Silverstripe CMS Verfasser: Michael Bogucki Erstellt: 24. September 2008 Letzte Änderung: 16. Juni 2009 Inhaltsverzeichnis

Mehr

Schnellstarthandbuch. Dateien verwalten Klicken Sie auf die Registerkarte Datei, um Word-Dateien zu öffnen, zu speichern, zu drucken und zu verwalten.

Schnellstarthandbuch. Dateien verwalten Klicken Sie auf die Registerkarte Datei, um Word-Dateien zu öffnen, zu speichern, zu drucken und zu verwalten. Schnellstarthandbuch Microsoft Word 2013 unterscheidet sich im Aussehen deutlich von älteren Word-Versionen. Dieses Handbuch soll Ihnen dabei helfen, sich schnell mit der neuen Version vertraut zu machen.

Mehr

Feierabend-Homepage erstellen. Homepage-Programm starten. Inhaltsverzeichnis

Feierabend-Homepage erstellen. Homepage-Programm starten. Inhaltsverzeichnis Feierabend-Homepage erstellen Inhaltsverzeichnis Homepage-Programm starten Einsteiger-Homepage erstellen Homepage für Fortgeschrittene erstellen Homepage-Eigenschaften festlegen Seiten erstellen Menü-Leiste

Mehr

HILFE Datei. UPC Online Backup

HILFE Datei. UPC Online Backup HILFE Datei UPC Online Backup Inhalt Login Screen......? Welcome Screen:......? Manage Files Screen:...? Fotoalbum Screen:.........? Online backup Client Screen...? Frequently Asked Questions (FAQ s)...?

Mehr

Verschlüsseln von USB-Sticks durch Installation und Einrichtung von TrueCrypt

Verschlüsseln von USB-Sticks durch Installation und Einrichtung von TrueCrypt Verschlüsseln von USB-Sticks durch Installation und Einrichtung von TrueCrypt 1. Die Dateien truecrypt-4.3a.zip (http://www.truecrypt.org/downloads.php)und langpack-de- 1.0.0-for-truecrypt-4.3a.zip (http://www.truecrypt.org/localizations.php)

Mehr

Grafikformate 1 Grafikformate 2 Grafikformate 3 Grafikformate 4 Grafikformate 5 Grafikformate 2 Lösungen: 1. Bild mit Hilfe eines Rasters von Punkten beschreiben Bitmap-Grafik 2. Bild in geometrische Objekte

Mehr

EINRICHTEN IHRES MANUSKRIPTS FÜR DEN DRUCK LAYOUTGESTALTUNG DURCH DEN VERLAG

EINRICHTEN IHRES MANUSKRIPTS FÜR DEN DRUCK LAYOUTGESTALTUNG DURCH DEN VERLAG 1 STAND: 20.02015 EINRICHTEN IHRES MANUSKRIPTS FÜR DEN DRUCK LAYOUTGESTALTUNG DURCH DEN VERLAG Der Praesens Verlag bietet Ihnen zwei Möglichkeiten der Manuskriptabgabe: einerseits die Abgabe einer fertig

Mehr

9.2 Weitergeben. 9.2.1 Online-Album. 9.2 Weitergeben. Flash-Player

9.2 Weitergeben. 9.2.1 Online-Album. 9.2 Weitergeben. Flash-Player 9.2 Weitergeben Das Weitergeben und das Erstellen unterscheiden sich eigentlich nur wenig. Beim Erstellen liegt das Augenmerk mehr auf dem Ausdrucken, bei der Weitergabe handelt es sich eher um die elektronische

Mehr

Dateien nach sinnvollen Kriterien organisieren, Ordner erstellen, Ordner/Dateien verschieben oder kopieren und Dateien aus dem Internet herunterladen:

Dateien nach sinnvollen Kriterien organisieren, Ordner erstellen, Ordner/Dateien verschieben oder kopieren und Dateien aus dem Internet herunterladen: Dateien nach sinnvollen Kriterien organisieren, Ordner erstellen, Ordner/Dateien verschieben oder kopieren und Dateien aus dem Internet herunterladen: Der Windows Explorer: Der WindowsExplorer ist ein

Mehr

Gängige Grafikformate

Gängige Grafikformate Computerunterstütztes Wissenschaftliches Arbeiten 1 NBI-Track Prof.DI.Dr.. Andrea Berghold, IMI, DI.Dr.. Josef Haas, Geburtshilfl.gynäkol.Univ.Klinik Prof.DI.Dr.. Ernst Hofer, Med. Physik DI.Dr.Gernot

Mehr

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel

Seiten für das WWW selber gestalten. html. Kopf. Körper. Beispiel Seiten für das WWW selber gestalten Eine Seite im WWW ist in einer Programmiersprache geschrieben. Wir werden nicht die Details einer Programmierung anschauen. Es wird uns nützlich sein, zu wissen, wie

Mehr

Begriffe: (grafische) Benutzeroberfläche, (grafische) Benutzerschnittstelle,

Begriffe: (grafische) Benutzeroberfläche, (grafische) Benutzerschnittstelle, Gestaltung der Benutzeroberfläche Begriffe: (grafische) Benutzeroberfläche, (grafische) Benutzerschnittstelle, GUI (graphics user interface), Drei Grundsätze vorab: Halten Sie sich, wo immer möglich, an

Mehr

Musterseiten KAMI PRINT VERLAG. Peter Schießl

Musterseiten KAMI PRINT VERLAG. Peter Schießl KAMI PRINT VERLAG Peter Schießl Musterseiten Diese Musterseiten sind zur Ansicht im Internet bestimmt. Geringfügige Abweichungen zum Original, Änderungen der Formatierung, Fehler durch fehlende Verweise

Mehr

In diesem kleinen Handbuch Schnellstart zeigen wir Ihnen die ersten Schritte.

In diesem kleinen Handbuch Schnellstart zeigen wir Ihnen die ersten Schritte. STRATO Schnellstart Erste Schritte mit LivePages LivePages ist der praktische Homepage-Baukasten von STRATO. Damit erstellen Sie in wenigen Schritten Ihre eigene Homepage und zwar komplett online und ohne

Mehr

3827260108 Private Homepage vermarkten So laden Sie Ihre Website auf den Server Das lernen Sie in diesem Kapitel: n So funktioniert FTP n Diese FTP-Programme gibt es n So laden Sie Ihre Website mit WS-FTP

Mehr