Basics Webseite
Was ist HTML, CSS, MySQL oder ein Webhost?
Was ist HTML, CSS, MySQL oder ein Webhost?
Als Webseite (Wortzusammensetzung aus Web und Seite), Webdokument, Internetseite, Webpage oder kurz Seite wird ein Dokument als Bestandteil eines Angebotes im World Wide Web bezeichnet, das mit einem Browser unter Angabe eines Uniform Resource Locators (URL) abgerufen und von einem Webserver angeboten werden kann. In diesem Zusammenhang wird auch von einer HTML-Seite oder einem HTML-Dokument gesprochen.
Die Erstellung und Gestaltung von Webseiten wird unter dem Begriff Webdesign zusammengefasst.
Basissprache für die Erstellung ist die Auszeichnungssprache HTML, wobei die einheitliche und rationelle Formatierung mehrerer Webseiten durch Formatierungssprachen wie Cascading Style Sheets (CSS) erleichtert werden kann.
Vor allem für das Erstellen dynamischer Seiten wurden weitere Sprachen entwickelt, mit deren Hilfe auch komplexe Gefüge aus Webseiten erstellt werden können.
(Wikipedia)
Bei aufwendigeren Websites erfolgt das Erzeugen des HTML-Quelltextes meist unter Verwendung serverseitiger Skript- (PHP, Perl, Python, Ruby, VBScript) oder Programmiersprachen (Java), die unter anderem auch die Verwendung von Datenbanksystemen (MySQL, PostgreSQL, Oracle) erlauben.
Die Website wird auf einem Webserver abgelegt, der häufig in einem Rechenzentrum von einem so genannten Webhoster betrieben und an den Inhaber der Website vermietet wird.
Die Entwicklung von Websites wird als Webdesign oder Webauthoring bezeichnet.
(Wikipedia)
Die Erstellung und Gestaltung von Webseiten wird unter dem Begriff Webdesign zusammengefasst.
Basissprache für die Erstellung ist die Auszeichnungssprache HTML, wobei die einheitliche und rationelle Formatierung mehrerer Webseiten durch Formatierungssprachen wie Cascading Style Sheets (CSS) erleichtert werden kann.
Vor allem für das Erstellen dynamischer Seiten wurden weitere Sprachen entwickelt, mit deren Hilfe auch komplexe Gefüge aus Webseiten erstellt werden können.
(Wikipedia)
Bei aufwendigeren Websites erfolgt das Erzeugen des HTML-Quelltextes meist unter Verwendung serverseitiger Skript- (PHP, Perl, Python, Ruby, VBScript) oder Programmiersprachen (Java), die unter anderem auch die Verwendung von Datenbanksystemen (MySQL, PostgreSQL, Oracle) erlauben.
Die Website wird auf einem Webserver abgelegt, der häufig in einem Rechenzentrum von einem so genannten Webhoster betrieben und an den Inhaber der Website vermietet wird.
Die Entwicklung von Websites wird als Webdesign oder Webauthoring bezeichnet.
(Wikipedia)
︎︎︎︎︎
ÜBUNG 01
︎︎︎︎︎
︎
︎
-
Was soll auf deiner eigenen Webseite zu sehen sein?
Fotos, Videos, Text, ... - Wer ist dein Zielpublikum?
- Welche Navigationspunkte wird deine Webseite haben? About, Projects, Fotos, Videos, Impressum & Datenschutzerklärung, ...
- Erstelle ein Crypt Pad in dem du deine Überlegungen bezüglich 1, 2 und 3 mit mir schriftlich oder mittels Skizzen teilst.
︎︎︎︎︎
ÜBUNG 02
︎︎︎︎︎
︎
︎
Der Hauptteil der Arbeit an der eigenen Webseite ist meist nicht die Gestaltung, sondern die Erstellung, Bearbeitung und Organisation der Inhalte.
Lege auf deinem Computer mehrere Ordner für Fotos, Texte, Videos, ... an.
Sortiere nun all die Daten für deine Webseite in die vorbereiteten Ordner ein, um einen guten Überblick zu gewinnen. (Bitte nicht auf CryptDrive hochladen!)
Checkliste: Welches Material hast du schon bereit?
Das ist wichtig, damit sie eine kleine Datenrate haben und somit auf deiner zukünftigen Webseite schnell geladen werden können.
Mögliche Größen:
1920x1080 px für HD
oder Länge und Breite in 72 dpi (korrekterweise eigentlich ppi - wird aber immer fälschlicherweise equivalent verwendet)
Note: du kannst deine Dateien mit Adobe Photoshop, Gimp oder direkt im Browser mit Photopea kleiner rechnen.
Lege auf deinem Computer mehrere Ordner für Fotos, Texte, Videos, ... an.
Sortiere nun all die Daten für deine Webseite in die vorbereiteten Ordner ein, um einen guten Überblick zu gewinnen. (Bitte nicht auf CryptDrive hochladen!)
Checkliste: Welches Material hast du schon bereit?
- Fehlt noch etwas?
- Müssen Texte noch übersetzt oder korrigiert werden?
-
Hast du alle Videos bei Vimeo, YouTube oder einer ähnlichen Plattform hochgeladen, um sie dann (von dort aus) einbetten zu können?
-
Sind alle Bilder schon für Web optimiert?
Das ist wichtig, damit sie eine kleine Datenrate haben und somit auf deiner zukünftigen Webseite schnell geladen werden können.
Mögliche Größen:
1920x1080 px für HD
oder Länge und Breite in 72 dpi (korrekterweise eigentlich ppi - wird aber immer fälschlicherweise equivalent verwendet)
Note: du kannst deine Dateien mit Adobe Photoshop, Gimp oder direkt im Browser mit Photopea kleiner rechnen.
︎︎︎︎︎