<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2
|
|
- Willi Kerner
- vor 6 Jahren
- Abrufe
Transkript
1 Dieser html-kurs soll die Informatik-SchülerInnen meines Info-Kurses auf den Info-Quali vorbereiten. Das Werkzeug html soll einen in die Lage versetzten, die Programmierung von Web-Seiten zu verstehen und durchzuführen. Start: Öffne den Editor, schreibe und speichere die Datei ab. Wähle als Dateityp Alle Dateien und nenne deine Datei zum Beispiel: name.html (Abb. 1!) Hinter dem Punkt steht: html Grundsätze: Bei html arbeiten wir mit Tags. Tags schließen stehen zu Beginn unserer Befehle und Abb. 1 meistens auch wieder an deren Ende (Tag = engl.: Etikett). Ein Absatz wird z. B. wie folgt eingeschlossen: <p> Hier steht ein ganzer Absatz. Die Version mit Schrägstrich stellt immer das Ende einer Eingabe (hier des Absatzes) dar. <body> Hier ensteht eine Seite über Bäume. Los geht s: Schreibe immer gleich den Beginn und das Ende deiner Eingaben und fülle dann den Raum dazwischen auf. So unterlaufen dir weniger Fehler. Schreibe die Tags am Zeilenanfang, dann hast Du mehr Überblick über die Struktur. Zuerst tippe und darunter, damit schließt sich auch schon die gesamte Datei. Ab jetzt arbeite zwischen diesen beiden Tags. Der Kopf der Datei wird eingerahmt von und und darin taucht der Titel der Seite zwischen den Tags und auf. Dieser Titel erscheint im Farbstreifen des Browsers, nicht im eigentlichen Textfeld der Seite. (Abb, 2) Die zwischen den Tags liegenden Teile wurden hier und sollten auch beim Nacharbeiten wegen der Übersichtlichkeit eingerückt werden. Abb. 2 Im Gegensatz zum Kopf wird der Körper der Datei von <body> und eingerahmt. Dieser Teil stellt die eigentliche Seite dar. Der Text Hier entsteht eine Seite über Bäume wird später im Browser als Text sichtbar, Tags erscheinen dort nicht, sie dienen nur der Eingabe von Befehlen. (Abb. 2) Die als name.html abgespeicherte Datei müsste sich nun bei Doppelklick im Browser öffnen. Die Seite müsste so wie in Abb. 2 aussehen, allerdings natürlich ohne die beiden gelben Pfeile. Der erscheinende Text ist noch nicht als ein zusammengehörender Absatz definiert, der Zeilenumbruch im Editor erscheint im Browser nicht, da er nicht per Tag befohlen wurde.
2 Formatierung der Schrift und des Absatzes: <p> Hier beginnt nun ein Absatz, in dem einiges <em> kursiv geschrieben wird, </em> einiges erscheint in fetter Schrift, manches wurde unterstrichen <font face = Arial > und die Schriftart wechselt, </font > <font size = 5 color= red > Schriftgröße und Farbe auch. </font > Im Folgenden sind die wichtigsten Formatierungszeichen für die Schrift aufgeführt: Der Text im Editor (Kasten links) ergibt im Browser eine einzige Textzeile (Abb. 3). Jeder der eingesetzten Befehle wurde eingeschaltet <xyz> und später wieder ausgeschaltet </xyz>. Da <p> den ganzen Absatz definiert, umschließt es mit auch den ganzen Absatz, während die anderen Tags innerhalb des Textes zum Einsatz kommen. Zeilenumbrüche, die im Editor per Enter-Taste eingefügt werden, erleichtern evtl. die Lesbarkeit des Textes im Editor, sie kommen jedoch bei der mit dem Browser betrachteten Version nicht zur Geltung. (Abb. 3) Natürlich können einzelne Tags auch kombiniert werden, um ein Wort kursiv, fett und unterstrichen darzustellen: <em> kursiv unterstrichen </em>. Die Schrift kann z. B. auch wie folgt definiert sein: <font face= Arial size= 5 color= red > Dann werden Schriftart, Größe und die Farbe gleichzeitig definiert. Abb. 3 <p> Im Folgenden werden Absätze <br> - rechtsbündig, <br> - zentriert und <br> - linksbündig dargestellt. <p align = left > linksbündiger Text linksbündiger Text <p align = center > zentrierter Text zentrierter Text <p align = right > rechtsbündiger Text rechtsbündiger Text Die folgenden Tags (Kasten links) kümmern sich um die Ausrichtung der Absätze, deshalb taucht dabei immer das <p> mit auf. Insgesamt handelt es sich in dem Kasten um vier Absätze. Der Befehl <br> definiert einen Zeilenumbruch, er braucht nicht ausgeschaltet zu werden (Abb. 4). Er wurde bei der Aufzählung gleich am Anfang benutz, weil ansonsten im Browser erst am Rand des Bildschirmes ein Zeilenumbruch erscheinen würde. Abb. 4
3 Farbe, Überschriften, Bilder, Tabellen: <body bgcolor="lightgreen"> <font face="arial Narrow" size="6" color="green"> Die Editor-Seite stellt bis auf die Farbgebung eine Wiederholung des bereits Gelernten dar. Die Seite zeigt sehr schön, wie sich die Tags immer wieder um die durch sie definierten Text-Teile gruppieren. Dabei werden bestimmte Formatierungen jeweils ein und wieder ausgeschaltet. Die Farbe hellgrün erhält die Seite durch den erweiterten body-tag: <body bgcolor= lightgreen Farben können in html über den Hexadezimal-Code definiert werden. Dazu gibt es Hilfestellung im Internet. Die Programmierung versteht aber auch die englischen Namen vieler Farben wie z. B. red, blue, green, lightgreen, Im linken Beispiel wurde der Text zunächst zentriert, dann die Unterstreichung, der Fettdruck, die Schriftart, die Größe und die Farbe definiert. Danach wird wieder alles ausgeschaltet (Abb. 5). Abb. 5 <img src="baeume2.jpg" width="200" height="300"> Unterhalb der Überschrift soll nun ein Bild eingefügt werden. Wichtig ist dabei, dass das Bild im selben Ordner abgespeichert wird, in dem auch die Editor- Datei liegt. Das jpg-bild heißt Baeume2, die Größe des Bildes wird über die Weite (width= 200 ) und über die Höhe (height= 300 ) definiert (Abb. 6). Das Bild könnte auf folgende Art auch ins Zentrum der Seite gerückt werden: <p align= center > <img src="baeume2.jpg" width="200" height= "300"> Die gelben Pfeile, die im Editor natürlich nicht erscheinen, zeigen die später sichtbare Überschrift und das Bild im 2. Beispiel. Abb. 6
4 Tabellen: <table align="center" width="60%" border=2 bgcolor="green"> <tr> <font face="arial" size="4" color="blue"> Bäume auf der linken Seite <font face="arial" size="4" color="blue"> Bäume auf der rechten Seite </tr> <tr> Die gelben Pfeile erscheinen natürlich im Editor nicht, sie zeigen hier die eigentlichen Zelleninhalte der Tabelle. <img src="baeume1.jpg" width="200" height="300"> <p align="center" > <img src="baeume2.jpg" width="200" height="300"> </tr> </table> Der Kasten links zeigt nun die Editor-Version der in Abb. 7 gezeigten Tabelle. Zunächst wurde sie zentriert, width= 60% gibt an, welche Breite in Relation zur Gesamtbreite der Seite die Tabelle haben soll, border= 2 gibt den Tabellen-Rahmen ihre Dicke, bgcolor gibt der Tabelle die grüne Hintergrundfarbe. Der Tag <tr> definiert eine Tabellenzeile, davon tauchen zwei auf, <td> definiert jeweils eine Zelle, deren Breite jeweils 50% der Gesamttabelle betragen soll. Die und <body> Tags am Anfang und am Ende wurden in der Editor-Ansicht links weggelassen, ebenso wie die auf Seite 3 schon gezeigte Formatierung der Überschrift. Die Wellen-Struktur soll im Editor die Übersicht über die einzelnen Teile der Tabelle verbessern. Man könnte alles hintereinander tippen. Abb. 7
5 Trennlinien: Die gelben Pfeile bezeichnen nach der Reihe den Titel in der blauen Browserleiste die Überschrift einen Zeilenumbruch <br> und eine Trennlinie <hr> mit Angabe der Breite, Lage, Dicke und Farbe <body bgcolor="lightgreen"> <font face="arial Narrow" size="6" color="green"> <p align="left"> <font face="arial Narrow" size="4" color="black"> Auf der ganzen Welt gibt es Bäume. Sie kommen in den trockenen Savannen genauso vor wie in den tropischen Regenwäldern. Auf die unterschiedlichen Bedingungen der Lebensräume haben sie sich bestens angepasst. <br> Diese Seite soll einen Überblick über die verschiedenen Bäume aus aller Welt liefern. <hr width="70%" align="center" size="2" color="blue"> Bäume sind zum einen Pflanzen, die uns mit Sauerstoff versorgen, zum anderen fühlen wir uns im Umfeld von Bäumen einfach wohl. Der Kasten links zeigt nun die Editor-Version des unten (Abb. 8) gezeigten Textes. Zunächst erscheint der Titel (), der in der Abb. in der blauen Leiste des Browsers zu sehen ist, dann wird der Body definiert. Hier ist wieder die Farbe lightgreen angegeben. Danach wird der nächste Absatz als linkszentriert definiert, was nicht sein müsste, weil er ohne genauere Angaben auch nach links ausgerichtet würde. Dann wird die Schriftart, die Größe und die Farbe (black) angegeben. Der Textfluss wird einmal durch einen gewollten Zeilenumbruch <br> unterbrochen und einmal durch eine blaue Trennlinie. Diese wird durch <hr> definiert. Das Beispiel zeigt, dass hier wieder die Begriffe width, align, size, und color zum Einsatz kommen. Sie definieren die Breite der Linie in Relation zur Gesamtbreite der Seite, die Ausrichtung (hier zentriert), die Dicke und die Farbe der Linie (hier blau). Nur ein <hr> ohne weitere Angaben würde eine dünne schwarze Linie von ganz links nach ganz rechts generieren. Die Anführungszeichen können bei manchen der Angaben (z. B. size=2) weggelassen werden, ich empfehle sie jedoch immer zu setzen, weil sie dann nie vergessen werden. Abb. 8
6 Links zu Webseiten, -adressen oder Bildern: <body bgcolor="lightgreen"> <font face="arial Narrow" size="6" color="green"> <p align="left"> <font face="arial Narrow" size="4" color="black"> Die gelben Pfeile bezeichnen die beiden Links. Der erste führt zu einer Internetseite, der zweite führt zu eine -adresse. Diese Seite soll die Lust wecken, sich auch weiter mit den <a href=" dieser Welt</a>, allen voran den Laubbäumen, zu beschäftigen. Zur Klärung weiterer Fragen bitte ich euch einfach eine an <a Baumschule</a> zu schicken. Der Kasten links zeigt nun die Editor- Version des unten (Abb. 9) gezeigten Textes mit den beiden in blau und unterstrichen dargestellten Links. Ich möchte auch hier noch einmal auf die übersichtliche Art der Darstellung hinweisen. Aufgrund der verschiedenen Einrückungen, die hernach im Browser nicht mehr erscheinen, wird die Editor-Ausgabe übersichtlicher. Abb. 9 Link zu einer Web-Seite und einer -adresse : Die beiden Links werden jeweils mit <a href= Name der Adresse.de > geöffnet. Dann folgt der Text oder auch das Bild etc. der im Browser erscheinen soll. Die Links werden dann wieder durch </a> geschlossen <a href=" dieser Welt</a> Öffnung Name der Adresse.de erscheindender Text Schließung <a href="mailto:baumschule@baum.de">kontakt Baumschule</a>
Internetseiten selbst erstellt
Internetseiten selbst erstellt Vorüberlegungen: Übersichtsplan aller geplanten Seiten zeichnen und bereits logische Dateinamen überlegen. Inhalt der Seite Willkommen/Was gibt es zu sehen und was will ich
MehrSchiller-Gymnasium Hof 20.12.2004
Erstellen eines HTML-Dokumentes Zum Erstellen einer Homepage benötigen wir lediglich einen Editor. Zum Ansehen der fertigen Site benötigen wir wir natürlich auch einen Browser, z.b. Firefox oder Netscape
MehrDie Programmiersprache des Webs. HTML HyperText Markup Language Hypertext - Auszeichnungssprache
Was ist HTML? Die Programmiersprache des Webs HTML HyperText Markup Language Hypertext - Auszeichnungssprache Dateiname Man muss Groß/Kleinschreibung beachten Leerzeichen ist nicht erlaubt Umlaute wie
MehrMeine erste Homepage - Beispiele
Meine erste - Beispiele 1. Beispiel meine Willkommen auf meiner Befehle nicht über Hier ist ein Senior, der noch fit für's Internet ist. Probieren wir
MehrTextverarbeitung 1. 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung
Informatik - Text / HTML 1 Textverarbeitung 1 1. Textentwurf 2. Texterfassung 3. Textumformung 4. Textgestaltung 5. Textverwendung Leistungsmerkmale Textverarbeitung ist Standardsoftware - nutzerorientiert,
MehrGrundlagen zu HTML. Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger
Grundlagen zu HTML Vortrag im Rahmen der BTK-Vorlesung von Herrn Professor Kärger Folie: 1 Gliederung Folie: 2 Was ist HTML Die Sprache HTML Aufbau von HTML-Tags Das HTML-Grundgerüst Hintergrundformatierungen
MehrEinführung in HTML. Ich bin der Seiteninhalt
Einführung in HTML 1 Grundstruktur einer HTML-Seite HTML-Dateien sind reine Text-Dateien, dh sie können in einem beliebigen Editor geschrieben werden und müssen lediglich mit der Endung html versehen werden
MehrTextverarbeitung: Die elementaren Formatierungen
Textverarbeitung: Die elementaren Formatierungen Die Formatierungswerkzeuge sehen wir in der unteren der beiden Symbolleisten. Die wichtigsten Funktionen sind folgende: Schriftart Schriftgröße Fett Kursiv
MehrZeile 3-7: Der Kopf der HTML-Datei. Hier werden unsichtbare Einstellungen für das ganze Dokument vorgenommen.
Inhalt: Grundgerüst, Tags, Zeichensatz, Meta-Tags, Farben 1 2 3 4 titel der Datei 5 6
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.
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
MehrDigitale Medien. Übung
Digitale Medien Übung HTML Heute Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines Dokuments und teilweise die Darstellung. ich bin eine Überschrift
MehrEinführung in HTML. Tutorium. Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker
Tutorium Einführung in HTML Präsentation der Sitzung vom 2./9. Juni 2004 Martin Stricker martin.stricker@rz.hu-berlin.de Programm Grundlagen von HTML Objekte, Elemente, Tags Grundaufbau eines HTML-Dokuments
MehrErzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
MehrHTML-Programmierung. 1. Aufbau einer Webseite. 2. Hintergrund für eine ganze Seite
HTML-Programmierung Inhalt Seite 1. Aufbau einer Webseite 1 2. Hintergrund für eine ganze Seite 1 3. Kleine Farbtafel 2 4. Hexadezimalzahlen 2 5. Überschriften 3 6. Linien 3 7. Textformatierung 4 8. Sonderzeichen
MehrFrames oder Rahmen im Browserfenster
In dieser Ausbildungseinheit zeigen wir Ihnen, wie Frames oder auch Rahmen im Browserfenster erstellt werden. Dabei möchten wir anmerken, dass zu Frames bereits sehr viel Gegensätzliches geschrieben wurde.
MehrHTML. HyperText Markup Language. Die Programmiersprache des WWW. Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache
HTML HyperText Markup Language Die Programmiersprache des WWW Keine eigentliche Programmiersprache, sondern eher Seitenbeschreibungssprache systemübergreifend, plattformunabhängig (im Idealfall) HTML-Text
MehrHTML Programmierung. Aufgaben
HTML Programmierung Dr. Leander Brandl BRG Keplerstraße - A-8020 Graz Universität Graz - Institut für Experimentalphysik Fachdidaktik der Physik http://w4.brgkepler.asn-graz.ac.at 1. Die erste Web-Seite
MehrGrundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!doctype html> <html lang="de"> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
MehrD a s B e g l e i t s c r i p t z u m
H T M L f ü r A n f ä n g e r D a s B e g l e i t s c r i p t z u m K u r s Von Konrad Weidmann Im Wintersemester 2005/2006 Inhaltsverzeichnis 0. Einführung...3 1. Bedeutung...3 2. Benutzung...4 a) des
MehrSlices 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
MehrKurze Bedienungsanleitung für den Kompozer
Kurze Bedienungsanleitung für den Kompozer Dateioperationen Datei öffnen Datei > Öffnen oder S + o Datei speichern Datei > Speichern oder S + s Datei unter einem neuen Namen oder an einem anderen Ort speichern
Mehr1 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,
MehrInhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013
MehrWord öffnen und speichern
Word öffnen und speichern 1. Öffne das Programm "Word" mit Klick auf das Symbol in der Taskleiste. 2. Schreibe den Titel deiner Wortliste auf und drücke auf die Enter-Taste. 3. Klicke auf "Speichern".
MehrHTML-Grundlagen. Eine Einführung in HTML für Informatik TG 11
HTML-Grundlagen Eine Einführung in HTML für Informatik TG 11 HTML-Grundlagen Kapitel 1: Grundlegendes Benötigte Software Einen Texteditor, z.b. Microsoft Notepad WHYSIWY Editoren (Macromedia( DW) Einen
MehrCrashkurs Webseitenerstellung mit HTML
Ziel Crashkurs Webseitenerstellung mit HTML Das Ziel dieser Einführung in die Webseitenerstellung ist das Kennenlernen der Seitenbeschreibungssprache HTML und die Nutzung für einfach strukturierte Seiten,
MehrAngewandte Informatik
Angewandte Informatik Teil 9.1 Web Seiten V1.3 12.03.2011 1 von 37 Inhaltsverzeichnis 3... Welche Browser werden verwendet? 4... Mit welchen Browser surft die Welt? 5... Wie kommt der Browser zur Seite?
MehrPublizieren im Internet
Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund
Mehrhttp://www.therealgang.de/
http://www.therealgang.de/ Titel : Author : Kategorie : Vorlesung HTML und XML (Einführung) Dr. Pascal Rheinert Sonstige-Programmierung Vorlesung HTML / XML: Grundlegende Informationen zu HTML a.) Allgemeines:
MehrHTML- 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
MehrHTML5. 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
MehrTextverarbeitungsprogramm WORD
Textverarbeitungsprogramm WORD Es gibt verschiedene Textverarbeitungsprogramme, z. B. von Microsoft, von IBM, von Star und anderen Softwareherstellern, die alle mehr oder weniger dieselben Funktionen anbieten!
MehrVorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte
Vorlesungsinhalte Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-05-13 Dipl.-Inf. (FH) T. Mättig Stylesheets (CSS) Das CSS Box-Modell Fotos, Bilder, Grafiken Tabellen 2005-05-13
MehrFormat- oder Stilvorlagen
Vorraussetzung Sie sollten Grundkenntnisse der HTML-Sprache besitzen, um die Ausbildungseinheit Formatvorlagen, auch Stilvorlagen genannt, ohne Probleme verstehen zu können. Ist dies nicht der Fall, empfehlen
MehrBedienungsanleitung. Content-Management-System GORILLA
Bedienungsanleitung Content-Management-System GORILLA Einloggen Öffnen Sie die Seite http://login.rasch-network.com Es öffnet sich folgendes Fenster. Zum Anmelden verwenden Sie die Benutzerdaten, die wir
MehrText Formatierung in Excel
Text Formatierung in Excel Das Aussehen des Textes einer oder mehrerer Zellen kann in Excel über verschiedene Knöpfe beeinflusst werden. Dazu zuerst die betroffenen Zelle(n) anwählen und danach den entsprechenden
MehrDer 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
MehrOnline-Publishing mit HTML und CSS für Einsteigerinnen
Online-Publishing mit HTML und CSS für Einsteigerinnen Dipl. Math. Eva Dyllong, Universität Duisburg Dipl. Math. Maria Oelinger, spirito GmbH IF MYT 07 2002 CSS-Einführung Vorschau CSS Was ist das? Einbinden
MehrCrash Kurs in HTML Frauenprojektlabor
Crash Kurs in HTML Frauenprojektlabor Crash Kurs in HTML Frauenprojektlabor der FH-Dortmund 1 Crash Kurs in HTML (Frauenprojektlabor) Herzlich willkommen in unserem Crash-Kurs. In diesem Kurs sollt ihr
MehrBloggen bei Kleiderkreisel!
Bloggen bei Kleiderkreisel! 1. Es geht los! 1. Um einen neuen Blogpost zu erstellen, log dich zunächst auf KK ein, gehe zum Blog (www.kleiderkreisel.de/blog) und klicke auf Neuen Post erstellen. 2. Nun
MehrEine 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
Mehr1. Seminar Multimediale Werkzeuge Sommersemester 2011
1. Seminar Multimediale Werkzeuge Sommersemester 2011 Marco Niehaus marco.niehaus@tu-ilmenau.de 12.04.2011 Page 1 Organisatorisches Terminplanung? Übungs- & Hausaufgaben Gehen zu 30 % in die Endnote ein
MehrEs gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere.
1.0.0 Allgemeine Informationen Es gibt zahlreiche Web-Programmiersprachen: HTML, CSS, JavaScript, PHP, Perl, Python, HTTP, XML und viele weitere. Wir werden uns hauptsächlich mit HTML beschäftigen, weil
MehrKapitel 8 HTML. Copyright by Worldsoft AG, 2014, Pfäffikon SZ, Switzerland. Version: 02.10.2014 Seite 1
Kapitel 8 Notwendige Voraussetzungen für diese Schulung: Internetfähiger Computer mit aktuellem Browser (z.b. Firefox, Internet Explorer) Bild- und Textvorlagen: Diese Vorlagen finden Sie auf der CC-Website
MehrCascading Stylesheets (CSS)
Cascading Stylesheets (CSS) Cascading Stylesheets trennen Webdesign vom eigentlichen Inhalt. Die Vererbung, sprich Kaskadierung, von festgelegten Stilen wird allerdings erst bei fortgeschrittenen Programmierkenntnissen
MehrAuf die Mischung kommt es an
Auf die Mischung kommt es an Sie können XML, HTML oder auch JavaScript beliebig in einem Dokument kombinieren. Hierbei müssen Sie lediglich entscheiden, was in Ihrem Dokument die höchste Priorität hat.
MehrWebseiten bearbeiten. Seite 10 von 48
Seite 10 von 48 Webseiten bearbeiten Nun wollen wir näher darauf eingehen, wie Sie eine Webseite bearbeiten. Dazu werden wir das Werkzeug Seiteninhalte bearbeiten näher kennen lernen. Mit diesem Werkzeug
MehrEinführung in HTML. Hui Dai
Einführung in HTML Hui Dai Grundgerüst einer HTML-Datei HTML-Dateien bestehen aus Text. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert. Fast alle
MehrBFWcms RT-Editor Handbuch
BFWcms RT-Editor Handbuch Letzte Aktualisierung: 26. Juni 2006, P. Preier, IKT BFWcms RT-Editor Inhaltsverzeichnis Editor starten...3 1. Vertikale Menübar...3 1.1. Speichern...4 1.2. Beenden...4 1.3. Neu
MehrAnleitung Formatierung Hausarbeit (Word 2010)
Anleitung Formatierung Hausarbeit (Word 2010) I. Vorarbeiten 1. Dokument Word-Übung_Ausgangsdatei.doc öffnen 2. Start > Formatierungszeichen ( ) aktivieren (unter Rubrik «Absatz») 3. Ansicht > Lineal aktivieren
MehrSyllabus. 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
MehrMitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.
1. Stunde Mitschrift HTML Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Verstehen des Unterschiedes
MehrWord Grundkurs. Sommerkurs 2003
Word Grundkurs Sommerkurs 2003 Word Informatikkurs Sommer 2003 Seite 2 Inhalt: 1. Was ist Word? 3 2. Word starten und beenden 4 3. Begriffe: 4 3.1 Symbolleiste: 5 3.2 Menuleiste: 8 4. Dokument speichern:
MehrErstellen von Web-Seiten
Erstellen von Web-Seiten Grundlagen html: Zum Erstellen von html-seiten benötigen wir nur einen Text-Editor. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte
MehrHilfe 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
MehrDie wichtigsten HyperTextMarkupLanguage tags 1(6)
Die wichtigsten HyperTextMarkupLanguage tags 1(6) HTML ist entgegen vielen Gerüchten keine Programmiersprache, sondern lediglich ein Hilfsmittel um Text und Bild zu formatieren, welche in einem Browser
MehrSeiten 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Übung zur Vorlesung Digitale Medien. Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012
Übung zur Vorlesung Digitale Medien Doris Hausen Ludwig-Maximilians-Universität München Wintersemester 2011/2012 1 Pfadangaben (1) Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL:
MehrBenutzeranleitung
VORBEMERKUNGEN Nach Möglichkeit sollten Sie einen Standard-Browser verwenden, also den Internet Explorer oder den Firefox. Bei der Verwendung eines anderen Browsers kann es vorkommen, dass nicht alles
MehrVon: 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
MehrTutorium 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
MehrECDL WebStarter Syllabus Version 1.5
ECDL WebStarter Syllabus Version 1.5 Schon im World Wide Web vertreten? syllabusweiss3.indd 1 19.01.2007 13:46:56 EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.5 The European Computer
MehrRandziffern in Microsoft Word: Eine Schritt-für-Schritt-Anleitung
Randziffern in Microsoft Word: Eine Schritt-für-Schritt-Anleitung Einleitung Unzählige Juristen aber mit Sicherheit auch andere Schreibende haben sich schon gefragt, wie man in Microsoft Word Randziffern
MehrDiese Anleitung zeigt dir, wie du eine Einladung mit Microsoft Word gestalten kannst.
Diese Anleitung zeigt dir, wie du eine Einladung mit Microsoft Word gestalten kannst. Bevor es losgeht Wenn du mal etwas falsch machst ist das in Word eigentlich kein Problem! Den Rückgängig-Pfeil (siehe
MehrAllgemeines. TU Dresden, 24.05.2006 Einführung in HTML Folie 2
Fakultät Elektrotechnik und Informationstechnik Einführung in HTML Dresden, 24.05.2006 Allgemeines HTML = Hypertext Markup Language 1991 am CERN in Genf entwickelt ( Tim Berners-Lee ) Ziel: wissenschaftliche
MehrHier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.
Hier mal einige Tipps zum Einbau vom "Anfy" Applets. Hier die Seite von "Anfy" und zum Download des Programms: http://www.anfyteam.com/... ich habe "Version 2.1" und zeige hier Bilder und Beschreibungen
MehrStichpunkte zum Aufbau einer HTML-Website
Stichpunkte zum Aufbau einer HTML-Website Aufbau eines HTML-Dokumentes: HTML = Hyper Text Markup Language Texteditor zur Befehlseingabe oder im Browser (MIE) Ansicht Quellcode Tags = HTML-Befehle - immer
MehrBildbearbeitung in Word und Excel
Bildbearbeitung Seite 1 von 9 Bildbearbeitung in Word und Excel Bilder einfügen... 1 Bilder aus der Clipart-Sammlung einfügen:... 2 Bilder über Kopieren Einfügen in eine Datei einfügen:... 2 Bild einfügen
MehrWord Kapitel 12 Lernzielkontrolle Word 2013 Beantworten Sie die folgenden 12 Fragen
Basic Computer Skills Microsoft Word 2013 Word Kapitel 12 Lernzielkontrolle Word 2013 Beantworten Sie die folgenden 12 Fragen Im Ordner 12_kapitel lernzielkontrolle finden Sie alle notwendigen Dateien.
MehrComputer 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:
MehrPrimarschule Birmensdorf PIA Anleitungen Word. Bevor du mit Schreiben beginnen kannst, musst du dein Word- Dokument einrichten.
Word einrichten Bevor du mit Schreiben beginnen kannst, musst du dein Word- Dokument einrichten. Starte ein Word Dokument, indem du auf das blaue W drückst. Wähle Ansicht 1, gehe zu Symbolleiste 2 und
MehrMicrosoft Word 2010. Einführung. Microsoft Word 2010 - Einführung
Microsoft Word 2010 Einführung Martina Hoffmann-Seidel Otto-Hirsch-Straße 34, 71686 Remseck www.hoffmann-seidel.de, info@hoffmann-seidel.de Seite 1 Inhaltsverzeichnis Grundlagen... 3 Das Word-Anwendungsfenster...
Mehr3 Textgestaltung und Schriftbild
3 Textgestaltung und Schriftbild HTML + CSS lernen ISBN 3-8273-2067-4 Die Grundlagen von Webseiten sind Ihnen ja nun aus den vorangegangenen Seiten bekannt. Da Sie jetzt wissen, wie eine Webseite aufgebaut
MehrUm ein Seiteninhaltselement zu editieren, d. h. neu einzufügen oder zu verändern werden mehrere Symbole verwendet:
4.5.7 Bilder- und Datei-Upload Alle Dateien (z.b. Bilder, PDF-Dateien, Flash-Animationen, etc.), die Sie auf Ihren Seiten einbinden möchten, laden Sie im Modulbereich Datei in den Modulen Dateiliste oder
MehrErstellen eines HTML-Templates mit externer CSS-Datei
Erstellen eines HTML-Templates mit externer CSS-Datei Eigenschaften der Lösung Menü mit 2 Ebenen ohne Bilder, Menü besteht aus Text (Links) Durch CSS kann das Menü aber auch die Seite angepasst werden
MehrInhalte 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
MehrWetter-Tickers (Laufband)
Diese Seite richtet sich an alle Benutzer der Wetterauswertesoftware WSWIN (http://www.pc-wetterstation.de) von Werner Krenn, besonders aber an Neueinsteiger. Auf den folgenden Seiten soll nicht die Arbeit
MehrWord Kapitel 6 Weitere Absatzformate Übungen
Word Kapitel 6 Weitere Absatzformate Übungen Aufzählungen Nummerierungen Rahmen Schattierungen Tabulatoren Überprüfen Sie Ihre erworbenen Fähigkeiten. Lösen Sie diese Aufgaben und wechseln Sie zu den Lektionen
MehrDas Grundgerüst für ein HTML-Dokument sieht so aus:
Schuljahr 2013 2014 Projekt im Mathematisch-Naturwissenschaftlichen Profil Geschichte der Mathematik HTML - Internetpräsentation Klasse 8B M.Reuß Das Grundgerüst für ein HTML-Dokument sieht so aus:
MehrWord Grundkurs kompakt. Sabine Spieß 1. Ausgabe, 1. Aktualisierung, Dezember Trainermedienpaket K-WW2013-G_TMP
Word 2013 Sabine Spieß 1. Ausgabe, 1. Aktualisierung, Dezember 2013 Grundkurs kompakt medienpaket K-WW2013-G_TMP 2 2 Text bearbeiten und formatieren Voraussetzungen Text eingeben und einfache Korrekturen
MehrIhr PC - Arbeitsplatz
Unterlagen, Literatur Word 2003 für Einsteiger Teil 2 Vorraussetzungen: Grundkenntnisse in Windows Teilnahme am Word 2003 Einsteiger Kurs Teil 1 Script: Word 2003 Grundlagen am Service-Punkt (34-209) täglich
MehrEinführung in HTML. Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4
Einführung in HTML Autor : Martin Amelsberg (MartinAmelsberg@T-Online.de) Version : 4 Inhaltsverzeichnis 1. Einleitung... 3 2. Was ist HTML?... 4 3. Aufbau einer HTML-Datei...4 4. Sonderzeichen und Umlaute...
MehrHypertext Markup Language HTML. Stefan Szalowski Internet-Technologien HTML
Hypertext Markup Language HTML Hypertext Markup Language HTML Cascading Style Sheets CSS Zwei Sprachen, mit denen Webseiten erstellt werden HTML: Strukturieren von Inhalten durch Elemente Überschriften,
MehrNewsmodul 2.00 Handbuch
Newsmodul 00 Handbuch Auftraggeber: Version: 00 Projekttyp: Erstellt durch: Internet Ivo Lex INM Inter Network Marketing AG Usterstrasse 202 CH-8620 Wetzikon Email ivo.lex@inm.ch URL http://www.inm.ch
MehrFalls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.
1. Schritt Schaltfläche vorbereiten In Photoshop eine neue Datei in Größe der Schaltfläche erstellen. Hier: Breite: 100 Pixel Höhe: 50 Pixel Auflösung 72 dpi Hintergrund: Weiß* Der weiße Hintergrund ist
MehrFeierabend-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
MehrWord 2003: Grundlagen
Word 2003: Grundlagen Seite einrichten Menü Datei/Seite einrichten Kopf- und Fusszeilen Menü Ansicht/Kopf- und Fusszeile Dateiname, Datum usw. automatisch einfügen Seitenzahl Seite einrichten zwischen
MehrMit Wordpad unter Windows 7 arbeiten
Klicken Sie in der Windows 7 Startleiste in die Suchleiste und geben Sie WordPad ein. Das Programm wird nun in der Startleiste angezeigt. Klicken Sie mit der rechten Maustaste auf die Anzeige des Programms
MehrProjekt Integrierte LV-Planung Anleitung zur Bearbeitung von Textbausteinen
Projekt Integrierte LV-Planung Anleitung zur Bearbeitung von Textbausteinen Änderungsdokumentation: Version 1.4 Datum Autor Version Status Beschreibung 13.06.2012 Stenzel 1.0 final 23.07.2012 Stenzel 1.1
MehrTYPO3 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
MehrSeminar DWMX DW Session 002
Seminar DWMX 2004 DW Session 002 Mit Dreamweaver starten (1) Coder oder Designer eine Frage der Einstellung Bearbeiten/Voreinstellungen Kategorie Allgemein Arbeitsbereich ändern Bedienfelder und Bedienfeldgruppen
MehrHTML-Kurzübersicht 1. Die wichtigsten Elemente. HTML-Kurz-Übersicht
HTML-Kurzübersicht 1 Alle HTML-Elemente können wie Kästen (little boxes) gedacht werden. Sie werden mit einem Etikett (tag) aufgemacht und mit einem Etikett desselben Namens geschlossen. Der
MehrAnleitung 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
MehrExcel. Tabellenkalkulation für den Alltag
Excel Tabellenkalkulation für den Alltag 29.04.2015 Agenda - Tabellenkalkulation Grundlagen: Dateneingabe und Bearbeitung von Zellinhalten Textfunktionen: Sortieren, Filtern, Eingabemaske und Zellen verbinden
MehrDie Sprache des WWW: HTML (HyperText Markup Language)
Die Sprache des WWW: HTML (HyperText Markup Language) Die Anfänge von HTML HyperText Markup Language 1989: Forschungsinstitut in Genf entwickelt eine Skript- Sprache, die einfach zu erlernen ist einzelne
MehrHyperText Markup Language
HTML Es gibt zwei Möglichkeiten, um Seiten für das Internet zu schreiben. 1. Es gibt Programme, bei denen du nichts oder nur wenig über HTML wissen musst. In diesen Programmen siehst du die Seiten gleich
MehrTextgestaltung mit dem Editor TinyMCE Schritt für Schritt
Textgestaltung mit dem Editor TinyMCE Schritt für Schritt Folgender Artikel soll veröffentlicht und mit dem Editor TinyMCE gestaltet werden: Eine große Überschrift Ein Foto Hier kommt viel Text. Hier kommt
MehrECDL / ICDL Textverarbeitung
ECDL / ICDL Textverarbeitung DLGI Dienstleistungsgesellschaft für Informatik Am Bonner Bogen 6 53227 Bonn Tel.: 0228-688-448-0 Fax: 0228-688-448-99 E-Mail: info@dlgi.de, URL: www.dlgi.de In Zweifelsfällen
MehrHTML5. Grundlagen der Erstellung von Webseiten. Linda York, Tina Wegener. 2. Ausgabe, 3. Aktualisierung, Januar 2013 HTML5
HTML5 Linda York, Tina Wegener 2. Ausgabe, 3. Aktualisierung, Januar 2013 Grundlagen der Erstellung von Webseiten HTML5 2 HTML5 - Grundlagen der Erstellung von Webseiten 2 Die erste Webseite mit HTML erstellen
Mehr