Webhosting

Dynamisches DNS

• Siehe Dynamisches DNS.

Werbeeinnahmen

Das MediaWiki-System erlaubt das Hinzufügen von Werbung, z.B. Google AdSense.

Siehe auch

• Geldverdienen mit der eigenen Homepage
• Yahoo Bing Ads Network (angeblich nur für Premium Websites)

Plattformanbieter

Cloud-Anbieter

Im Gegensatz zu herkömmlichen virtuellen Servern bieten Cloud-Anbieter hoch skalierbare Lösungen, die auch nach tatsächlicher Benutzung abgerechnet werden:

• Strato ServerCloud

Storage - Anbieter

• Hetzner StorageBox bietet u.a. SSH, WebDAV-Zugriff. Die Angebote starten bei 3,50 €/Monat für 100 GB.

Traditionelle virtuelle Server im Netz

Provider

• Überblick bei Webhostlist.de

Provider	RAM statisch	RAM insgesamt (inkl. Swap)	Festplatte	Betriebssysteme	Kosten	Stand
proplay.biz	128	256 MB	4 GB	OpenSuse 10.3	2 € / Monat	21.12.2008
heckrath.net	k.A. 256?	k.A. 256?	10 GB	OpenSuse 10.3	5 € / Monat	21.12.2008
Greatnet VServer-Entry,	128 MB	384 MB	10 GB	OpenSuse 10.2	6 €/Monat	21.12.2008
ispOne vServer	128 MB ~-je 128 MB zus. 15 € einmalig -~	k.A.	5 GB	OpenSuse 10.3 / Debian 4	3,90 €/Monat	21.12.2008
lgh Mini vServer	k.A.	200 MB	4 GB	Debian/Ubuntu	3 €/Monat	21.12.2008
fairhosting x1.1	64 MB	128 MB	5 GB	Debian 5/OpenSuse 10	3 €/Monat	21.12.2008
fairhosting x2.1	128 MB	256 MB	15 GB	Debian 5/OpenSuse 10	4 €/Monat	21.12.2008

• http://www.netcup.de/bestellen/produkt.php?produkt=85 bietet unbegrenzten Traffic, 20 GB Speicherplatz und 200 MB MindestRAM für 3,50 € im Monat (Stand: 1.8.2009)

• http://www.xantron.de/

• http://firstdedicated.de/?partner=firsthop&partnerbid=firsthopbid&show=vserverl

(5 GB Speicherplatz für 5 Euro/Monat, 10 Euro Einrichtung; Toplevel-Domain zusätzlich 3,30 €/Jahr)

• http://www.pretago.de

(5 Euro/Monat inklusive 1 Domain, 4,5 GB Webspace)

• http://www.netdirekt.de/c/cms/front_content.php?client=1&lang=1&idart=110&idcat=34
• http://www.netdirekt.de/
• http://www.netfabrik.de/
• https://www.server4you.de/de/v/index.html
• http://www.hosteurope.de/
• http://www.strato.de/v-power/index.html

Mindestanforderungen

• Fixes RAM: 256 MB
• Free harddisk space: 4GB
• OpenOffice 2.4
• Java 1.5
• Citadel

SSH Clients for Java

• Überblick - http://linuxmafia.com/ssh/java.html
• SSH2-Bibliothek (BSD-Lizenz) - http://www.ganymed.ethz.ch/ssh2/
• MindTerm (frei für den persönlichen Gebrauch) - http://www.appgate.com/products/80_MindTerm/110_MindTerm_Download/

• Siehe auch die JavaScript-Lösung Shell-In-A-Box.

Webspace

• Überblick über Webspace-Provider
• Webspace mit rd. 25 GB für 3 €/Monat

Domains

• Zur Vermarktung von Domains siehe
  • sedo.de
  • Domainvermarkter.de
• Zum Markenrecht siehe
  • http://blog-markenrecht.de/

Webserver einrichten

• Eigenes Root-Passwort setzen
• aptitude installieren, aktualisieren (aptitude update) und System auf den neuesten Stand bringen (aptitude upgrade)
• Normalen Benutzer anlegen
• sudo für normalen Benutzer anlegen, siehe http://www.webhostlist.de/root-server/meine-ersten-5-minuten-auf-jedem-server/
• SSH:
  • ssh-copy-id
  • Evtl.: Anmelden mit Passwort verbieten, siehe http://www.webhostlist.de/root-server/meine-ersten-5-minuten-auf-jedem-server/
