8.16. Grundlagen HTML - Postscript sowie SVG-Grafik

Letztmalig dran rumgefummelt: 17.03.21 16:00:11

	HTML - also Hypertext Markup Language ist eine Seitenbeschreibungssprache. Die Darstellung auf der Seite wird nicht geschrieben, sondern durch Programmanweisungen notiert, wie sie aussehen soll. Dies war bereits die Idee des Anfangs, welche später nur noch konsequent fortgesetzt und eigentlich bis heut so beibehalten wurde.
	1. Die Geschichte von HTML   2. ... von Ordnern und Links & ZIP-Archiven   3. HTML-Grundgerüst   4. Basisformatierungen für einfache Websites   5. ... und Bilder mit Thumbnails?   6. Tabellen   7. Skalierbare Vektorgrafiken   8. Postscript   9. Weblinks 10. Verwandte Themen
	die Informatikseiten HTML-Logo begrenzt verwendbar - selbst aufpassen, ab welcher Stelle es Blödsinn wird ;-) Basiswissen der Informatik
	Quellen: JAVA-Script - das bhv-Taschenbuch Seite 23 ff. Technische und Theoretische Informatik  Seite ???
	... und das sagen die Profis zum Lernen von HTML - SELF-HTML ... die wirklich wichtigen Grundlagen zu HTML Kurzreferenz HTML Kurzreferenz CSS ASCII-Codes Self-HTML - das berühmte ... HTML-Kurzreferenz - hier ist schon das Wichtigste HTML-Kurzreferenz - hier ist schon das Wichtigste zusammengefasst CSS-Kurzreferenz - hier ist schon das Wichtigste zusammengefasst ... mehr zum Thema auch in Sachen HTML hier

1. Die Geschichte von HTML

	... eins vorab: die Geschichte des WWW-Dienstes ist nicht die Geschichte des Internets - das ist viel älter! NEIN - das World Wide Web hieß am Anfang auch gar nicht so und war in seinem Ursprung gar nicht so sensationell geplant. Deswegen hat das alles zu anfangs auch kaum jemand bemerkt.
	... wie das alles ging, haben wir hier zusammenfassend in der historischen Reihenfolge beschrieben

2. ... von Ordnern und Links & ZIP-Archiven

	Um das Prinzip des einfachen und speichersparenden Konzeptes zu verwirklichen, musste ein Werkzeug her, dass nur minimale Dateimengen in maximale Präsenz umzuwandeln.
	... wenn keine Menüleiste vorhanden ist - Schritt 1 ... wenn keine Menüleiste vorhanden ist - Schritt 2 ... wenn nun die Menüleiste vorhanden ist - Schritt 1 ... wenn nun die Menüleiste vorhanden ist - Schritt 2 ... wenn nun die Menüleiste vorhanden ist - Schritt 3 "Organisieren" anklicken ... "Layout" --> "Menüleiste" anklicken ... ... Menüpunkt "Extras" wählen ... "Ordneroptionen" wählen ... Sicht auf das Einstellungsfenster "Ordneroptionen"
	... im Steuerfenster Ordneroptionen Schritt 4 ... im Steuerfenster Ordneroptionen Schritt 5 ... im Steuerfenster Ordneroptionen Schritt 6 ... im Steuerfenster Ordneroptionen Schritt 7 ... im Steuerfenster Ordneroptionen Schritt 9 ... Registerkarte "Ansicht" wählen ... Auswahlschalter"Erweiterungen bei bekannten Dateitypen ausblenden" - diesen Optionsschalter deaktivieren und nicht OK!!! ... Button "Für Ordner übernehmen" anklicken ... Button "Ja" anklicken ... Button "OK" anklicken
	... wenn jetzt nicht "index.html" als Dateiname angezeigt wird, funktioniert das eben nicht als WWW-Seite - die WebBrowser können nur diese Datei-Endung richtig interpretieren ... Button "OK" anklicken
	Ordner-Strukturen für Websites Ordnerstruktur für eine Klasse 7 Basis-Ordnerstruktur für eine Schule komplexere Ordnerstruktur ab Klasse 9 Reale Ordnerstruktur dieser Website auf dem Server der Firma Kontent   HTML-Ordnerstruktur für Anfänger ... hier zum Download im CorelDraw 11.0-Format   HTML-Basis-Ordnerstruktur ... hier zum Download im CorelDraw 11.0-Format HTML-Ordnerstruktur für komplexere Anforderungenr ... hier zum Download im CorelDraw 11.0-Format ... praktisches Webhosting auf einem FTP-Server Ordnerstruktur für die Klasse 7 2021 am 17.3.201         HTML-Ordnerstruktur für Klassen 7 2021 ... hier zum Download im CorelDraw 11.0-Format
	<A HREF="adresse">Verweis-Text</A>
	ZIP-Archive ... natürlich ist das mehr, als hier beschrieben sein wird - wir nutzen nur den angenehmen Sachverhalt, dass aus vielen Dateien schnell eine Datei gemacht werden kann ZIP-Archive Vorgehensweise Ergebnis ... wer mehr wissen will ;-)   ... das ist zu tun Ausarbeitung Datenkompression Johannes Uhlig 2007

