Webseitenerstellung. Inhaltsverzeichnis. Bürgernetze Main-Spessart e.v. Schulungsunterlagen
|
|
- Hetty Michel
- vor 7 Jahren
- Abrufe
Transkript
1 Inhaltsverzeichnis Webseitenerstellung 1 Einführung Entwicklungswerkzeuge HTML-Grundlagen Tags Kommentare Leerzeichen, Zeilenumbrüche, Tabulatoren Farben Grundsätzliche Abschnitte einer HTML-Datei Kurzübung Die wichtigsten HTML-Tags und ihre Parameter <HTML> <HEAD> <TITLE> <BODY> <P> <FONT> Übung zu den grundlegenden Tags <BR> <HR> Listen <UL> <OL> <LI> Verknüpfungen mit anderen Seiten Aufbau einer URL <A> oder: Das Setzen einer Verknüpfung Übung Bilder <IMG> oder: Das Einbinden von Bildern Übung Tabellen <TABLE> <TR> <TD> Übung Abschlußübung...16 Seite: -1/15-
2 1 Einführung Zum Setzen von Webseiten wird HTML 1 verwendet, eine Sprache, in der die Anordnung von Texten und Graphiken auf auf dem Bildschirm beschrieben wird. Ursprünglich war HTML dazu gedacht, die wissenschaftlichen Arbeiten der Physiker am CERN in Genv für das Internet aufzubereiten und die direkte Verknüpfung von Texten mittels Links zu erlauben. Leider haben Phsyiker selten Designerblut in sich, woraus sich auch schnell erklärt, warum es für heutige Webentwickler manchmal sehr schwierig ist, ein ansprechendes Layout in die Sprache des Web umzusetzen: HTML ist einfach nicht dafür gedacht. Glücklicherweise wurde HTML seitdem etliche Male erweitert, so daß es inzwischen mit etwas Vorbereitung auch diese Aufgaben halbwegs meistern kann. 1.1 Entwicklungswerkzeuge Leider passen zu so ziemlich allen verfügbaren WYSIWYG 2 -Programmen die folgenden Attribute: kompliziert zu bedienen erzeugen schlechten und aufgeblähten HTML-Code teuer Aus diesem Grund sollten man von der Verwendung dieser Werkzeuge absehen und sich lieber einen halbwegs benutzerfreundlichen HTML-Editor suchen, in dem man den Code selber aufsetzt. Das hilft zum einen dabei, den Überblick zu bewahren und zum anderen schützt die eigene Faulheit dann auch vor zu langen Ladezeiten und zu vielen Effekten, denn nichts ist schlimmer im Web als eine überladene Seite. Für diesen Kurs wurde der Editor HTMLedit von Uli Meybohm ausgesucht, der zum kostenlosen Download auf der Seite angeboten wird. 2 HTML-Grundlagen HTML ist ein Klartextformat, d.h. alle Formatierungen und sonstigen Informationen sind im Gegensatz zu anderen gängigen Datenformaten lesbar in einer Datei gespeichert. 2.1 Tags HTML besteht aus Tags 3, ein Begriff, der die mit spitzen Klammern eingefaßten Kommandos bezeichnet. Innerhalb dieser spitzen Klammern können dann zu einem Kommando noch bestimmte Parameter angegeben werden. Grundsätzlich sieht das dann so aus: bzw. <tag> <tag parameter1= wert1 parameter2= wert2 > 1 Hypertext Markup Language 2 What You See Is What You Get 3 Ein Tag ist ein einzelnes Kommando Seite: -2/15-
3 Dazu kommt dann noch, daß die meisten der Kommandos in einem Bereich gelten wie z.b. die Definition einer neuen Schrift. Dieser Bereich gilt von der schließenden Spitzen Klammer des Tags bis zum zugehörigen Ende-Tag. Das Ende-Tag enthält vor dem Namen des entsprechenden öffnenden Tags einen Schrägstrich. Parameter werden hier niemals übergeben. <font size= +1 > Hier gilt jetzt die vergrößerte Schriftart </font> Ab hier gelten jetzt wieder die alten Schrifteinstellungen Grundsätzlich sollte jedes Tag (von ein paar Ausnahmen mal abgesehen) auch wieder geschlossen werden. Es ist zwar möglich, diese Konvention zu umgehen, aber das führt in den meisten Fällen dazu, daß Browser unterschiedlicher Hersteller die Seite verschieden anzeigen oder aber ganz versagen. Aus Gründen der Lesbarkeit wird Code, der innerhalb eines Tags steht, eingerückt, sobald das Tag nicht wieder in der gleichen Zeile geschlossen wird. Zu den konkreten Anwendungen dieser Regel kommen wir aber erst später. 2.2 Kommentare Es ist möglich im laufenden HTML-Code auch Kommentare einzufügen, also Code, der vom Browser nicht weiter beachtet wird. Das ist manchmal sehr nützlich, um ein Tag, dessen Auswirkungen auf das Erscheinungsbild der Seite man testen möchte, vorrübergehend zu deaktivieren, ohne es gleich ganz zu löschen. Codebeispiel: <!-- dieser Text wird vom Browser nicht beachtet und kann auch ohne Probleme über mehrere Zeilen gehen. --> 2.3 Leerzeichen, Zeilenumbrüche, Tabulatoren Eine beliebige Anzahl Leerzeichen und Zeilenumbrüche zählt grundsätzlich als ein einzelnes Leerezeichen. Es ist nicht möglich, Text durch die Verwendung mehrerer Leerzeichen einzurücken. Tabulatoren werden von den Browsern ganz ignoriert. Die Verteilung des Textes in der HTML-Datei hat wenig mit dem Aussehen des Textes im Browser zu tun - der Satz wird vielmehr durch die in der HTML-Datei enthaltenen Tags kontrolliert. 2.4 Farben Es gibt zwei Methoden, um Farben in HTML-Dokumenten zu verweden: Entweder man gibt sie beim (englischen) Namen an oder man verwendet direkt ihren Rot-, Grün- und Blauwert als Hexcode. Die größere Flexibilität bietet freilich die zweite Methode, da natürlich nur die eindeutigen Farbtöne einen Namen haben. Die für ein ansprechendes Design wichtigen Zwischentöne sind aber nur selten vordefiniert. Ein frei definierter Farbcode besteht aus einem # und dann dreimal je zwei Stellen für jeweils Seite: -3/15-
4 Rot-, Grün- und Blauanteil. Ein Anteil kann Werte von 0 bis 255 annehmen, die im Hexadezimalsystem als 00 bis FF angegeben werden. Farbe Englischer Farbcode Hexcode Schwarz black # Weiß white #FFFFFF Rot red #FF0000 Grün green #00FF00 Blau blue #0000FF Gelb yellow #FFFF00 Zum Glück ist in den HTMLedit ein Farbwähler eingebaut, der einem das mühselige Ausprobieren und Umrechnen erspart, da er gleich die richtigen Hexcodes in den HTML-Code einfügt. 2.5 Grundsätzliche Abschnitte einer HTML-Datei Eine HTML-Datei besteht aus einem Kopf und einem Körper. Im Kopf sind Daten wie z.b. die Überschrift, die das Browserfenster zeigen soll, aber auch Informationen über den Author und ähnliches gespeichert. Im Körper steht dann der eigentliche Inhalt der Seite. <html> <head> <title>beispielseite</title> </head> <body> Dies ist der Text der Seite. </body> </html> Der Bereich, dem wir die größte Aufmerksamkeit widmen werden, ist natürlich der Body. 2.6 Übung Legen Sie im HTMLedit ein leeres Dokument an und geben Sie das obige Beispiel ein. Betrachten Sie das Ergebnis in der Browservorschau und experimentieren Sie mit dem Einfügen von Leerzeichen, Leerzeilen und Tabulatoren. Seite: -4/15-
5 2.7 Die wichtigsten HTML-Tags und ihre Parameter <HTML> Definition einer HTML-Datei Beschreibung Dieses Tag steht direkt am Anfang der HTML-Datei und zeigt dem Browser, daß er die Kommandos in dieser Datei ausführen soll. Parameter <HEAD>, am Ende der Datei keine Beginn des Kopf-Abschnittes der HTML-Datei Beschreibung Dieses Tag folgt direkt auf das <HTML>-Tag und markiert den Anfang des Bereichs mit den Meta-Informationen. Parameter <TITLE>, vor dem <BODY>-Tag keine Angabe des Fenstertitels für den Browser Beschreibung Zwischen dem öffnenden <TITLE> und dem schließenden </TITLE> steht der Titel, den das Browserfenster tragen soll. Parameter <BODY> keine Beginn des eigentlichen Textkörpers Beschreibung Mit dem <BODY>-Tag beginnt der eigentliche Textbereich der Webseite. Als Parameter werden einige Grundlegende Designvorgaben für die Seite eingestellt., vor dem schließenden </HTML>-Tag Parameter bgcolor Angabe der Hintergrundfarbe für die Webseite. text link vlink alink Schriftfarbe. Gilt für alle Überschriften, Absätze, etc. Farbe, die noch nicht besuchte Links haben sollen. Farbe, die bereits angeklickte Links haben sollen. Farbe, die Links haben sollen, während sie angeklickt werden. Seite: -5/15-
6 2.7.5 <P> Beginn eines Absatzes Beschreibung Normalerweise werden alle Absätze in <P>-Pärchen eingefaßt. Damit lassen sich dann auch die zwischen Absätzen normalerweise vorhandenen Abstände erzeugen., vor dem nächsten Absatz bzw. vor dem Schließen des Übergeordneten Tags. Parameter align Angabe der Ausrichtung des Absatzes <FONT> align= left : linksbündig, Standardeinstellung align= right : rechtsbündig align= center : zentriert Verwendung einer anderen Schriftart align= justify : Blocksatz, volle Länge Beschreibung Im Bereich des Font-Tags wird eine andere Schriftart, Schriftgröße oder Schriftfarbe ausgewählt, je nachdem, welche Parameter man angegeben hat. Parameter color Gewünschte neue Schriftfarbe size face Übung zu den grundlegenden Tags Bauen Sie folgende Seite in HTML nach. Gewünschte neue Schriftgröße, entweder als Absolutwert im Bereich von 1 bis 7 oder als relativer Wert im Verhältnis zur Normalschriftgröße mit +(Zahl) oder -(Zahl). Die Normalschriftgröße ist 3. Neue Schriftart. Es können entweder konkrete Schriftnamen angegeben werden, also z.b. Arial, oder auch die Namen von Schriftfamilien wie serif und sans-serif. Wichtig ist zu beachten, daß nicht alle Schriftarten auf allen Systemen vorhanden sind. Mehrfachnennungen wie Verdana, sans-serif sind auch möglich und erlauben es einem System auf eine ähnliche Schrift auszuweichen, falls die gewünschte nicht installiert ist. Seite: -6/15-
7 2.7.8 <BR> Beginn einer neuen Zeile oder Einfügen einer Leerzeile Beschreibung Mit diesem Tag läßt sich in einem Absatz eine neue Zeile anfangen, ohne den Absatz dazu beenden zu müssen. Parameter <HR> Nein keine Einfügen einer Trennline Beschreibung Dieses Tag fügt an der ensprechenden Stelle im Text eine horizontale Trennlinie ein. Parameter 2.8 Listen Nein keine HTML unterstützt das automatische Einfügen von Listen mit automatischer Erstellung der Numerierungen oder alternativ mit verschiedenen Arten von Spiegelstrichen. Zum Erstellen einer unsortierten Liste beginnt man zuerst einen Abschnitt mit <ul> und in diesem fügt man dann die einzelnen Elemente mit <li> ein. Konkret sieht das dann folgendermaßen aus: <ul> Seite: -7/15-
8 <li>äpfel</li> <li>birnen</li> <li>pflaumen</li> </ul> Das Ergebnis sieht das ganz klassisch so aus: Äpfel Birnen Pflaumen Selbstverständlich lassen sich aus sortierte Listen erzeugen. Entsprechend muß nur das <ul> durch ein <ol> ersetzt werden. <ol> <li>äpfel</li> <li>birnen</li> <li>pflaumen</li> </ol> Hier sieht das Ergebnis dann so aus: 1. Äpfel 2. Birnen 3. Pflaumen <UL> Beginn einer unsortierten Liste Beschreibung Eine unsortierte Liste ist eine Liste, in der die einzelnen Elemente in keiner bestimmten Reihenfolge genannt werden und daher auch keine Nummern vorneangestellt werden. Parameter type type= circle : Als Aufzählungszeichen wird ein Kreis verwendet. type= square : Als Aufzählungszeichen wird ein Quadrat verwendet. type= disc : Als Aufzählungszeichen wird ein Punkt verwendet. Seite: -8/15-
9 2.8.2 <OL> Beginn einer sortierten Liste Beschreibung Eine sortierte Liste gibt im Aufzählungszeichen eine Reihenfolge der Elemente wieder. Parameter type Ohne diesen Parameter wird klassisch arabisch numeriert <LI> start type= a : Es wird alphabetisch numeriert (Kleinbuchstaben). type= A : Es wird alphabetisch numeriert (Großbuchstaben). type= i : Es wird mit römischen Zahlen numeriert (Großbuchstaben). type= I : Es wird mit römischen Zahlen numeriert (Großbuchstaben). Setzt den Startwert der Zählung Ein Listenelement in einer Aufzählung Beschreibung Jedes Listenelement in einer Aufzählung muß mit <LI> angeführt werden. Parameter value In einer geordneten Liste wird hiermit angeben, welchen Index ein Element haben soll. Damit ist es möglich, bestimmte Indizes zu überspringen. 2.9 Verknüpfungen mit anderen Seiten Mit Abstand das wichtigste Argument für den Durchbruch des Internet ist die Möglichkeit, Seiten miteinander zu verbinden. Um das zu realisieren war es notwendig, den gesamten Inhalt des Internet auf einen Nenner zu bringen und bei einem nach genauen Regeln konstruierten Namen nennen zu können. Dazu gibt es die URL (= Uniform resource locator). Seite: -9/15-
10 2.9.1 Aufbau einer URL Eine URL besteht aus drei Teilen: Dem Namen des Rechners, von dem man Daten empfangen möchte, einer Verzeichnisangabe, die dem Rechner sagt, wo er nach den Daten suchen soll und dem Dateinamen, also dem direkten Namen der Datenquelle. Protokol Dateina Verzeichn Rechnerna Das Protokoll ist l me bei Webseiten immer http oder https und is meint das Hypertext Transfer me Protocol. Https ist eine verschlüsselte Variante von http. Der Rechnername fängt in den meisten Fällen mit www. an, was aber nicht zwingend erforderlich ist. Prinzipiell ist jeder Rechnername möglich. Wird kein Verzeichnis angegeben, so ist das oberste freigegebene Webverzeichnis auf dem Server gemeint. Mehrere Verzeichnisse werden mit / getrennt. Der Dateiname ist der Teil der URL nach dem hintersten /. WICHTIG: Verzeichnisse und Dateinamen werden in der Groß- und Kleinschreibung unterschieden. Wird kein Verzeichnisname und kein Dateiname angegeben, dann setzen viele Server einfach index.html oder default.htm ein. Entsprechend sollte man der Startseite eines Webprojektes immer den entsprechenden Namen geben. URLs können relativ sein und zwar aus Sicht der Datei, in der sie vorkommen. Befindet sich in einer Webseite, die die URL hat, ein Link mit der Ziel- URL../Schulung/seite1.html, dann hat die Zielseite die absolute URL Die beiden Punkte.. meinen also das übergeordnete Verzeichnis. Prinzipiell sollte man versuchen, bei der Angabe einer URL immer so wenig wie möglich an Daten zu übergeben <A> oder: Das Setzen einer Verknüpfung Setzen eines Links auf eine andere Seite Beschreibung Der Text, der innerhalb des öffnenden und des schließenden <A> steht, wird als Link angezeigt und kann vom Benutzer angeklickt werden. Tut er das, dann lädt der Browser die angegebene Seite. Parameter href Gibt das Ziel der Verknüpfung an. target Bezeichnet den Zielframe für den Link. Eine genauere Erklärung folgt. Seite: -10/15-
11 GIF-Bilder JPG-Bilder Bürgernetze Main-Spessart e.v Übung Erstellen Sie zwei Webseiten, eine mit dem Namen seite1.html und eine mit dem Namen seite2.html und fügen Sie in diese Seiten jeweils einen Link auf die andere Datei ein, so daß man mit dem Browser im Kreis gehen kann Bilder Im Internet sind grundsätzlich zwei Arten von Bildformaten im Einsatz: GIF und JPG. Jedes dieser Formate hat einen bestimmten Einsatzort: bestehen aus maximal 256 unterschiedlichen Farben, können Transparenz enthalten und sind animierbar. Entsprechend verwendet man sie gerne für graphische Elemente einer Seite, die nicht übermäßig farbenfroh sind. Für die Darstellung von Fotos ist GIF ungeeignet. Das GIF-Format hat außerdem noch einen Kleinen Haken: Unisys hat ein Patent auf das angewendete Kompressionsverfahren und verlangt von jedem Webseitenbetreiber 4000 $ Lizenzgebühr. können 16 Millionen Farben darstellen, haben allerdings an Kanten mit starkem Kontrast Probleme. Man kann zwar die stärke der Komprimierung herunterschrauben, dann jedoch werden die Bilder so groß, daß die Ladezeiten schnell ungemütlich werden. JPG ist in erster Linie für Fotos geeignet und für Bilder mit großer Fläche oder vielen Farbverläufen. In letzter Zeit gewinnt ein drittes, neues Format immer mehr an Beliebtheit: PNG. Es handelt sich dabei um eine Entwicklung, die versucht die Vorteile von GIF und JPG in sich zu vereinigen, ohne dadurch aber an Patente oder ähnliches gebunden zu sein. Alle aktuellen Browser unterstützen dieses Format, manchmal jedoch noch mit Bugs. Alle Bilder, die auf einer Webseite erscheinen, liegen als getrennte Dateien auf dem Webserver und werden durch spezielle Tags vom Browser nachgeladen. Aufgerufen werden sie über ihre URLs, genauso wie bei Links auf andere Seiten. Seite: -11/15-
12 <IMG> oder: Das Einbinden von Bildern Fügt ein Bild an dieser Stelle im Text ein Beschreibung Das Bild wird in den laufenden Text eingefügt und verhält sich wie ein Buchstabe. Es wird also umgebrochen, etc... nein Parameter src Angabe der URL der Bilddatei Übung border alt height width Setzt die Breite des Rahmens, der um ein Bild angezeigt werden soll. Dieser Parameter muß bei Links auf 0 gesetzt werden, da sonst ein Rahmen mit den verschiedenen Linkfarben gezeichnet wird. Alternativtext, der solange angezeigt wird, bis das Bild geladen ist. Höhe des Bildes in Pixeln Breite des Bildes in Pixeln Bauen Sie eine HTML-Seite in der das Bild aus dem Schulungsverzeichnis (berg_und_wolken.jpg oder eisberg.jpg) ein und spielen Sie ein wenig mit den height- und width-parametern Tabellen Wie schon zu anfang erwähnt, sind Tabellen die Grundlagen jeden Layouts einer Webseite. Das liegt daran, daß die Entwickler von HTML niemals an Grafik gedacht haben, als sie ihre Sprache entwarfen. Im Nachhinein kann man jedoch sagen, daß Tabellen eine recht gute Lösung für das Problem darstellen. Da das Setzen von Tabellen nicht ganz unkompliziert ist und auch recht schnell unübersichtlich wird, ist eine Planung der Seite sehr zu empfehlen. Für die nächste Übung gehen wir vom klassischen Drei-Teile-Layout aus: Titelleiste Navigationsleiste Textbereich Seite: -12/15-
13 Auch wenn es nicht so aussieht: Die Titelleiste ist eine eigene Tabelle mit zwei Spalten, in der linken Spalte ist linksbündig der Text Jugendnetz MSP als Grafik gesetzt, in der rechten Spalte sitzt rechtsbündig das Powered by -Logo. Die Abstandseinstellungen der Tabelle sind so, daß die nächsten Tabellen direkt bündig ansetzen. Danach folgt eine weitere Tabelle, deren linke Spalte die Navigationsleiste enthält und deren rechte Spalte den eigentlichen Textbereich darstellt. Der redaktionelle Seiteninhalt wird also in eine Spalte einer Tabelle geschrieben. Da HTML mit Bereichen arbeitet, ist es in dieser Spalte natürlich wiederum möglich, Tabellen einzufügen... Seite: -13/15-
14 <TABLE> Fügt eine neue Tabelle in die Seite ein. Beschreibung Die Tabelle besteht aus Zeilen und Spalten, die alle im Bereich des <TABLE>- Tags in die Datei eingebaut werden.!!! (wenn man es vergißt, kann Netscape die Seite überhaupt nicht anzeigen) Parameter align Ausrichtung der Tabelle entsprechend den Ausrichtungsmöglichkeiten von Text: left, center und right <TR> border cellspacing cellpadding height width bgcolor background Gibt die Breite des Tabellenrandes ein. Für Layout-Tabellen muß dieser Wert auf 0 gesetzt sein. Abstand, den die einzelnen Spalten untereinander haben sollen. Für Layouttabellen einfach 0. Abstand, den der Text in einer Zelle zu deren Rand haben soll. Für Layouttabellen einfach 0. Höhe der Tabelle. Angaben sind in Pixeln oder in Prozent der Bildschirmgröße möglich. Breite der Tabelle. Angaben wie bei height. Hintergrundfarbe. Fängt eine neue Tabellenzeile an URL eines Hintergrundbildes. Beschreibung Alle Spalten einer Tabelle befinden sich im Bereich einer Zeile. Es ist nicht möglich, eine Spalte zu definieren, ohne vorher eine Zeile anzufangen. Parameter bgcolor Hintergrundfarbe für alle Spalten Seite: -14/15-
15 valign= top : valign= middle : valign= bottom : Bürgernetze Main-Spessart e.v <TD> Definiert eine Spalte einer Tabelle Beschreibung Aller Text, der in einer Tabelle angezeigt wird, muß in Spalten stehen. Spalten können sich über mehrere Zeilen und Spalten erstrecken. Parameter bgcolor Hintergrundfarbe für diese Spalte Übung background align valign height width colspan rowspan Bauen Sie folgende Tabelle in HTML nach: URL für ein Hintergrundbild Ausrichtung des Textes in dieser Spalte Vertikale Ausrichtung des Textes Der Text beginnt am oberen Rand der Spalte Der Text ist vertikal in der Spalte zentriert Der Text sitzt bündig am unteren Rand der Spalte Höhe der Spalte, entweder in Pixeln oder in Prozent der Tabellengröße Breite der Spalte, Angabe entsprechend der Höhe Anzahl der Spalten, über die sich diese Spalte erstrecken soll Anzahl der Zeilen, über die sich diese Spalte erstrecken soll 3 Abschlußübung Bauen Sie die Beispielseite für das Jugendnetz nach der Vorlage und unter Verwendung der vorgegebenen Bilder nach. Seite: -15/15-
Die 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
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch
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,
MehrKommentare <! Dies ist ein Kommentar > Zum Kommentieren von Inhalten oder Befehlen. Wird im Browser nicht angezeigt.
HTML Grundgerüst titel der Seite Inhalt der Datei Innerhalb des Dateikopfes einen aussagekräftigen Titel vergeben! Den gesamten sichtbaren Inhalt
MehrÜbung: Bootstrap - Navbar
Übung: Bootstrap - Navbar Angaben befinden sich im Ordner: 5_Übung_nav. Darin befinden sich die Bootstrap-Ordner und die dazu passende index.html, die bereits die Links zu den Ordnern enthält. Aufgabe:
Mehr1 Definition der Selektoren Einbinden der CSS 3 Möglichkeiten Farbangaben Schriftformatierung Abstände...
CSS GRUNDLAGEN 1 Definition der Selektoren... 2 2 Einbinden der CSS 3 Möglichkeiten... 2 3 Farbangaben... 4 4 Schriftformatierung... 4 5 Abstände... 4 6 Box Modell... 5 7 Links... 5 8 Eigene Klasse definieren...
MehrWir studieren HTML-Tags
Abb. 1: Word-Dokument Abb. 2: Das Dokument aus Abb. 1 mit einem Editor betrachtet Wir studieren HTML-Tags Wenn man ein Word-Dokument wie in Abb. 1 mit einem Editor anschaut, erkennt man den Quelltext des
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Zeichen formatieren... 1 Physische Formatierungen... 1 Zitate auszeichnen... 2 Schrift ändern... 2 Die Schriftgröße einstellen... 2 Die Schriftart einstellen...
Mehr4. Briefing zur Übung IT-Systeme
4. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde,, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde: 09.11.2016, 12.00
MehrInhaltsverzeichnis. Florian Bauer CSS Seite 2 von 10
CSS Inhaltsverzeichnis Gestaltung mit CSS... 3 CSS einbinden... 3 On the fly... 3 Im Header... 3 In einer externen Datei... 3 Aufbau einer CSS Anweisung... 4 Wichtige CSS Eigenschaften... 4 Pseudoelemente...
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
Mehr[Arbeiten mit dem Nvu Composer]
Eine neue Seite erstellen Beim Start des Composers steht automatisch eine neue Composer-Seite zur Verfügung, die direkt verwendet werden kann. Über Datei > Neu > Composer-Seite kann jederzeit eine neue
Mehr4. Briefing zur Übung IT-Systeme
4. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 18.12.2017, PC Pool Stand und Ausblick Einführung: 17.10.2017, 12.00 Uhr (c.t.), HS 4 Fragestunde: 06.11.2017, 10.15
MehrHTML - Die Sprache des Internets. Grundlagen und Kurzprojekt
- Die Sprache des Internets Grundlagen und Kurzprojekt aus der Presse: Definition : Hypertext Markup Language Sprache des WWW definiert: Text- und Absatzformate Links Bild- und Tonelemente Farben offener
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
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,
Mehr7 Tabellen. 7.1 Erstellen einer Tabelle. - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen
1 7 Tabellen - übersichtliches Gestalten von Websites - enorme Steigerung der Layoutmöglichkeiten durch Tabellen 7.1 Erstellen einer Tabelle Syntax: Inhalt1 Inhalt2 Kommentar
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.
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
Mehr<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/tr/html4/loose.dtd">
HTML Theoriefragen 1. Wofür steht die Abkürzung HTML? 2. Warum ist HTML keine Programmier sprache? 3. Wofür steht die Abkürzung DTD? 4. Beantworten Sie die Fragen zur folgenden DTD:
MehrCSS. Cascading Style Sheets
CSS Cascading Style Sheets Was ist CSS? CSS... steht für Cascading Style Sheets... definiert die Darstellung (Farben, Fonts,... ) von (HTML) Dokumenten auf Web-Seiten.... spart viel Aufwand, da Format-Regeln
MehrInhaltsverzeichnis. Hier beschreiben wir die Bearbeitung von Tabellen im Wiki-Code. Für die schnelle Bearbeitung von Tabellen
Tabellen Inhaltsverzeichnis 1 Funktion... 1 2 Einfache Tabellen... 2 3 Komplexere Tabellen... 2 3.1 Rahmen... 2 3.2 Titelzeilen... 3 3.3 Zellen verbinden: Rowspanning und Colspanning... 4 3.4 Verschachtelte
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
MehrGrundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) <!DOCTYPE HTML> <html> <head>
Grundaufbau eines HTML5-Dokumentes (Grautöne visualisieren die Zwiebelstruktur des Dokumentes) name Ihres HTML-Dokumentes
MehrHTML. HyperText Markup Language. von Nico Merzbach
HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,
MehrGrundlagen-Beispiel CSS
Grundlagen-Beispiel CSS Öffne im Ordner 2.css.uebung die vorhanden Dateien index.html und erstelle eine neue CSS-Datei mit dem Namen bildschirm.css. Füge im Bereich folgende Verlinkung ein:
MehrE-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.
Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt
MehrInhalt. Seite 1 von 14
Seite 1 von 14 Inhalt 1. Php ansprechen... 2 2. html... 3 3. Weitere Formatierungen in html... 5 4. Tabellen mit html... 6 a. Grundstrukturen... 6 b. Tabellen formatieren... 11 Seite 2 von 14 1. Php ansprechen
MehrDer Rumpf. Titel Seite 3
Grundzüge des Web-Designs Es gibt verschiedene Elemente der Darstellung, die im Design immer wieder vorkommen Diese sind z.b. Textblöcke, Bilder, Überschriften, Absätze etc. Titel Seite 1 Diese Elemente
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
Mehr12. Jgst. 3. Kursarbeit Datum: Fach: Informationsverarbeitung (Leistungskurs) & )!!*+,!- -.!-
12. Jgst. 3. Kursarbeit Datum: 26.03.2007 Klasse: GY 05 c Fach: Informationsverarbeitung (Leistungskurs) Themen: XHTML; CSS Name: Bitte speichern Sie Ihre Ergebnisse regelmäßig. Punkte:!" # Note: 8 $ %!&'(
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
MehrAllgemeine Technologien II Wintersemester 2011 / November 2011 CSS
Allgemeine Technologien II Wintersemester 2011 / 2012 28. November 2011 CSS Themen 28.11.2011 Cascading Style Sheets CSS CSS einbinden Inline-Styles CSS im Dokumentkopf Externe Stylesheets Konzepte Typen-,
MehrAufbau einer Tabelle
Aufbau einer Tabelle : leitet Tabelle ein border="wert": legt Umrandung fest : beendet die Tabelle : definiert eine Zeile : definiert eine Zelle Beispiel: dies
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
MehrALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?
HTML AG INHALT Allgemeines... 2 Womit kann ich Websites erstellen?... 2 Grundgerüst von HTML... 3 Tags und Attribute... 3 Links... 4 Links auf andere Seiten... 4 Bilder... 5 meta-tags... 5 Webseiten mit
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
MehrWeb und Multimedia. HTML 4.x, Teil 2. Quelle: Hess HTML4
Web und Multimedia HTML 4.x, Teil 2 Quelle: Hess HTML4 1 Inhalte Einführung in HTML Textgestaltung - HTML - Cascading Style Sheets Screenlayout - HTML (Tabellen) - Frames - Cascading Style Sheets Hyperlinks
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:
MehrInformatik und Programmiersprachen
Informatik und Programmiersprachen Einschub: HTML Wintersemester 2004/2005 Prof. Dr. Thomas Wieland HTML HTML = Hypertext Markup Language HTML beschreibt Inhalt, Struktur und Darstellung eines Dokumentes.
MehrInhalt HTML 2. Applets Frames Formulare CSS cascading style sheets. Lehrveranstaltung Internet in AT Dr.-Ing. A. Braune TECHNISCHE UNIVERSITÄT DRESDEN
Inhalt HTML 2 Applets Frames Formulare CSS cascading style sheets SS 06 1 Applets Das Applet Java Applets sind kleine Java-Programme mit deren Hilfe aktive Webseiten erstellt werden können. werden mit
MehrFormatierung eines Text Ads in CSS
Formatierung eines Text Ads in CSS Damit sich die Text Ads möglichst harmonisch in Ihre Webseite einfügen, haben Sie verschiedene Möglichkeiten Ihr Text Ad über CSS (Cascading Style Sheets) zu formatieren.
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
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
MehrDigitale Medien. Übung
Digitale Medien Übung Pfadangaben Pfadangaben sind relevant für Bilder, Verweise, Medienobjekte per URL: Protokoll : / lokalernetzwerkname / Hostname : Port / Pfad http://www.mimuc.de/ http:/arbeitsgruppe/www.mimuc.de:8080
MehrWebdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr 1 HTML 1.1 Was ist HTML? HTML steht für Hypertext Markup Language und ist eine Auszeichnungssprache zur Strukturierung digitaler Dokumente. HTML-Dokumente
MehrANWENDUNGSSOFTWARE CSS
ANWENDUNGSSOFTWARE CSS NAVIGATION Bilder zur Navigation: als Anker für Verweise benutzen Text sollte nicht Bestandteil des Bildes sein (Bild als Hintergrund), siehe z-index Navigationslisten mit ,
MehrWiederholung 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
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:
MehrAllgemeine Technologien II Sommersemester Mai 2011 CSS
Allgemeine Technologien II Sommersemester 2011 02. Mai 2011 CSS Kursthemen Designparadigmen Framesets Tabellenbasierte Layouts -basierte Layouts: CSS & Co. Cascading Style Sheets CSS CSS einbinden
MehrAbgabetermin: , 23:59 Uhr
HTML 19.01.2016 Projektanforderungen Struktur: Zentrale (index-)seite Sinnvolle Ordnerstruktur von index.html aus verlinkte Seiten mit Querverweisen (insgesamt mindestens 3 Seiten) Elemente, die irgendwo
MehrAuf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt.
Die Seitenverwaltung Mit einem Klick auf den Link Seitenverwaltung in der Navigationsleiste auf der linken Seite gelangen Sie zur Übersicht der Einträge in der Seitenverwaltung. Übersicht Auf einer Seite
MehrKennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Einbinden von Grafiken... 2 Grafiken in den Text einbinden... 2 Grafikverweise... 2 Verweise auf Bilder in Unterverzeichnissen... 2 Verweise auf Bilder im darüber
MehrHermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Web-Publishing. 15.
Tutorium Web-Publishing 15. Dezember 2003 Programm Funktionen und Nutzung eines Web-Browsers (am Beispiel des Mozilla Navigator) Web-Dokumente erstellen (mit dem Mozilla Composer) Was macht ein Web-Browser
MehrNachbau der Website 1.)Hintergrundbild einfügen eigene CSS-Datei
Nachbau der Website http://www.lake-festival.at/ Erstelle eine neue Bootstrapsite im Ordner lakefestival. Es soll alle Ordner bereits enthalten, back für diverse backgrounds, img mit vielen Bildern usw.
MehrErgänzungen zum HTML - Grundkurs
Ergänzungen zum HTML - Grundkurs Ein HTML - Dokument besteht grundsätzlich aus zwei Teilen; HEADER (Kopf, enthält allg. Angaben zu Titel und ähnlich) BODY (Körper, enthält den eigentlichen Text mit Überschriften,
MehrArbeiten im Datennetz der Universität Regensburg
Wiwi-Workshop Uni Regensburg April 2002 Arbeiten im Datennetz der Universität Regensburg - Einführung in HTML, Teil II Arbeiten mit AOLPress - Dr. Wirtschaftswissenschaftliche Fakultät Universität Regensburg
MehrInternetseiten 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
MehrHTML - Grundbegriffe. Informatik 1 für Nebenfachstudierende Grundmodul. Kai-Steffen Hielscher Folienversion: 23. November 2016
Informatik 1 für Nebenfachstudierende Grundmodul HTML - Grundbegriffe Kai-Steffen Hielscher Folienversion: 23. November 2016 Informatik 7 Rechnernetze und Kommunikationssysteme Inhaltsübersicht Kapitel
MehrWas ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können. Web-Seite wird langsamer geladen
Was ist ein Frame? Frames teilen Browser-Fenster in rechteckige Bereiche. Mehrere Web-Seiten können gleichzeitig angezeigt werden unabhängig voneinander gesteuert werden Web-Seite wird langsamer geladen
MehrWeb-Publishing mit HTML
Web-Publishing mit HTML Das HTML-Dokument: Jedes HTML 4-Dokument beginnt mit der Deklaration , um diese Version von anderen Versionen zu unterscheiden.
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
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
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
MehrHTML Tutorial Part I - Einführung und erste Texte schreiben
HTML Tutorial Part I - Einführung und erste Texte schreiben Hallo und Herzlich Willkommen auf meiner Seite. Hier dreht sich alles um das Thema HTLML Programmierung. Das ganze beginnt bei den einfachsten
MehrUmsetzen einer skalierbaren horizontalen Navigation:
Umsetzen einer skalierbaren horizontalen Navigation: Erstelle im Dreamweaver eine neue HTML - Datei (navigation.html) und eine CSS Datei (navigation.css). Die Struktur dieser Navigation soll auf einer
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
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
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
MehrPROFIL-DESIGN LEICHT GEMACHT
PROFIL-DESIGN LEICHT GEMACHT DAS NEUE MYSPACE-PROFIL Dank des Feedbacks von MySpace-Usern und Designern aus der ganzen Welt konnten wir ein Profil entwerfen, das gleich zwei Fliegen mit einer Klappe schlägt:
MehrWeb Publisher - Tutorium -
Web Publisher - Tutorium - Copyright 2005 asksam Information Systems GmbH Einleitung Web Publisher Tutorium Dieses Tutorium beschreibt Schritt für Schritt, wie Sie eine eigene Trefferliste mit dem Web
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
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?
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
MehrHTML Kurs für Anfänger. alfabm
HTML Kurs für Anfänger alfabm 2011 1 Das Grundgerüst einer HTML Seite Jede HTML-Seite sollte mindestens folgendes Grundgerüst besitzen: Dies ist der einleitende Tag, der dem Browser darauf hinweist,
MehrIntroduction to Technologies for Interaction Design. Stylesheets
Introduction to Technologies for Interaction Design Stylesheets Syntax Selektor und Eigenschaften Selektor bezieht sich auf ein HTML-Element ID-Selektoren dürfen in jeder HTML-Datei nur einmal vorkommen
MehrBootstrap - Übung. Download: Editoren: Dreamweaver Notepad Net Beans Aptana Webmatrix. Bootstrap in Dreamweaver einbinden
Bootstrap - Übung Download: www.getbootstrap.com get started (bzw. Einstieg ) abgespeckte Version - zip Editoren: Dreamweaver Notepad Net Beans Aptana www.aptana.com Webmatrix Bootstrap in Dreamweaver
MehrRÖK Typo3 Dokumentation
2016 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2016 2 RÖK Typo3 Dokumentation 1) Was ist Typo3?... 3 2) Typo3 aufrufen und Anmelden...
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,
MehrInstallation von XAMPP
Installation von XAMPP Installer-Datei mit Doppelklick starten (Es ist zu empfehlen, den Virenscanner für die Zeit der Installation auszuschalten) Zielverzeichnis unbedingt auf C:\xampp\ belassen. 1 XAMPP
MehrWenn Sie einen Beitrag in Joomla V2.5 (mit JCE-Konfiguration) aufrufen, sehen Sie ein Editorfenster mit folgenden Icons:
Wenn Sie einen Beitrag in Joomla V2.5 (mit JCE-Konfiguration) aufrufen, sehen Sie ein Editorfenster mit folgenden Icons: Hinweise: Sollte das JCE-IconMenü verschwunden sein, einmal auf "Toggle Editor"
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
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 Grundgerüst. html> head> <title> Einführung </title> </head. body> <h1> Willkommen </h1> <p> Es war einmal </p> </body.
HTML - Kurs HTML Grundgerüst Einführung Willkommen Es war einmal Textformatierung Überschriften größ
MehrECDL Base kompakt. Ergänzungsmodul: Präsentation [mit Windows 7 und PowerPoint 2010], Syllabus 5. Thomas Alker. 1. Auflage, August 2014
ECDL Base kompakt Thomas Alker 1. Auflage, August 2014 ISBN 978-3-86249-347-0 Ergänzungsmodul: Präsentation [mit Windows 7 und PowerPoint 2010], Syllabus 5 K-ECDLB-W7POW2010-5 3 Text bearbeiten Übersicht
MehrInhaltsverzeichnis. Florian Bauer HTML Seite 2 von 10
HTML Inhaltsverzeichnis HTML Grundlagen... 3 Was ist HTML... 3 URL... 3 HTTP... 3 WWW Funktionsweise... 3 HTML Grundgerüst... 4 Grobes Grundgerüst... 4 Feines Grundgerüst... 4 HTML-Elemente... 5 Tags...
MehrWebdesign-Multimedia HTML und CSS
Webdesign-Multimedia HTML und CSS Thomas Mohr HTML Definition ˆ HTML (Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache (engl. markup language) zur Strukturierung digitaler Dokumente
MehrDreamweaver Arbeiten mit HTML-Vorlagen
Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 13.11.2002, 8.30-13.00 Uhr 19.11.2002, 8.30-13.00 Uhr Dreamweaver Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten
MehrINTERSTENO 2017 Berlin World championship professional Word Processing
VERWENDETES BETRIEBSSYSTEM VERWENDETE TEXTVERARBEITUNSSOFTWARE TEILNEHMER-ID A-1 A Instructions for participants Öffnen Sie den Entwurf des Dokuments TOURISM, speichern/konvertieren Sie sofort unter TOURISMXXX.DOC
MehrFragen und Antworten zum Content Management System von wgmedia.de
Fragen und Antworten zum Content Management System von wgmedia.de Inhaltsverzeichnis Was ist ein Content Management System? Wie ändere ich den Inhalt meiner Homepage? Wie erstelle ich eine neue Seite?
MehrV by WBR1/BFH-TI 2011 by MOU2/BFH-TI
Java-Applets Unterlagen zum Modul OOP mit Java V 3.0 2007 by WBR1/BFH-TI 2011 by MOU2/BFH-TI Java-Applets V3.0 2011 by WBR1&MOU2/BFH- TI Lernziele Die Kursteilnehmer sind in der Lage: Möglichkeiten und
MehrInhaltsverzeichnisse. 1. Überschriften zuweisen. 2. Seitenzahlen einfügen. 3. Einen Seitenwechsel einfügen
Inhaltsverzeichnisse 1. Überschriften zuweisen Formatieren Sie die Überschriften mit Hilfe der integrierten Formatvorlagen als Überschrift. Klicken Sie dazu in die Überschrift und dann auf den Drop- Down-Pfeil
MehrHTLM und CSS. Eine erste Einführung. Karlheinz Zeiner. Inhalt
HTLM und CSS Eine erste Einführung Karlheinz Zeiner Inhalt 1 Vorbereitung 1 1.1 HTML und CSS 1 1.2 Werkzeuge 1 1.3 Quellen 1 2 Erstes HTML-Dokument erstellen 2 2.1 Website, Webpage 2 2.2 Struktur einer
MehrVWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer. Kommunikation I (Internet) Übung HTML - Tabellen
VWA Rhein-Neckar Dipl.-Ing. Thomas Kloepfer Kommunikation I (Internet) Übung HTML - Tabellen SS 2004 Inhaltsverzeichnis 1. HTML - Tabellen...1 1.1. Aufgabe 1 - Einfache Tabelle...1 1.2. Aufgabe 2 - Tabelle
MehrKlausur im Modul: Softwaretechnik (SWT) - WEB
Fachbereich Betriebswirtschaft Bachelor Information Management Klausur im Modul: Softwaretechnik (SWT) - WEB Dipl.-Ing. Klaus Knopper 5.1.2017 Hinweis: Bitte schreiben Sie auf das Deckblatt und auf jede
MehrEine Linkliste in Word anlegen und zur Startseite des Browsers machen
Eine Linkliste in Word anlegen und zur Startseite des Browsers machen In dieser Anleitung wird beschrieben, wie man mit Word eine kommentierte Linkliste erstellt und diese im Internet Explorer bzw. in
MehrSchritt-für-Schritt Anleitung zur Arbeit mit dem Wiki
Schritt-für-Schritt Anleitung zur Arbeit mit dem Wiki 1. Wer kann Beiträge erstellen? Um Beiträge erstellen oder bearbeiten zu können, muss man sich einmalig registrieren und danach immer darauf achten,
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
MehrErstellen von Web-Seiten HTML und mehr...
Erstellen von Web-Seiten HTML und mehr... SS 2002 Duffner: Interaktive Web-Seiten 1 Themen! Was ist das WWW?! Client-Server-Konzept! URL! Protokolle und Dienste! HTML! HTML-Editoren! Ergänzungen und Alternativen
MehrJoomla-Handbuch Seite 1 von 22 Joomla-Handbuch Stand: Juni 2017
www.tuebinger-umwelten.de Joomla-Handbuch Seite 1 von 22 Joomla-Handbuch www.tuebinger-umwelten.de Stand: Juni 2017 Bei Fragen: MarCo, Tel.: 07572 949-26 Annika Dörr (adoerr@marcoconsulting.de) & Mai Ly
Mehr