Website-Terminologie: Welchen Jargon sollten Sie kennen?

Es fühlt sich an, als würden nervige Design-Boffins Website-Terminologie erstellen, nur um uns zu verwirren. Frontend. Backend. Design. Entwickeln. Warum nicht die Dinge einfach machen?

Wenn Sie darüber nachdenken, eine Website zu erstellen oder neu zu gestalten, benötigen Sie diesen Artikel. Schauen wir uns zunächst den Unterschied zwischen Webdesign und Webentwicklung an. Auch bekannt als Front-End und Back-End.

Was ist der Unterschied zwischen Webdesign- und Webentwicklungsterminologie?

Webdesigner sind die kreativeren der beiden, die sich mit der Grafik und dem Layout der Website befassen. Willst du eine bestimmte Farbe dort? Größerer Text hier? Sie werden es regeln.

Es ist üblich, dass sie Hintergründe in Grafikdesign und Kunst haben, damit sie wissen, wie man die Dinge hübsch aussehen lässt!

Der Job eines Webentwicklers ist anders, er erstellt den Kern der Website. Sie konzentrieren sich auf die technischen Aspekte und stellen sicher, dass alles funktioniert. Dies beinhaltet die Eingabe von Code in Websites für eine optimale Leistung. Sie sind logisch und haben in der Regel einen Hintergrund in Informatik oder Programmierung.

Zum Beispiel ist die Außenseite eines Autos optisch ansprechend, während der Motor für Wendigkeit gebaut ist.

Um die Dinge einfach zu machen, werden wir den Leitfaden in Designer- und Entwickler-Website-Terminologie aufteilen. Halten Sie sich an Ihren Hertz, los geht’s!

Designer-Website-Terminologie

Inhalt

Es nützt nichts, eine atemberaubende Website zu haben, wenn Ihre Inhalte überall sind. Wohin gehen Ihre Kontaktdaten? Sind Visuals am richtigen Ort? Was ist mit White Space? Niemand will Kopfschmerzen, wenn sie Ihre Website besuchen. Wenn Sie diese Aspekte richtig verstehen, wird die Reise Ihrer Besucher angenehmer und Ihre Chance, in Suchmaschinen zu erscheinen, erhöht.

Schauen Sie sich dieses Beispiel von Lyft an, es gibt nicht viel Inhalt, aber das ist es, was es funktioniert. Es gibt einen einfachen Call-to-Action in der Mitte der Seite, begleitet von einer niedlichen Animation. Es besteht keine Chance, dass Sie auf diese Website kommen und nicht wissen, was das Ziel des Inhalts ist.

Barrierefreiheit

Dieser Aspekt des Designs wird von vielen Webdesignern oft übersehen, sollte aber Teil Ihrer Webdesign-Grundlagen sein. Es ist, wie zugänglich Ihre Website für Menschen mit Behinderungen ist.

Disability Guides, einfache Kopie und größere Symbole helfen ihnen, die Website zu navigieren. Diese Funktionen sind bei Gesundheitsorganisationen beliebt. Hier ist ein Beispiel für den Kampf um die Sicht, die oben rechts auf der Homepage einen Schrifteinsteller haben.

CSS (Cascading Style Sheets)

CSS ist eine Stylesheet-Sprache zur Beschreibung des Layouts von HTML-Code. Einfacher ausgedrückt, HTML ist die Sprache des Textes und CSS ist die Sprache des Seitendesigns. CSS spart Webentwicklern viel Arbeit, da es ihnen hilft, ihren HTML-Code in verschiedene Layouts und Stile zu formatieren.

Statisches Layout

Diese Art von Layout ist einfacher zu gestalten, aber für den Benutzer nicht so flexibel. Wenn eine Seite für jeden Besucher die gleiche Breite hat, kann dies auf verschiedenen Geräten unvorhersehbar sein. Die meisten Unternehmen haben mit dem Aufkommen von Mobilgeräten auf Responsive Design umgestellt, aber möglicherweise finden Sie einige Unternehmen, die es verwenden.

Favicon

