Grundelemente der Hypertext Markup Language (HTML)
|
|
|
- Anna Brinkerhoff
- vor 8 Jahren
- Abrufe
Transkript
1 Grundelemente der Hypertext Markup Language (HTML) Allgemeines: HTML steht für Hypertext Markup Language aktueller Standard ist HTML 4.1 (HTML 5) bzw. XHTML 1.0 (s.a. unter die Dokumente des WWW sind in HTML / XHTML geschrieben HTML-Dateien bestehen aus ASCII-Text und können mit jedem Texteditor erstellt werden, alternativ mit einem HTML-Editor, die Endung ist immer.htm ( Windows) oder.html (Unix) HTML-Befehle stehen immer in spitzen Klammern und werden auch Tags genannt. Alle Befehle bestehen grundsätzlich aus einem einleitenden und einem abschließenden Tag (XHTML). Ein abschließendes Tag enthält zusätzlich noch einen Slash (/). Beispiel: <h1>hallo Welt</h1> Standalone-Tags (leere Tags) werden intern abgeschlossen, z.b. <br /> (XHTML) Alle HTML-Elemente werden klein geschrieben (XHTML) Verschachtelung von Tags ist möglich, allerdings müssen die Tags korrekt verschachtelt werden (XHTML) Die öffnenden Tags können Attribute besitzen, die Werte der Attribute stehen immer in Anführungszeichen und werden auch klein geschrieben (XHTML) Beispiel <h1 align=''center''>hallo Welt</h1> Grundgerüst einer HTML-Datei: Zuerst wird eine Definition des Dokumenttyps vorgenommen: (hier Beispiel HTML5) <!DOCTYPE html> danach folgt die eigentliche Grundstruktur des HTML-Dokumentes <html> <head> <title>titels</title> </head> <body> Text, Grafiken, etc. <!- -Kommentare- -> </body> </html> ->informiert den Browser, dass ein HTML-Dokument kommt ->Beginn des Dokumentkopfes ->Dokumenttitel (steht im oberen Fensterrahmen d. Browsers) ->Metatags, Style Sheet etc. ->Ende des Dokumentkopfes ->Beginn des Dokumentkörpers ->Inhalt des Dokumentes ->Kommentare (werden nicht angezeigt) ->Ende des Dokumentkörpers ->Ende des HTML-Dokumentes Eine HTML-Datei besteht immer aus einem Kopf (auch Header genannt) und dem Körper (Body). Besonderheiten: Umlaute Umlaute und HTML-eigene Zeichen (Entities) können in HTML kodiert eingegeben werden: ä ä Ä Ä ö ö Ö Ö ü ü Ü Ü ß ß < < > > & & " " Leerzeichen (non breaking space) Beispiel: Es grünt so grün, wenn Spaniens Blüten blühen 1
2 Hinweise für die Arbeit: - Benötigte Programme: Editor, Browser, Selfhtml ( - Editor starten (Start Alle Programme Phase 5 HTMLEdit Editor) - Seite schreiben (Datei Neues HTML-Dokument Leeres Dokument erstellen, zuerst das Grundgerüst schreiben, danach den Text in body eingeben) - Datei speichern (mit Endung htm oder html in Ihrem Homeverzeichnis) - Seite anzeigen lassen (im Vorschaufenster des Editors mit F9 oder Klick auf das Browser-Symbol, oder aber die Datei in einem Browser öffnen) HTML-Elemente Überschriften (heading): Text kann in HTML einfach im body-bereich eingegeben werden, soll er aber eine bestimmte Formatierung erhalten, so müssen HTML-Befehle verwendet werden. Zur Gestaltung von Überschriften gibt es die Tags <h1><h2><h3><h4><h5><h6>, die in der Ausgabe im Browser alle eine verschiedene Größe bewirken. Aufgabe: Erstellen Sie ein neues leeres HTML-Dokument. Tippen Sie das Grundgerüst ein. Der Text ''Homepage für Joachim Ringelnatz'' soll im Rahmen des Browsers ausgegeben werden und auch als h1-überschrift auf der Seite erscheinen. Absatz (paragraph) und Zeilenumbruch (break): Mit dem Tag <p> wird ein Absatz ausgezeichnet. Innerhalb eines Textes kann man mit dem Tag <br /> einen Zeilenumbruch erwirken. Beispiel: Viele Grüße vom<br />Weihnachtsmann ergibt: Viele Grüße vom Weihnachtsmann Viele Grüße vom<p>weihnachtsmann</p> ergibt: Viele Grüße vom Weihnachtsmann Formatierungen: Text kann fett, kursiv, unterstrichen usw. formatiert werden, dabei hat man mehrere Möglichkeiten: Fett (bold): <b>hier steht ein fetter Text</b> kursiv (italic): <i>hier steht jetzt ein kursiver Text</i> Unterstrichen (underlining): <u>alles was hier steht, ist unterstrichen</u> 2
3 Einrückungen: Das Tag <blockquote> wurde eigentlich für längere Zitate vorgesehen. Der Text erscheint eingerückt, bzw. ein Stück nach rechts verschoben. Diesen Nebeneffekt kann man für Einrückungen benutzen. Beispiel: <blockquote>eingerückter Text</blockquote> ergibt: eingerückter Text Mehrere <blockquote>-tags hintereinander bewirken eine immer weitere Einrückung. Später lernen wir Einrückungen mit Hilfe von CSS zu realisieren. Ausrichtung: Textabsätze können linksbündig, rechtsbündig, zentriert oder als Blocksatz ausgerichtet werden. Dazu kann man dem Tag <p> Attribute hinzufügen: <p align= left > oder <p align= right > oder <p align= center > oder <p align= justify >. Aufgabe: Formatieren Sie dieses Gedicht entsprechend! Der Briefmark Ein männlicher Briefmark erlebte Was Schönes, bevor er klebte. Er war von einer Prinzessin beleckt. Da war die Liebe in ihm erweckt. Er wollte sie wiederküssen, Da hat er verreisen müssen. So liebte er sie vergebens. Das ist die Tragik des Lebens Joachim Ringelnatz Schriften: Typ: Standardschrift bei den WWW-Browsern ist Times-New-Roman 12. Will man eine Schrift für die Ausgabe, so gibt man entsprechend einen anderen Schrifttyp an. Wichtig ist, dass man sich dabei an die gängigen Schrifttypen hält, die auf einer Vielzahl von Rechnern installiert sind, z.b. Arial oder Courier. Ist auf einem Rechner nämlich nicht der angegebene Schrifttyp installiert, wird der Text in Times New Roman dargestellt. Das entsprechende Tag lautet: <font face=''schrifttyp''>. Beispiel: <font face=''arial''>hier steht der Text in Arial</font>, <font face= Book Antiqua >Dieser Text ist in Book Antiqua.</font> ergibt: Hier steht der Text in Arial, Dieser Text ist in Book Antiqua. Größe: Standardgröße der Schrift ist 12 Punkte. Um diese Vorgabe zu ändern, wird das Tag <font size=''größe''> verwendet. Die Größe kann absolut oder relativ angegeben werden. Bei einer absoluten Größenangabe (möglich ist 1-7) entspricht <font size=''3''> einer 12-Punkte-Schrift. Relativen Größenangaben wird ein + oder - vorangestellt. Z.B. <font size=''+1''>.hierbei wird die Standard-Schriftgröße um ''eins'' erhöht. <font size= 5 >größere Schrift</font> Farbe: Die Farbe einer Schrift wird mit dem Tag <font color=''farbe''>zugewiesen. So kann man mit der Zuweisung <p>schwarzer Text <font color=''red''>roter Text</font> schwarzer Text</p> einen schwarzer Text roter Text schwarzer Text ausgeben. 3
4 Attribute gesammelt zuweisen: Die zu einem Tag gehörigen Attribute können auch gesammelt zugewiesen werden: <b><font face= arial color= blue size= 4 >Die Reihenfolge der Attribute im font-tag ist egal</font></b> Achtung! Mit dem abschließenden Tag in HTML werden alle Attributwerte auf einmal beendet! Hinweis: Ab HTML 4.0 wird das <font>-tag durch den Einsatz von Cascading Style Sheets überflüssig werden. Farben: Farben können in HTML für verschiedene Anwendungszwecke definiert werden: Hintergrundfarbe einer Seite: Die Hintergrundfarbe einer Seite wird als Attribut im <body>-tag angegeben. Möchte man einen schwarzen Hintergrund, so definiert man: <body bgcolor=''black''> Farbe für Text: Neben der Einzelauszeichnung von Texten mit bestimmten Farben durch <font color=.. >, können auch Grundvereinbarungen für Text im <body> -Tag angegeben werden. Beispiel: <body bgcolor=''gray'' text=''black''> Welche Farben gibt's? Farben können durch die Angabe eines Farbnamens definiert werden oder durch die Angabe einer hexadezimalen Zahl. Farbnamen: Die 16 Grundfarben haben folgende Namen: Black, maroon, green, olive, navy, purple, teal, gray, silver, red, lime, yellow, blue, fuchsia, aqua, white Es gibt auch noch eine Liste mit spezielleren Farbnamen. Hexadezimalangaben: Farben können auch im Hexadezimalmodus definiert werden, dafür sind Anteile der drei Grundfarben rot, grün, blau anzugeben. Jede hexadezimale Definition ist sechsstellig und sieht ungefähr so aus: # (Zuerst wird ein Doppelkreuz geschrieben und dann die Farbdefinition.) Die ersten beiden Ziffern geben den Rot-Anteil an, die nächsten beiden den Grün-Anteil und die letzen beiden den Blau-Anteil. Eine hexadezimale Ziffer kann 16 Zustände haben (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F), somit kann eine Farbe 256 (=16x16) Werte / Zustände haben. Die Farben können unter sowie eingesehen werden. Beispiel: <body bgcolor= #00DD99 text= #00FF00 > Bem.: in HTML können nur Tabellen oder ganze Seiten eine Hintergrundfarbe haben, in CSS alle Elemente. Nach CSS-Syntax können Farbwerte auch noch dezimal oder prozentual angegeben werden. Aufgabe: Formatieren Sie das Gedicht von vorhin um: Die Hintergrundfarbe soll dunkelblau sein, der Text soll in der Farbe Weiß ausgegeben werden, nur die Überschrift und die Autorenangabe sollen rot sein. Verwenden Sie die Schriftart Arial und erhöhen Sie die Schriftgröße! 4
5 Listen: In HTML kann man drei Arten von Listen erstellen: Unnummerierte Listen, nummerierte Listen, definierte Listen Eine unnummerierte Liste sieht so aus: <ul> <li>element 1</li> <li>element 2</li> <li>element 3</li> </ul> Tag für die unnummerierte Liste erstes Listenelement (list item) zweites Listenelement drittes Listenelement Ende der Liste Unnummerierte Listen sind typischerweise Bulletlisten (Bullet=Aufzählungszeichen). Man kann zwischen drei verschiedenen Aufzählungszeichen wählen (disc, circle, square). Möchte man kleine Quadrate als Aufzählungszeichen, sähe die Definition so aus: <ul type=''square''> <li>element 1</li> </ul> Eine nummerierte Liste sieht so aus: <ol> <li>element 1</li> <li>element 2</li> <li>element 3</li> </ol> Tag für die nummerierte Liste erstes Listenelement (mit einer '1' vorangestellt) zweites Listenelement (mit einer '2' vorangestellt) drittes Listenelement (mit einer '3' vorangestellt) Ende der Liste Man ist allerdings nicht gezwungen, die Nummerierung bei 1,2,3... zu belassen. Indem man dem <ol> -Tag noch ein Attribut zuweist, können auch alphabetische oder 'römisch' nummerierte Listen erzeugt werden. Beispiel <ol type= A > oder <ol type= a > oder <ol type= I > oder <ol type= i >. Je nach 'type' werden dann entweder A;B,C oder a,b,c oder I,II,III oder i,ii,iii vorangestellt. Definitionslisten sind für Glossare gedacht. Weitere Formatierungen Horizontale Linien / Trennlinien Manchmal ist es übersichtlicher, bestimmte Abschnitte einer Seite mit Trennlinien zu versehen. Solche horizontalen Linien erzeugt man mit dem Tag <hr /> (=horizontal rule). Länge und Breite dieser Linie werden mit den Attributen width und size angeben, also: <hr width=''90%'' size=''5'' />. Die Ausrichtung der Linie kann mit den align-attributen bestimmt werden. Außerdem gibt es noch das Attribut noshade, das eine ''räumliche Darstellung der Trennlinie verhindert (<hr noshade= noshade />). Allgemeines Block-Element Mit <div> leiten Sie ein allgemeines Block-Element ein, in das Sie mehrere andere Elemente (Text, Grafiken, Tabellen usw.) einschließen können (div = division = Bereich). Sie schließen den Bereich mit </div> ab. Außer der Eigenschaft, ein Blockelement zu sein, hat ein <div> keine weiteren Eigenschaften. Allgemeines Inline-Element <span> leitet ein allgemeines Inline-Element ein. </span> beendet dieses Element. Es kann Text und andere Inline-Elemente enthalten, selbst aber keinerlei Eigenschaften hat und nichts bewirkt. Den beiden allgemeinen Elementen <div> und <span> werden wir mit Hilfe von CSS verschiedene Eigenschaften zuweisen. Bilder / Graphiken Graphiken lassen sich in HTML einbinden, indem man auf das zugehörige Bild verweist (Pfad, URL). Die gebräuchlichsten Graphikformate im WWW sind.jpg oder.gif. Um also eine Graphik einzubinden, benötigt man den Standort der Datei. Liegt die Datei in demselben Verzeichnis wie die.htm-datei, so braucht man nur den Dateinamen in Anführungszeichen anzugeben. 5
6 Beispiel: <img src=''ringeln.gif'' /> (img src steht für image source) Liegt die Datei in einem anderen Verzeichnis, muss der Pfad angegeben werden: <img src=''../../bilder/ringeln.gif'' /> Liegt die Datei auf einem anderen Web-Server, kann auch die URL angegeben werden: <img src= /> Alternativer Text bei Graphiken: Jedes Bild muss einen Alternativtext haben, der ggf. statt des Bildes angezeigt wird oder vom Screenreader vorgelesen wird. Einen Alternativtext spezifiziert man mit dem Attribut alt. Beispiel <img src=''ringeln.gif'' alt=''bild von Joachim Ringelnatz'' /> Höhe und Breite von Graphiken: Mit den Angaben width und height soll stets die Höhe und Breite einer Graphik in Pixel angegeben werden. Beispiel <img src=''ringeln.gif'' width= 100 height= 2100 />. Dadurch erreichen Sie einen Ruckelfreien Bildschirmaufbau. Abstand zwischen Graphik und Text: Der linke und rechte Abstand einer Graphik zum Text lässt sich mit hspace ausdrücken, der obere und untere Abstand zum Text mit vspace. Beispiel <img src= ringeln.gif" hspace="10" vspace="10" width= 100 height= 2100 />. Links Links (Hyperlinks) bzw. Verweise sind ein elementarer Bestandteil von HTML. Man kann auf Ziele innerhalb einer Datei verweisen oder auf Ziele außerhalb einer Datei. Verweist man auf Ziele ''außerhalb, so muss man den Pfad oder die URL des Ziels kennen, um darauf verlinken zu können. Ein Link besteht aus dem anchor-tag <a href=''...''>anklickbarer Verweistext</a>. Das Ziel (hypertext reference) steht immer in Anführungszeichen. Ein Verweis auf die Homepage des Fachbereiches sieht so aus: <a href='' des Fachbereiches</a>. Einen Verweis auf eine Datei im selben Verzeichnis gibt man so an: <a href=''datei.htm''>meine-datei</a>. Anstatt des Verweistextes könnte auch ein Bild stehen: <a href= sport.htm ><img src= ball.png border= 0 alt= Ball /></a> Absolute Links und relative Links: Man kann absolute und relative Links verwenden. Angenommen man hat auf dem Server ein Verzeichnis htdocs, welches für HTML-Dokumente vorgesehen ist. In diesem Verzeichnis gibt es dann beispielsweise die Unterverzeichnisse Bilder und Abteilungen. Im Verzeichnis Abteilungen gibt es dann noch die Ordner Referat1 und Referat2, so dass sich folgende Struktur ergibt: bilder htdocs / \ abteilungen / \ referat1 referat2 6
7 Relative Links: Falls man jetzt von einem Dokument im Ordner Referat2 auf ein Dokument im Ordner Bilder verweisen möchte, könnte man den Pfad mit Hilfe einer bestimmten Syntax angeben. Dabei gilt:.. wechselt eine Verzeichnisebene höher Verzeichnisname wechselt in das untergeordnete Verzeichnis. Bsp.: Man befindet sich im Ordner Referat2 und verweist auf eine Datei im Ordner Bilder: <a href=''../../bilder/bild1.htm'' >Bild1</a> Befindet man sich im Ordner Abteilungen und referenziert eine Datei im Ordner Referat1 so gilt: <a href=''referat1/datei.htm >Datei</a> Vom Ordner Bilder in den Ordner Referat2: <a href=''../abteilungen/referat2/datei.htm''>datei</a> Absolute Links: Ein absoluter Link ist z.b. die Angabe einer URL: <a href='' >Linktext</a>. Das Protokoll http ist immer anzugeben. Verweisungen innerhalb eines Dokumentes: Sinnvollerweise kann man auch innerhalb eines Dokumentes Links anbringen, z.b. Verweise von einer Gliederung auf den Inhalt. Dafür muss man eine Sprungmarke (case sensitiv) definieren: <a href= #Kapitel1''>Verweisziel in der gleichen Datei</a> bzw. <a href= datei.htm#inhaltsv''>hier geht's zum Ziel in einer anderen Datei</a> Beim Ziel wird das Attribut id= InhaltsV in ein Tag eingefügt, z. B. <h1 id=''inhaltsv''>inhaltsverzeichnis</h1> Aufgabe: Ergänzen Sie Ihre Seite, indem sie ein Bild von Joachim Ringelnatz einfügen und eine Auflistung (unnummerierte Liste) mit drei weiterführenden Links zum Thema Ringelnatz erstellen. Fügen Sie eine Textpassage aus seinem Lebenslauf ein (die Seite soll dadurch länger als eine Bildschirmseite werden). Erstellen Sie in der Nähe der Überschrift einen Link, der direkt zum Lebenslauf in dieser Datei springt. Fügen Sie einen anderen Link auch ein, mit dem Sie vom Ende der Seite zum Anfang springen können. 7
8 Tabellen: Tabellen spielen in HTML eine wichtige Rolle, da sie nicht nur zur Anzeige von tabellarischen Daten benutzt werden, sondern auch um Elemente zu platzieren. Tabellen werden mit dem Tagpaar <table> </table> definiert. Man kann Tabellen mit Gitternetzlinien oder ohne erstellen, für den ersten Fall ergänzt man das Tag: <table border= 1 >...</table> Die Struktur einer Tabelle aus zwei Zeilen und drei Spalten sieht so aus: <table border= 1 > <th>kopfzelle: 1. Zeile, 1. Spalte</th> <th>kopfzelle: 1. Zeile, 2. Spalte</th> <th>kopfzelle: 1. Zeile, 3. Spalte</th> <td>datenzelle: 2. Zeile, 1. Spalte</td> <td>datenzelle: 2. Zeile, 2. Spalte</td> <td>datenzelle: 2. Zeile, 3. Spalte</td> </table> Dabei steht für table row (Tabellenreihe), <th> für table header (Spaltenüberschrift), <td> für table data (Tabellenzelle). Die Anzahl der Tabellenzellen in einer Reihe sollte immer gleich sein, damit gleich viele Spalten entstehen. Die Anzahl der Spalten wird in der ersten Reihe durch die Anzahl der Zellen festgelegt. Die Länge einer Tabelle ist beliebig ergänzbar, ebenso können auch mittendrin Reihen eingefügt werden. Um eine Tabellenzelle leer zu lassen kann man einfach <td></td> eingeben oder je nach Browser <td> </td>. Die Breite und Höhe einer Tabelle (ganzer Bildschirm oder Teil vom Bildschirm) lässt sich mit dem Attribut width bzw. height bestimmen: <table width=''80%''>...</table> Rahmen, Gitterlinien, Abstände: Die Breite des Rahmens um eine Tabelle wird mit dem Attribut border definiert: <table border=''5''> Damit wird festgelegt, dass der Außenrahmen eine Dicke von 5 Pixel hat. (border= 0 keine Linien werden angezeigt) Auch für die Gitterlinien kann man solche Angaben machen: <table border= 3 cellspacing= 5 > Um einen gewissen Abstand des Zelleninhalts zum Zellenrand zu bestimmen gibt es das Attribut cellpadding: <table border= 3 cellpadding= 5 > Höhe und Breite einer Tabelle / einer Tabellenzelle: Den Umfang einer Tabelle, also Höhe und Breite kann mit den Attributen height und width festgelegt werden. Zum Beispiel <table height=''400'' width="90%">. Somit kann man bestimmte Ausmaße einer Tabelle erzwingen. Dieselben Attribute können auch auf Tabellenzellen angewendet werden 8
9 Zeilenumbruch in einer Zelle verhindern: Gelegentlich ist wichtig, dass der Text in einer Zelle nicht umgebrochen wird, dafür gibt es das Attribut nowrap: <td nowrap= nowrap >Hier wird nicht umgebrochen</td> Ausrichtung: Um Text linksbündig oder rechtsbündig in einer Tabellenzelle auszurichten kann man das Attribut align verwenden: <td align=''left''>linksbündig</td>, eine Ausrichtung nach oben oder unten wird mit dem Attribut valign (=vertical align) definiert: <td valign=''top''>..</td> der <td valign=''bottom''>..</td> Die Ausrichtung kann auch direkt für eine Reihe definiert werden, in diesem Falle wird das Attribut align zusammen mit dem Tag verwendet. Zellen verbinden: Innerhalb einer Tabelle können auch Zellen vertikal oder horizontal miteinander verbunden werden, so dass zwischen diesen beiden Zellen keine Gitternetzlinien mehr sind. Beispiel: Tabelle, deren erste Zeile sich über zwei Spalten erstreckt. <table border= 1 > <th colspan="2">inhalt einer Zelle, die sich über 2 Spalten erstreckt</th> <td>inhalt der ersten Zelle unter der erstreckten Zelle</td> <td>inhalt der zweiten Zelle unter der erstreckten Zelle</td> </table> oder: Beispiel für eine Zelle, die sich über 2 Reihen erstreckt: <table border= 1 > <th rowspan="2">inhalt einer Zelle, die sich über 2 Zeilen erstreckt</th> <td >Inhalt der ersten Zelle neben der erstreckten Zelle</td> <td>inhalt der zweiten Zelle neben der erstreckten Zelle</td> </table> Beide Attribute sind auch kombinierbar. Farbe: Die Hintergrundfarbe einer Tabelle, einer Reihe oder einer einzelnen Zelle kann durch das Attribut bgcolor (was auch oft zusammen mit dem body-tag verwendet wird) bestimmt werden. Möchte man eine Tabelle mit blauem Hintergrund so definiert man <table bgcolor=''blue''> ; für eine Tabellenreihe: <tr bgcolor=''red''>; für eine einzelne Zelle <td bgcolor=''green''>. Denkbar ist durchaus eine solche Konstruktion: 9
10 <html> <head> <title>tabelle</title> </head> <body text="white"> <table border= 1 bgcolor="blue" width="90%" height="300"> <tr bgcolor="red"> <td>daten1</td> <td bgcolor="teal">daten2</td> <td>daten3</td> <td bgcolor="yellow">daten4</td> </table> </body> </html> Aufgabe: Schreiben Sie einen Stundenplan: Tabelle aus zwei Zeilen (Spaltenüberschrift und die erste Doppelstunde) und sechs Spalten für Zeit sowie die Tage Mo-Fr. Verwenden Sie verschiedene Hintergrundfarben. 10
Zeile 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
HTML. 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
HTML ist eine Auszeichnungssprache / Seitenbeschreibungssprache, mit der es möglich ist Internetseiten zu gestalten.
HTML HTML ist eine Auszeichnungssprache / Seitenbeschreibungssprache, mit der es möglich ist Internetseiten zu gestalten. Hierfür bedient man sich sog. Tags zur Darstellung und Beschreibung einer Internetseite
Das 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:
Es 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
Kennen, können, beherrschen lernen was gebraucht wird www.doelle-web.de
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Grundlagen... 2 Hyperlinks innerhalb einer Datei... 2 Verweisziel definieren... 2 Einen Querverweis setzen... 3 Verschiedene Arten von Hyperlinks... 3 Einfache
HTML-Tags zur Gestaltung von Informationen im Redaktionssystem SixCMS. Handbuch für Webredakteure
s zur Gestaltung von Informationen im Redaktionssystem SixCMS Handbuch für Webredakteure V 0.1 Stand: 17.12.2003 Ministerium des Innern Webredaktion Seite 2 von 14 Inhaltsübersicht s zur Gestaltung von
HTML 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
Aufgabenbereich 3: Layoutgestaltung mit CSS
Aufgabenbereich 3: Layoutgestaltung mit CSS Wichtige Begriffe und Zusammenhänge: Website: Gesamtheit eines Internet-Auftrittes (alle Webseiten, die dazu gehören) Webseite: Eine einzelne Seite, ein HTML-Dokument
WEBSEITEN ENTWICKELN MIT ASP.NET
jamal BAYDAOUI WEBSEITEN ENTWICKELN MIT ASP.NET EINE EINFÜHRUNG MIT UMFANGREICHEM BEISPIELPROJEKT ALLE CODES IN VISUAL BASIC UND C# 3.2 Installation 11 Bild 3.2 Der Webplattform-Installer Bild 3.3 IDE-Startbildschirm
Format- 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
Kapitel 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
Schiller-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
Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet.
5.6. Der HTML-Editor Da die Bedienung des Editors viele Möglichkeiten aufweist, aber auch etwas Übung voraussetzt, haben wir ihm ein eigenes Unterkapitel gewidmet. Bild 33: Der Editor 5.6.1. Allgemeine
Stichpunkte 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
HTML Kurs. Inhaltsverzeichnis. Dominic Dietiker Aktualisierung: February 13, 2009. 1 Das HTML-Dokument 2. 2 Einige Tags 7
HTML Kurs Dominic Dietiker Aktualisierung: February 13, 2009 Inhaltsverzeichnis 1 Das HTML-Dokument 2 2 Einige Tags 7 3 Erarbeiten weiterer Tags 11 4 Tabellen 11 A Lösungen 16 1 1 Das HTML-Dokument Tags
Meine 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
4. Sonstige Mitarbeit 4.1 Formen der Sonstigen Mitarbeit
1. Einleitung Dieses Leistungskonzept dient in erster Linie dazu, die Leistungsbewertung des Faches Informatik transparent zu gestalten und zu vereinheitlichen. Dies erlangt besondere Wichtigkeit, da allgemeine
4 Aufzählungen und Listen erstellen
4 4 Aufzählungen und Listen erstellen Beim Strukturieren von Dokumenten und Inhalten stellen Listen und Aufzählungen wichtige Werkzeuge dar. Mit ihnen lässt sich so ziemlich alles sortieren, was auf einer
Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor:
Texteditor Sobald Sie in Moodle einen Textbeitrag verfassen möchten, erhalten Sie Zugang zu folgendem HTML- Texteditor: Anmerkung für Mac-User: Da der Safari-Browser evtl. Probleme mit dem Editor von Moodle
HTML5. 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
Text 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
HTML5. Wie funktioniert HTML5? Tags: Attribute:
HTML5 HTML bedeutet Hypertext Markup Language und liegt aktuell in der fünften Fassung, also HTML5 vor. HTML5 ist eine Auszeichnungssprache mit der Webseiten geschrieben werden. In HTML5 wird festgelegt,
Klausur in 13.1 Thema: Das Internet (Bearbeitungszeit: 90 Minuten)
Klausur in 13.1 Thema: Das Internet (Bearbeitungszeit: 90 Minuten) Name: «Name», «Vorname» Mail: «EMail» 1 VP 3 VP 2 VP 3 VP 3 VP 4 VP 14 VP 0 Speichern Sie regelmäßig Ihre Arbeit in einer Word-Datei mit
Kurze 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
Bilder und Dokumente in MediaWiki
Dieses Handout soll erklären, wie Sie Dokumente hochladen können. Der Begriff Dokumente bezieht sich hier auf Word-Dokumente (*.doc), Acrobat-Dokumente (*.pdf), Excel-Tabellen (*.xls), Audiodateien (*.mp3),
Textgestaltung 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
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS
CASCADING STYLE SHEETS WEBSEITEN-GESTALTUNG MIT CSS Sören Elvers, Julia Polner, Max Weller, Moritz Willig T-Doku, Werner-von-Siemens-Schule, Wetzlar 2010-2011 INHALT DIESES VORTRAGS 1. Kurze Einführung
HTML- und CSS-Einführung Rusalka Offer Isabella Nagy
Grundelemente der Hypertext Markup Language (HTML) und Cascading StyleSheets (CSS) Allgemeines: HTML steht für Hypertext Markup Language aktueller Standard ist HTML 4.1 bzw. XHTML 1.0 (s.a. unter http://www.w3c.org)
Hinweise zum Übungsblatt Formatierung von Text:
Hinweise zum Übungsblatt Formatierung von Text: Zu den Aufgaben 1 und 2: Als erstes markieren wir den Text den wir verändern wollen. Dazu benutzen wir die linke Maustaste. Wir positionieren den Mauszeiger
Kapitel 4 Tabellen Seite 1. Nun wirst du eine Tabelle erstellen und ein wenig über deren Aufbau lernen.
Kapitel 4 Tabellen Seite 1 4 Tabellen Nun wirst du eine Tabelle erstellen und ein wenig über deren Aufbau lernen. Abbildung 4.1: Link auf eine Seite mit Tabelle Wie Abbildung 4.1 zeigt, soll der Benutzer
Crashkurs 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,
Inf11 HTML 18.12.2005/ pl
Inf11 HTML 18.12.2005/ pl Grundstruktur Grundformatierung Jede HTML SEITE hat mindestens folgendes Grundgerüst: Dies ist der einleitende HTML Tag, der auf eine folgende Html Seite hinweist.
Beuth Hochschule Die erweiterbare Markierungssprache XML WS10/11
Die erweiterbare Markierungssprache XML 1. Einleitung Eine Markierungssprache (markup language) dient dazu, Textdateien mit zusätzlichen Informationen anzureichern. Die verbreitete Markierungssprache HTML
http://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:
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags
Hilfen zur Verwendung der Word-Dokumentvorlage des BIS-Verlags 2013 style_sheet_bis_verlag_20130513 Arbeiten mit der Dokumentvorlage des BIS-Verlags... 3 Dokumentvorlage Wofür?... 3 Wohin mit der Dokumentvorlage...
Erzherzog 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
GEONET Anleitung für Web-Autoren
GEONET Anleitung für Web-Autoren Alfred Wassermann Universität Bayreuth Alfred.Wassermann@uni-bayreuth.de 5. Mai 1999 Inhaltsverzeichnis 1 Technische Voraussetzungen 1 2 JAVA-Programme in HTML-Seiten verwenden
In diesem Thema lernen wir die Grundlagen der Datenbanken kennen und werden diese lernen einzusetzen. Access. Die Grundlagen der Datenbanken.
In diesem Thema lernen wir die Grundlagen der Datenbanken kennen und werden diese lernen einzusetzen. Access Die Grundlagen der Datenbanken kurspc15 Inhaltsverzeichnis Access... Fehler! Textmarke nicht
Einführung in HTML Text
Einführung in HTML Text Übung 1 Erstellen Sie eine erste HTML-Datei, die den Titel Meine erste Seite besitzt und den Text Hallo Welt im Browser ausgibt. Übung 2 Öffnen Sie die Datei text.htm und formatieren
Einführungskurs MOODLE Themen:
Einführungskurs MOODLE Themen: Grundlegende Einstellungen Teilnehmer in einen Kurs einschreiben Konfiguration der Arbeitsunterlagen Konfiguration der Lernaktivitäten Die Einstellungen für einen Kurs erreichst
TABELLEN-ÜBUNGEN. Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm. Überschrift 1. Textausrichtung in großen Tabellenzellen
Erstellen Sie eine HTML-Datei Titel: Große Tabelle Dateiname: tabelle1.htm Textausrichtung in großen Tabellenzellen Überschrift 1 links - oben zentriert - oben rechts - oben links - zentriert zentriert
Viele Bilder auf der FA-Homepage
Viele Bilder auf der FA-Homepage Standardmäßig lassen sich auf einer FA-Homepage nur 2 Bilder mit zugehörigem Text unterbringen. Sollen es mehr Bilder sein, muss man diese als von einer im Internet
Frames 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.
Arbeiten mit UMLed und Delphi
Arbeiten mit UMLed und Delphi Diese Anleitung soll zeigen, wie man Klassen mit dem UML ( Unified Modeling Language ) Editor UMLed erstellt, in Delphi exportiert und dort so einbindet, dass diese (bis auf
Arbeiten 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
Dazu stellen Sie den Cursor in die Zeile, aus der eine Überschrift werden soll, und klicken auf die gewünschte Überschrift.
Überschriften mit Zahlen Wenn Sie ein Stück Text als Überschrift formatieren möchten, weisen Sie diesem Text einfach das Format Überschrift 1 oder Überschrift 2 usw. zu. Dazu klicken Sie auf das Symbol
1. Anmeldung in das Content Management System WEBMIN CMS
Anleitung 1. Anmeldung in das Content Management System WEBMIN CMS A. Öffnen Sie Ihre Internetseite und schreiben Sie hinter der Domain noch /webmin/. Die Adresse (URL) wird wie folgt aussehen: http://www.ihre-domain.de/webmin/
Word 2010 Grafiken exakt positionieren
WO.009, Version 1.2 10.11.2014 Kurzanleitung Word 2010 Grafiken exakt positionieren Wenn Sie eine Grafik in ein Word-Dokument einfügen, wird sie in die Textebene gesetzt, sie verhält sich also wie ein
PowerPoint: Text. Text
PowerPoint: Anders als in einem verarbeitungsprogramm steht in PowerPoint der Cursor nicht automatisch links oben auf einem Blatt in der ersten Zeile und wartet auf eingabe. kann hier vielmehr frei über
Handbuch für Redakteure
Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Trennen der Druck- und der Online-Version.. 4 Grunddaten ändern... 5 Weitere Artikel-eigenschaften...
Handbuch für Redakteure
Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Grunddaten ändern... 5 Weitere Artikeleigenschaften... 5 Der WYSIWYG-Editor... 6
Wie Sie mit Mastern arbeiten
Wie Sie mit Mastern arbeiten Was ist ein Master? Einer der großen Vorteile von EDV besteht darin, dass Ihnen der Rechner Arbeit abnimmt. Diesen Vorteil sollten sie nutzen, wo immer es geht. In PowerPoint
Webalizer HOWTO. Stand: 18.06.2012
Webalizer HOWTO Stand: 18.06.2012 Copyright 2003 by manitu. Alle Rechte vorbehalten. Alle verwendeten Bezeichnungen dienen lediglich der Kennzeichnung und können z.t. eingetragene Warenzeichen sein, ohne
E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung. Vorlesungsinhalte
E-Mail- Viren (Würmer) Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-04-29 Dipl.-Inf. (FH) T. Mättig Neue Tricks der Viren-Programmierer: E-Mails mit Absender Immatrikulationsamt
Handbuch ECDL 2003 Professional Modul 1: Textverarbeitung Absätze formatieren
Handbuch ECDL 2003 Professional Modul 1: Textverarbeitung Absätze formatieren Dateiname: ecdl_p1_01_02_documentation.doc Speicherdatum: 08.12.2004 ECDL 2003 Professional Modul 1 Textverarbeitung - Absätze
Access 2010. Grundlagen für Anwender. Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012. inkl. zusätzlichem Übungsanhang ACC2010-UA
Andrea Weikert 1. Ausgabe, 1. Aktualisierung, Juli 2012 Access 2010 Grundlagen für Anwender inkl. zusätzlichem Übungsanhang ACC2010-UA 3 Access 2010 - Grundlagen für Anwender 3 Daten in Formularen bearbeiten
5. Übung: PHP-Grundlagen
5.1. Erstes PHP-Programm 1. Schreiben Sie PHP-Programm innerhalb einer Webseite, d.h. innerhalb eines HTML-Dokument. Ihr PHP-Programm soll einen kurzen Text ausgeben und Komentare enthalten. Speichern
Barrierefreie Webseiten erstellen mit TYPO3
Barrierefreie Webseiten erstellen mit TYPO3 Alternativtexte Für jedes Nicht-Text-Element ist ein äquivalenter Text bereitzustellen. Dies gilt insbesondere für Bilder. In der Liste der HTML 4-Attribute
Crash 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
Die Textvorlagen in Microsoft WORD und LibreOffice Writer
Die Textvorlagen in Microsoft WORD und LibreOffice Writer Liebe Teilnehmer(-innen) am Landeswettbewerb Deutsche Sprache und Literatur Baden- Württemberg, Diese Anleitung soll Ihnen helfen Ihren Wettbewerbsbeitrag
Gezielt über Folien hinweg springen
Gezielt über Folien hinweg springen Nehmen wir an, Sie haben eine relativ große Präsentation. Manchmal möchten Sie über Folien hinweg zu anderen Folien springen. Das kann vorkommen, weil Sie den gesamten
Erstellen der Barcode-Etiketten:
Erstellen der Barcode-Etiketten: 1.) Zuerst muss die Schriftart Code-39-Logitogo installiert werden! Das ist eine einmalige Sache und muss nicht zu jeder Börse gemacht werden! Dazu speichert man zunächst
FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7
FuxMedia Programm im Netzwerk einrichten am Beispiel von Windows 7 Die Installation der FuxMedia Software erfolgt erst NACH Einrichtung des Netzlaufwerks! Menüleiste einblenden, falls nicht vorhanden Die
-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
Dateimanagement in Moodle Eine Schritt-für
Übersicht: Lehrende können Dateien in einen Moodle-Kurs hochladen, in Verzeichnissen verwalten und für Studierende zugänglich machen. Jeder Moodle-Kurs hat einen Hauptordner Dateien im Administrationsblock.
11 Tabellen als Inhaltselement (ohne RichTextEditor)
11 Tabellen als Inhaltselement (ohne RichTextEditor) Inhaltsverzeichnis 11 Tabellen als Inhaltselement (ohne RichTextEditor) 1 Vorbemerkung.......................................... 1 11.1 Eine einfache
Zahlen auf einen Blick
Zahlen auf einen Blick Nicht ohne Grund heißt es: Ein Bild sagt mehr als 1000 Worte. Die meisten Menschen nehmen Informationen schneller auf und behalten diese eher, wenn sie als Schaubild dargeboten werden.
Dokumentation von Ük Modul 302
Dokumentation von Ük Modul 302 Von Nicolas Kull Seite 1/ Inhaltsverzeichnis Dokumentation von Ük Modul 302... 1 Inhaltsverzeichnis... 2 Abbildungsverzeichnis... 3 Typographie (Layout)... 4 Schrift... 4
Stellen Sie bitte den Cursor in die Spalte B2 und rufen die Funktion Sverweis auf. Es öffnet sich folgendes Dialogfenster
Es gibt in Excel unter anderem die so genannten Suchfunktionen / Matrixfunktionen Damit können Sie Werte innerhalb eines bestimmten Bereichs suchen. Als Beispiel möchte ich die Funktion Sverweis zeigen.
Word 2013. Aufbaukurs kompakt. Dr. Susanne Weber 1. Ausgabe, Oktober 2013 K-WW2013-AK
Word 0 Dr. Susanne Weber. Ausgabe, Oktober 0 Aufbaukurs kompakt K-WW0-AK Eigene Dokumentvorlagen nutzen Voraussetzungen Dokumente erstellen, speichern und öffnen Text markieren und formatieren Ziele Eigene
In dieser Anleitung wird beschrieben, wie Sie eine HTML-Seite in Macromedia Dreamweaver mit blinden Tabellen strukturieren können.
Eine HTML-Seite mit blinden Tabellen strukturieren In dieser Anleitung wird beschrieben, wie Sie eine HTML-Seite in Macromedia Dreamweaver mit blinden Tabellen strukturieren können. Legen Sie in ihrem
Textverarbeitung 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,
Bedienungsanleitung Anlassteilnehmer (Vereinslisten)
Bedienungsanleitung Anlassteilnehmer Dieses Programm ist speziell für Vereine entworfen. Es ist lizenzfrei verwendbar und gratis. Das Programm ist mit Excel 2010 erstellt worden und enthält VBA Programmierungen,
Bedienung des Web-Portales der Sportbergbetriebe
Bedienung des Web-Portales der Sportbergbetriebe Allgemein Über dieses Web-Portal, können sich Tourismusbetriebe via Internet präsentieren, wobei jeder Betrieb seine Daten zu 100% selbst warten kann. Anfragen
Aufklappelemente anlegen
Aufklappelemente anlegen Dieses Dokument beschreibt die grundsätzliche Erstellung der Aufklappelemente in der mittleren und rechten Spalte. Login Melden Sie sich an der jeweiligen Website an, in dem Sie
Outlook. sysplus.ch outlook - mail-grundlagen Seite 1/8. Mail-Grundlagen. Posteingang
sysplus.ch outlook - mail-grundlagen Seite 1/8 Outlook Mail-Grundlagen Posteingang Es gibt verschiedene Möglichkeiten, um zum Posteingang zu gelangen. Man kann links im Outlook-Fenster auf die Schaltfläche
Professionelle Seminare im Bereich MS-Office
Der Name BEREICH.VERSCHIEBEN() ist etwas unglücklich gewählt. Man kann mit der Funktion Bereiche zwar verschieben, man kann Bereiche aber auch verkleinern oder vergrößern. Besser wäre es, die Funktion
Templates für CMSMadeSimple
1. EINLEITUNG Templates für CMSMadeSimple Original von Jan Czarnowski piratos@coftware.de modifiziert von Andreas Just cyberman@gmx.ch Templates für CMSMadeSimple sind zur Zeit nur spärlich vorhanden.
D 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
Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager
Anleitung zur Pflege der Homepage über den Raiffeisen-Homepage-Manager Homepage-Manager Navigation Home Der Homepage-Manager bietet die Möglichkeit im Startmenü unter dem Punkt Home einfach und schnell
Anleitung über den Umgang mit Schildern
Anleitung über den Umgang mit Schildern -Vorwort -Wo bekommt man Schilder? -Wo und wie speichert man die Schilder? -Wie füge ich die Schilder in meinen Track ein? -Welche Bauteile kann man noch für Schilder
Installationscript für die Anzeige des aktuellen Moderators
Installationscript für die Anzeige des aktuellen Moderators Als erstes sollte gesagt sein, das Sie kein PHP oder HTML können müssen um dieses Script einzurichten. Falls Sie Erfahrungen in HTML oder PHP
Stundenerfassung Version 1.8 Anleitung Arbeiten mit Replikaten
Stundenerfassung Version 1.8 Anleitung Arbeiten mit Replikaten 2008 netcadservice GmbH netcadservice GmbH Augustinerstraße 3 D-83395 Freilassing Dieses Programm ist urheberrechtlich geschützt. Eine Weitergabe
Typo3 - Schulung: Fortgeschrittene I an der Hochschule Emden/Leer
Verlinkung: Man unterscheidet zwischen externer und interner Verlinkung. Bei der externen Verlinkung verlässt man den Bereich unseres Web-Servers. Typo3 überprüft nicht die Existenz der angegebenen Seite
Erstellen von x-y-diagrammen in OpenOffice.calc
Erstellen von x-y-diagrammen in OpenOffice.calc In dieser kleinen Anleitung geht es nur darum, aus einer bestehenden Tabelle ein x-y-diagramm zu erzeugen. D.h. es müssen in der Tabelle mindestens zwei
Handbuch für Redakteure
Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Grunddaten ändern... 5 Weitere Artikeleigenschaften... 5 Der WYSIWYG-Editor... 6
Wie halte ich Ordnung auf meiner Festplatte?
Wie halte ich Ordnung auf meiner Festplatte? Was hältst du von folgender Ordnung? Du hast zu Hause einen Schrank. Alles was dir im Wege ist, Zeitungen, Briefe, schmutzige Wäsche, Essensreste, Küchenabfälle,
HTML-Grundlagen (X)HTML:
HTML-Grundlagen (X)HTML: < > beginnender HTML Tag schließender HTML Tag < /> leere HTML Elemente Attribute und Werte &.; Sonderzeichen, HTML Entities Aufbau einer Datei Ein
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden.
Eine eigene Seite auf Facebook-Fanseiten einbinden und mit einem Tab verbinden. Nach den Änderungen die Facebook vorgenommen hat ist es einfacher und auch schwerer geworden eigene Seiten einzubinden und
Praktische Sitzung 2: Erstellung einer Multiple-Choice-Aufgabe mit "Hot Potatoes" und "MS Frontpage 2000"
Praktische Sitzung 2: Erstellung einer Multiple-Choice-Aufgabe mit "Hot Potatoes" und "MS Frontpage 2000" Ziel : In diesem Abschnitt werden Sie eine Multiple-Choice-Übung zum Thema Geschichte des Geldes
Datei Erweiterungen Anzeigen!
Einleitung Beim Kauf eines PCs werden die Dateierweiterungen sowie einige Dateien nicht angezeigt. Grund: Es gibt sehr viele Dateien die für das System ganz wichtig sind. Diese Dateien und auch Ordner
Windows. Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1
Workshop Internet-Explorer: Arbeiten mit Favoriten, Teil 1 Wenn der Name nicht gerade www.buch.de oder www.bmw.de heißt, sind Internetadressen oft schwer zu merken Deshalb ist es sinnvoll, die Adressen
Eine Einführung in HTML
Eine Einführung in HTML Inhaltsverzeichnis Grundaufbau einer Webseite... 2 Grundlegende Steuerzeichen... 3 Textformatierungen... 4 Überschriften und Listen... 5 Tabellen... 6 Bilder einfügen... 7 Hyperlinks
Installationsanleitung jk-ma011-1-hotel
Installationsanleitung jk-ma011-1-hotel Vielen Dank für den Kauf des Contao-Templates jk-ma011-1-hotel. Hier ein paar Hinweise, die Ihnen bei der Installation des themes helfen sollen. Ganz WICHTIG: Installieren
TYPO3-Schulung für Redakteure Stand: 12.5.2009
TYPO3-Schulung für Redakteure Stand: 12.5.2009 Um sich in TYPO3 einzuloggen, rufen Sie bitte im Internet die Seite http://www.vdi.de/typo3 auf, geben Sie dort Ihren Benutzernamen und Ihr Passwort ein und
RÖK Typo3 Dokumentation
2012 RÖK Typo3 Dokumentation Redakteur Sparten Eine Hilfe für den Einstieg in Typo3. Innpuls Werbeagentur GmbH 01.01.2012 2 RÖK Typo3 Dokumentation Inhalt 1) Was ist Typo3... 3 2) Typo3 aufrufen und Anmelden...
Microsoft Access 2010 Navigationsformular (Musterlösung)
Hochschulrechenzentrum Justus-Liebig-Universität Gießen Microsoft Access 2010 Navigationsformular (Musterlösung) Musterlösung zum Navigationsformular (Access 2010) Seite 1 von 5 Inhaltsverzeichnis Vorbemerkung...