• Check Mail-Versand
• Evtl. logwatch und fail2ban installieren, siehe http://www.webhostlist.de/root-server/meine-ersten-5-minuten-auf-jedem-server/

• SSL-Zertifikat hinterlegen

• Mit Shorewall nur Login-Versuche alle Minute erlauben

Siehe auch Root-Server

Werbung

Durch Werbung auf der eigenen Website lässt sich Geld verdienen. Sie kann allerdings auch abschreckend wirken.

Vermittler von Werbung gibt es eine ganze Menge. Sie stellen einen sogenannten AdServer, der automatisch aktuelle oder auch personalisierte Werbung ausliefert. Beispiele:

• Google AdSense
• Criteo
• DoubleClick (gehört zu Google)
• DART
• Open X
• Zedo
• OAS
• Emediate-Ad
• Adtech
• Right Media

WebServer-Software

Allgemeines

• Komplettes Buch über Linux-Server-Administration

Redirects

• 5 Arten von Weiterleitungen

Testen

• Die virtuelle Maschine BrowserBox bietet mehrere Browser (u.a. Internet Explorer unter Linux mit Wine) an, um die Darstellung einer Webseite testen zu können[1],.
• Siehe auch Selenium

XAMPP

XAMPP gibt es auch für Windows.

Siehe auch diese Anleitung, um XAMPP für Windows mit VirtualHosts zu konfigurieren.

Apache Webserver

Siehe Apache Webserver

Node.js

Siehe Node.js

Mini-Web-Server

• Rejetto HFS, OpenSource
• Aidex Mini Webserver, Freeware, wird nicht mehr weiterentwickelt.

HTML

• HTML

CSS

Allgemeines

• CSS-best practices
• https://every-layout.dev/
• https://cssreference.io/

Farbpaletten

• coolors.co

Tooltips

• Anleitung zur Erstellung von Tooltips mit reinem CSS

Tabellen

Siehe

• Responsive Tabellen mit Flexbox
• Allgemeine Übersicht zu Flexbox

CSS-Frameworks

• http://getskeleton.com/ - sehr minimales CSS Framework
• https://purecss.io/ - minimales CSS, unterstützt von Yahoo
• https://milligram.io/
• Bulma - nur CSS, kein JavaScript
  • rbx integriert Bulma mit React
• https://tailwindcss.com/
  • https://www.creative-tim.com/learning-lab/tailwind-starter-kit/presentation

Ant.Design

Siehe

• https://ant.design/docs/react/introduce

Einbindung in React / Typescript-Projekt

Ant.Design wird mit

 npm install --save antd

dem Create-React-App-Projekt hinzugefügt.

Im Code muss man einerseits das CSS einbinden:

 import "antd/dist/antd.css";

Andererseits benötigt man auch den JavaScript-Code, z.B. für das Input-Element:

 import {Input} from "antd";
 ...
 return (<Input placeholder="Hallo" />);
 ...

Bootstrap

Twitter Bootstrap ist ein Open Source-Framework, das im Wesentlichen mit CSS und entsprechenden Klassen (class = "container-fluid") aus dem Stand ein ganz ansehnliches Layout bereitstellt. Siehe

• Bootstrap 3.0 Tutorial

Siehe auch

• Auf den Demoseiten der Bootstrap-Themes auf Bootswatch.com kann der zugehörige Code angezeigt werden.
• Open Source - Bootstrap Themes:
  • https://themewagon.com/themes/creative-multipurpose-website-template-free-download/
  • https://themewagon.com/themes/one-page-multipurpose-bootstrap-template-free-download-2017/
  • https://github.com/DesignRevision/shards-ui

• Mashup Template

Integration mit Nextjs

• https://www.kindacode.com/article/how-to-correctly-use-bootstrap-5-in-next-js/

Themes

• Im Wesentlichen kostenpflichtige Themes finden sich auch auf BootstrapMade.com
  • https://bootstrapmade.com/demo/MyResume/
  • https://bootstrapmade.com/demo/Multi/
  • https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/

Bootstrap-Themes mit MIT-Lizenz finden sich auch auf

• https://themes.gohugo.io/
  • https://themes.gohugo.io/theme/hugo-scroll/
  • https://www.noorix.com.au/blog/how-to/static-website-hugo-bootstrap-serverless-2/

Navigationsleiste, die auf Scrollen reagiert

• https://startbootstrap.com/template/scrolling-nav benutzt Bootstrap's ScrollSpy
• Anleitung für ScrollSpy auf Basis von React

