HTML Kurs für Anfänger. alfabm
|
|
|
- Arwed Bretz
- vor 7 Jahren
- Abrufe
Transkript
1 HTML Kurs für Anfänger alfabm
2 Das Grundgerüst einer HTML Seite Jede HTML-Seite sollte mindestens folgendes Grundgerüst besitzen: <HTML> Dies ist der einleitende Tag, der dem Browser darauf hinweist, dass das aufgerufene Dokument eine HTML Seite ist. <HEAD> Der Kopfbereich eines HTML Dokumentes. In diesem Bereich gehören verschiedene Tags & Skripte die für den Besucher unsichtbar sind wie z.b. die METATAGS, die nur für Suchmaschinen relevant sind oder Java-Skripte, mit denen Websites gerne aufgepeppt werden. Beispiel eines Head-Tags: <TITLE>Titel der HTML Seite</TITLE> Mit diesem Tag wird der Titel einer Seite angegeben, der dann auch im Browser als Titel angezeigt wird. </HEAD> Schließt den Kopfbereich. <BODY> In diesem Bereich werden sämtliche Informationen zur Gestaltung der Webseite wie Seitenfarbe, Hintergrundgrafik, Seitentext, Bilder etc. eingegeben. Allgemeingültige Tags zur Seitenformatierung: 1. Seitenfarbe <BODY BGCOLOR=Farbe nach Wahl> Als RGB-WERT oder Farbname 2. Seitenhintergrundgrafik <BODY BACKGROUND="Datei.gif"> Anstatt Hintergrundfarbe 3. Schriftgröße & Farbe <FONT SIZE=1-7 COLOR="farbwert> 4. Schriftdicke & Stellung <STRONG> = fette Buchstaben <i> = kursive Buchstaben 5. Sonstige Schriftformate <U> = Unterstrichen <BIG> = größere Schrift 6. Bilder & Animationen <IMG SRC="Datei.gif"> Grafiken im.gif &.jpg Format 7. Linie <HR> 8. Zeilenumbruch <BR> 9. Absätze <P>=Umbruch mit neuem Absatz <P ALIGN=LEFT> folgender Absatz links <P ALIGN=CENTER> zentriert <P ALIGN=RIGHT> rechts 10. Ausrichtung <CENTER> = Zentrierung ohne Absatz Generell werden durch Einfügen des selben Tags, allerdings mit Schrägstrich vor dem Tagnamen (z.b. </CENTER>) die vorhergehenden Befehle zur Formatierung aufgehoben. </BODY> Schließt den Seitenbereich ab. </HTML> Schließt das gesamte HTML Dokument ab. 2
3 Hintergrundfarben & Hintergrundbilder Die Hintergrundfarbe einer Webseite lässt sich im BODY-Tag der Seite festlegen, ebenso kann man dort auch eine Hintergrundgrafik angeben, die statt der Hingrundfarbe angezeigt wird. Hintergrundfarben: <BODY BGCOLOR=Farbe nach Wahl> Farbe nach Wahl= Als RGB-Farbwert (z.b. #5683AF) oder Farbname (z.b. Red) > Farbtabelle mit RGB-Werten (Hexcode) und Farbnamen Hintergrundgrafiken: <BODY BACKGROUND="datei.gif"> datei.gif = Grafikdatei die angezeigt werden soll (.gif -.jpg ) 3
4 Links ( Verweise ) zu anderen Websites Links sind ein wichtiger Bestandteil von Websites. Mit ihnen legt man Verweise zu Unterseiten des eigenen Projektes oder zu fremden Websites. Durch einen klich auf einen Verweis gelangt der Besucher so zu anderen Seiten. Links können über Schrift (Textlinks) oder Grafiken eingeleitet werden. Links mit Text <A HREF="ziel.html" target="_self">linktext</a> ziel.html = Name der Zielseite LINKTEXT = Text der als Link erscheint und beim Anklicken zur Zielseite führt target = Anweisung ob die Zielseite im eigenen oder in einem neuen Fenster aufgemacht wird target="_blank" - Ziel wird in einem neuen Fenster geöfftnet target="_self" - Ziel wird im selben Fenster geöffnet (standart) target="_top" - Im selben fenster als Vollbild Links mit Grafiken <A HREF="ziel.html" target="_self"><img SRC="grafik.gif" BORDER=0</A> ziel.html = Name der Zielseite target = Anweisung ob die Zielseite im eigenen oder in einem neuen Fenster aufgemacht wird grafik.gif = Name der Grafik die angezeigt werden soll und beim Anklicken zum Ziel führt BORDER = Normalerweise werden verlinkte Grafiken in einem Rahmen angezeigt. Mit BORDER=0 kann dieser Rahmen unterdrückt werden. 4
5 Hintergrundmusik in HTML Dokumenten Sounddateien lassen sich ebenfalls in HTML Dokumente einbinden. So kann beim Aufruf einer Webseite Hintergrundmusik abgespielt werden. Sounddateien müssen innerhalb des <BODY>.. </BODY> Tags mit folgendem Befehl eingefügt werden: Micro$oft Browser <BGSOUND SRC="Sounddatei" LOOP="Wiederholungen"> Sounddatei = Musikdatei im.mid oder.wav Format LOOP = Anzahl der Wiederholungen. LOOP="INFINITE" -> Unendlich, ansonsten eine Zahl notieren. Netscape Browser <embed src="sounddatei" autostart="true" loop="true" hidden="true" height="0" width="0"> Sounddatei = Musikdatei im.mid..au oder.wav Format autostart = Das automatische Abspielen muss mit "true" erzwungen werden. Loop = Anzahl der Wiederholungen. LOOP="true" -> Unendlich (keine Angabe von Zahlen möglich) hidden = "true" Versteckt den Abspielplayer im Netscape Browser, hier sind zusätzlich die Angaben height="0" und weight="0" erforderlic 5
6 Schriftarten, Schriftgrößen & Schriftfarben Die Schrift einer Webseite lässt sich im <FONT> Tag einstellen. Es lassen sich Schriftart, Schriftgröße, Schriftfarbe und einige weitere Formatierungen anwenden. Schriftart: <FONT FACE="schriftart"> schriftart = Hier wird der Name der Schriftart angegeben Hinweis: Die Schriftart muss auf den Rechner des Besuchers installiert sein, damit die Webseite richtig dargestellt werden kann. Ist die Schriftart nicht vorhanden, wird sie vom Browser durch eine Standart - Schriftart ersetzt. Darunter kann mitunter das Design leiden, wenn z.b. Grössen-verhältnisse plötzlich nicht mehr stimmen. Es empfiehlt sich mehrere Schriftarten getrennt durch Kommata anzugeben. So kann im Zweifelsfall eine ähnliche Schriftart geladen werden, und das Aussehen der Webseite bleibt einigermaßen ansehnlich. Schrifgröße: <FONT SIZE="grösse"> grösse = Hier sind Werte von 1 (sehr klein) - 7 ( sehr gross ) möglich. Zusätzlich lassen sich auch relative Werte angeben ( +1,+2 / -1, -2 ) Schriftfarbe: schriftfarbe = Schriftfarbe als RGB-Wert im Hexcode (#56FE4A) oder als Farbname (blue) > Farbtabelle mit RGB-Werten (Hexcode) und Farbnamen 6
7 HTML Sonderzeichen und Sonderformatierungen Nicht alle Browser & Betriebssysteme gehen mit Sonderzeichen wie Umlauten oder Satzzeichen gleich um. Deshalb ist es empfehlenswert, die allgemeingültigen Codierungen für Sonderzeichen aus dem HTML Codesatz zu verwenden. Die gebräuchlichsten HTML Sonderzeichen: Ä Ä ä ä Ö Ö ö ö Ü Ü ü ü ß ß < < > > & & " " Leerzeichen»» ««7
8 Tabellen in HTML Dokumenten Tabellen sind ein nützliches Mittel beim erstellen einer Website. Sie können an jeder Stelle einer Seite eingefügt und zur Gliederung, bzw. zum Layouten genutzt werden. Der Beginn einer Tabelle wird mit folgendem HTML-Tag eingeleitet: <TABLE> anschließend ist folgende Grunddefinition erforderlich: <TR> <TH>...</TH> <TD>...</TD> </TR> </TABLE> Neue Tabellenzeile Kopfzelle Datenzelle Ende der Tabellenzeile Ende der Tabelle Zur besseren Gestaltung der Tabelle können folgende Befehle verwendet werden: <TABLE BORDER=Zahl> <TABLE WIDTH=Zahl oder %> <TABLE HEIGHT=Zahl oder %> <TABLE CELLSPACING=Zahl> <TABLE CELLPADDING=Zahl> <TABLE BGCOLOR=farbe*> <TABLE BORDERCOLR=farbe*> Aussenrahmendicke in Pixel Gesamtbreite der Tabelle in Pixel oder prozentual zum Anzeigefenster Gesamthöhe der Tabelle in Pixel oder prozentual zum Anzeigefenster Abstand der Zellen zueinander in Pixel (Gitternetzdicke) Abstand des Zelleninhaltes zum Zellenrand Tabellenhintergrundfarbe Rahmen- und Gitternetzfarbe farbe* = Als RGB-Farbwert (z.b. #5683AF) oder Farbname (z.b. Red) ---> Farbtabelle Gestaltung der Tabellenzellen, Kopf- oder Datenzellen: 8
9 <TH oder TD Align=LEFT> <TH oder TD Align=CENTER> Ausrichtung links Ausrichtung mittig <TH oder TD Align=RIGHT> Ausrichtung rechts <TH oder TD WIDTH=Zahl o. %> <TH oder TD HEIGHT=Zahl o. %> Spaltenbreite der Zelle in Pixel oder prozentual zum Anzeigefenster Höhe der Zelle in Pixel oder prozentual zum Anzeigefenster Beispiel: <table width="293" border="1" cellspacing="2" cellpadding="0"> <tr height="20"> <td align="center" bgcolor="#00ccff" width="50%" height="20"><font size="2">test Tabelle</font></td> <td align="center" width="50%" height="20"><font size="2">2 Spalten</font></td> </tr> <tr height="20"> <td align="center" width="50%" height="20"><font size="2">2 Zeilen</font></td> <td align="center" bgcolor="#ff9900" width="50%" height="20"><font size="2">4 Zellen</font></td> </tr> </table> Erzeugt folgende Tabelle: Test Tabelle 2 Spalten 2 Zeilen 4 Zellen Allgemeines zu Grafiken Um Grafiken in Ihre HTML-Dateien einzubinden, muss man die Grafikdateien an gewünschten Stellen im HTML-Quelltext einfügen. Geeignete Dateiformate für Grafiken sind vor allem das GIF oder JPEG Format, allmählich aber auch PNG. Auch muss man darauf achten das die Grafiken nicht zu groß( kb oder MB) ist da es sonst zu längeren Ladezeiten kommen kann, was Besuchern der Webseite mit niedrigen Bandbreiten stören würde. Einfache Grafiken anzeigen lassen: <img src="testbild.png" alt="testbild"> Breite und Höhe angeben bei Grafiken: <img src="testbild.png" width="368" height="383" alt="testbild"> Rahmen um Grafiken: <img src="testbild.jpg" width="320" height="400" border="4" alt="testbild"> Grafiken per Hyperlink anzeigen: anstatt 9
10 <img src= testbild.jpg alt= Testbild > kann man auch einen Hyperlink benutzen das würde dann z.b. so aussehen: <img src= alt= Testbild > Wenn ihr hier was nicht gefunden habt dann empfehle ich euch Selfhtml.org Auf dieser Seite ist auch alles mit Beispielen erklärt und sehr leicht verständlich. Made by alfabm 10
Ergä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,
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
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> <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
Ü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:
Internetseiten selbst erstellt
Internetseiten selbst erstellt Vorüberlegungen: Übersichtsplan aller geplanten Seiten zeichnen und bereits logische Dateinamen überlegen. Inhalt der Seite Willkommen/Was gibt es zu sehen und was will ich
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
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...
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
7 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
Kommentare <! 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
HTML - 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
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
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
Einfü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
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
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,
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.
Einfü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
Grundaufbau 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
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
Grundaufbau 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
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,
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
Einführung in HTML. Hui Dai
Einführung in HTML Hui Dai Grundgerüst einer HTML-Datei HTML-Dateien bestehen aus Text. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte Tags markiert. Fast alle
Aufbau einer Tabelle
Aufbau einer Tabelle : leitet Tabelle ein border="wert": legt Umrandung fest : beendet die Tabelle : definiert eine Zeile : definiert eine Zelle Beispiel: dies
Was 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
ECDL 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
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:
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
Einbinden von Grafiken
Einbinden von Grafiken Tag bindet Grafik in HTML-Dokument ein Attribut src gibt Dateinamen an, in die die Grafik eingebunden werden soll Beispiel: 6. Grafiken 1 Grafikverweise Grafik kann nur geöffnet
VWA 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
Richtlinien für das Design der KML Webseite. KML TP2, Informationsdienste
Richtlinien für das Design der KML Webseite KML TP2, Informationsdienste Inhaltsverzeichnis 1. Einleitung...1 2. Textgestaltung...1 2.1. Absätze...1 2.2. Überschriften...2 2.3. Grafiken...2 3. Besondere
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
HTML-Grundlagen. Die Layout- und Formatierungsanweisungen heißen Tags, z.b.
HTML-Grundlagen HTML (Hypertext Markup Language) -Dokumente sind einfache Textdateien, die neben dem eigentlichen Text zusätzliche Anweisungen enthalten, wie das Dokument von einem Browser auf dem Bildschirm
Allgemeines. TU Dresden, 24.05.2006 Einführung in HTML Folie 2
Fakultät Elektrotechnik und Informationstechnik Einführung in HTML Dresden, 24.05.2006 Allgemeines HTML = Hypertext Markup Language 1991 am CERN in Genf entwickelt ( Tim Berners-Lee ) Ziel: wissenschaftliche
Vorlesungsinhalte. Internet und Webseiten-Gestaltung. Ausblick. Entwicklungsschritte
Vorlesungsinhalte Internet und Webseiten-Gestaltung Wirtschaftsinformatik 3 Vorlesung 2005-05-13 Dipl.-Inf. (FH) T. Mättig Stylesheets (CSS) Das CSS Box-Modell Fotos, Bilder, Grafiken Tabellen 2005-05-13
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
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
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
HTML-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
Slices und Rollover für die Startseite einer Bildergalerie
Slices und Rollover für die Startseite einer Bildergalerie Die größte Frage bei einer Webseite ist es, auf ggf. viele Informationen von der relativ kleinen Fläche eines Bildschirmes zu verweisen. Dabei
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
HyperTextMarkupLanguage
HyperTextMarkupLanguage 1) Die eigene Web-Seite in 10 Minuten 1.1 Welche Programme braucht man? Editor (aus dem Menü Zubehör) 1.2 Erstellen eines Grundgerüstes: Steueranweisungen in HTML: sogen. Tag :
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.
Übung zur Vorlesung Digitale Medien. Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015
Übung zur Vorlesung Digitale Medien Hanna Schneider Ludwig-Maximilians-Universität München Wintersemester 2014/2015 1 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur
ALLGEMEINES 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
Digitale 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
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
HTML - 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
ECDL WebStarter Syllabus Version 1.0
EUROPÄISCHER COMPUTER FÜHRERSCHEIN ECDL WebStarter Syllabus Version 1.0 Copyright 2004 Österreichische Computer Gesellschaft. Alle Rechte vorbehalten The European Computer Driving Licence Foundation Ltd.
Eine 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
BFWcms RT-Editor Handbuch
BFWcms RT-Editor Handbuch Letzte Aktualisierung: 26. Juni 2006, P. Preier, IKT BFWcms RT-Editor Inhaltsverzeichnis Editor starten...3 1. Vertikale Menübar...3 1.1. Speichern...4 1.2. Beenden...4 1.3. Neu
Manual Constructor Seite 1 von 27
Inhaltsverzeichnis 1 Überblick...2 2 Start der Anwendung...3 3 Neues Editor Fenster öffnen...4 4 Neues Editor Fenster verwenden...5 1 Befehlsleiste Commands...6 2 Befehlsleiste Font Look...7 3 Textbearbeitung...8
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
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.
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
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 ,
Inhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013
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...
Mini-Dokumentation zur Bearbeitung der Website massweiler.de
Mini-Dokumentation zur Bearbeitung der Website massweiler.de 10. März 2015 Die Website massweiler.de Die Website massweiler.de wird mit dem Content Management System (CMS) Joomla betrieben. Joomla ist
Hintergrundgrafik: <body background="datei.gif"> Hintergrundgrafik mit Wasserzeicheneffekt: <body background="datei.gif" bgproperties=fixed>
1 HTML-Kurzreferenz Grundgerüst HTML-Datei und Dateikopf Grundgerüst Farben, Hintergrundgrafiken, Hintergrundmusik text
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:
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
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
Web 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
Formatierung 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.
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
EasyHTML v1.0. Eine vereinfachte Seitenbeschreibungssprache
EasyHTML v1.0 Eine vereinfachte Seitenbeschreibungssprache Stand: August 2002 EasyHTML 1.0 Inhaltsverzeichnis 1. Systemvoraussetzungen a. Server b. Client 2. Struktur der Sprache, Einbindung 3. Funktionen
KEN, DTP, 07/ Produktion
KEN, DTP, 07/08 32 Produktion Siteverwaltung «Online» Siteverwaltung «Lokal» Sitestruktur Sämtliche Dateien einer (html, jpg, css), die am Ende der Produktion ins Internet gestellt werden, müssen in einem
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
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...
[Arbeiten mit dem Nvu Composer]
![[Arbeiten mit dem Nvu Composer]](/thumbs/66/55980364.jpg "[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
Rezepte in der Klammer-Strich-Methode schreiben
Rezepte in der Klammer-Strich-Methode schreiben LibreOffice 4.0.4 In diesem Text wird Schritt für Schritt erklärt, wie ein Rezept in der Klammer-Strich-Methode mit dem Programm LibreOffice Version 4.0.4
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...
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
Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Mozilla Composer. Ein kurzer Überblick
Tutorium Mozilla Composer Ein kurzer Überblick Vorbereitung: Projektordner erstellen Für jede projektierte Website wird zuerst ein eigener Projektordner erstellt, der alle zu publizierenden Dateien aufnimmt.
Word 2003: Grundlagen
Word 2003: Grundlagen Seite einrichten Menü Datei/Seite einrichten Kopf- und Fusszeilen Menü Ansicht/Kopf- und Fusszeile Dateiname, Datum usw. automatisch einfügen Seitenzahl Seite einrichten zwischen
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
Befehle zur physischen Formatierung
Befehle zur physischen Formatierung Fett: ... Kursiv: ... Unterstrichen: Schreibmaschineneffekt: Durchstreichen: ... ... ... Vergrößerter Text: ...
HTML- Editor Phase5. Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML kennen.
Quelle: http://www.clairette.de/tutorial/index.html http://www.meybohm.de Phase5 Editor Der Einstieg Dieser Einstieg ist für absolute HTML-Neulinge gedacht, die weder den Editor Phase5 selbst, noch HTML
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
Erstellen von Web-Seiten
Erstellen von Web-Seiten Grundlagen html: Zum Erstellen von html-seiten benötigen wir nur einen Text-Editor. Der Inhalt von HTML-Dateien steht in HTML-Elementen. HTML-Elemente werden durch so genannte
Kennen, 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
<!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:
Die 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
Kurzanleitung für Writer (LibreOffice 4)
Kurzanleitung für Writer (LibreOffice 4) Grundeinstellungen Standard-Arbeitsverzeichnis einstellen Vorlagen-Verzeichnisse einstellen Extras > Optionen > LibreOffice: Pfade: Arbeitsverzeichnis Extras >
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
Tabellen. Mit gedrückter Maustaste können Sie die Randlinien ziehen. Die Maus wird dabei zum Doppelpfeil.
Tabellen In einer Tabellenzelle können Sie alle Textformatierungen wie Schriftart, Ausrichtung, usw. für den Text wie sonst auch vornehmen sowie Bilder einfügen. Wenn Sie die Tabulator-Taste auf der Tastatur
50 Fragen zu HTML und JavaScript - mit Antworten
50 Fragen zu HTML und JavaScript - mit Antworten http://worgtsone.scienceontheweb.net/worgtsone/ - mailto: worgtsone @ hush.com Nov 21 2010 13. Oktober 2011 Inhaltsverzeichnis 1 50 Fragen 2 js bedeutet:
Übung zur Vorlesung. Digitale Medien. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid, Hanna Schneider Wintersemester 2015/16 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält
Digitale Medien. Übung zur Vorlesung. Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid
Übung zur Vorlesung Digitale Medien Vorlesung: Heinrich Hußmann Übung: Renate Häuslschmid Wintersemester 2016/17 Hyper Text Markup Language Beschreibungssprache von WWW-Seiten: Enthält die Struktur eines
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
Textbearbeitung im CKEditor
CKEditor (HTML) Textbearbeitung im CKEditor Der CKEditor ist ein freier, webbasierter HTML-Editor, der in onoffice integriert ist und die Erstellung von HTML-formatierten emails (Websiteformat) ermöglicht.
V 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
Dreamweaver MX Arbeiten mit HTML-Vorlagen
Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 03.06.2003, 8.30-13.00 Uhr 18.06.2003, 8.30-13.00 Uhr Dreamweaver MX Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten
Vorbereitung Termin 4
Vorbereitung Termin 4 Spezielle Links & Linkattribute 2 Ein Bild verlinken Das Ankerelement wird erst durch das Attribut href zum funktionierenden
Digitale 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