Willkommen zum Brückensemester Kursthema: Frontend-Entwicklung für Webapplikationen M.Sc. Anna Prenzel, Sebastian Otto

Von der Webseite zur Website Bisher haben wir einzelne HTML-Seiten entwickelt Eine Website besteht aus mehreren HTML-Seiten, die miteinander über ein Menü verlinkt sind Beispiel: www.hszg.de

Begriffe Ein Webserver speichert Webseiten als Dateien ab (z.B. als HTML-Dateien) Ein Webserver hat einen Namen, wie z.B. hszg.de Ein Webclient kann über diesen Namen bestimmte HTML-Dateien anfordern, z.B. so: http://hszg.de/studium.html Der Server sendet dem Client die gewünschten HTML-Dateien Der Browser des Clients stellt die Dateien als Webseite dar

URL = Uniform Resource Locator Domainname = Second-Level + Top-Level-Domain www kann häufig weggelassen werden Beispiele: http://hrz.hszg.de http://de.wikipedia.org Second-Level-Domain Subdomäne = logische und physische Trennung der Website Eigenständige Organisation / Abteilung Eigenständiger Standort https: Authentifzierung und Verschlüsselung

Protokolle http: hyper text transfer protocol https: hyper text transfer protocol secure ftp: file transfer protocol

IP Adressen Jedem Computer im Internet ist eine Nummer zu geordnet, die IP-Adresse Aufbau z.B.: 192.168.120.101 4 Segmente, jeweils Zahlen von 0 – 255 (erstes Segment darf nicht 0 sein) Sowohl Clients, als auch Server besitzen IP-Adressen

IP Adressen Clients: erhalten IP-Adresse dynamisch vom Internet Service Provider (ISP) ISP: ermöglicht Ihnen den Internetzugang (z.B. Telekom AG) Server: besitzen eine statische IP-Adresse Beispiel: Hochschuladresse ist 141.46.8.68 Jeder IP-Adresse wird üblicherweise ein Domain-Name zugeordnet

DNS-Server Zuordnung von IP-Adressen zu Domain-Namen = Domain Name Service (DNS) Nameserver liefern auf Anfrage die IP-Adresse zu einem Domain-Namen

Das Zusammenspiel - Webseite ISP Nameserver HTTP request: “www.sitename.com” User Server (Host) IP Adresse 141.46.8.68 Web Page HTTP response

Domain-Registrierung Eine neue Domain muss bei einem Domain Name Registrar eingetragen werden (Liste) Überprüfung, ob Domain eindeutig ist Eintragung in den Nameservern Registrierung häufig bei einem Service Provider, der auch das Hosting übernimmt

HTTP vs. FTP Sie entwickeln eine Website lokal auf Ihrem Computer Mittels FTP-Protokoll wird die Website zum Server (Host) übertragen Die Übertragung wird durch ein bestimmtes Programm, wie z.B. FileZilla, übernommen HOST Web Page http F T P Browser View Editor on local PC

Zusammenfassung Eine Website ins Internet bringen: Registriere einen Domain-Namen Finde einen Service Provider (Host) Lade Dateien mittels FTP hoch Beispiel für Registrierung + Host: https://de.godaddy.com/

Übungsserver Ihr Webspace zum Hochladen Ihrer Projekte: http://www.webapp-frontend.org/vorname-nachname/