Siehe auch - ohne Bootstrap -: https://css-tricks.com/sticky-smooth-active-nav/

einzelne Features

• https://swiperjs.com/
• aos - zum Scrollen
• waypoints - zum Scrollen
• Isotope - zum Anordnen

Icons

Siehe React#Icons

CSS Animationen

Googles "Do a barrel roll" kann man für jede Website mittels CSS-Animationen und iframe-Tag durchführen.

CSS beim Druck

Siehe

• https://www.mediaevent.de/css/pagedmedia.html
• https://wiki.selfhtml.org/wiki/CSS/Tutorials/Print-CSS

Server Side Includes

• Ein Überblick zu Server Side Includes findet sich bei wikipedia. Eine Einführung gibt morgenlan.de.
• Auch selfhtml.org kümmert sich um Server Side Includes.

Siehe auch

• die offizielle Apache-Dokumentation zu SSI
  • Liste der standardmäßig vorhandenen Umgebungsvariablen für SSI-Skripte

Perl

• Selfhtml hilft auch bei Perl.
• Tutorial für Perl.

PHP

• PHP

Web-Admin-Tools

• Web-Verwaltungstool, das die Konfiguration aus den Standard-Konfigurationsdateien ausliest und schreibt: WebMin (nicht mehr in Debian enthalten, aber weiter als Debian-Package verfügbar und weiterentwickelt)
• Web-Admin-Tool: Zentyal (früher: eBox)

Wikis

• Siehe MediaWiki, die Software hinter wikipedia und codicatipps

• MoinMoin ist ein in Python geschriebenes Wiki.
  • Die Interwikimap bei MoinMoin lässt sich durch Ergänzung der Datei data/intermap.txt erweitern.

Blogs

• WordPress ist ein PHP-basiertes System zur Erstellung eines Blogs
  • Statify ist ein Plugin für WordPress, das eine Webseitenstatistik im Einklang mit deutschen Datenschutzbestimmungen bietet
  • WP DB Backup ist ein Plugin, mit dem ein Backup der WordPress-Datenbank regelmäßig per Email zugesandt wird.
  • BackWPup ist ein Wordpress-Backup-Tool mit vielfältigen Möglichkeiten.
  • Auch ein privates WordPress-Blog lässt sich einstellen.
  • Man kann auch selbst Formulare in WordPress mit Hilfe von PHP erstellen:
    • http://trevordavis.net/blog/wordpress-jquery-contact-form-without-a-plugin
    • http://wp.tutsplus.com/tutorials/creative-coding/creating-a-simple-contact-form-for-simple-needs/
    • http://www.catswhocode.com/blog/how-to-create-a-built-in-contact-form-for-your-wordpress-theme
  • Auch eigene Plugins für WordPress sind keine Wissenschaft:
    • http://bueltge.de/wp-tutorial-wir-schreiben-ein-simples-wp-plugin-teil-0/211/

• Blogger wollen häufig wissen, wie man einen Blog bekannt macht.

Content Management System

• Contao (vormals Typolight 520acbec7b0160fa19d5024deaf44e52) ist ein PHP5-basiertes CMS, das angeblich einfach zu verwalten ist.
• Kurzeinführung zum PHP-basierten Drupal
• Typo3
• Silverstripe, ein Open Source-CMS

Dateibasierte CMS

• https://www.bludit.com/
  • https://themes.bludit.com/theme/styler
  • https://themes.bludit.com/theme/typerite
• https://getgrav.org/
• http://picocms.org/

Headless CMS

Headless CMS sorgen nur für das Content-Management, bieten allenfalls eine Benutzeroberfläche, um den Content zu erfassen, nicht aber ihn gegenüber den Benutzern/Kunden darzustellen. Sie bieten dafür eine API an, über die das Frontend an den Content gelangt.

Beispiel:

• strapi
• Übersicht bei jamstack.org

Authetifizierung und Berechtigungen

• KeyCloak
  • siehe auch Phoenix
  • https://scalac.io/blog/user-authentication-keycloak-1/

Tools

• Aufnahme der Website ins OpenDirectory-Projekt bringt sie zur Kenntnis zumindest von Suchmaschinen.
• Überprüfung der Zugriffe über alexa.com
• Mittels des Cron-Servers kann ein Online-Test des Servers programmiert werden.
• Siehe auch das Wiki-Programm MoinMoin
• IP-Adressen-Check bei [2]
• Remote Desktop

---