SlideShare ist ein Scribd-Unternehmen logo
HTML ≠ Programmiersprache
HTML = Dokumentbeschreibungssprache

HTML beschreibt lediglich, wie das Dokument aufgebaut ist. Beispiel: In einem Do-
kument ist folgendes programmiert:

            <html>

              <head>
               <title>Dokumenttitel</title>
              </head>

              <body>
               <h1>Überschrift 1</h1>
               <p>Lorem Ipsum Dolor Sit Amet.</p>
              </body>

            </html>

Mit HTML wird einem Webbrowser jetzt lediglich das im Code fett geschriebene
übergeben. Der ganze kursive Teil sind bloß noch Kommandos welche dem Browser
den Befehl geben, beispielsweise den Fenstertitel des Browsers in den zu ändern,
welcher im HTML Dokument steht.

Grundlegend wird mit HTML schlussendlich einfach der ganze Aufbau der Webseite
inklusive dem Inhalt welcher dann auf dem Bildschirm ausgegeben wird program-
miert.




CSS ist keine eigene „Programmiersprache“. Es ist lediglich ein Zusatz zu HTML.
Wie eine Tastatur zu einem Computer. Der Computer läuft auch ohne Tastatur. Aber
mit ihr kann noch viel mehr mit dem Computer getan werden. Genau gleich wie
HTML & CSS. Ohne CSS kann HTML auch funktionieren. Mit CSS aber kann die
Webseite noch viel besser gemacht werden.

Mit CSS wird das ganze Design des HTML Dokuments festgelegt: Schriftart, Schrift-
farbe, Schriftgrösse, grösse von Elementen, Position von Elementen etc.
PHP kann ganz einfach in HTML eingebunden werden. Dabei ändert sich bloß die
Dateiendung. datei.html  datei.php

             <html>

               <head>
                <title>Dokumenttitel</title>
               </head>

               <body>
                <h1>Überschrift 1</h1>
                <p>
                  Lorem Ipsum Dolor Sit Amet.
                </p>
               </body>

             </html>

Mit PHP können Seiteninhalte verändert werden. Mit HTML muss ich den Text fix
einprogrammieren. Ohne das Dokument anzupassen, wieder ins Internet hochzula-
den und die Seite zu aktualisieren, kann ich Inhalte (Text, Bilder etc.) nicht verän-
dern. Mit PHP kann ich Inhalte nach Lust und Laune ändern/einfügen (Dynamische
webseite). Wenn ich beispielsweise den im Code oben fett markierten Text noch nicht
kenne, sondern ihn aus einer Datenbank auslesen lasse, kann ich dies ohne Probleme
tun. Ich setzte dann für diesen Text nur noch eine Variable.

             <html>

               <head>
                <title>Dokumenttitel</title>
               </head>

               <body>
                <h1>Überschrift 1</h1>
                <p>
                  <?php
                    echo $LoremText;
                  ?>
                </p>
               </body>

             </html>

Welcher Text jetzt wirklich in dieser Variable steht, kann ich beliebig in der Daten-
bank anpassen.
JavaScript ist auch einfach ein Zusatz zu HTML. Mit Javascript ist es aber möglich,
Animationen zu kreieren. Es können Beispielsweise einzelne Texte herumfliegen
oder Bilder können ihre Grösse ändern. JavaScript kann nicht alleine funktionieren,
was es von Java unterscheidet. JavaScript braucht immer auch die Elemente von
HTML (<div>, <p> etc.)




Java kann sehr gut auch ohne HTML funktionieren. Java wird beispielsweise für In-
ternetspiele gebraucht. Mit Java können Dinge erstellt werden, welche wie bei-
spielsweise Apps fürs iPhone funktionieren. Viele Spiele auf Online-Games Seiten
wie beispielsweise www.jetztspielen.de sind mit Java programmiert.




Flash funktioniert ähnlich wie Java. Flash ist nicht vom HTML abhängig. Flash ist
aber vom Flash Plugin abhängig. Ohne dieses Plugin kann die Seite nicht angezeigt
werden. Flash wird wie Java auch für Online-Games verwendet. Es gibt aber auch
sehr viele Webseiten, welche statt mit HTML mit Flash programmiert sind.

Weitere ähnliche Inhalte

Andere mochten auch

Impuesto a las_ganancias aguinaldo diciembre 2014
Impuesto a las_ganancias aguinaldo diciembre 2014Impuesto a las_ganancias aguinaldo diciembre 2014
Impuesto a las_ganancias aguinaldo diciembre 2014
Ignacio Barrios
 
