Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.

Slides:



Advertisements
Ähnliche Präsentationen
XHTML+CSS C3O 2003.
Advertisements

HyperText Markup Language
Body Der Body-TAG umrahmt nicht nur den sichtbaren Teil, sondern kann ihn auch verändern. Attribut Wert Beschriebung background Bild gibt.
Internet und Webseiten-Gestaltung
Webstandards Leinwandbindung Jeder Kettfaden liegt abwechselnd unter bzw. über dem Schußfaden Köperbindung Die Bindungspunkte am diagonalen Köpergrat.
CSS – Cascading Style Sheets
Zurück zur ersten Seite n Style Sheets sind im Prinzip Formatvorlagen für HTML-Dokumente n Über Style Sheets lassen sich zentrale Layout-Vorgaben für eine.
Dreamweaver Tatjana Funk. Gebrauchtwagenkauf DW ist ein visueller Editor DW ist ein WYSIWYG Editor (What you see is what you get.
HTML - Einführung Richard Göbel.
HTML - Eine erste Annäherung
Cascading Style Sheets
Document Object Model (DOM)
Tinosch Ganjineh, Christian v. Prollius 1 Scalable Vector Graphics SVG.
XHTML 1.1 C. Nimz Abstrakte Module XHTML 1.1 C. Nimz Was ist ein abstraktes Modul? Definition eines XHTML-Moduls in spezieller leichter.
Cascading Style Sheets
Park Körner VerlagHTML Einführung HTML - erste Informationen für Einsteiger.
Cascading Style Sheets CSS
Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel.
Teil 4 Formatierung mit CSS.
FH-Hof HTML - Einführung Richard Göbel. FH-Hof Komponenten des World Wide Webs WWW Browser HyperText Transfer Protocol (HTTP) via Internet WWW Server.
Vortrag HTML, XHTML, DHTML
Einführung in das Programmieren mit JavaScript Mag. Andreas Starzer weloveIT – EDV Dienstleistungen.
Informatik Anwendungen I
HTML (I) am Cern in Genf von Sir Tim Berners-Lee entwickelt
Layout mit CSS Iftikhar Ahmad Datum: 2.Juni.2005.
HTML-Editor Phase 5 (Download )
Typo3 Templates und TypoScript
Tutorium zur LV Online Research Ein Computerprogramm tut, was Du schreibst, nicht was Du willst.
PPS-Veranstaltung (Design einer eigenen WWW-Homepage) Navigationsmechanismen.
Aufbau einer Tabelle <table>: leitet Tabelle ein
Web-Publishing: HTML im Rahmen des PS aus Elektronischer Datenverarbeitung (Rechnerpraktikum)
Was bedeutet Block-Element?
ANDREAS LOHR, OLONDA S.R.O. Einfach anfangen mit HTML.
Oliver Spritzendorfer Thomas Fekete
CSS – Cascading Style Sheets
HTML und CSS Erstellung einer APP. HTML: head Sharky.
2 Internet- Technologie Seite 1 Prof. J. WALTER Kurstitel Stand: september 2002 Internet-Technologie Herzlich Willkommen Prof. J. Walter.
HTML HyperText Markup Language Die Programmiersprache des WWW
Einbinden von HTML Dateien
HTML 4.0 Einführung Prof. Peter Altmann. HTML Basics Tags treten normalerweise paarweise auf Tags können Parameter haben......
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
Einführung Prof. Peter Altmann
Barrierefreies Webdesign Überarbeitung der Homepage
Grete Kugler Webdesign - Teil 2 Tabellen und Listen Bilder.
GDS1 – Computertechnik HTML-Grundlagen <html> <head>
Hypertext Markup Language
Materialien zur Fortbildungsreihe C für die Informatik in SII
Hypertext Markup Language
HTML Grundkurs Patrick Cato.
Formulare in HTML.
Wie funktionieren Internetseiten? Html und Co – Teil 2 Heimo Reiter.
CSS Cascading Style Sheets
HTML Einführung.
Cascading Style Sheets
Cascading Stylesheets Staffelbare Formatvorlagen sind eine direkte Erweiterung von HTML und gestatten eine exaktere Gestaltung einer Webseite. Seit 1998.
HTML Hypertext Markup Language
prof. dr. dieter steinmannfachhochschule trier © prof. dr. dieter steinmann Folie 1 vom Montag, 30. März 2015.
© Manz Verlag Schulbuch Folie 1/5 Layout mit CSSAngewandte Informatik HMTL und CSS Lerneinheit 2 Grandhotel Die Lobby HTML für Struktur HTML und CSS Einbinden.
JavaScript Geschichte : Netscape entwickelt LiveScript (Syntax angelehnt an Java) - Umbenennung von Live Script in JavaScript - Mircrosoft.
Schulportfolio RS Bad Wurzach  Schulungsunterlagen  Bedienhinweise  Tipps  Anleitungen  Merkhilfen.
DHTML Begleitmaterial für den Kurs Dynamische Webseiten Rechenzentrum Universität Hohenheim Hani Sahyoun.
Internet - Grundbegriffe Unterlagen zum Kurs "Wie erstelle ich eine Homepage?"
Cascading Style Sheets1 Sprache zum Formatieren von HTML-Elementen Vom W3-Konsortium vorgeschlagen Einfach, aber mächtigere als Formatierungsmöglichkeiten.
Das Internet Ein Netzwerk, das viele Rechner miteinander verbindet
World Wide Web Internetdienst Besteht aus HTML-Seiten Hypertext Transfer Protocol Plattform- und Systemübergreifend Für CERN-Konferenz entwickelt (Übertragung.
Web-Design Wie erstelle ich eine eigene Webseite und bringe sie ins weltweite Internet Ein Kurs der Agenda 21 von Postbauer-Heng in Zusammenarbeit mit.
Was ist ein HTML-Dokument? - Ein WWW-Dokument, das mit anderen Dokumenten verknüpft ist. - Es kann beinhalten: Text, Bilder, Geräusche, Videos, Animationen,
Ein Winkellayout mit float
Einführung Prof. Peter Altmann
 Präsentation transkript:

Medien- Technik Millennium Edition 1 Minimales HTML-Dokument Datei: NeueSeite.htm Wie man einen Seitentitel einfügt Seitentitel

Medien- Technik Millennium Edition 2 Seitentitel Datei: NeueSeite.htm

Medien- Technik Millennium Edition 3 Seitentitel Datei: NeueSeite.htm Wie man eine Überschrift einfügt Überschrift H1

Medien- Technik Millennium Edition 4 Seitentitel Überschrift H1 Datei: NeueSeite.htm

Medien- Technik Millennium Edition 5 Seitentitel Überschrift H1 Datei: NeueSeite.htm Wie man einen Absatz einfügt Es gibt 6 Überschriftengrößen. H1 ist die größte, H6 die kleinste.

Medien- Technik Millennium Edition 6 Seitentitel Überschrift H1 Es gibt 6 Übersch H1 ist die größte, H6 kleinste. Datei: NeueSeite.htm Wie man ein Bild einfügt Überschrift H1 Es gibt 6 Übersch H1 ist die größte, H6 kleinste. Dies ist eine Über URL = Universal Resource Locator

Medien- Technik Millennium Edition 7 Überschrift H1 Es gibt 6 Übersch H1 ist die größte, H6 kleinste. Dies ist eine Über Datei: NeueSeite.htm

Medien- Technik Millennium Edition 8 Überschrift H1 Es gibt 6 Übersch H1 ist die größte, H6 kleinste. Dies ist eine Über Datei: NeueSeite.htm Wie man ein Html-Editor benutzt

Medien- Technik Millennium Edition 9 Gratis: Frontpage Express Netscape Composer Shareware: Hotmetal Käuflich: MS Frontpage MS Visual Interdev Adobe Pagemill Hotmetal Pro Wie man den Hintergrund färbt

Medien- Technik Millennium Edition 10 Wie man den Hintergrund färbt #XX RGB

Medien- Technik Millennium Edition 11

Medien- Technik Millennium Edition Zusammenfassung:

Medien- Technik Millennium Edition 13 Begriff: Offener Standard

Medien- Technik Millennium Edition 14 Wie man eine Tabelle erstellt Tabellen sind wichtiges Formatierungs- hilfsmittel für HTML-Seiten

Medien- Technik Millennium Edition 15 Dies ist ein Blindtext. Er dient ausschließlich dazu, das Aussehen der Schrift zu demonstrieren numnoi numnoi Dies ist eine einfache Tabelle ohne besondere Angaben zu das Aussehen Die Darstellung dieser Tabelle wird dem Browser überlassen. <img src="bild.gif" width="125" height="126"> In einer Tabellenzelle kann beliebiger Text stehen, auch bilder, weitere Tabellen usw. Wie man eine Tabelle erstellt

Medien- Technik Millennium Edition 16 Wie man eine Tabelle erstellt TabelleTabellenzeileTabellenstart Nonterminal (Rechteck) Terminal (runde Ecken) Syntax- Diagramme

Medien- Technik Millennium Edition 17 Wie man eine Tabelle erstellt TabelleTabellenzeileTabellenstart Nonterminal (Rechteck) Terminal (runde Ecken) Tabellenzeile Tabellenzelle Tabellenstart<table Tab-Param > noch nicht definiert

Medien- Technik Millennium Edition 18 Tabellen-Feinheiten <table border="10" cellpadding="10" cellspacing="10" width="400" bgcolor="yellow" bordercolor="blue" bordercolordark="red" bordercolorlight="green"> <td bgcolor="#FFFFFF" bordercolor="#00FFFF" bordercolordark="#00FF00" bordercolorlight="#FFFF00"> Diese Zelle... <td align="center colspan="2 background="bluenice.gif"> Verbundene Zelle colspan=2

Medien- Technik Millennium Edition 19 Literaturempfehlung Weitere Themen: CSS Cascading Style Sheets JavaScript DHTML Dynamic HTML Document Object Model

Medien- Technik Millennium Edition 20 H1 {border-width: 1; border: solid; text-align: center} Cascading Style Sheets: Externes Style Sheet H1 { border-width: 1; border: solid; text-align: center } Datei: common.css

Medien- Technik Millennium Edition 21 René Descartes Cogito, ergo sum! Res cogitans: denkende Substanz Subjekt, zur Erkenntis fähig Res extensa: ausgedehnte Substanz (erkennbare) Objekte Immanuel Kant Kategorische r Imperativ Was für Descartes das Objekt, ist für Immanuel Kant die Erscheinung, während als Objekt bei ihm das im Akt der Vorstellung vorgestellte Gedankending zu verstehen ist. In der modernen Sprachphilosophie und in der Logik wird jeder Gegenstand, auf den unterscheidend Bezug genommen werden kann, als Objekt bezeichnet. Informatik: Programmiersprachen-Objekt definiert durch Eigenschaften, Methoden, Ereignisse

Medien- Technik Millennium Edition 22 Browser-Objekt: window H4 H5 H6 P Table Td getAttribute() setAttribute() removeAttribute() S S.H1 S(H1) S(0)

Medien- Technik Millennium Edition 23 window.document Liste aller HTML-Elemente HTML HEAD TITLE META META STYLE BODY H1 P H6 P IMG STRONG EM U P EM STRONG U P window.document.all(11) JavaScript, VBScript: Manipulation dieser Objekte

Medien- Technik Millennium Edition 24 Document Eigenschaften: alinkColor (Farbe für Verweise beim Anklicken) bgColor (Hintergrundfarbe) charset (verwendeter Zeichensatz) cookie (beim Anwender speicherbare Zeichenkette) defaultCharset (normaler Zeichensatz) fgColor (Farbe für Text) lastModified (letzte Änderung am Dokument) linkColor (Farbe für Verweise) referrer (zuvor besuchte Seite) title (Titel der Datei) URL (URL-Adresse der Datei) vlinkColor (Farbe für Verweise zu besuchten Zielen) <!-- document.writeln('alinkColor=',document.alinkColor,' '); document.writeln('bgColor=',document.bgColor,' '); document.writeln('charset=',document.charset,' '); document.writeln('cookie=',document.cookie,' '); document.writeln('defaultCharset=',document.defaultCharset,' '); document.writeln('fgColor=',document.fgColor,' '); document.writeln('lastModified=',document.lastModified,' '); document.writeln('linkColor=',document.linkColor,' '); document.writeln('referrer=',document.referrer,' '); document.writeln('title=',document.title,' '); document.writeln('URL=',document.URL,' '); document.writeln('vlinkColor=',document.vlinkColor,' '); // -->

Medien- Technik Millennium Edition 25 Document Unterobjekte: all anchors applets areas embeds forms images Feld aller Bilder, images.length= Anzahl, images(0) das erste! layers links plugins <!-- document.writeln('images(0).src=',document.images(0).src,' '); UrBild = document.images(0).src; // --> <!-- function wechsel() { if (document.images(0).src==UrBild) document.images(0).src='bild2.jpg'; else document.images(0).src='bild.gif'; } // --> <img src="bild.gif" alt="bild.gif (1250 bytes) width="125" height="126" onclick="wechsel()">