Ein Favicon ist ein Bild, das neben Ihrem Domainnamen in der Adressleiste des Browsers angezeigt wird. Es ist eine gute Idee, Ihr Logo oder etwas zu verklagen, das sich auf Ihr Unternehmen bezieht. Brauchen Sie Inspiration? Schauen Sie sich einige dieser coolen Logo-Designs an!

Brennpunkt

Wo soll das Auge fokussieren? Ein Logo? Ein Produkt? Wenn Ihre Website zu überladen ist oder Sie nicht wissen, wohin der Benutzer gehen soll, kann er gehen. Amazon verwendet das Top-Banner als Schwerpunkt, aber nicht alle Unternehmen können saisonale Ereignisse nutzen, um Geschäfte zu generieren.

HTML (Hypertext Markup Language)

Sprechen Sie Computer? Glücklicherweise, Designer tun. Sie geben Codes in eine Textdatei ein, der Browser liest sie und übersetzt sie in verdauliche Form. Für die HTML-Codierung sind eine Reihe von Typografie-, Design- und Computerprogrammierkenntnissen erforderlich.

Auflösung

Der Begriff für die Anzahl der Pixel in den vertikalen und horizontalen Elementen eines Bildschirms. Obwohl viele glauben, dass es die Länge und Breite ist.

Responsive Layout

Responsive Layouts sind anpassbar und ändern sich je nach Benutzergerät. Sie optimieren die Seite, um so viel Inhalt wie möglich aufzunehmen. Dieses Layout ist ein Grundnahrungsmittel der Webdesign-Grundlagen.

Styleguide

Bei der Gestaltung einer Website ist es wichtig, einen konsistenten Stil zu haben. Zu viele Farben oder Formen können den Benutzer verwirren, daher ist es wichtig, eine komplementäre Mischung zu haben. Werfen Sie einen Blick auf Spotiys Styleguide, etwas so Geringfügiges wie eine falsche Platzierung des Logos kann ihr Branding gefährden.

UX Design

Wie fühlt sich der Benutzer, wenn er Ihre Website besucht? Wenn es praktisch und einfach zu bedienen ist, bleiben sie eher auf der Website. Wenn es viele defekte Links gibt, werden sie enttäuscht sein. Es ist wichtig, in die Denkweise des Benutzers einzusteigen und sich in seine Probleme einzufühlen.

Grafische Benutzeroberfläche

Apple macht Geräte für kleine Kinder geeignet. Schauen Sie sich den mobilen Startbildschirm mit allen Apps und Menüs an. GUIs sollten einfach und leicht zu navigieren sein, was auf cleveres Design zurückzuführen ist.

Growth Driven Design

Growth driven Design ist die Praxis, eine Website mit einfachen Webdesign-Grundlagen zu erstellen. Der Designer fügt beim Erstellen der Website komplexere Funktionen hinzu. Dies bedeutet, dass alle Probleme, die es hat, durch starke Grundlagen geschützt sind. Sie würden kein Dach auf ein Haus legen, ohne zuerst das Fundament zu legen. Sie können die Website dann regelmäßig aktualisieren, um sicherzustellen, dass sie immer auf dem neuesten Stand ist.

Entwickler Website Terminologie

AJAX (Asynchrones JavaScript und XML)

AJAX verwendet verschiedene Programmierwerkzeuge, um Daten zu senden und abzurufen, ohne eine Webseite aktualisieren zu müssen. Wenn Sie Ihre Facebook-Homepage in einem Browser haben, wird sie ständig aktualisiert, um Sie mit Updates zu versorgen. Hier ist ein Beispiel für AJAX-Code.

Backend

Websites sind nicht oberflächlich; Es gibt viele interne Prozesse, die der Benutzer nicht sehen kann. Im Backend Ihrer Website aktualisieren Sie Software, veröffentlichen Blogs in Ihrem CMS und laden neue Produkte hoch. Dies ist die Zukunft von WordPress..

Schlechte Nachbarschaft

Eine schlechte Nachbarschaft ist eine Gruppe von Websites mit schlechtem Ruf und schlechten Suchrankings. Sie möchten nicht in einer schlechten Nachbarschaft leben, und Ihre Website auch nicht. Wenn Sie Ihre Website in Schurkenvierteln platzieren, werden Ihre Chancen, in einer Suchmaschine zu erscheinen, beeinträchtigt. Holen Sie sich das beste Hosting-Paket; Sie wollen keine Bestrafung für das ungezogene Verhalten Ihrer Nachbarn!