Practica 3
Practica  3Practica  3
Practica 3
Robertogarita
 
Big Data für Verlage
Big Data für VerlageBig Data für Verlage
Big Data für VerlageFabian Kern
 
PORTAFOLIO ZAZ COMUNICACIONES - GRÁFICAS
PORTAFOLIO ZAZ COMUNICACIONES - GRÁFICASPORTAFOLIO ZAZ COMUNICACIONES - GRÁFICAS
PORTAFOLIO ZAZ COMUNICACIONES - GRÁFICASzazcg
 
Vortrag Recht 2.0
Vortrag Recht 2.0Vortrag Recht 2.0
Vortrag Recht 2.0sif1234
 
Practica 1
Practica 1Practica 1
Practica 1
Robertogarita
 
Dodo
DodoDodo
Navegadores web
Navegadores webNavegadores web
Navegadores web
cristiangonsalez
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
Robertogarita
 
Practica 1
Practica 1Practica 1
Practica 1
Robertogarita
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
Robertogarita
 
Practica 3
Practica  3Practica  3
Practica 3
Robertogarita
 
ElearningLGeassessment
ElearningLGeassessmentElearningLGeassessment
ElearningLGeassessmentgroissboeck
 
LAS AVENTURAS DE SAJHOKE
LAS AVENTURAS DE SAJHOKELAS AVENTURAS DE SAJHOKE
LAS AVENTURAS DE SAJHOKEsajhoke
 
Anemia
AnemiaAnemia
Anemia
LLUZZERO
 
new Html5 features and browser compatibility, Stand der Standardisierung, Übe...
new Html5 features and browser compatibility, Stand der Standardisierung, Übe...new Html5 features and browser compatibility, Stand der Standardisierung, Übe...
new Html5 features and browser compatibility, Stand der Standardisierung, Übe...
Sinan Akalın
 
Fiscalizacion electronica afip
Fiscalizacion electronica afipFiscalizacion electronica afip
Fiscalizacion electronica afip
Ignacio Barrios
 
#Tutorial computación básica II #Solange Zambrano
#Tutorial computación básica II      #Solange Zambrano #Tutorial computación básica II      #Solange Zambrano
#Tutorial computación básica II #Solange Zambrano
SOLAN123
 

Andere mochten auch (20)

Impuesto a las_ganancias aguinaldo diciembre 2014
Impuesto a las_ganancias aguinaldo diciembre 2014Impuesto a las_ganancias aguinaldo diciembre 2014
Impuesto a las_ganancias aguinaldo diciembre 2014
 
Practica 3
Practica  3Practica  3
Practica 3
 
Big Data für Verlage
Big Data für VerlageBig Data für Verlage
Big Data für Verlage
 
PORTAFOLIO ZAZ COMUNICACIONES - GRÁFICAS
PORTAFOLIO ZAZ COMUNICACIONES - GRÁFICASPORTAFOLIO ZAZ COMUNICACIONES - GRÁFICAS
PORTAFOLIO ZAZ COMUNICACIONES - GRÁFICAS
 
Vortrag Recht 2.0
Vortrag Recht 2.0Vortrag Recht 2.0
Vortrag Recht 2.0
 
Practica 1
Practica 1Practica 1
Practica 1
 
Gat2
Gat2Gat2
Gat2
 
Dodo
DodoDodo
Dodo
 
Navegadores web
Navegadores webNavegadores web
Navegadores web
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
 
Practica 1
Practica 1Practica 1
Practica 1
 
Elena1
Elena1Elena1
Elena1
 
Práctica 9
Práctica 9Práctica 9
Práctica 9
 
Practica 3
Practica  3Practica  3
Practica 3
 
ElearningLGeassessment
ElearningLGeassessmentElearningLGeassessment
ElearningLGeassessment
 
LAS AVENTURAS DE SAJHOKE
LAS AVENTURAS DE SAJHOKELAS AVENTURAS DE SAJHOKE
LAS AVENTURAS DE SAJHOKE
 
Anemia
AnemiaAnemia
Anemia
 
new Html5 features and browser compatibility, Stand der Standardisierung, Übe...
new Html5 features and browser compatibility, Stand der Standardisierung, Übe...new Html5 features and browser compatibility, Stand der Standardisierung, Übe...
new Html5 features and browser compatibility, Stand der Standardisierung, Übe...
 
Fiscalizacion electronica afip
Fiscalizacion electronica afipFiscalizacion electronica afip
Fiscalizacion electronica afip
 
