1.6 Vernetzung

FTP-Upload

FTP (Wikipedia) bedeutet File Transfer Protocoll und wird beispielsweise verwendet, um Dateien auf einen Server hochzuladen. Ein gutes frei verfügbares FTP-Programm für OSX ist Cyberduck.
Um sich mit dem Server zu verbinden brauch man Username und Password. Die Startseite einer Website heisst immer index.html (oder index.php). Wenn eine URL von einem Surfer aufgerufen wird, dann zeigt der Server diese HTML-Datei an. Sie ist die Startseite der Website.

Eine Website aus mehreren HTML-Dokumenten aufbauen und auf einen Webspace laden

Schema einer Webste

Eine (statische) Website besteht aus vielen HTML-Dokumenten und (mindestens) einem CSS-File. In jedem der HTML-Dokumente ist der Inhalt einer der Unterseiten der Website festgelegt. Das CSS-File wird in jedes HTML-File im head-Bereich eingebunden und stylt so die gesamte Website zentral.

Im letzten Abschnitt haben wir gelernt, wie man grundlegende Navigationen Aufbaut und stylt. Für eine einfache reale Website müsste nun jeder der Navigationsbuttons auf ein eigenes HTML-Dokument verlinken, das die jeweilige Unterseite der Website enthält.

Hier noch einmal die das Grundgerüst eines HTML-Dokuments:



<!DOCTYPE html>
<html>
	<head>
		<title>Hello World!</title>
		<meta charset="UTF-8">
		<meta name="keywords" content="Zeichnungen, Design, Portfolio, Kunst"> 
		<link href='stylesheet.css' rel='stylesheet' type='text/css'>
	</head> 
	<body>
    	In den body-Bereich werden alle Tags und Inhalte geschrieben, die später im Browserfenster angezeigt werden sollen.  
	</body> 
</html>	
    

Schema aus Startseite und Unterseiten
Navi aus: Home, Galery, Gallery-Unterseiten, About

Opening an Illustrator Dokument for Screendesign

In der Regel wird die Gestaltung einer Website zentral über eine CSS-Datei eingestellt, die in alle HTML-Dokumente geladen wird.

Opening an Illustrator Dokument for Screendesign

Struktur einer Website

Upload durch Cyperduck