| |
Nachlese zum Clubabend
Publikation im Internet
Als Ergänzung zu den Unterlagen in unserem Medienarchiv findet Ihr hier eine reine Textversion des Vortrags vom Clubabend:
Links zu den Unterlagen
Was bedeutet „Publikation im Internet“?
Die Eigenständigkeit des Hosting
Man hat zwar mit einem persönlichen Webspace alle Freiheiten, aber den geringsten Komfort. Komplexere Aufgaben erfordern aufwändige Programmierung. Daher verwendet man CMS-System, wie zum Beispiel WordPress. Damit muss man sich aber den Regeln dieses CMS unterwerfen und verliert einige der Freiheiten. Die Gestaltungsfreiheit verliert man völlig, wenn man zum Beispiel auf Facebook publiziert.
Webspace – Cloudspace – FtpStorage
Cloudspace ist zwar in aller Munde aber es ist nur zum Speichern von Daten, nicht aber zum Publizieren geeignet. Dasselbe gilt für Ftp-Server.
Cloudspace (DropBox, OneDrive, Google-Drive, cc|drive...)
- Cloudspace dient zum Speichern von Daten im Web
- Cloudspace ist Speicherplatz, der nur indirekt ansprechbar ist. Dateien können downgeloadet aber nicht publiziert werden
- Die Dateinamen sind „gehashed“
- ClubComputer-Cloudspace: cc|drive
- https://drive.ccc.at
- User: <name>@ClubComputer.at
30 GB pro Mitglied kostenlos. Keine Installation erforderlich, Anmeldung auf drive.ccc.at mit der Club-ID genügt: <name>@clubcomputer.at
Webspace
- Webspace dient zum Publizieren von Daten im Web
- Webspace ist Speicherplatz, der über das http-Protokoll über einen Browser ansprechbar ist
- Computer, die das leisten, nennt man Webserver
- Jeder PC kann ein Webserver sein
- Aber wirkliche Webserver verfügen über etwas erweiterte Möglichkeiten (Redundanz, Leistungsfähigkeit, Backup, Ausfallsicherheit, 24/7-Betrieb, Fixe und öffentliche IP-Adresse)
- Webspace wird mit http gelesen und mit ftp beschrieben
Wie arbeitet ein Webserver?
Die Anfrage kommt als HTTP-Request über Port 80.
GET / default.htm
Die Kommandos des HTTP-Protokolls „sieht“ man nicht, nur den jeweiligen Inhalt der HTML-Dateien.
Servertypen
Die am meisten verbreiteten Server sind Apache und IIS. Apache läuft auf allen Betriebssystemen, ISS aber nur auf Windows-Servern. Anderseits kann am IIS man aus einer größeren Anzahl von Anwendungen wählen.
Daten am Webserver
|
Zugriff über
|
|
|
|
Dateisystem
|
D:/HostingSpaces/<User>/<Domain>/wwwroot/
|
<Pfad>/<Datei>
|
|
Browser (Ansicht)
|
http:///
|
<Pfad>/<Datei>
|
|
Browser (Verwaltung)
|
https://panel.ccc.at [Identifikation]
|
Dateimanager
|
|
Ftp-Client
|
ftp://<Ftp-User>/<Domain>
|
<Pfad>/<Datei>
|
Struktur WebSitePanel
- clubcomputer.at
- data (Schreibrechte)
- logs (Speicherung aller Zugriffe)
- wwwroot (alles hier wird publiziert)
Statisch – dynamisch
In einem statischen Web muss man alle erforderlichen Dateien selbst erzeugen und auf den Server laden. Es gibt aber Html-Generatoren, die man als Unterstützung heranziehen kann (Expression Web, Dreamviewer). In einem dynamischen Web werden alle Texte und auch alle strukturellen und optischen Eigenschaften in einer Server-Datenbank gespeichert und über eine einzige Startdatei aufgerufen.
Auf der Begrüßungsseite unseres WebSitePanel gibt der Menüpunkt „SpaceStatistics“ eine Übersicht über die belegten Ressourcen, außerdem kann man dort ein Backup anlegen.
WebSitePanel: DateiManager
Der Dateimanager kennt folgende Funktionen:
- Upload
- Download (Klick auf Datei)
- Neu Datei
- Neu Ordner
- Neu Access Datenbank
- ZIP
- UNZIP
- Kopieren
- Verschieben
- Löschen
- Umbenennen (Symbol bei Datei)
- Editieren (Symbol bei Datei)
- Rechte vergeben (Symbol bei Datei)
Welche Dateien sollte man nicht löschen?
- florian.clubcomputer.atwwwroot
default.htm meldet sich, wenn noch kein anderer Inhalt definiert wurde. Wir kündigen mit dieser Datei an, dass hier in Kürze ein Web entstehen wird. Damit dieser Text verschwindet, muss man selbst ein höherrangiges Stardokument definieren.
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<title>CC | Communications</title>
<style type="text/css">
.style1 {
border-style: solid;
border-width: 0px;
}
.style2 {
text-align: center;
font-family: Arial, Helvetica, serifenlos;
}
.style3 {
border-width: 0px;
}
</style>
</head>
<body>
<table width="100%" class="style1">
<tr>
<td>
<a href="http://www.clubcomputer.at/">
<img src="https://www.clubcomputer.at/images/cc-logo-grey-long.gif" class="style3" ></a></td>
<td align="right" style="float: none">
<a href="http://www.ccc.at/">
<img src="https://www.ccc.at/images/cc-communications-pur.png" class="style3" height=100 width=560></a></td>
</tr>
</table>
<p> </p>
<p> </p>
<p class="style2"><strong>Hier entsteht in Kürze eine neue Webpage eines
Mitgliedes von ClubComputer.at</strong></p>
<p class="style2"><strong>bitte um etwas Geduld.</strong></p>
<p class="style2"> </p>
<p class="style2"></p>
<p class="style2"> </p>
<p class="style2"><a href="http://www.ccc.at/">
<img src="https://www.ccc.at/images/hosted-by-ccc.gif" class="style3"></a></p>
<p class="style2"> </p>
<p class="style2"> </p>
</body>
</html>
web.config ist für die Speicherung verschiedener Servereinstellungen verantwortlich. Diese Datei wird durch einen ASPX-Prozess analysiert, daher kann man auch die Servererweiterung ASPX nicht abschalten.
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<system.webServer>
<directoryBrowse enabled="false" />
<defaultDocument>
<files>
<clear />
<add value="default.htm" />
</files>
</defaultDocument>
<httpErrors errorMode="Detailed" existingResponse="PassThrough" />
<staticContent>
<mimeMap fileExtension=".mime" mimeType="text/plain" />
</staticContent>
</system.webServer>
<system.web>
<compilation debug="true" />
</system.web>
</configuration>
Domäne und Webspace
- Wenn Webspace angelegt wird, muss ein Domänenname vergeben werden.
Für Mitglieder ist das <name>.clubcomputer.at
- Wenn es gewünscht wird, können zum selben Webspace weitere Domänen hinzugefügt werden, zum Beispiel <name>.at
- Der Webspace ist dann sowohl unter
<name>.clubcomputer.at als auch unter
<name>. at erreichbar
- Der Verzeichnisname ist aber immer der beim ersten Anlegen, also <name>.clubcomputer.at oder <name>.at
- Man kann beliebig viele Domänen zu einem Webspace hinzufügen
Websiteverwaltung
Die Verwaltung eines Webs erfolgt über das WebsitePanel -> Websites. Die Einstellungen sind aufgeteilt in die Bereiche:
- Heimatordner
- Virtuelle Verzeichnisse
- .htaccess
- Erweiterungen
- Benutzerdefinierte Fehler
- Kopfzeilen
- MIME-Typen
Was ist „www“?
- Alle unsere Webs können sowohl unter <name>.clubcomputer.at als auch unter
<name>.clubcomputer.at aufgerufen werden.
- www ist ein Subdomäne, die auf denselben Speicherplatz zeigt wie auch die Domäne selbst
- Manche Webs im Internet sind so konfiguriert, dass sie nur mit dem Präfix www aufgerufen werden können.
Mehrere Domänen
Alle für einen Benutzer reservierten Domänen sind gleichrangig. Aber der erste eingetragene Domänenname legt auch den Namen des Verzeichnisses fest und kann danach nicht mehr geändert werden. Alle anderen Domänen sind Websitezeiger und zeigen auf denselben Webspace. Es ist also egale, welchen Domänennamen man für den Aufruf des Webs benutzt.
Woraus besteht eine Webseite?
- Eine Webseite besteht aus einem HTML-Kode, der beschreibt, wie die Seite strukturiert ist, sowie aus weiteren Dateien, die nachgeladen werden
- CSS-Dateien (Style Sheets, Formatvorlagen)
- JS-Dateien (JavaScript-Code)
- JPG-, GIF- oder PNG-Dateien
- MP3-, oder MP4- (Audio- oder Video-)-Dateien
- Bei dynamischen Webs auch PHP- und ASPX-Dateien
Wie werden Dateien am Server verarbeitet?
- .htm .html .jpg .gif .css .js .mp3 .mp4 Ein Server sendet alle Dateien, die am Server als MIME-Type definiert sind.
- .asp .aspx .php .jsp Wenn es sich um serverbezogene Dateiendungen handelt, wird die Datei dem entsprechenden Compiler/Interpreter zugewiesen
- .xyz Wenn eine Datei nicht als MIME-Type definiert ist, passiert nichts
- Unbekannte Dateien generieren den Fehler 404 „nicht vorhanden“.
Error 404 – not found
Wird eine Seite nicht gefunden, liefert der Server eine Fehlerseite. Der Benutzer kann aber auch eigene Fehlerseiten definieren.
Was ist ein Startdokument?
- Ein Webserver verwaltet ganz normale Verzeichnisse, deren Inhalt zum Browser gesendet werden soll.
- Wenn der Benutzer keinen Dateinamen angibt, wird in einer Tabelle von Dateinamen (=Startdokumente), der erste gesucht, den es auch in dem betrachteten Verzeichnis gibt.
- Typische Startdokumente: default.htm, default.html, default.asp, default.aspx, index.htm, index.php
Wenn man keine Datei angibt?
- Wenn eine Website ohne Pfad und/oder Datei aufgerufen wird, gibt es folgende Möglichkeiten
- Ordner anzeigen erlaubt
- Anzeige Startdokument, wenn es existiert
- Wenn nicht, Ordnerinhalt anzeigen
- Ordner anzeigen nicht erlaubt
- Anzeige Startdokument, wenn es existiert
- Fehlerseite: „Ordner durchsuchen verboten“
Wer braucht eine Serversprache?
- Wenn man nicht selbst programmiert, braucht man eine solche Sprache, wenn man auf dem eigenen Web eine Anwendung installiert.
- Für den IIS gibt es sowohl ASPX-Anwendungen als auch PHP-Anwendungen
- Beispiel: GalleryServerPro (=ASPX), WordPress (=PHP)
- Die Serversprache wird unter Website -> Erweiterungen aktiviert
- ASPX kann man nicht ausschalten, weil es für die Bearbeitung der web.config benötigt wird
Virtuelle Verzeichnisse (MiniWeb im Web)
- Was ist ein Virtuelles Verzeichnis?
- Es ist ein Name, der in wwwroot stellvertretend für irgendein Verzeichnis am Server verwendet werden kann
- Wann braucht man sie?
- wenn Teile des Webs außerhalb von wwwroot gespeichert sind (zum Beispiel Bilder; Musik, Videos und/oder Dokumente)
- Wenn ein Web aus mehreren unabhängigen Teilen besteht und diese Teile anders zu konfigurieren sind (zum Beispiel mit „Verzeichnis durchsuchen=ja“)
- Für mehrere installierte Webanwendungen (GalleryServerPro und WordPress)
Wer braucht MIME-Typen?
- Eigentlich kommen die MIME-Typen vom Mail-Dienst. Dort musste man zu einem Dateianhang dazusagen, was das denn eigentlich ist, denn der sendende Client muss ja nicht unbedingt von derselben Bauart sein wie der empfangende und daher sendet man eine Datei und dazu als Information, was diese Daten eigentlich sind.
- Eine Dateiendung, wie sie bei Windows üblich ist, genügt da nicht, weil sie am Zielsystem gar nicht existieren muss oder einfach anders ist.
Die MIME-Typen des Web-Servers
- Der Webserver hat ein ganz ähnliches Problem wie das E-Mail-Protokoll. Er weiß nicht, welcher Bauart seine Clients sind. Daher schickt er ihnen zu jedem Datenstrom auch den zugehörigen MIME-Typ, damit der Browser weiß, wie er damit umzugehen hat.
- Vordefinierte MIME-Typen (.extension MIME-Type):
- .htm text/html
- .txt text/plain
- .jpg image/jpeg
- …
MIME-Type selbst definiert
Das WebSitePanel erlaubt die Definition eigener MIME-Typen, damit eine Datei auch mit dem richtigen Format an den Browser geschickt wird.
Ein Dateityp wird nicht geschickt
- Wenn man eine ungewöhnliche Dateitype zu verarbeiten hat, die eben nicht als MIME-Typ definiert ist, muss man diesen Typ im eigenen Web bekannt machen
- http://florian.fiala.cc/mime/test.mime
- liefert
- Die Endung .mime existiert nicht als vordefinierter MIME-Typ,
- doch wurde dieser Typ für diese Demonstration
- in den Servereinstellungen als text/plain definiert.
- http://florian.fiala.cc/mime/test.nomime
Wie vergibt man Lese- und Schreibrechte?
- Default:
- Lesen: jeder Browser/DotNetProzess darf alle Dateien in wwwroot lesen
- Schreiben: jeder Browser/DotNetProzess darf alle Dateien in data lesen und schreiben
- Leserechte entzieht man, wenn man ein Verzeichnis vor Zugriff schützen will.
- Schreibrechte vergibt man, wenn das Programmpaket das erfordert.
- Bei PHP-Programmen ist der Prozess gleich dem Namen der Website
- Bei ASP-Programmen ist der Prozess „NETWORK_SERVICE“
Rechte für einzelne Benutzer
(Achtung dieser Abschnitt enthält noch einen unbekannten Fehler.)
- Damit einzelne Benutzer berechtigt werden können, einem Ordner zu sehen (Datei allein geht nicht), verwendet man die Datei .htaccess, die aber interaktiv angelegt wird.
- Beispiel: User hans, PW ccc.at1 darf Verzeichnis versteckt sehen.
- WebsitePanel -> Website -> .htaccess -> Add .htaccess ->
- Show Security Options -> Add User -> hans/ccc.at1
- /versteckt/.htaccess -> Security Options
- Wenn ein durch .htaccess geschützter Ordner angeklickt wird, erfolgt eine Abfrage von Nutzername und Passwort
Installation von Anwendungen
- Eine Anwendung ist ein Programmpaket, basierend auf ASPX oder PHP, welches anstelle eines eigenen (statischen) Webs in wwwroot oder in einem Unterverzeichnis installiert wird (vorzugsweise in einem virtuellen Verzeichnis wegen der Möglichkeit, die Konfiguration zu verändern).
- Für diese Anwendungen gelten dann eigene Regeln und ganz besondere Konfigurationsvorschriften.
- Das WebSitePanel erlaubt die automatisierte Installation einer Anwendung
- Vorsicht: wir installieren WordPress und GalleryServerPro lieber manuell, um dann Schwierigkeiten im Betrieb zu vermeiden
Mehrere Anwendungen auf einer Website
Man kann durchaus mehrere Anwendungen auf einem Webspace installieren. Jede Anwendung kommt in ein eigenes Unterverzeichnis. Jedes dieser Unterverzeichnisse wird als virtuelles Verzeichnis definiert, damit man diese Anwendungen auch unabhängig konfigurieren kann.
Wie kommen die Dateien auf den Server?
- WebSitePanel
- Dateimanager -> Verzeichnis wählen -> Uplaod
- FTP
- WebSitePanel -> FTP-User anlegen
- Mit Windows-Explorer, FileZilla, TotalCommander, ExpressionWeb (Frontpage) oder Visual Studio uploaden
- Mit einer Anwendung mit Upload-Funktionalität
- WordPress: Medienmanager
- GalleryServerPro: Manage -> AddMedia
Einstellungen für FTP-Upload
- Domain (Beispiel): florian.clubcomputer.at
- FTPserver: florian.clubcomputer.at
oder ftp.ccc.at
- FTPuser: florian (in WebSitePanel einstellen)
- FTPpw: _____ (in WebSitePanel einstellen)
- Serververzeichnis: /<FTPuser>/<Domain>/wwwroot
Beispiel: /florian/florian.clubcomputer.at/wwwroot
FTP mit Browser (nur lesen)
FTP mit Windows Explorer (schreiben und lesen)
FileZilla
- Spezialisiert für FileTransfer
- Arbeitet den Transfer in Warteschlangen ab
- Man kann mehrere Transfers (zu verschiedenen Zielen) gleichzeitig ausführen
- Synchronisierter Verzeichniswechsel (Server und Client gleichzeitig)
- FTP-Dateitransfer mit FileZilla
TotalCommander
- Kann mit der Funktion
Befehle -> Verzeichnisse synchronisieren
Unterschiede in beiden Richtungen erkennen und beseitigen!
Diese Funktion ist aber ziemlich komplex
- Wer den TotalCommander gewöhnt ist, wird die FTP-Funktionalität zu schätzen wissen
Hilfe, mein Web funktioniert nicht!
- Tipp 1: Funktioniert der Server?
- Tipp 2: Funktionieren andere Webs?
- Tipp 3: Funktioniert eine statische Seite?
- Tipp 4: Funktioniert PHP? (Bei dynamischen WordPress-Seiten)
- http://florian.fiala.cc/wp/phpinfo.php
- Tipp 4a: Funktioniert ASPX?
- Tipp 5: web.config kontrollieren. (Umbenennten und ohne web.config starten)
- Tipp 6: Web neu starten
- WebSitePanel -> Website -> Action „neu starten“ -> Ausführen
- Tipp 7: Application-Pool neu starten (bitte nur als letzte Möglichkeit anwenden)
- WebSitePanel -> Website -> Action „AppPool neu starten“ -> Ausführen
- Start-Stop (möglichst nie anwenden)
Wer schaut meine Seiten an?
- Das WebSitePanel verfügt über eine mächtige Statistikseite. Aber sie muss zuerst aktiviert werden.
Wie wird der eigene Content bekannt?
Wie erreicht man die Top-Position?
- Durch einen einzigartigen Namen
(Beispiel: Gästehaus-Wien, ClubComputer, EwkiL, Spielefest…)
- Weil die Adresse in einschlägigen (Fach)verzeichnissen aufscheint
- Durch kompetenten und verlinkten Content in beiden Richtungen aber wichtiger ist der Link von anderen Seiten (Backlink)
- Besonders wertvoll kann zum Beispiel ein WikiPedia-Link sein
ClubComputer verlinkt Dein Web!
- Jede, bei ClubComputer gehostete Domäne wird automatisch und an mehreren Stellen in einem Verzeichnis verlinkt. Es ist daher gewährleistet, dass auch ganz ohne weitere Maßnahmen das Web nach einer Wartezeit in Google-Verzeichnissen aufscheint.
- Google-Webmaster-Tools
https://www.google.com/webmasters/tools/
- Google-Analytics
https://analytics.google.com/
- WordPress - Jetpack
- Google-Analytics in WordPress
Google Analytics by Monsterinsights
Wie steht es mit der Popularität?
Für neue und alte Webmaster
- Ich habe kein Web, was kann ich tun?
- Wir installieren Dir Wordpress und Du kannst gleich loslegen!
- Ich habe ein statisches Web, soll ich auf WordPress umsteigen?
- Genügt Dir Deine Ankündigungsseite? Dann bleib dabei!
- Möchtest Du neue Elemente einbauen, wie zum Beispiel eine Benutzerverwaltung, Anmeldeseiten oder ein Feedback? Bitte auf WordPress umsteigen!
- Wie kann ich WordPress lernen?
- Wie transferiert man ein statisches Web zu WordPress?
- Einfache Transfers machen wir für Dich. Beispiel: http://urasenke-austria.at/wp/
- Wie wird man Webmaster?
Als Mitglied bei ClubComputer
- Um weniger als den Preis eines Krügels pro Monat.
- Hier im Kulturschmankerl: Gösser 0,5 l 3,70 Euro
- Mitgliedschaft bei ClubComputer 3,55 Euro/Monat
- Du bist nicht allein und Du wirst nicht allein gelassen. Wir unterstützen Dich bei der Fehlersuche und –behebung.
- Leistung: 1000 MB Webspace, keine Bandbreitenbeschränkung, kostenlose Domäne, 5 E-Mail-Adressen, 1 Website, 1 FTP-Konto, ASPX, PHP, MySQL, WordPress
Rückblick 2015/16
Vorschau
Schaut Euch die neuen Räumlichkeiten der DigitalSociety an und besucht einen unserer Events: DS=DigitalSociety, CC=ClubComputer
- DS Mittwoch, 11.5. 18:00 Verschlüsselung (Am Graben 17) Manfred Wöhrl
- CC Donnerstag, 19.5. 18:00 Publikation auf Papier (Kulturschmankerl) Roman Heinzinger
- DS Freitag, 24.6. 09:00 Handel der Zukunft (Am Graben 17)
- DS Samstag, 25.6. 09:00 Shopping der Zukunft (Am Graben 17)
- CC&DS Dienstag, 5.7. 18:00 Sommerheuriger (Zehnermarie)
- CC&DS Dienstag, 2.8. 18:00 Sommerheuriger (Zehnermarie)
|
|