#Tutorial computación básica II #Solange Zambrano
#Tutorial computación básica II      #Solange Zambrano #Tutorial computación básica II      #Solange Zambrano
#Tutorial computación básica II #Solange Zambrano
 

Ähnlich wie Programmiertechniken

Christian heilmann html 5 - das web und der browser als platform
Christian heilmann   html 5 - das web und der browser als platformChristian heilmann   html 5 - das web und der browser als platform
Christian heilmann html 5 - das web und der browser als platform
Christian Heilmann
 
HTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum StyleHTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum Style
Gino Cremer
 
Html Und Css
Html Und CssHtml Und Css
Html Und Cssborya
 
Semantic html5
Semantic html5Semantic html5
Semantic html5
Hans Mittendorfer
 
2 - Sprachen Des Semantic Web - XML
2 - Sprachen Des Semantic Web - XML2 - Sprachen Des Semantic Web - XML
2 - Sprachen Des Semantic Web - XML
Steffen Schloenvoigt
 
Einführung HTML (Geschichte + Basics)
Einführung HTML (Geschichte + Basics)Einführung HTML (Geschichte + Basics)
Einführung HTML (Geschichte + Basics)
guestb8fee
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
Felix Sasaki
 
Semantic html5
Semantic html5Semantic html5
Semantic html5
Hans Mittendorfer
 
15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen
Notes IT
 
Baustein 07 grundlagen-html-css-php
Baustein 07 grundlagen-html-css-phpBaustein 07 grundlagen-html-css-php
Baustein 07 grundlagen-html-css-php
Michael Kollmannsberger
 
1 dw-kv-baden
1 dw-kv-baden1 dw-kv-baden
1 dw-kv-badenzum
 
WordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisierenWordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisieren
Torsten Landsiedel
 
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
Karionis
 
Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.
Sabine Kronenberger PR für Nachhaltigkeit und Werte
 
Fortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische GrundlagenFortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische GrundlagenAndreas Kalt
 
Wissen das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen das du für die Arbeit mit Wordpress mindestens brauchst.Wissen das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen das du für die Arbeit mit Wordpress mindestens brauchst.
Sabine Kronenberger
 
JSN Teki Anpassungshandbuch
JSN Teki AnpassungshandbuchJSN Teki Anpassungshandbuch
JSN Teki Anpassungshandbuch
JoomlaShine
 
Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)
Jens Grochtdreis
 

Ähnlich wie Programmiertechniken (20)

Christian heilmann html 5 - das web und der browser als platform
Christian heilmann   html 5 - das web und der browser als platformChristian heilmann   html 5 - das web und der browser als platform
Christian heilmann html 5 - das web und der browser als platform
 
HTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum StyleHTML+CSS für Einsteiger - Vom Doctype zum Style
HTML+CSS für Einsteiger - Vom Doctype zum Style
 
Html Und Css
Html Und CssHtml Und Css
Html Und Css
 
Semantic html5
Semantic html5Semantic html5
Semantic html5
 
2 - Sprachen Des Semantic Web - XML
2 - Sprachen Des Semantic Web - XML2 - Sprachen Des Semantic Web - XML
2 - Sprachen Des Semantic Web - XML
 
Einführung HTML (Geschichte + Basics)
Einführung HTML (Geschichte + Basics)Einführung HTML (Geschichte + Basics)
Einführung HTML (Geschichte + Basics)
 
HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009HTML5 - presentation at W3C-Tag 2009
HTML5 - presentation at W3C-Tag 2009
 
Semantic html5
Semantic html5Semantic html5
Semantic html5
 
15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen15 DocPublisher - Anpassung Aussehen und Funktionen
15 DocPublisher - Anpassung Aussehen und Funktionen
 
Joomla
JoomlaJoomla
Joomla
 
Baustein 07 grundlagen-html-css-php
Baustein 07 grundlagen-html-css-phpBaustein 07 grundlagen-html-css-php
Baustein 07 grundlagen-html-css-php
 
1 dw-kv-baden
1 dw-kv-baden1 dw-kv-baden
1 dw-kv-baden
 
WordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisierenWordPress.com-Blogs individualisieren
WordPress.com-Blogs individualisieren
 
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
 
Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen, das du für die Arbeit mit Wordpress mindestens brauchst.
 
Fortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische GrundlagenFortbildung Schulwebsite: Technische Grundlagen
Fortbildung Schulwebsite: Technische Grundlagen
 
Wissen das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen das du für die Arbeit mit Wordpress mindestens brauchst.Wissen das du für die Arbeit mit Wordpress mindestens brauchst.
Wissen das du für die Arbeit mit Wordpress mindestens brauchst.
 
