ALLGEMEINES WOMIT KANN ICH WEBSITES ERSTELLEN?
|
|
|
- Bernhard Kopp
- vor 7 Jahren
- Abrufe
Transkript
1 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 Stil Inline Styles... 6 <span>... 6 Style global... 7 Style im <head>... 7 Stylesheets Tabellen Hilfe es bewegt sich JavaScript Hallo Welt! Buttons Rechnen per Knopfdruch for Schleifen Wichtige Tags... 18
2 ALLGEMEINES Um eine Website zu erstellen werden wir in der AG 3 Sprachen gebrauchen. HTML, CSS und JavaScript. HTML erzeugt die Struktur, also das, was später zu sehen ist. Mit CSS bearbeiten wir das Aussehen (z.b. Farbe). Mit JavaScript wird die Seite interaktiv. Wichtig: Man braucht in der Regel mindestens 2 verschiedene Webbrowser um mit HTML zu programmieren. HTML wird nämlich vom Webbrowser interpretiert und der Code, den man geschrieben hat, kann je nach Browser, der ihn liest, anders dargestellt werden. Zur Sicherheit sollte man seine programmierten Seiten also mit mehreren Browsern testen. WOMIT KANN ICH WEBSITES ERSTELLEN? Um Websites zu erstellen, genügt ein einfacher Texteditor (z.b. Wordpad). In der Regel ist es aber besser einen Editor zu benutzen, der Syntaxhighlighting unterstützt. Dadurch wird der geschriebene Code etwas eingefärbt. Dies macht das Programmieren übersichtlicher. Arbeitet man mit einem normalen Texteditor, ist es wichtig, die HTML-Datei richtig zu speichern: Endung Dateiname:.html Dateityp: Alle Dateien
3 GRUNDGERÜST VON HTML Das steht immer am Anfang! öffnender Tag Titel der Website (wird in Tabs gezeigt) Zeichensatz UTF-8 Für die Suchmaschinen hierhinein kommt alles, was man später auf der Website sehen soll! TAGS UND ATTRIBUTE schließender Tag HTML Tags bestehen in der Regel aus 2 Teilen, einem öffnenden und einem schließenden Tag. Bsp.: <p> </p> Öffnender und schließender Tag umschließen den Inhalt wie ein Klammernpaar. Es gibt aber auch Ausnahmen. z.b.: <br /> oder <img /> Diese offenen Tags bestehen nur aus einem Teil. Erkennbar sind sie daran, dass der Slash (/) sich am Ende befindet. Sie werden dann verwendet, wenn ein Tag keinen Inhalt haben kann. Jeder Tag kann auch Attribute besitzen. Attribute legen die Eigenschaften, die ein Tag hat, näher fest. z.b.: <auto marke= audi modell= r8 > mein Auto </auto> Die Attribute stehen immer nur im öffnenden Tag. Aufgabe: Erstelle eine erste HTML-Seite und schreibe Text in den Body-Bereich. Speichere und sieh dir deine Website an.
4 LINKS href gibt das Ziel an, wohin man auf der Seite springen will. id ist die Sprungmarke. Möchte man zu einer Sprungmarke springen, muss in href das hash (#) geschrieben werden. LINKS AUF ANDERE SEITEN verlinkt auf eine Seite, die im selben Ordner, wie die erste Seite ist. verlinkt auf eine Seite und springt dort zur Sprungmarke unten. verlinkt auf eine Seite, die sich im Unterordner andereseiten befindet. verlinkt auf eine Seite, die sich in einem Ordner darüber befindet. verlinkt auf eine externe Internetseite. Durch target= blank wird beim Klicken auf den Link direkt ein neues Fenster oder ein neuer Tab geöffnet. (Was davon passiert hängt vom Browser ab). Um eine Sprungmarke (oder Sprungziel) zu setzen, wird das Attribut id verwendet. id kann in jedem Tag gesetzt werden, nicht nur in a. Aufgaben: 1. Erstelle ein langes Dokument und versehe es mit Links um an bestimmte Stellen zu kommen. Was passiert mit der Adresszeile, wenn man auf den Link klickt? 2. Erstelle eine zweite Seite und verlinke beide von dir erstellten Seiten. Benutze auch hier Sprungmarken.
5 BILDER img ist der Tag um ein Bild einzufügen. src gibt die Quelle an. Liegt die Quelle im selben Ordner, wie die Seite, muss man nur den Bildnamen mit der Dateiendung angeben. ansonsten auch den relativen Pfad vom Ordner der Seite aus gesehen. Man kann auch Bilder aus dem Internet verwenden: src= Dabei muss man aber das Urheberrecht beachten. height gibt die Höhe in Pixeln an und width die Breite. alt ist ein Alternativtext für Hörgeschädigte, oder falls das Bild durch einen Fehler nicht angezeigt wird. alt wird benötigt, damit die Seite valide ist. alt kann aber auch leergelassen werden: alt= Ein HTML-Dokument ist valide, wenn es allen Regeln für HTML entspricht: Es verwendet nur offiziele Tags und Attribute an Stellen, an denen sie erlaubt sind, es schließt alle Tags korrekt und enthält alle verpflichtenden Tags und Attribute. Valide ist für den Webentwickler koscher, halal und zuckerfrei in einem. (Definition aus Schrödinger lernt HTML 5, CSS 3 und JavaScript) META-TAGS Diese Tags kennst du schon aus dem Grundgerüst am Anfang dieser Erklärung. charset= UTF-8 gibt den Zeichensatz an, der verwendet wird. name= description wird für die Suchmaschinen verwendet name= author gibt den Autornamen an. Bei content= können freie Informationen eingetragen werden.
6 WEBSEITEN MIT STIL INLINE STYLES In diesem Kapitel wird es jetzt endlich etwas bunt. Und zwar mit CSS. Dafür brauchst du aber noch ein neues HTML-Tag. <SPAN> <span> ist ein Tag, das für sich allein rein gar nichts bewirkt. <span> ist NICHTS und hat keine Funktion. Durch das Hinzufügen von Attributen, kann es dann jedoch etwas bewirken. Probier das aus. Schreibe in einer Datei: <span> Test </span> und schau was passiert. In den <span> - Tag muss man nun das style-attribut setzen: Aber da geht noch mehr: Was bewirkt wohl background-color: #808080;? Achte beim style-attribut genau auf die Zeichen. Jeder Doppelpunkt und jedes Semikolon (;) ist wichtig. Farben kann man nicht nur durch die englischen Begriffe angeben, sondern auch als RGB Wert (Red, Green, Blue). Hierbei muss man aber darauf achten, dass die Zahl eine Hexadezimalzahl ist. Die ersten beiden Ziffern stehen für den Rot-Wert, die nächsten beiden für den Grün-Wert und die letzten beiden für den Blau-Wert. Such im Internet nach dem Begriff HTML Farben, so erhältst du als Suchergebnis verschiedene Farben und was du dafür eingeben musst. Aufgaben: 1. Füge ein <span> Element in deine Datei ein und passe den Text darin farblich an. Probiere einige Farben aus. 2. probiere das style-attribut in anderen Tags aus. Wichtig: Normalerweise verwendet man CSS NICHT auf diese Weise. Tut man dies doch, wird das als schlechter Programmierstil gewertet. Dadurch ist die spätere Internetseite auch sehr wartungsintensiv. Aufgabe: Überlege dir, weshalb dieses Inline-Styling unpraktisch ist!
7 STYLE GLOBAL Wenn du eine Website erstellst, dann erstellst du in der Regel nicht nur eine einzige Seite, sondern sehr viele. Wenn du nun das CSS im Code jeder einzelnen Seite in den verschiedenen <span> - Tags gesetzt hast, funktioniert das zwar, aber wenn du am Aussehen der gesamten Website etwas ändern willst, bekommst du Probleme. Dann musst du nämlich jede einzelne Datei nach allen <span>-tags durchsuchen und diese einzeln ändern. Um das zu vereinfachen, gibt es 2 Möglichkeiten: 1. im <head> -Bereich des HTML Dokuments 2. in einer eigenen Datei STYLE IM <HEAD> hier kommt der CSS-Code hinein In HTML 4 oder früheren Versionen muss das Attribut style= text/css gesetzt werden. In HTML 5 darf es gesetzt werden, muss aber nicht. Wie du sehen kannst, stehen alle CSS-Anweisungen im <style>-tag. p bedeutet, dass alle <p>-tags betroffen sein werden, span bedeutet, dass alle <span>-tags betroffen sein werden. Genau so funktioniert das auch mit sämtlichen anderen Tags. p bzw. span werden Selektoren genannt, weil sie dazu dienen, die entsprechenden Tags aus dem <body> zu selektieren (= auswählen). Diese Selektoren funktionieren in allen Browsern. Alle Anweisungen müssen wie oben gezeigt, zwischen geschweiften Klammern { } stehen. Nach jeder Anweisung muss ein Semikolon ( ; ) stehen. Aufgaben 1. Entferne aus deinem Dokument überall das style-attribut und verlagere die CSS Anweisungen in den <head>-bereich. 2. Füge Überschriften und andere Tags ein und bearbeite sie mit CSS. EIGENSCHAFTEN FÜR DAS GESAMTE DOKUMENT FESTLEGEN
8 Manchmal möchte man auch Eigenschaften für das gesamte Dokument setzen, und nicht nur für einzelne Absätze. Dann benötigt man den Selektor body. Durch den Beispiel-Code wird dafür gesorgt, dass der gesamte Text blau ist (und nicht schwarz, wie sonst üblich). Möchte man die Hintergrundfarbe der ganzen Seite festlegen, kann man folgenden Code benutzen: Dadurch wird die Hintergrundfarbe der gesamten Seite gelb und die Schrift blau. Aufgabe 1. Experimentiere mit Textfarben und Hintergrundfarben. Sowohl für das gesamte Dokument als auch mit einzelnen Absätzen und Tags. ID- UND CLASS- ATTRIBUTE SELEKTIEREN Oft möchte man aber nicht alle <p> oder <span>-tags usw. gleich formatieren. Um nun nur ganz bestimmte Tags auszuwählen, kann man nach dem id-attribut oder nach dem class-attribut selektieren. Denke daran: IDs müssen in einem Dokument immer einzigartig sein, d.h. eine bestimmte id darf es in einem Dokument nur ein einziges mal geben. Dies trifft aber nicht für das class-attribut zu..rot bezieht sich auf alle Tags, in denen das Attribut class= rot gesetzt wurde, ganz egal ob <p>, <span>, <h1> oder was auch immer. Der Punkt davor gibt an, dass es sich auf class bezieht. p.rot bezieht sich dagegen nur auf <p class= rot >, also nur auf <p>-tags, in denen das Attribut class= rot gesetzt wurde.
9 #blaueid bezieht sich auf die id= blaueid
10 Aufgabe 1. Tobe dich mit class und id aus! MEHRERE KLASSEN AUSWÄHLEN Manchmal ist es sinnvoll, einen bestimmten Bereich mehreren Klassen zuzuweisen. Das geht, indem man bei dem Attribut class= innerhalb der Anführungszeichen alle gewünschten Klassen angibt. Diese Klassen müssen alle innerhalb desselben class-attributs stehen und müssen durch ein Leerzeichen getrennt sein... HINTERGRUNDBILDER Mit diesem Code kannst du ein Hintergrundbild auswählen, das für die gesamte Seite gilt. Im Beispiel ist das Hintergrundbild eine jpg-datei mit dem Namen D3 und diese Datei befindet sich im selben Ordner, wie auch die HTML- Datei. Es ist natürlich auch möglich, ein Hintergrundbild für <span>, <p> oder alle anderen HTML-Tags zu definieren. Verwendest du ein Stylesheet muss die URL relativ zum Stylesheet angegeben werden!! Wie du aber siehst, wiederholt sich das Hintergrundbild ständig. Wenn du das nicht möchtest, kannst du das auch deaktivieren und zwar mit der Zeile: background-repeat: no-repeat;
11 Wenn du möchtest, dass sich das Bild nur von links nach rechts wiederholt, verwendest du: Wenn du möchtest, dass sich das Bild nur von oben nach unten wiederholt verwendest du : Auch die Position des Hintergrundbildes lässt sich bestimmen: Diese Zeile sorgte dafür, dass das Hintergrundbild von der oberen linken Ecke aus 20 Pixel nach rechts und 30 Pixel nach unten verschoben wird. Anstatt der genauen Angaben kannst du auch Schlüsselwörter verwenden: - left - center - right - top - bottom Man kann auch dafür sorgen, dass das Bild beim Scrollen mitläuft:
12 LINKS BEARBEITEN Auch Links können bearbeitet werden. Erscheinungsbild aller Links Erscheinungsbild aller Links, die schon einmal angeklickt wurden Mouseover-Effekt: Das passiert, wenn man mit der Maus über den Link fährt. SCHRIFTARTEN UND GRÖßEN Mit font-size: 14px; kann man die Schriftgröße anpassen. Mit font-familiy: Comic; setzt man die Schriftart fest. STYLESHEETS Möchte man ein Stylesheet (=Style-Blatt) verwenden, muss eine neue Datei für die Styles erzeugt werden. Alles, was man im Kapitel Style im <head> (Seite 7) in das <style> - Tag geschrieben hat, kommt in eine eigene Datei. Diese Datei kann auch mit dem normalen Texteditor erstellt werden. allerdings bekommt sie als Datei-Endung.css Der genaue Dateiname (oder auch der Pfad, falls die css-datei in einem Unterordner ist) wird unter href im <link> - Tag angegeben. rel= stylesheet ist in <link> Pflicht. Wie du bestimmt schon gemerkt hast, steht auch <link> im <head> - Bereich! Es ist auch möglich, mehrere <link> - Tags mit Stylesheets anzugeben und dazu auch noch zusätzlich CSS in den <head> -Bereich zu schreiben.
13 Sollte dabei etwas doppelt vorkommen, wird eine Eigenschaft aus dem Stylesheet durch eine Eigenschaft im <style>-tag überschrieben. Die Eigenschaft im <style>-tag wird durch ein style-attribut (z.b. <span style= ;> überschrieben. Aufgabe 1. Erstelle ein Stylesheet und implementiere es in dein HTML-Dokument TABELLEN <table> wird verwendet um eine Tabelle zu erzeugen. <tr> </tr> erzeugt in der Tabelle eine neue Zeile. Also alles, was zwischen <tr> und </tr> steht ist in einer Zeile in der Tabelle. Zwischen <th> und </th> oder zwischen <td> und </td> steht der Inhalt der Tabelle. Anstelle von 1, 2, 3 und so weiter, kann hier ganz normaler Text stehen. Momentan sieht diese Tabelle aber noch nicht wirklich nach einer richtige Tabelle aus. Dies muss man in CSS (also im <style>-tag ändern.
14 Nun dazu, was die einzelnen Zeilen machen: border: thin solid black; Der Rahmen soll dünn, eine durchgezogene Linie und schwarz sein. das kannst du alles bei border einsetzen: border-collapse: collapse; Das brauchst du in fast jeder Tabelle. Lösche die Zeile um zu sehen, wie die Tabelle sonst aussehen würde. margin-left : 20px; oder padding: 10px; Die Werte für margin oder padding brauchst du, um dafür zu sorgen, dass die Werte in der Tabelle nicht zu sehr gequetscht wirken. Ändere die Werte für margin und padding, oder vertausche margin mit padding um die Unterschiede zu sehen. Aufgabe 1. Erstelle eine Tabelle und fülle sie mit Inhalt. 2. Übernehme den <style>-tag in deinen Head-Bereich. 3. Ändere die Werte für margin und padding.
15 4. Lösche die Zeile border-collapse: collapse; und sieh was passiert. 5. Ändere die Zeile border und füge andere Angaben ein. (z. B. anstatt thin schreibst du thick) 6. Ändere die Schriftfarbe deiner Tabelle. HILFE ES BEWEGT SICH JAVASCRIPT HALLO WELT! Das erste Programm, das man schreibt hat immer den Titel Hallo Welt!. für unsere erste Bildschirmausgabe brauchen wir nicht viel. Nur ein ganz normales HTML Dokument. Wir müssen im Body-Bereich lediglich eine kleine Zeile ergänzen: Onload= bedeutet, dass eine Funktion beim Laden der Seite aufgerufen wird (wenn das so wie hier im body-tag steht). Die Funktion die aufgerufen wird ist alert( ). Was hier in den Anführungszeichen steht wird später als Text auf dem Bildschirm ausgegeben. Achtung: Da sowohl für onload, als auch für alert Anführungszeichen benötigt werden, muss man jeweils unterschiedliche Anführungszeichen verwenden. Aufgabe 1. Schreibe ein Dokument, dass beim Starten den Text Hallo Welt! ausgibt. BUTTONS Buttons kannst du ganz normal im Body-Tag einfügen. Das Attribut type= button sagt dem Programm, dass es sich eben um einen Button handelt. value= steht später auf dem Button. onclick= hier steht das, was passieren soll, wenn auf den Button geklickt wird. Im Beispiel erscheint der Text Hallo Welt! In der 2. Zeile des Beispiels siehst du, wie der Button mit CSS bearbeitet wurde. Das sollte man aber eigentlich besser im <style>-bereich machen. Man kann auch rechnen. Aufgabe
16 1. Eretze im Beispiel onclick= durch onclick= alert(2+3); Was passiert? Achte darauf hier in der Klammer keine Anführungszeichen zu setzen! RECHNEN PER KNOPFDRUCH. Durch den obigen Code werden zwei Zahlen, die in die Textfelder eingegeben werden, voneinander subtrahiert und das Ergebnis hinter das = geschrieben. Aufgabe 1. Übernimm den Code und probiere aus, ob es funktioniert. 2. versuche das gleiche mit einer Multiplikation und einer Division. 3. Versuche das gleiche mit einer Addition. (Was passiert? Warum? Wie kannst du das lösen?)
17 FOR SCHLEIFEN Mit dem obigen Code wird eine For-Schleife erstellt. Sie besteht aus 3 Teilen: for( Erzeugung einer Variablen und Festsetzung des Wertes ; Bedingung, wann die Schleife aufhört; was passiert nach jedem Schleifendurchgang) var i = 0 erzeugt eine Variable i mit dem Wert 0. i< 1000 Bedeutet, dass die Schleife so lange laufen wird, bis i den Wert 1000 hat. i++ bedeutet, dass i nach jedem Durchlauf um 1 erhöht wird.
18 WICHTIGE TAGS <p> </p> Absatz <h1> bis <h6> Überschrift 1. Ordnung bis 6. Ordnung <br /> erzeugt 1 Zeilenumbruch <a> </a> erzeugt einen Link Attribute: - href= - href= #unten - target= _blank gibt Adresse an wohin verlinkt wird verlinkt auf eine Sprungmarke, die mit id gesetzt wurde öffnet beim Klick ein neues Fenster oder einen neuen Tab <title> </title> im head-bereich: gibt Titel an <img /> erzeugt ein Bild Attribute: - src= - alt= - width= - height= Quelle Alternativtext Breite Höhe <span> </span> - bewirkt nichts
HTML & CSS. GIMP > Bild > Bild skalieren Unter diesem Menüpunkt kannst du die Bildgröße verändern. Beachte die Bildproportionen
Übung 1 HTML & CSS Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Lehrziel: Bilder auf Ansichtsbasis
Ü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:
Wert. { color: blue; }
CSS im Überblick HTML wurde vom W3C entwickelt, um die Inhalte einer Webseite zu gliedern und zu strukturieren. In HTML wird festgelegt, ob ein Textinhalt bspw. dies ist eine Überschrift oder
Inhaltsverzeichnis. 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...
CSS in HTML-Elementen. Syntax und Grammatik von CSS
CSS Grundlagen CSS3 - Cascading Stylesheets CSS-Dokumente in HTML einbinden CSS kann auf 3 Arten eingebunden werden: - in einer separaten CSS-Datei - im Kopfbereich des HTML-Dokuments - im einzelnen HTML-Element
Allgemeine 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
1 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...
Kennen, 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
Allgemeine 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-,
<html> <head> <title> Die Welt der Bäume </title> </head> <body> Hier ensteht eine Seite über Bäume. </body> </html> Abb. 2
Dieser html-kurs soll die Informatik-SchülerInnen meines Info-Kurses auf den Info-Quali vorbereiten. Das Werkzeug html soll einen in die Lage versetzten, die Programmierung von Web-Seiten zu verstehen
Inhalt. 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
Grundlagen-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:
4. 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
Nachbau 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.
HTML. 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,
3. Briefing zur Übung IT-Systeme
3. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 30.11.2016, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde: 09.11.2016,
DML Befehl: UPDATE II
HTML HTML-Datei HTML-Datei: Textdatei, die tags enthält Die Tags zeigen dem Webbrowser an, wie die Seite anzuzeigen ist Eine HTML Datei muss eine htm oder html Endung haben Eine HTML Datei kann man mit
E-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
4. 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
Inhalt. 1 Mit CSS beginnen 1. 2 Textauszeichnungen und andere Grundlagen 13
D3kjd3Di38lk323nnm xiii 1 Mit CSS beginnen 1 1.1 Formate definieren mit CSS......................... 1 1.1.1 lnline-formate............................. 3 1.1.2 Eingebettete Formate........................
Funktionen in JavaScript
Funktionen in JavaScript Eine Funktion enthält gebündelten Code, der sich in dieser Form wiederverwenden lässt. Mithilfe von Funktionen kann man denselben Code von mehreren Stellen des Programms aus aufrufen.
CSS - Cascading Stylesheets
CSS - Cascading Stylesheets Alfred Beringer HTBLVA für Textilindustrie und Datenverarbeitung Alfred Beringer 1 Überblick Kurze Einführung Deklarationen Selektoren Beispiele Alfred Beringer 2 CSS Formatierungssprache
Inhalt 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
Webdesign im Tourismus
Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.
Auf 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
Dreamweaver 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
Der CSS-Problemlöser
Rachel Andrew Der CSS-Problemlöser Über 100 Lösungen für Cascading Stylesheets 2., überarbeitete und aktualisierte Auflage «j dpunkt.verlag Inhalt 1 Mit CSS beginnen 1 1.1 Formate definieren mit CSS 1
Abgabetermin: , 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
3. Briefing zur Übung IT-Systeme
3. Briefing zur Übung IT-Systeme - Einführung in HTML, CSS und JavaScript Fragestunde, 30.11.2016, PC Pool Stand und Ausblick Einführung: 18.10.2016, 12.00 Uhr (c.t.), HS 4/PC Pool Fragestunde:, 12.00
Diese Site gibt es so nicht mehr, daher muss man in der Geschichte wühlen :
Nachbau der Website http://www.lake-festival.at/ Diese Site gibt es so nicht mehr, daher muss man in der Geschichte wühlen : https://archive.org/web/ dann Erstelle eine neue Bootstrapsite im Ordner lakefestival.
Joomla-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
Wir 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
Leitfaden zu Plone. Anmeldung: Scrolle zum Ende der NI-Startseite, klicke auf Seite bearbeiten, melde dich mit deinem HU- Benutzerprofil an.
Leitfaden zu Plone Anmeldung: Scrolle zum Ende der NI-Startseite, klicke auf Seite bearbeiten, melde dich mit deinem HU- Benutzerprofil an. Seite hinzufügen: Gehe zu der Ebene, auf der du die neue Seite
RÖ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...
PROFIL-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:
1 Einführung Die Sprachen HTML und XHTML Struktur einer HTML Seite Webseiten speichern... 2
HTML GRUNDLAGEN 1 Einführung.. 1 2 Die Sprachen HTML und XHTML. 1 3 Struktur einer HTML Seite 1 4 Webseiten speichern.. 2 5 Elemente für die Seitenstruktur 2 6 Seiten und Inhalte verlinken. 4 7 Sonderzeichen
EasyWeb CSS Editor. EasyWeb CSS Editor IACBOX.COM. Version Deutsch
EasyWeb CSS Editor Version 2.0.1 Deutsch 19.05.2014 In diesem HOWTO wird beschrieben wie Sie mit Hilfe des EasyWeb CSS Editor die Kunden-Anmeldeseite der IAC-BOX bearbeiten. EasyWeb CSS Editor TITEL Inhaltsverzeichnis
JavaScript II. Hochschule Karlsruhe Technik & Wirtschaft Internet-Technologien T3B250 SS2014 Prof. Dipl.-Ing. Martin Schober
JavaScript II Bildaustausch mit dem Attribut name und zwei Funktionen function asterix() { document.images1.src="bilder/asterix.jpg"; function obelix() { document.images1.src="bilder/obelix.jpg";
Wie in Bootstrap üblich, bestimmen vorgegebene Klassen die Gestaltung.
Bootstrap4 Layout Komponenten Teil 2 Inhalt: 1. Card 2. Accordion 1)cards In der Bootstrap Version 3 gab es die cards noch nicht. Dort wurden noch panels eingesetzt. In Bootstrap 4 wurde die Komponente
Webdesign-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
Informationsverarbeitung: Anleitung zu NVU Autor: Oberländer 2006
Webseiten Erstellung mit dem NVU Composer Das Boxenmodell Inhalt Das Boxen Modell... 2 Einleitung... 2 Vorgehen... 3 Planung... 3 Die Außenbox... 4 Änderung der Anweisungen in ... 6 Die weiteren
Funktionen in JavaScript
Funktionen in JavaScript Eine Funktion enthält gebündelten Code, der sich in dieser Form wiederverwenden lässt. Es können ganze Programmteile aufgenommen werden. Mithilfe von Funktionen kann man denselben
12. 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 $ %!&'(
Introduction 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
Mitschrift HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.
1. Stunde Mitschrift HTML Bildbearbeitung in Hinblick auf HTML. Dateinamen von Bildern: nur Kleinbuchstaben ohne Umlaute und Sonderzeichen BSP: auto.jpg fruehling.jpg bild_01.jpg Verstehen des Unterschiedes
Umsetzen 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
Übung Klebezettel. background, font, color, transform, width, height, margin, cursor, border. Web. Fach: BW1. Klasse: (Donnerstag) Datum:
1 2 Fach: Klasse: Datum: Web BW1 16.05.2019 (Donnerstag) Agenda Übung Klebezettel - background, font, etc. 3 4 Unser Ziel mit CSS: Die Gestaltung eines einfachen Textes in einen Klebezettel Übung Klebezettel
HTLM 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
Managen Sie Ihr 3D-Gebäudemodell interaktiv. Von Anfang an.
Managen Sie Ihr 3D-Gebäudemodell interaktiv. Von Anfang an. 1 QuickInfo, Tooltips Autor: pe/sl Version: 1.0, 2017-04-05 DESITE MD: 2.0.11 2 1 QuickInfo 3 1 QuickInfo Die QuickInfo ermöglicht einen schnellen
Übung: Überschriften per CSS gestalten
Übung: Überschriften per CSS gestalten Teil 1: Umsetzung eines Layouts mit zwei Überschriften mit zwei verschiedenen Hierarchieebenen, ergänzt durch einen beschreibenden Textabsatz. Teil 2: Wie Teil 1,
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
ANWENDUNGSSOFTWARE 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 ,
Position von CSS-Stilen. Inline(pro Tag) In Header. Extern in CSS-Datei
CSS CSS-Übersicht Cascading Style Sheets Formatierung 2.0: Anstatt durch Tags und Attribute jedes Mal die Formatierung neu zu gestalten, arbeitet man mit Formatvorlagen Später kann man sämtliche Bereiche
Inhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 6+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 14.09.2012
Cascading Stylesheets (CSS)
Cascading Stylesheets (CSS) Cascading Stylesheets trennen Webdesign vom eigentlichen Inhalt. Die Vererbung, sprich Kaskadierung, von festgelegten Stilen wird allerdings erst bei fortgeschrittenen Programmierkenntnissen
Grundlagen 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
CSS. 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
Ziehen Sie jetzt mit gedrückter linker Maustaste ein Rechteck auf dem Formulareditor auf. Lassen Sie die Maustaste dann los. Was passiert?
Vorraussetzungen: 1. Grundkenntnisse Windows NT 4.0 oder 98. 2. Einführung in die Bedienung der Computeranlage des Söderblom-Gymnasiums. 3. Einführung in die Benutzeroberfläche von Delphi 5.0 4. Sie müssen
Arbeitsblatt 6: Programmierung geometrischer Figuren
Arbeitsblatt 6: Programmierung geometrischer Figuren Die Karten, auf denen die Lärmmessungen dargestellt werden, bestehen aus einer Vielzahl geometrischer Formen. Diese geometrischen Formen ergeben zusammen
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
Meine Fakultät. Alumni-Portal HTML-Seiten im Portal Seite 1 von 8
Alumni-Portal HTML-Seiten im Portal Seite 1 von 8 Meine Fakultät Auf Wunsch wird jedem Fachbereich ein eigener Reiter im Alumni-Portal eingerichtet. Diese Seite bzw. die Unterseiten können Sie nach Wunsch
Hyper. Text. Markup. Language
Hyper Text Markup Language Dateiname und-endung Wir schreiben mit dem Editor eine HTML-Quelldatei, diese endet immer auf Punkt html, also beispielsweise: hello-world.html Wir verwenden in unseren Dateinamen
Fragen 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?
33 CSS in HTML einbinden
D3kjd3Di38lk323nnm 256 33 CSS in HTML einbinden Damit CSS auf HTML wirken kann, muss eine Verknüpfung hergestellt werden. Dafür stehen verschiedene Möglichkeiten zur Verfügung, die in diesem Kapitel beschrieben
Eine Schnelleinführung in CSS
Eine Schnelleinführung in CSS Michael Dienert 11. September 2013 Inhaltsverzeichnis 1 Was ist CSS? 1 2 Verwenden der CSS-Stylesheets 2 3 Struktur eines CSS-Stylesheets 2 4 Selektoren im Detail 3 4.1 Verwandschaftsbeziehungen:
Clubsite4Fun Administration:
Clubsite4Fun Administration: Farben und Schriftarten ändern Unser Fansite-Projekt macht Fortschritte: die Site präsentiert sich bereits mit neuer Kopfzeilengraphik und einem eigenen Logo. Irgendwie passt
So einfach geht es Unterlagen zur Einführung in das Internet/Intranet-Redaktionssystem der Kliniken MTK Stand: , Bjoern Koester
So einfach geht es mit @it Unterlagen zur Einführung in das Internet/Intranet-Redaktionssystem der Kliniken MTK Stand: 10.05.2011, Bjoern Koester Das @it-system... ist ein Content Management System (CMS)
Tutorial zum erstellen einer Webseite
Tutorial zum erstellen einer Webseite 2. Teil das Aussehen mit CSS bestimmen Vorbereitungen: Die HTML Grundlage anpassen, Änderungen sind fett geschrieben. Ab sofort werden wir mit zwei Dateien arbeiten,
PDF. PDF-Generierung aktivieren. Methode zum Erzeugen der PDFs. PDF-Format. Seitengröße. Anzunehmende Browserbreite
PDF Einstellungen zur PDF-Generierung. PDF-Generierung aktivieren Aktiviert die PDF-Generierung für diesen Mandanten. Der Link - über welchen auf der Website das PDF erzeugt wird - muss manuell ins Template
PresseBox Presseticker
PresseBox Presseticker Version 1.0 letzte Aktualisierung: 09.04.2013 2013 unn UNITED NEWS NETWORK GmbH, Karlsruhe Inhaltsverzeichnis Einführung... 3 Standard-Ticker... 3 Flying-Ticker... 3 Extended-Ticker...
Vorbereitung Termin 4
Vorbereitung Termin 4 Spezielle Links & Linkattribute 2 Ein Bild verlinken Das Ankerelement wird erst durch das Attribut href zum funktionierenden
Inhaltsverzeichnis. Schritt für Schritt zur eigenen Bildergalerie
Schritt für Schritt zur eigenen Bildergalerie Eine Bildergalerie ist eine Folge von Bildern, meistens Fotos, die sich die Besuchern Deiner Homepage und/oder Deiner Visitenkarte ansehen können. Die dahinter
Stand und Ausblick
Stand und Ausblick Einführung: 26.04.2017, 16.00 Uhr (c.t.), PC Pool Übung: 03.05.2017, 16.00 Uhr, PC Pool Übung: 10.05.2017, 16.00 Uhr, HS 020 Übung:, 16.00 Uhr, HS 020 Übung: 21.06.2017, 16.00 Uhr, HS
Scripting für Kommunikationswissenschaftler Gruppe C
Professur E-Learning und Neue Medien Institut für Medienforschung Philosophische Fakultät Scripting für Kommunikationswissenschaftler Gruppe C https://s-media-cache-ak0.pinimg.com/736x/9e/46/b5/9e46b5c98ae65d0880f37a30989781bb.jpg
Anleitung OpenCms 8 Der Textbaustein
Anleitung OpenCms 8 Der Textbaustein 1 Erzbistum Köln Textbaustein 3. September 2014 Inhalt 1. Der Textbaustein... 3 2. Verwendung... 3 3. Der Text-Editor... 4 3.1. Einfügen von Texten über die Zwischenablage...
Falls Sie den Hintergrund der Website schon kennen, wählen Sie am einfachsten die gleiche Farbe in Photoshop für die Schaltfläche.
1. Schritt Schaltfläche vorbereiten In Photoshop eine neue Datei in Größe der Schaltfläche erstellen. Hier: Breite: 100 Pixel Höhe: 50 Pixel Auflösung 72 dpi Hintergrund: Weiß* Der weiße Hintergrund ist
Hintergrundbilder. background-image. Werte: URL (Standort des Bildes) none inherit. Standard: none. Gilt für: alle Elemente.
HTML 8 Vorbereitung Hintergrundbilder background-image Werte: URL (Standort des Bildes) none inherit Standard: none Gilt für: alle Elemente Vererbung: nein => URL ist relativ zur Stylesheet-Datei anzugeben!
Aufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
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 Artikeleigenschaften...
HTML5 & SCC3. PC-Treff-BB VHS Aidlingen. Lothar R. Krukowski. Ein Überblick
HTML5 & SCC3 Ein Überblick 13.10.201 Agenda Neue Strategie HTML5 CSS3 Besonderheiten Anwendungen Beispiele - ( how to start? ) Literatur Neue Strategie Letzte Version von HTML und CSS HTML5 Erstellen der
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
Ändern der Schriftgröße für den Monitorexport
Ändern der Schriftgröße für den Monitorexport (Stand: 12/2017) In der Datei SUBST_ MO NITOR sind einige wenige Einträge zu ändern. Die Datei finden Sie im Programmverzeichnis von Untis: Wenn Sie diese
Inhalt. Vorwort 13. Einleitung 15. Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs Installation und erste Schritte 17
Inhalt Vorwort 13 Einleitung 15 Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs 16 1 Installation und erste Schritte 17 1.1 Die Installation von GoLive 5.0 17 Vor Beginn der Installation 17 Die
Aufbau eines Klassen-Selektors: selektor.klasse { css-eigenschaft1:wert1; css-eigenschaft2:wert2;...}
Cascading StyleSheets (CSS) Allgemein CSS (aufeinander aufbauende Stilvorlagen) wurden 1996 vom W3C standardisiert. dienen der Ergänzung strukturierter Dokumente wie HTML oder XML. Ermöglichen die Trennung
Navigation für Internetpräsenzen
Navigation für Internetpräsenzen Gestern und heute 2016 Navigieren in Internetseiten Das Wort Navigation wird den meisten bekannt sein und fast jeder kann eine Verknüpfung aus seinem alltäglichen Leben
Wie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
Wie lege ich eine neue Person an?
Referat VI.5 Internetdienste Wie lege ich eine neue Person an? Legen Sie einen neuen Ordner an Klicken Sie im Ordner "Personen" die Kategorie an, in der Sie eine neue Person anlegen möchten. Legen Sie
jquery Einstieg 2 CSS manipulieren; toggle, hide und show
jquery Einstieg 2 CSS manipulieren; toggle, hide und show Inhalt: 1. CSS-Eigenschaften manipulieren 2. Beispiel 2: Elemente ein- oder ausblenden - Animationen 3. Theorie - Methode.toggle() bzw. hide()
GISLUPE. Diese Angaben sind unbedingt einzuhalten, damit später die Informationen auch wieder abgerufen werden können.
Über die GISLupe ist es möglich, pixelgenaue Informationen innerhalb eines Projektes abzulegen und später auch wieder aufzurufen. Diese Informationen werden über eine Schnittstelle in Word erstellt und
Gestaltung von Head Bereich und Impressum bei der Partner-Website
1 Gestaltung von Head Bereich und Impressum bei der Partner-Website Dieser Ratgeber zeigt, wie Sie Texte in der Grösse anpassen, Stile und Formatierungen einfügen und ein eigenes Foto einbinden. 2 Webmaster-Alliance
Kennen, 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...
Der 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
Schritt-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,
01 Einführung in PHP. Einführung in PHP 1/13 PHP in Aktion
01 Einführung in PHP Einführung in PHP 1/13 PHP in Aktion PHP ist eine Programmiersprache, die ganz verschiedene Dinge tun kann: von einem Browser gesendete Formularinhalte auswerten, angepasste Webinhalte
Web 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
IT-Zertifikat: Allgemeine Informationstechnologien II Übungsblatt jquery
IT-Zertifikat: Allgemeine Informationstechnologien II Übungsblatt jquery Für unser Miniredaktionssystem, das wir im Laufe der nächsten Wochen / Monate entwickeln werden, verwenden wir eine der Website
Publizieren im Internet
Publizieren im Internet Eine eigene Homepage erstellen Teil 2 Margarita Esponda esponda@inf.fu-berlin.de Ein Bild als Hintergrund Webseite mit einen Bild als Hintergrund
<? $ZeilenMax = 9; $SpaltenMax = 9; echo "<pre>";
Vorbemerkungen Diese Schrittanleitung bezieht sich auf die Aufgaben 4 bis 6 von "Übung 2 - Schleifenbeispiele (1)" Sie soll als Anregung dienen, wie Sie Ihren Code blockweise erstellen und testen können.
Web-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.