Bandbreite

Ihr Video wird gepuffert. Warum?! Bandbreite ist das Niveau des Datenverkehrs und der Daten, die Ihre Website passieren können. Größere Unternehmen benötigen mehr Bandbreite, da sie mehr Datenverkehr und Datenübertragungen erhalten. Die Bandbreite variiert, daher ist es wichtig, den richtigen Betrag für Ihr Unternehmen zu ermitteln.

Cache

Ein Cache ist der temporäre Speicherplatz eines Geräts und verbessert die Anwendungsleistung. Wenn Sie eine Webseite besuchen, zeichnet Ihr Browser die von Ihnen besuchten Seiten auf und speichert die Dateien im Cache. Dies bedeutet, dass der Browser sie nicht erneut lesen muss, was Zeit spart.

Cookies

Cookies sind kleine Textdateien, die grundlegende Informationen über die von Ihnen besuchten Websites enthalten. Cookies helfen Webservern, Präferenzen zu bestimmen, indem Sie sich die Arten von Websites ansehen, die Sie besuchen, oder was Sie in Ihren Warenkorb legen.

In den letzten Jahren gab es eine Menge negativer Presse über Cookies, da es Probleme mit dem Datenschutz gibt. Wenn Sie die automatische Anmeldung aktivieren, hinterlässt das Unternehmen ein Tracking-Cookie in Ihrem Browser, sodass Sie sich nicht anmelden müssen.

Datenbank

Wie zu erwarten, ist eine Datenbank ein Speicherhub für Daten. Wenn Browser durch Ihre Website navigieren, geben sie Suchanfragen oder persönliche Informationen ein. Ihre Datenbank speichert diese Informationen.

Wenn Sie ein Online-Bekleidungsgeschäft haben, lesen Ihre Datenbankspalten möglicherweise:

• tshirt_size
• tshirt_colour
• tshirt_price

Hier ist ein Beispiel einer anonymen Datenbank.

Hosting

Webhosts geben uns die Möglichkeit, Webseiten im Internet zu veröffentlichen. Sie verwenden Servercomputer, um Ihre Website mit dem Internet zu verbinden. Wenn jemand auf Ihre Website klickt, sendet die Seite eine Anfrage an den Server und wird geladen.

JavaScript

JV ist eine kompakte, flexible dynamische Programmiersprache. Es gibt Tonnen von zusätzlichen Funktionen mit JavaScript. Sie können Karussells, 3D-Bilder und Videostreams auf Ihrer Website eingeben.

PHP (Hypertext Preprocessor)

PHP ist eine serverseitige Programmiersprache, die zur Entwicklung flüssiger Websites und zur Verbindung mit Datenbanken verwendet wird. Zum Beispiel können Sie einen Login-Button auf Ihrer Website mit einer E-Mail-Adresse und Passwort-Box oben haben. Wenn Sie diese Informationen eingeben und senden, sendet PHP sie an eine Datenbank und überprüft, ob sie korrekt sind.

Sehen Sie sich dieses Codebeispiel an und sehen Sie, wie es mit einer eingehenden Anfrage umgeht? Das ist PHP.

Python

Python ist ein Webentwicklungsframework, das es seit den 1980er Jahren gibt. Es ist bekannt für seine Benutzerfreundlichkeit und Lesbarkeit. Anfänger verwenden Python oft als Sprungbrett zu anderen Entwicklungstools. Außerdem ist es kostenlos!

Server

Server machen viel Arbeit, sie sind Computer nach einer Dose Spinat. Sie speichern riesige Datenmengen wie CSS-Blätter und stellen über Internetverbindungen eine Verbindung zu anderen Servern her. Webserver speichern Webinformationen wie URLs, wenn ein Browser eine Seite anfordert, kommuniziert er mit dem Server.

Und das ist der Unterschied zwischen Mi-Design und Webentwicklung. Sie sind jetzt qualifiziert, Website-Terminologie nach Herzenslust zu verwenden!