JSN Teki Anpassungshandbuch
JSN Teki AnpassungshandbuchJSN Teki Anpassungshandbuch
JSN Teki Anpassungshandbuch
 
Google - Einführung in die Suchmaschinenoptimierung
Google - Einführung in die SuchmaschinenoptimierungGoogle - Einführung in die Suchmaschinenoptimierung
Google - Einführung in die Suchmaschinenoptimierung
 
Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)Am Ende ist doch alles HTML (Jax 2010)
Am Ende ist doch alles HTML (Jax 2010)
 

Programmiertechniken

  • 1. HTML ≠ Programmiersprache HTML = Dokumentbeschreibungssprache HTML beschreibt lediglich, wie das Dokument aufgebaut ist. Beispiel: In einem Do- kument ist folgendes programmiert: <html> <head> <title>Dokumenttitel</title> </head> <body> <h1>Überschrift 1</h1> <p>Lorem Ipsum Dolor Sit Amet.</p> </body> </html> Mit HTML wird einem Webbrowser jetzt lediglich das im Code fett geschriebene übergeben. Der ganze kursive Teil sind bloß noch Kommandos welche dem Browser den Befehl geben, beispielsweise den Fenstertitel des Browsers in den zu ändern, welcher im HTML Dokument steht. Grundlegend wird mit HTML schlussendlich einfach der ganze Aufbau der Webseite inklusive dem Inhalt welcher dann auf dem Bildschirm ausgegeben wird program- miert. CSS ist keine eigene „Programmiersprache“. Es ist lediglich ein Zusatz zu HTML. Wie eine Tastatur zu einem Computer. Der Computer läuft auch ohne Tastatur. Aber mit ihr kann noch viel mehr mit dem Computer getan werden. Genau gleich wie HTML & CSS. Ohne CSS kann HTML auch funktionieren. Mit CSS aber kann die Webseite noch viel besser gemacht werden. Mit CSS wird das ganze Design des HTML Dokuments festgelegt: Schriftart, Schrift- farbe, Schriftgrösse, grösse von Elementen, Position von Elementen etc.
  • 2. PHP kann ganz einfach in HTML eingebunden werden. Dabei ändert sich bloß die Dateiendung. datei.html  datei.php <html> <head> <title>Dokumenttitel</title> </head> <body> <h1>Überschrift 1</h1> <p> Lorem Ipsum Dolor Sit Amet. </p> </body> </html> Mit PHP können Seiteninhalte verändert werden. Mit HTML muss ich den Text fix einprogrammieren. Ohne das Dokument anzupassen, wieder ins Internet hochzula- den und die Seite zu aktualisieren, kann ich Inhalte (Text, Bilder etc.) nicht verän- dern. Mit PHP kann ich Inhalte nach Lust und Laune ändern/einfügen (Dynamische webseite). Wenn ich beispielsweise den im Code oben fett markierten Text noch nicht kenne, sondern ihn aus einer Datenbank auslesen lasse, kann ich dies ohne Probleme tun. Ich setzte dann für diesen Text nur noch eine Variable. <html> <head> <title>Dokumenttitel</title> </head> <body> <h1>Überschrift 1</h1> <p> <?php echo $LoremText; ?> </p> </body> </html> Welcher Text jetzt wirklich in dieser Variable steht, kann ich beliebig in der Daten- bank anpassen.
  • 3. JavaScript ist auch einfach ein Zusatz zu HTML. Mit Javascript ist es aber möglich, Animationen zu kreieren. Es können Beispielsweise einzelne Texte herumfliegen oder Bilder können ihre Grösse ändern. JavaScript kann nicht alleine funktionieren, was es von Java unterscheidet. JavaScript braucht immer auch die Elemente von HTML (<div>, <p> etc.) Java kann sehr gut auch ohne HTML funktionieren. Java wird beispielsweise für In- ternetspiele gebraucht. Mit Java können Dinge erstellt werden, welche wie bei- spielsweise Apps fürs iPhone funktionieren. Viele Spiele auf Online-Games Seiten wie beispielsweise www.jetztspielen.de sind mit Java programmiert. Flash funktioniert ähnlich wie Java. Flash ist nicht vom HTML abhängig. Flash ist aber vom Flash Plugin abhängig. Ohne dieses Plugin kann die Seite nicht angezeigt werden. Flash wird wie Java auch für Online-Games verwendet. Es gibt aber auch sehr viele Webseiten, welche statt mit HTML mit Flash programmiert sind.