3. HTML-Grundgerüst

	Mit eigentlich nur sehr wenigen Tags kann eine einfachste Website bereits beschrieben werden. Diese benötigt primär nur die Info, dass sie eine HTML-Seite sein soll - das ist notwendig, weil das auch anders geht (PHP -  z. B.). Wenn das gesetzt ist, benötigt Deine Website zusätzlich nur noch einen HEAD, in welchen ein TITLE-Tag eingeschlossen sein sollte.
	Layout im Webeditor Layout der Website Verwendete Bais-Tags   ... einfaches HTML-Grundgerüst mit einer Überschrift sowie etwas Text im Body ;-) ... einfaches HTML-Grundgerüst im Web-Browsery ;-) <HTML>   <HEAD>     <TITLE>Dokumenten-Titel</TITLE>   </HEAD>   <BODY>     Das ist der Body der Website!   </BODY> </HTML>
	von Anfang an sollte man diese Fehler möglichst vermeiden: Worst-HTML

4. Basisformatierungen für eine einfache Website

	Mit nur wenigen Tags neben den Basis-Tags einer Website kann ein Web-Dokument bereits ganz schön aufgepeppt werden. Natürlich bemerkt man sehr schnell, dass Leerzeichen und ENTER-Tasten zum Formatieren nicht funktionieren.
	HTML-Grundgerüst mit Überschrift, Zeilenumbrüchen sowie einer Aufzählung ... einige neue Tags Aufzählungen - also Unnumbered Lists ... so soll Deine erste Website aussehen ... und hier steht nun schon etwas mehr an genutzten Formatierungs- und Gliederungs-Tags zur Nutzung an <BR> - Break-Tag - er fügt einen "Zeilenwechsel" ein - Besonderheit: kein Ende-Tag <H1> - Besonderheit: ergänzt automatisch einen Zeilenumbruch - er benötigt einen Ende-Tag <UL>   <LI>1. Listeneintrag</LI>   <LI>2. Listeneintrag</LI>   <LI>3. Listeneintrag</LI>   <LI>4. Listeneintrag</LI> </UL> ... Deine erste eigenen Website
	Hintergrundformatierung
	Schriftformatierung <font>text</font>

5. Bilder mit Thumbnails

	Nicht alle grafischen Formate sind für die Darstellung im Internet geeignet. Und da Bilder immer mit hohem Datenaufkommen verbunden sind, werden diese Bildinformationen für die Internet-Darstellung in komprimierten Verfahren genutzt.
	... und das ist die Aufgabe 2021 Ordnerstruktur für die neue "Schulseite" mit Fotos Beispiel-HTML-Struktur zur Aufgabe 1 2021 ... und dies ist die Aufgabe 1 2021 zum Thema HTLM - Entwicklung der Schulseite Ordnerstruktur für unsere Schulseite mit Einbindung von Fotos
	Allgemeiner Tag zum Bildeinbinden - der Image-Tag: <img src="ordner/dateiname.format"> Beispiel für eines der Schulbilder: <img src="fotos/Dscf1999.jpg">
	Komplexe Angaben zu Image-Tag zum Bildeinbinden: <img src="images/sachsen.gif" width="600" height="481" border="0" alt="" usemap="#landkarte"> <map name="landkarte"> <area shape="rect" coords="111,87,173,111" href="http://www.leipzig.de/" alt="Leipzig" title="Leipzig"> <area shape="rect" coords="342,175,414,196"href="http://www.dresden.de/" alt="Dresden" title="Dresden"> <area shape="rect" coords="222,254,301,275" href="http://www.chemnitz.de/" alt="Chemnitz" title="Chemnitz"> </map>

