Ab hier startet der Count-down für Weihnachten … wie schnell das alles wieder ging.🎄🎅
webdesign
-
Was ist SQL?
Was ist SQL?
SQL steht für „Structured Query Language“ und ist eine spezielle Programmiersprache, die verwendet wird, um auf relationale Datenbanken zuzugreifen, sie zu verwalten und Abfragen durchzuführen. Hier ist eine einfache Erklärung von SQL:
1. Datenbanken und Tabellen: SQL wird hauptsächlich verwendet, um mit Datenbanken zu arbeiten. Eine Datenbank ist ein strukturiertes Speichermedium, das Daten in Tabellen organisiert. Eine Tabelle ist eine Sammlung von Datensätzen, wobei jeder Datensatz aus Zeilen und Spalten besteht.
2. Abfragen: Der Hauptzweck von SQL besteht darin, Abfragen an Datenbanken zu stellen. Eine Abfrage ist eine Anforderung, Informationen aus der Datenbank abzurufen oder zu bearbeiten. Dies erfolgt in der Regel mit dem „SELECT“-Befehl, der Daten aus einer Tabelle auswählt.
3. Einfügen, Aktualisieren und Löschen: SQL ermöglicht es auch, Daten in eine Datenbank einzufügen (INSERT), vorhandene Daten zu aktualisieren (UPDATE) und Daten zu löschen (DELETE) – dies sind weitere grundlegende Operationen.
4. Filtern und Sortieren: Mit SQL können Sie Daten filtern, um bestimmte Bedingungen zu erfüllen, und sie nach verschiedenen Kriterien sortieren.
5. Verknüpfungen: SQL ermöglicht das Verknüpfen von Daten aus verschiedenen Tabellen. Beispielsweise können Sie Daten aus einer Tabelle mit Daten aus einer anderen Tabelle basierend auf gemeinsamen Werten in beiden Tabellen kombinieren.
6. Erstellen und Ändern von Tabellen: SQL erlaubt es, neue Tabellen in einer Datenbank zu erstellen und bestehende Tabellen zu ändern. Dies wird mit den Befehlen „CREATE TABLE“ und „ALTER TABLE“ durchgeführt.Ein einfaches Beispiel einer SQL-Abfrage könnte so aussehen:
In diesem Beispiel wird nach Vor- und Nachnamen von Kunden gesucht, die sich in Deutschland befinden. Die Ergebnisse werden nach Nachnamen sortiert.
SQL ist eine wichtige Sprache in der Datenbankverwaltung und wird in vielen Anwendungen und Systemen verwendet, um auf Daten zuzugreifen und diese zu verwalten. Sie ist relativ leicht zu erlernen und bietet die Möglichkeit, Daten effizient abzurufen und zu verarbeiten. -
Bilder generieren
Bilder generieren
Künstliche Intelligenz (AI) kann Bilder generieren, indem sie verschiedene Techniken des maschinellen Lernens und des tiefen Lernens anwendet. Hier sind einige gängige Ansätze und Techniken, die AI zur Bildgenerierung verwendet:
1. Generative Adversarial Networks (GANs): GANs sind eine der leistungsstärksten Methoden zur Bildgenerierung. Sie bestehen aus zwei neuralen Netzwerken: dem Generator und dem Diskriminator. Der Generator erzeugt Bilder, während der Diskriminator versucht, zwischen echten und generierten Bildern zu unterscheiden. Im Laufe des Trainings verbessert sich der Generator kontinuierlich, um immer realistischere Bilder zu erstellen.
2. Variational Autoencoders (VAEs): VAEs sind eine andere Technik zur Bildgenerierung. Sie erzeugen Bilder, indem sie den Raum der Latenten Variablen erkunden, um Variationen in den Bildern zu erzeugen. VAEs haben den Vorteil, dass sie kontinuierliche Latenten Raum ermöglichen, was die Steuerung der generierten Bilder erleichtert.
3. Rekurrente neuronale Netzwerke (RNNs): RNNs sind für die Verarbeitung von Sequenzen geeignet. Sie können verwendet werden, um schrittweise Bilder zu generieren, wobei jeder Schritt auf den vorherigen aufbaut. Dieser Ansatz ist oft bei der Generierung von Text-Bildern, wie beispielsweise in der Bildbeschreibung, hilfreich.
4. Tiefes neuronales Netzwerk: Ein tiefes neuronales Netzwerk kann verwendet werden, um Bilder zu generieren, indem es auf große Mengen von Trainingsdaten lernt und dann neue Bilder erstellt, die ähnlich zu den gelernten Daten sind.
5. Transformative Modelle: Modelle wie GPT-3 (Generative Pre-trained Transformer 3) und GPT-4 sind ursprünglich für Textgenerierung entwickelt worden, können jedoch auch zur Bildgenerierung verwendet werden, indem sie Textbeschreibungen in Bilder umwandeln.Die Anwendungsbereiche für AI-generierte Bilder reichen von Kunst und Kreativität über die Medienproduktion bis hin zur Datenvisualisierung und vielen anderen Anwendungen.
-
Warum ist eine Webseite wichtig?
-
Verschiedene Arten von künstlicher Intelligenz
Verschiedene Arten von künstlicher Intelligenz
Es gibt verschiedene Arten von künstlicher Intelligenz, darunter:
1. Schwache künstliche Intelligenz (Weak AI): Hierbei handelt es sich um Systeme, die auf bestimmte Aufgaben oder Anwendungen beschränkt sind. Sie können beispielsweise Spracherkennung, Bilderkennung oder Spielstrategien entwickeln, sind jedoch nicht in der Lage, allgemeine menschliche Intelligenz zu imitieren.
2. Starke künstliche Intelligenz (Strong AI oder auch General AI): Diese Form von künstlicher Intelligenz wäre in der Lage, eine breite Palette von menschlichen kognitiven Fähigkeiten zu imitieren. Bisher existiert jedoch keine starke künstliche Intelligenz, sondern nur schwache.
3. Maschinelles Lernen (Machine Learning): Dies ist ein Teilbereich der künstlichen Intelligenz, bei dem Maschinen Daten analysieren und Muster erkennen, um Vorhersagen zu treffen oder Aufgaben zu automatisieren. Es umfasst Techniken wie neuronale Netze, Entscheidungsbäume und Support-Vektor-Maschinen.
4. Tiefes Lernen (Deep Learning): Dies ist eine spezialisierte Form des maschinellen Lernens, die auf künstlichen neuronalen Netzen basiert und besonders erfolgreich bei der Verarbeitung von großen Datenmengen und bei komplexen Aufgaben wie Bild- und Spracherkennung ist.Künstliche Intelligenz wird in vielen Bereichen eingesetzt, darunter Gesundheitswesen, Finanzwesen, Verkehr, Bildung, Robotik und vieles mehr. Sie hat das Potenzial, die Effizienz von Prozessen zu steigern, menschliche Fähigkeiten zu erweitern und neue Anwendungen zu ermöglichen. Gleichzeitig gibt es auch ethische und gesellschaftliche Fragen im Zusammenhang mit der Entwicklung und Anwendung von künstlicher Intelligenz.
-
Künstliche Intelligenz
Künstliche Intelligenz
AI steht für „künstliche Intelligenz“ (Artificial Intelligence) und bezieht sich auf die Fähigkeit von Maschinen und Computern, Aufgaben auszuführen, die normalerweise menschliche Intelligenz erfordern. Künstliche Intelligenz ist ein interdisziplinäres Forschungsfeld, das sich auf die Entwicklung von Algorithmen, Software und Hardware konzentriert, die es Maschinen ermöglichen, Aufgaben wie Problemlösung, Lernen, Sprachverarbeitung, Mustererkennung und Entscheidungsfindung zu bewältigen.
-
Erstellung einer eigenen Webseite
Erstellung einer eigenen Webseite
5 wichtige Punkte bei der Erstellung einer eigenen Webseite:
Die Erstellung einer eigenen Webseite erfordert Zeit, Mühe und Planung. Sie können entweder selbst programmieren oder Website-Baukästen und Content-Management-Systeme (CMS) wie WordPress nutzen, um den Prozess zu erleichtern. Denken Sie daran, dass Ihre Webseite ein wichtiges Aushängeschild für Ihr Unternehmen oder Ihre Online-Präsenz ist, daher sollten Sie die genannten Aspekte sorgfältig berücksichtigen.
-
Wrapper-Klassen
Wrapper-Klassen
Wrapper-Klassen in Java sind spezielle Klassen, die primitiven Datentypen eine Objektorientierung verleihen. Sie ermöglichen die Verwendung von primitiven Typen, wie int oder double, als Objekte. Diese Wrapper-Klassen bieten nützliche Methoden für die Konvertierung und Manipulation von Werten. Dies ist hilfreich, wenn primitiver und objektorientierter Code miteinander interagieren müssen, da sie den Datentypen die Flexibilität von Objekten verleihen.
-
Kürzel
-
HTML- Quotations
HTML- Quotations
HTML- Quotations:
<blockquote> wird verwendet, wenn man aus fremden Quellen zitiert.
<q> sind die typischen Anführungszeichen.
<abbr> definiert Abkürzungen. (z.B. HTML, CSS…)
<address> gibt Kontaktinformationen an, wie z. B. Telefonnummer oder E-Mail-Adresse.
<cite> steht für das Zitieren eines kreativen Werkes, wie z. B. einem Spruch oder einem Gedicht.
<bdo> ist eine Möglichkeit um die aktuelle Textrichtung zu überschreiben. -
Mikrointeraktionen
Mikrointeraktionen
Mikrointeraktionen beeinflussen das Verhalten, die Verarbeitung und die Interpretation der Benutzer einer Webseite. Das Ziel besteht darin, nicht nur das Design, sondern auch die Struktur einer Webseite so zu gestalten, dass sie die Benutzer zur Interaktion ermutigt. Natürlich spielt dabei die Ladezeit und das Layout eine entscheidende Rolle, um die Interaktion so angenehm wie möglich zu gestalten. Mikrointeraktionen beziehen sich somit auf das individuelle Benutzerverhalten.
-
CSS-Syntax
CSS-Syntax
Um bei CSS eine Syntax zu schaffen, werden Eigenschaften mit Regelsätzen geordnet. Dabei wird zuerst der Selektor angegeben, der bestimmt welches HTML-Element angesprochen wird. Durch ein geschweiftes Klammerpaar wird anschließend der Bereich definiert, in welchem eine oder mehrere Deklarationen festgelegt werden (Deklarationsblock). Dabei weist man den Eigenschaften des Elementes passende Werte zu. Zwischen Eigenschaft und ihrem Wert steht ein Doppelpunkt. Jede Deklaration wird mit einem Semikolon abgeschlossen.
-
FTP
FTP
FTP (File Transfer Protocol) ist ein weit verbreitetes Netzwerkprotokoll zur Übertragung von Dateien zwischen Computern. Es ermöglicht das Hochladen und Herunterladen von Dateien auf Servern und ist in vielen Anwendungen und Webseiten integriert. FTP ist einfach zu bedienen und bietet eine effiziente Möglichkeit, Dateien sicher zu übertragen. Es unterstützt sowohl anonyme als auch authentifizierte Verbindungen, wodurch es vielseitig einsetzbar ist.
-
CSS-Grid
-
Was ist JQuery?
Was ist JQuery?
JavaScript war in der Vergangenheit eine äußerst komplexe Programmiersprache, da verschiedene Browser teilweise unterschiedliche Ergebnisse mit demselben Code erzeugten. Um dem entgegenzuwirken, gibt es Frameworks wie JQuery, die den Entwicklern die Möglichkeit geben, Code mithilfe eines Grundgerüsts aufzubauen, um diese fehlerhaften Darstellungen ohne mühevolle und fehleranfällige Arbeit zu beheben. Entwickler müssen also nur ein allgemeines Skript schreiben und das Framework sorgt dafür, dass es für den jeweiligen Zielbrowser angepasst wird. Außerdem vereinfacht JQuery viele JavaScript-Funktionen, welche besonders häufig im Internet verwendet werden. Dadurch wird der Code kürzer und einfacher zu warten.
-
HTML- Bereiche Definieren
In HTML werden durch die Befehle <div> und <span> Bereiche definiert, die keine semantischen Bedeutungen haben. Die neutralen Bereiche können definierte Befehle beinhalten und so eine Art Container bilden, welche für einen bestimmten Zweck genutzt werden (z. B. Design). Das <div> steht bei den Bereichen für ein Block-Element, die für Kopfbereich, Steuerungsbereich, Inhaltsbereich usw. genutzt werden. Durch das id-Attribut (<div id = „idBeispiel“>) können die verschiedenen Bereiche unterschieden werden, um sie z. B. mit CSS ansprechen zu können.
Bei <span> handelt es sich dagegen um einen Bereich innerhalb eines Absatzes. Deshalb wird es auch als Inline-Element bezeichnet (z. B. innerhalb eines Paragrafen <p>). Spans erzeugen im Gegensatz zu Blockelementen keinen Umbruch. -
Welche Alternativen zu selbst gemachten Bildern für Webseiten gibt es?
Welche Alternativen zu selbst gemachten Bildern für Webseiten gibt es?
Bilder auf Webseiten erhöhen die Suchmaschinenoptimierung, weshalb qualitativ hochwertige Bilder ein Muss sind. Doch wie findet man diese, ohne viel Geld zu zahlen? Dafür gibt es kostenlose und kostenpflichtige Bilddatenbanken. Aber Vorsicht: Das heißt nicht automatisch, dass alle Bilder für die öffentliche Nutzung verwendet werden dürfen. Bei den kostenpflichtigen Bilddatenbanken bekommt man meistens eine Lizenz, um die Bilder nach den angegebenen Nutzungsbedingungen zu verwenden. Bei den kostenlosen Bilderdatenbanken haben die Bilder meist unterschiedliche Lizenzmodelle. Diese müssen vorher genau überprüft werden, damit es nicht zu Urheberrechtsverletzungen kommt. Kostenpflichtige Datenbanken bieten meist eine größere Auswahl und eine bessere Qualität der Bilder an und garantieren auch, dass die gewählten Bilder nicht so häufig im Internet verwendet wurden, womit die Individualität und der Wiedererkennungswert einer Webseite besser gewährleistet ist.
-
Frameworks und Libraries
Frameworks und Libraries
Frameworks und Libraries sind in der Softwareentwicklung wie Baupläne und Werkzeugkisten. Frameworks bieten eine vordefinierte Struktur für Applikationen, vergleichbar mit einem Bauplan für ein Gebäude. Sie geben Regeln vor und erleichtern die Entwicklung. Libraries hingegen sind wie Werkzeugkisten mit spezialisierten Tools. Sie bieten Funktionen, die in verschiedene Projekte integriert werden können. Libraries sind flexibel einsetzbar, während Frameworks eine klare Richtung vorgeben. Beide sind unverzichtbare Ressourcen, je nachdem, ob man eine feste Struktur benötigt (Framework) oder bestimmte Funktionen (Library).
-
Was ist Ajax?
Was ist Ajax?
AJAX steht für “Asynchronous JavaScript and XML”. Durch AJAX werden einzelne Teile einer Webseite asynchron geladen, um sie so dynamischer zu machen. Diese auf JavaScript basierende Technik verändert die Kommunikation mit dem Server, um Webanwendungen zu beschleunigen. Webseiten sind meist inaktiv und müssen auf die Eingaben der Nutzer dynamisch reagieren. Durch zeitversetzte Datenübertragungen werden Benutzeroberflächen schneller aufgebaut und geladen. So wird zum Beispiel beim Anlegen eines Benutzerkontos schon vorher die Verfügbarkeit eines Nutzernamens geprüft, ohne die ganze Seite neu laden zu müssen. Natürlich gibt es statistische Inhalte, welche bestehen bleiben, während ergänzende Informationen je nach Situation im Document Object Model hinzugefügt werden. Dadurch wird für neue Parameter nur ein kleiner Teil der Seite ergänzend neu geladen und es wird Zeit und Bandbreite gespart, um dem Nutzer ein flüssigeres Erlebnis zu liefern. Für diese dynamische Manipulation einer Webseite wird JavaScript verwendet.
-
IP-Adresse
IP-Adresse
Das IP steht bei IP-Adresse für „Internet-Protokoll“. Durch die IP-Adresse lassen sich innerhalb eines Netzwerkes verschiedene Geräte identifizieren. Diese Identifikation ist nötig, damit diese Geräte Verbindungen zueinander aufbauen können. Jedes Gerät, welches mit dem Internet verbunden ist, hat auch eine IP-Adresse. Diese ermöglicht es festzustellen, welche Geräte welche Informationen im Internet abrufen, versenden usw. Vergleichbar mit der IP-Adresse wäre eine Telefonnummer, bei der erkenntlich wird, wer gerade anruft. Telefonnummern werden also auch zur Identifikation genutzt. Dasselbe macht die IP-Adresse auch, nur eben im Internet. Ohne IP-Adresse können sie das Internet nicht nutzen, genauso wie sie ohne gültige Telefonnummer trotz Handy niemanden anrufen können.
-
Compiler
Compiler
Bei einem Compiler handelt es sich um ein spezielles Programm, welches einen geschriebenen Quellcode einer Programmiersprache in maschinenlesbaren Binärcode (Binärcode = Code aus 0 und 1) übersetzt. Das daraus entstehende Resultat (ausführbarer Code) wird auch Objektcode oder Zielsprache genannt. Weitere Aufgaben eines Compilers können sein, überflüssige und fehlende Zeichen als Fehler zu erkennen, welche beim gescannten Quellcode an Programmsymbolen nach der Extraktion zurückbleiben (lexikalische Analyse). Außerdem wird die Grammatik des Quellcodes (syntaktische Analyse) und der Sinn des Quellcodes überprüft (semantische Analyse). Compiler können auch zur Schlüsselwortsuche in Quellcodes von Webseiten genutzt werden. Darüber hinaus braucht nicht jede Programmiersprache einen Compiler.
-
Was sind Protokolle?
Was sind Protokolle?
Mit Protokellen sind Dateninformationstechniken gemeint, welche eine definierte Vereinbarung über den Austausch von Informationen zweier Systeme darstellen. Diese sollen fehlerfreie und vollständige Datenübertragungen ermöglichen. Dafür werden alle Regeln, Parameter, Eigenschaften und Formate festgelegt.
Kurz gesagt sind Protokolle für die Kommunikation von Rechnern zuständig und unerlässlich.
-
Links bei CSS
Links bei CSS
a:link – unbesuchter Link (Standard)
a:visited – ein bereits besuchter Link (Um diesen zu kennzeichnen, kann man z. B. die Farbe ändern)
a:active – ein Link gilt in dem Moment als aktiv, wenn er angeklickt wird
a:hover – wenn der Mauszeiger sich auf dem Link befindet, kann man z. B. das Aussehen des Mauszeigers oder des Links ändern -
Aufzählung in HTML
Aufzählung in HTML
Bei HTML kann man mit den Tags <ul> </ul> oder <ol> </ol> aufzählen. Bei <ul> (unordered list) werden dabei einfache Aufzählungszeichen genutzt und bei <ol> (ordered list) wird nummeriert. Um nun Punkte in die Aufzählung einzupflegen, muss das Tag <li> </li> innerhalb der beiden oben genannten Tags verwendet werden.
-
Unterschied Corporate Identity und -Design
Unterschied Corporate Identity und -Design
Corporate Identity und Corporate Design wird fälschlicherweise oft gleichgestellt. Corporate Identity beinhaltet zwar Corporate Design ebenso wie Corporate Communication und Corporate Culture, ist aber nicht dasselbe. Bei Corporate Design handelt es sich lediglich um das visuelle Erscheinungsbild eines Unternehmens, wie z. B. das Logo und die Farbwahl. Darunterfallen aber auch andere sichtbare Aspekte, welche für die öffentliche Identität eines Unternehmens zuständig sind, wie das Design der Produkte, oder (besonders wichtig für uns) die Gestaltung der Webseite.
-
Corporate Identity
Corporate Identity
Die Corporate Identity ist ausschlaggebend für jedes Unternehmen und sollte deshalb schon von Beginn an mitgeplant werden. Wichtig dabei ist der Wiedererkennungswert des Unternehmens und das Absetzen von der Konkurrenz. Auch ist die Corporate Identity wichtig in der Selbstdarstellung eines Unternehmens. Wie möchte ich mich präsentieren? Wie möchte ich, dass meine Kunden mich wahrnehmen? Dabei sollte darauf geachtet werden, dass der öffentliche Auftritt einheitlich ist, aber auch nach innen sollte es keine häufigen oder starken Abweichungen der Repräsentation geben, um den Wiedererkennungswert aufrechtzuerhalten. Mit der Repräsentation nach innen ist gemeint, dass sich die Mitarbeiter den Werten, die die Corporate Identity vermittelt, entsprechend verhalten. Dadurch soll das Leitbild des Unternehmens dargestellt werden und eine positive Unternehmenskultur entstehen.
-
Corporate Culture and Communication
Corporate Culture and Communication
Das Auftreten und das Verhalten einer Firma gegenüber Kunden, Stakeholdern und Mitarbeitern ist ausschlaggebend für die Corporate Culture und – Communication. Wichtig sind dabei die Handlungen, moralische und ethische Grundsätze sowie Werte, Normen und Überzeugungen des Unternehmens. Diese werden vom Unternehmensgründer/ den Unternehmensgründern vorgegeben. Durch die Corporate Culture werden die Werte und Überzeugungen als Grundstein für das Konzept der Corporate Communication vorgegeben. Die Corporate Communication fasst auch das Verhalten der Mitarbeiter des Unternehmens zusammen. Wie wird was kommuniziert? Eine konsistente Sprache und Kommunikation trägt zur Corporate Identity bei. Zur Corporate Communication gehören alle Kommunikationen vom Gespräch mit den Kunden bis hin zu Pressemitteilungen.
-
Kürzel/ Bedeutung 3
-
Corporate Design
Corporate Design
Corporate Design ist die visuelle Darstellung eines Unternehmens. Dabei befasst die sich mit der zusammenhängenden Gestaltung des Logos, der Webseite, dem Auftreten des Unternehmens in Zeitungen, Visitenkarten, Werbeanzeigen und Ähnlichem. Idealerweise greifen auch die Geschäftsräume und (wenn möglich oder gewünscht) auch die Arbeitskleidung, das Farbschema, die Schriftart usw. des Logos auf. Das Corporate Design ist ausschlaggebend für den Wiedererkennungswert und das Markenauftreten des Unternehmens. Durch ein gut gewähltes Corporate Design hebt man sich von der Konkurrenz ab. Neben der Identifikation dient es auch der langfristigen Kundenbindung.
-
Einfache CSS-Transition:
Einfache CSS-Transition:
Der Transition-Befehl ist ein shorthand, welches aus der property, duration, timing und dem delay besteht.
1. Wert: transition-property, 2. Wert: transition-duration, 3. Wert: transition-timing-function, 4. Wert: transition- delay
Bei CSS versteht man unter Shorthand-Properties eine verkürzte Schreibweise des CSS-Codes. Erkennen kann man diese dadurch, dass alle Angaben unter einem Punkt zusammengefasst werden und nicht einzeln aufgeschrieben werden (Longhand-Properties).
Mit einer „Transition“ ist ein Übergang gemeint, wie in unserem Beispiel die Farb- und Formänderung des Buttons, sobald die Maus darüber verweilt (a:hover). Durch „delay“ wird die Verzögerung eingestellt, wie lange der Farbwechsel benötigt. Mit „a::before“ wird das Aussehen des Buttons bestimmt, bevor die „Transition“ beginnt
-
Hyperlink bei HTML
-
Spalten-Befehle bei CSS:
Spalten-Befehle bei CSS:
– columns: Spalten (allgemein)
– column-width: Angabe zur Spaltenbreite
– column-span: Elemente über alle Spalten
– column-rule-width: Stärke der Spaltentrennlinie
– column-rule-style: Darstellung der Spaltentrennlinie
– column-rule-color: Farbe der Spaltentrennlinie
– column-rule: Spaltentrennlinie
– column-gap: Spaltenabstand
– column-fill: Verteilung des Inhaltes auf die Spalten
– column-count: Anzahl der Spalten -
Tastenkürzel
-
Kürzel/ Bedeutung 2
-
CSS-Flexbox
CSS-Flexbox
CSS-Flexboxen werden für lineare Strukturen verwendet, da sie mit zwei Achsen arbeiten, auf die sie ihre Inhalte verteilen. Das dadurch kreierte Layout, macht den Entwurf einer flexiblen und responsiven Layoutstruktur, ohne die Verwendung von Float oder Positionierung, umso leichter. Gut erklärt wird das alles von „Kulturbanause“. Wer Interesse hat, kann sich dort genauer informieren.
-
Passwortgenerator
Passwortgenerator
Haben Sie Probleme, ein sicheres Passwort zu erfinden? Wir haben dafür einen Passwortgenerator! Einfach Länge auswählen und schon bekommen Sie ein Passwort mit Groß- und Kleinschreibung sowie Zahlen und Sonderzeichen generiert.
Quellenoffen OpenSource:
pwgen.mission-webstyle.deOffline Variante zum, Download via GitHub:
https://github.com/mission-webstyle/mws-password-generatorDort steht der Generator zur Frei Verfügung zur Nutzung und Änderung, Integrierung etc.
-
Unterschied von Java und JavaScript
Unterschied von Java und JavaScript
Was ist der Unterschied zwischen Java und JavaScript?
Java ist eine objektorientierte und plattformunabhängige Programmiersprache. JavaScript ist Skriptsprache, die ursprünglich für Animationen und die allseits bekannten „Pop-Up-Meldungen“ verwendet wurde. Am Anfang oft verrufen und klein gesprochen ist JavaScript mit seinen unzähligen Erweiterungen nicht mehr aus der Webentwicklung wegzudenken und bildet die Basis für das Internet, wie wir es heute kennen.
-
Tag des Baumes
-
JavaScript
JavaScript
Seit 1995 gibt es die Skriptsprache JavaScript. Durch die regelmäßige Erweiterung der letzten Jahre handelt es sich mittlerweile um eine äußerst komplexe Programmiersprache. JavaScript ermöglicht einen dynamischen Aufbau einer Webseite. Außerdem kann man mit JavaScript komplexe Kontrollabfragen programmieren und diese z. B. mit Datenbanken verknüpfen, um Eingaben zu prüfen
-
Java
Java
Java wurde 1995 von Sun Microsystems mit dem Slogan „Write once, run anywhere“ veröffentlicht. Java ist eine plattformunabhängige, objektorientierte Programmiersprache. Der Vorteil gegenüber der Konkurrenz bestand darin das Java-Quellcode zuerst in standardisierten Bytecode übersetzt wird. Die Javalaufzeitumgebung (JRE) kann auf fast jeder Hardware und jedem Betriebssystem installiert werden. Sie führt das Programm aus und übersetzt erst zur Laufzeit den Bytecode in Binärcode, also Maschinensprache. Java wird auf Smartphones, Tablets und in Autos verwendet. Auch komplexe Webapplikationen können mit Java erstellt werden. Java läuft auch auf SIM-Karten und übernimmt dort z.B. die Kommunikation mit den Telefonfunkmasten und die PIN-Überprüfung. Außerdem läuft es auf Chips von Bank- und Kreditkarten, wo es meist die Kommunikation mit Bankautomaten übernimmt.
-
Jahrestag
-
Bild bei HTML einfügen
Um ein Bild auf einer Webseite einzufügen, wird das Tag <img> verwendet. Dieses Tag hat keinen Inhalt, sondern nur Attribute, wie z. B.:
<img src=“images/beispielbild.png“
height=“200px“ width=“400px“
alt=“Beispielbild“ title=“Beispielbild“ />• src: gibt die Quelle des anzuzeigenden Bildes an.
• height: Höhe des Bildes (wird nur die Höhe angegebene wird die Breite automatisch mit skaliert)
• width: Breite des Bildes (wird nur die Breite angegebene wird die Höhe automatisch mit skaliert)
• width und height: Wird die Höhe und die Breite angegeben bekommt das Bild eine feste Größe und es wird keine automatische Skalierung vorgenommen. Das heißt die dadurch entstehenden Proportionen müssen zu dem Bild passen.
Wird weder die Höhe noch die Breite angegeben, wird das Bild in Originalgröße angezeigt.
Die Attribute height und width bestimmen die Anzeigegröße des Bildes, verändern jedoch nicht die Originalgröße des Bildes.
• alt: damit wird der Alternativtext für das Bild angegeben.
• title: zeigt vorgegeben Text an, wenn die Maus über dem Bild stehen bleibt
-
CSS- Background
-
Aufwärtskompatibilität
Aufwärtskompatibilität
Die Aufwärtskompatibilität ist das Gegenteil der Abwärtskompatibilität. Hierbei soll es alten Programmen ermöglicht werden, z. B. neue Schriften anzuzeigen oder Dokumente mit neuen Formaten zu öffnen und zu bearbeiten. Diese Kompatibilität ist schwieriger zu gewährleisten als die Abwärtskompatibilität, da nicht alle Formate und Strukturen der neueren Versionen bekannt sind. Zu heutigen Zeiten ist eine Aufwärtskompatibilität durchaus möglich, indem unbekannte Inhalte von Programmen kompensiert werden. Dies wird z. B. durch Emulation erreicht, bei der ein System bestimmte Teilaspekte eines anderen Systems nachbildet.
-
Secure Shell
Secure Shell
Secure Shell oder Secure Socket Shell (SSH) ermöglicht eine sichere und direkte Verbindung zweier Computer. Eine Netzwerkverbindung ist möglicherweise unsicher, weshalb dieser extra Schutz genutzt wird, um dritte davon abzuhalten, Daten dieser beiden Computer abzugreifen. SSH kann auch von Netzwerkadministratoren zur Remote-Verwaltung von Systemen und Anwendungen verwendet werden. Dabei melden sie sich über ein Netzwerk bei einem anderen Computer an und können dadurch Befehle auf diesem Computer ausführen oder Dateien verschieben. Nicht nur verschlüsselte Verbindungen werden dadurch gewährleistet, sondern auch, dass nur zwischen zwei gewünschten Computern eine Verbindung hergestellt werden kann.
-
Full form
-
Lazy Loading
Lazy Loading
Lazy Laoding bei Webdesign bedeutet, dass nicht alle Bilder einer Webseite gleich beim Öffnen laden. Das Gegenteil davon wäre Eager Loading, wobei alle Bilder gleich nach dem Öffnen geladen werden. Dadurch kann je nach Internetverbindung die Ladegeschwindigkeit einer Seite stark verlangsamt werden. Um Abhilfe zu schaffen, wird Lazy Loading verwendet, wodurch nur dann Bilder einer Webseite geladen werden, wenn diese auch angezeigt werden sollen (z. B. bei scrollen).
-
Arbeitszeiterfassung
Arbeitszeiterfassung
Haben Sie sich schon mit der Arbeitszeitenerfassung befasst? Der Europäische Gerichtshof hat 2019 beschlossen, diese gesetzlich einzuführen. Wann und wie das Ganze umgesetzt werden soll, ist dabei allerdings noch ungeklärt. Sehr übersichtlich und informativ dazu ist der Beitrag von eRecht24.
-
Grundtags HTML:
• <!doctype html> beschreibt Typ und Version der Webseite
• <html> … </html> Anfang und Ende der HTML-Seite
• <meta charset=“utf-8“> setzt zusätzliche Angaben und Informationen wie z. B. den Zeichensatz (erleichtert die Verwaltung des Dokumentes)
• <title>… </title> Titel der Webseite
• <head> … </head> beinhaltet meta, titel und base welche die wichtigsten Informationen der Webseite liefern (z. B. style, link …)
• <body> … </body> umschließt die auf der Webseite angezeigten Inhalte
• <h1> … </h1> Große Überschrift
• <h2> …. </h2> Kleinere Überschrift
Viele Tags werden in den heutigen Browsern nicht mehr benötigt, da sie automatisch hinzugefügt werden. Trotzdem gehören sie zum guten Ton dazu und werden deshalb auch heute noch verwendet.
-
Abwärtskompatibilität
Abwärtskompatibilität
Was ist Abwärtskompatibilität?
Durch Erweiterungen von z. B. HTML, CSS usw. können Teile von Webseiten oder Webanwendungen von älteren Browsern nicht mehr richtig dargestellt werden. Um dies zu verhindern, sollte man darauf achten, dass alle genutzten Elemente einer Webseite eine relativ hohe Abwärtskompatibilität aufweisen. Damit kann die Seite auf allen oder zumindest auf einem Großteil von Geräten richtig dargestellt werden. Dafür sollten viele Präfixe angesprochen werden (z.B Gradient bei Farben). Neuste Technologien sollten nicht immer sofort genutzt werden, da nur ein kleiner Bruchteil der Browser diese zu Beginn darstellen kann.
-
WordPress
WordPress
Vorteile von WordPress:
• riesige Community (Sicherheitslücken werden schnell gefunden und bearbeitet, bei Problemen findet man schnell Hilfe etc.)
• einfach zu lernen und nutzen (Anfängerfreundlich)
• kostenlos
• viele und aktuelle Erweiterungsmöglichkeiten
• WordPress Webseiten sind individuell erweiterbar (z. B. durch Plugins)
-
Alternativ-Text
Alternativ-Text
Alternativ-Text bei Bildern:
• Er beschreibt den gezeigten Inhalt eines Bildes in kurzen Worten
• Sollte die Internetverbindung zu langsam zum Laden von Bildern sein, können die Inhalte durch den Alternativtext trotzdem nachvollzogen werden
• Wichtig für Barrierefreiheit: dadurch können auch Sehbehinderte oder Menschen mit kognitiven oder körperlichen Einschränkungen Grafiken, Bilder und Fotos verstehen
• Suchmaschinen orientieren sich zudem an den Alternativtexten und nicht an den Bildern (Webseiten mit Alternativtexten werden bei Suchanfragen eher angezeigt)
-
Schriftbefehle bei CSS
Schriftbefehle bei CSS
Übersicht der Schriftbefehle bei CSS:
• font-size: bestimmt die Schriftgröße
• font-style: bestimmt die Schriftart (z. B. Arial, Times New Roman, Calibri usw.)
• font-weight: hiermit wird das Schriftgewicht angegeben (normal, bold, lighter …)
• font-variant: bestimmt die Schriftvariante (normal oder small-caps)
• font-family: legt den Schriftstil fest (z. B. normal, kursiv, unterstrichen usw.)
• color: legt die Textfarbe fest
-
UI und UX
UI und UX
Was ist UI und UX?
Bei Webdesign sind UI und UX sehr wichtig. UI steht dabei für User Interface und UX für User Experience, beides arbeitet Hand in Hand.
Es ist das Erlebnis, was ein Kunde hat, wenn er mit einem Unternehmen in Kontakt tritt. Dabei ist die Erfahrung des Kunden gemeint, bei der er auf ein Unternehmen aufmerksam wird, dessen Webseite aufsucht und schließlich ein Abonnement abschließt, ein Produkt bestellt oder Kontakt herstellt. Diese Erlebnisse nennt man auch Touchpoints (Berührungspunkte).
Außerdem beschreiben sie den Teil einer Webseite, bei dem ein Kunde interaktiv agieren kann, wie z. B. bei Menüs, Buttons, Eingabe-Formularen usw. Meistens werden sie als etwas visuelles wahrgenommen, aber auch Vibrationen, Sprachein- und Sprachausgaben zählen dazu. Trotzdem ist vor allem die visuell ansprechende Gestaltung besonders wichtig, um das volle Potenzial einer Webseite auszuschöpfen. Die Interaktion muss dabei allerdings trotzdem effizient und effektiv sein, was sich über die Usability/Bedienbarkeit verwirklichen lässt. Das generelle Ziel von UI/ UX ist es die Markenbotschaft durch visuelle Elemente von Webseiten und Apps zu vermitteln.
Um die besten Ergebnisse zu erzielen, ist es unerlässlich, dass sich UI und UX gegenseitig unterstützen und ergänzen.
-
Webseiten
Webseiten
Jetzt wäre ein guter Zeitpunkt, um sich Gedanken über eine eigene Webseite für das neue Jahr zu machen. Hier fünf Gründe, weshalb eine eigene Webseite wichtig ist:
– Sie machen Kunden auf Ihr Unternehmen aufmerksam und stellen ihnen Informationen zur Verfügung.
-Durch eine Webseite machen Sie sich erreichbar und können mehrere Kontaktmöglichkeiten anbieten.
– Sie können mehr Umsatz generieren, wenn Sie zum Beispiel einen Onlineshop betreiben.
– Aktualität kann garantiert werden, da kein Medium schneller und änderbarer ist als das Internet.
– Sie können durch kostengünstiges und gezieltes Marketing genau Ihre Zielgruppe ansprechen.
-
Webentwicklung und Webdesign
Webentwicklung und Webdesign
Was ist der Unterschied von Webdesign und Webentwicklung?
Bei der Webentwicklung handelt es sich um alles, was mit der technischen Umsetzung einer Webseite zu tun hat. Dazu gehört die gezielte Nutzung von HTML, CSS, JavaScript usw., um eine funktionale Webseite umzusetzen.
Das Webdesign behandelt dagegen alles Sichtbare einer Webseite, wie die Schriftart, Schriftgröße, Schriftfarbe, Hintergrundfarbe, das Layout usw. Hierbei geht es aber eher um die Planung des Aussehens einer Webseite sowie die damit verbundene Wirkung auf den Kunden.
Beide Bereiche zusammen ergeben eine schöngestaltete, ansprechende und gut nutzbare Webseite.
