Dozent: Thorsten Bachner E-Mail: tbachner@gmail.com
HTML = Seitenbeschreibungssprache, ca. 50 Vokabeln muß man lernen ;-)
Es gibt fertige Content-Management-Systeme, die die Programmierung schon beinhalten
Firefox (Browser, Open Source, steht für alle Betriebssysteme zur Verfügung) auf 26.0 stellen,
bei Firefox gibt Add-ons (bei Add-ons: jedes macht den Browser langsamer), andere Browser: Chrome, Internet Explorer, Safarie
FireFTP installieren und in die obere Leiste ziehen
Adblog Edge installieren
notepad++ installieren
Add-on
ist ein optionales Modul, welches bestehende Hard- oder Software erweitert. Hierfür werden die vorhandenen Bibliotheken der jeweiligen Anwendung genutzt und um neue Funktionen erweitert. Ein Add-on wird also umgangssprachlich wie ein Rucksack obenauf installiert, und kann jederzeit entfernt bzw. deinstalliert werden, ohne dabei die Funktionsweise der Hauptanwendung zu beeinträchtigen.
Wir verbinden uns per FireFTP (ist eine Fierfox-Erweiterung, aber ein eigenständiges Programm im Firefox) mit training und lebkuchen2014
F5 = bei WinDos heißt das aktualisieren
Nach dem Einloggen eigenen Ordner auf dem Server anlegen
Linke Seite ist unser Deskop/rechte Seite ist der FTP-Server (bei den Dateinamen Probleme ausschließen: immer alles klein schreiben, keine Umlaute, keine Leerzeichen, ect.)
Um direkt auf unsere Ordner zugreifen können:
www.w3.org = entwickeln das Internet (Ideen, Insider, Zuständig für die Weiterentwicklung), offenes Konsortium, bestimmt den Internet-Standard
Weiter Themen von w3.org: z. B., Grafiken, Audio & Video-Elemente, Mobile Web, Privacy
Welche Formate kann ich auf Websites einbinden? Ganz neu: Vektordaten, mit Canvas malen
Accessibility = Barrierefreiheit, Webseitenzugänglichkeit
Internationalisierung = nicht nur lateinisches Alphabet in die URL einsetzen, sondern auch z. B. chinesische, arabische Zeichen
Hinweis: t3n-Seite ansehe
---------------------------------------------------------------------------------------
Das Internet heute
Das Internet besteht aus 3 Säulen
Browser
- HTML = Struktur, Inhalt (sematische strukturelle Darstellung, Seitenbeschreibungssprache)
- CSS = Layout/Design (Gestaltung)
- JavaScript = Intelligenz einer Website (z.B. mit Ajax kann ein Datenstrom aufgenommen werden = das selbständig Inhalte ausgetauscht werden können)
- PHP (MySql)
---------------------------------------------------------------------------------------
Die Gesichte von HTML (Hypertext Markup Language)
HTML 1.0 HTML ist einfach
HTML 2.0
HTML 3.0, 3.2
HTML 4.0, 4.01
XML (um den Austausch von Daten vereinfachen,
neue Dateiformate, XML+HTML= XHTML)
XHTML1.0 (beides zusammen kombiniert)
XHTML1.1
HTML5 (noch kein offizieller Standard/permanente Verbesserung und Erweiterungen, nicht statisch)
---------------------------------------------------------------------------------------
HTML ist ASCII
Bit 01 (die kleinstmögliche elektronische Einheit im Bereich der
Informationstechnologie, O und 1), Binäres System
00000000 a
00000001 b
256 verschiedenen Zeichenketten
11111111
8 BIT = 1 Byte (jeder Buchstabe hat z. B. 1 Byte)
Zuordnungsvorschrift (ASCII) = American Standard Code of Information Interchange
Buchstaben werden mit 8 Bit übersetzt, d. h. jeder Buchstabe hat 8 BIT = 1 Byte
HTML-Dateien sind sehr klein, es reicht ein einfacher Texteditor um HTML-Datein zu erstellen
---------------------------------------------------------------------------------------
Aufgabe im Programm notepad++:
- "hallo" schreiben und in unseren Ordner ablegen und im Browser öffnen
- dann mit der Endung in .html abspeichern
- oder Datei "montag" anlegen und Steuerbefehlt <html> anlegen
Jeglicher Inhalt steht im Body.
Ganz am Anfang sagt man dem Browser, mit welcher Datei man arbeitet. Z. B. <!doctype html> ist ein HTML5-Dokument
Keine Kommentare:
Kommentar veröffentlichen