In diesem Abschnitt über die Funktionsweise des Webs, Wir besprechen die Grundlagen des Website-Designs. Da Sie nun wissen, wie die Full-Stack-Entwicklung funktioniert, das ist alles vom Backend bis zum Frontend oder Frontend zurück zum Backend, von der Erstellung von Websites, die HTML verwenden, Cascading Stylesheets und JavaScript zu meinen SQL-Servern, Apache-Servern, Dateiserver oder Content-Delivery-Netzwerke, Wir werden uns ansehen, warum und wie Sie eine Website erstellen. Warum erstellen Sie eine Website? Nun, eine Website wird erstellt, um für Ihr Unternehmen oder Ihre Dienstleistung zu werben, was auch immer Sie beruflich fördern möchten, oder eine Organisation, etwas, das du vielleicht einfach sagen möchtest, hey, Hier ist eine Website von meinem Hund. Was auch immer Sie tun möchten, Sie können eine Website dafür erstellen. Wenn wir jetzt Websites erstellen, wir müssen bedenken, dass dies eine Benutzeroberfläche ist, So wie Ihr Smartphone eine Schnittstelle hat, oder Ihr Computer hat eine Schnittstelle darauf, Die Website ist keine Schnittstelle für Ihre Kunden oder Ihre Freunde oder diese Benutzer. Natürlich gibt es Social-Media-Seiten, die für Sie vorgefertigt sind. Und alles, was Sie tun, ist, Bilder darauf zu setzen oder geben Sie hier oder dort ein paar Wörter ein. Wir schauen uns Websites an. Das sind Dinge, die du tatsächlich erschaffst. Und wenn du es erschaffst, Sie müssen über den Maßstab, die Typografie nachdenken, der visuelle Stil. Wenn Sie ein Raster, eine Hierarchie, Navigation, die Lesbarkeit der Seite und der Fluss. Zuerst werden wir uns einige Websites ansehen die Ihnen beim Erstellen von Websites helfen, was ziemlich nett ist, aber wir sehen uns diese Seite gerade nicht an wie es Ihnen hilft, eine Website zu erstellen, Wir betrachten dies als UI-Design. Also User-Interface-Design. Sie werden ganz oben sehen, wofür sie sich entschieden haben wird ihre Produkte, Vorlagen und Ressourcen gestellt ganz oben auf der Seite. Alles, was Sie brauchen, um online zu wachsen, Sie müssen Ihre E-Mail eingeben gleich loslegen. Indem Sie dies zur einzigen Option auf dieser Seite machen und macht es sehr mutig, Was sie versuchen, ist, Sie dazu zu bringen, Ihre E-Mail-Adresse einzugeben auf ihrer Website, damit sie Sie kontaktieren können als Interessent. Und Sie können sehen, dass diese Seite das sehr gut macht. Wenn wir auf eine andere Website klicken, wir werden sehen, dass loslegen gleich da ist ganz vorne auf der Seite. Wenn Sie sich jetzt für Loslegen entscheiden, es wird dich fragen, Hey, mach weiter und melde dich mit deiner E-Mail an. Und noch eins, starten Sie Ihre Website. Und dann hier drüben, Nun, was für eine Art willst du anfangen? Lass uns weitermachen und eines davon starten. Sie können also sehen, dass jeder von diesen einen Weg bietet um die Informationen zu erfassen und bringen Sie den Benutzer tiefer in die Erfahrung. Nun, die Größe der Website. In diesem Fall, Wir sehen uns eine Website mit etwa 1080p-Skalierung an. Mein System läuft mit 4K. Diese Pornoseite passt also wirklich gut in eine Ecke. Ich kann die Website durchsuchen, und der Fluss ist sehr natürlich, sehr sauber und sehr gut lesbar. Der Maßstab ist also genau richtig. Die Typografie, die Art, wie sie die Worte setzen auf dem Bildschirm, Die Schriftart, die sie verwenden, ist sehr gut lesbar. Und das ist etwas, das man im Hinterkopf behalten sollte. Einige Menschen können andere Bedingungen haben die das Lesen bestimmter Textsorten erschweren. Verwenden Sie also einen Text, der am zugänglichsten ist könnte der richtige Weg sein. Nun, wenn Ihre Website einen bestimmten künstlerischen Stil hat, dann funktioniert das vielleicht nicht für dich. Manche Kunststile sind einfach schwer zu lesen, es ist also beabsichtigt. Aber wenn Sie Ihre Website erstellen, Denken Sie unbedingt an Design, die Schriftart, die Sie verwenden. Was soll der Benutzer sehen, das allererste, was sie auf Ihre Website schlagen? Was willst du? Möchten Sie, dass sie ein Beispiel sehen, vielleicht ein Start-Link, und/oder die E-Mail, damit sie nachfassen können. Wenn sie nach unten scrollen, die die meisten Leute nicht sehr weit nach unten scrollen, dann, wenn sie nach unten scrollen, Welche Optionen werden sie sehen? Außerdem, welchen Stil möchtest du? Ein Raster, Hierarchie, Navigation. In diesem Fall haben wir etwas, das wie ein Rasterlayout aussieht. Wir haben also jede der Optionen genau hier drüben. Wir haben von unserem Netz gewechselt, Nun, ein Teil des Rasters für Navigation und Hierarchie. So können wir vielleicht tiefer und tiefer hinabsteigen in diesen kleinen Abschnitten. Und sie kombinieren mehrere verschiedene Methoden auf der Website. Tolle Art, Dinge zu tun. Wenn wir uns nun das Design der Benutzeroberfläche ansehen, Denken Sie daran, den Maßstab des Textes und der Bilder sollte für das Gerät Ihres Benutzers geeignet sein, ob es sich um ein mobiles Gerät handelt, ein Tablet oder ein Telefon oder ein Desktop-Gerät, und dieses Desktop-Gerät kann ein Monitor mit niedrigerer Auflösung sein. Denken Sie also daran. Die Typografie, die Schriftarten, wie Sie die Schriften anordnen, das sollte leicht lesbar sein, so einfach zu lesen, wie es für Sie funktioniert. Und der visuelle Stil, ob Sie bei einem Raster bleiben möchten, ein hierarchischer Ansatz, oder bieten Sie einfach Navigationen auf der gesamten Website an. Denken Sie daran und gestalten Sie Ihre Website mit Ihrem Ziel im Auge.