6. Tabellen

	Ein schier unendliches Feld - und doch: wenn man dies beherrscht, hat man das System eigentlich im Griff. Auch Windows-Server (und ich behaupte hier mal: diese besonders gut) lassen sich damit mit vertretbarem Aufwand managen.

7. Skalierbare Vektorgrafiken - kurz: SVG

	Ein schier unendliches Feld - und doch: wenn man dies beherrscht, hat man das System eigentlich im Griff. Auch Windows-Server (und ich behaupte hier mal: diese besonders gut) lassen sich damit mit vertretbarem Aufwand managen.
	SVG-Formate

8. Postscript

	Ein schier unendliches Feld - und doch: wenn man dies beherrscht, hat man das System eigentlich im Griff. Auch Windows-Server (und ich behaupte hier mal: diese besonders gut) lassen sich damit mit vertretbarem Aufwand managen.
	Postscript-Formate

9. Weblinks

	www.isascripts.org

10. Verwandte Themen

	Im Begriff Wide-Aera Network läuft ja nun eigentlich technisch die gesamte Informatik zusammen - können und wollen wir gar nicht alles bedienen - aber einiges haben wir und stellen es als Denkanstoß auf diesen Links zur Verfügung. Schnell ist man natürlich im Innenleben der Netzwerke - nur für ganz harte Burschen geeignet ;-)
	Bereich Rechnernetzdienste & -sicherheit Netzwerkkommunikation Ethernets Netwerktechnik OSI Referenz-Layer Netzwerkdienste Netzwerk-Topologie Netzwerk-Management Wissensrecherche und Antwortzeitverhalten Secuirty-Syteme in Netzwerken Server-Management Terminalserver LINUX-Server
	Bereich Schulnetzwerk Logische Grobstruktur des Netzwerkes am Gymnasium Flöha unsere Netzwerk-Domain ROCKUNIVERSUM zum Sprachlabor   Organisation des Netzwerkes im Gymnasium Flöha strategische Netzwerkplanung taktische Planung des Netzwerkes im Gymnasium Flöha Fachbereich Informatik am Gymnasium Flöha
	Bereich Netzwerkfunktionalität & Sicherheit Netzwerksicherheit Packet-Tracer 3.2 - ein Klasse-Teil Neotrace Portscanner - z. B. AA-Tools von Glock-Soft
	Bereich Protokolle & Verfahren Datenübertragungsverfahren OSI Referenz-Schichtenmodell die RS232-Schnitttstelle Tabelle des UNICODES Kryptologie Digitale Signale Information, Nachricht und Signalbegriff   Zahlensysteme Parity-Generatoren
	Bereich Rechnerarchitektur und Betriebssysteme Computergeschichte von-Neumann-Architektur Logo der Parallelrechnersystemee Betriebssysteme Mikroprozessoren
	Bereich Mikroprozessoren & Microcontroller der LC-80 POLYCOMPUTER Z80-CPU Mnemonic-Code-Notation höhere Programmierwerkzeuge ... und so funktioniert ein Computer   die beliebte alphabetisch sortierte Schnell-Liste die beliebte numerisch sortierte Schnell-Liste Allgemeine FLAG-Wirkung FLAG-Wirkung auf OP-Code-Gruppen Alphabetisch sortierte Dokumentation FLAG Teile I FLAG Teile 2 Allgemeine Funktionssymbolik Der LC-80 Simulator Microcontroller

zur Hauptseite

© Samuel-von-Pufendorf-Gymnasium Flöha

© Frank Rost am 1. Oktober 2009