Was ist ein Web-Frontend und eine Webseite?

Web-Frontend ist die Webseite, die den Benutzern angezeigt wird, also der Front-End-Teil der Website. Es geht um die visuellen Aspekte der Website, die Benutzer sehen und erleben können, also um alles, was der Benutzer sieht und der vom Webbrowser angezeigte Inhalt, also das, was der Benutzer sehen kann. Alles sehen, berühren und erleben. Eine Webseite ist eine reine Textdatei, die HTML-Tags enthält. Sie kann auf einem Computer in einer Ecke der Welt gespeichert werden. Sie ist eine Seite im World Wide Web und wird normalerweise als Bilddatei verwendet Bereitstellung von Bildern. Zum Lesen über einen Webbrowser.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Dell G3-Computer.

Was ist das Web-Frontend?

Das Web-Frontend ist die dem Benutzer angezeigte Webseite, also der Frontend-Teil der Website.

Beim Web-Frontend, auch „Client“ genannt, geht es um die visuellen Aspekte der Website, die der Benutzer sehen und erleben kann, also um alles, was der Benutzer sieht und was der Webbrowser anzeigt, einschließlich dessen, was der Benutzer sehen kann Alles sehen, anfassen und erleben; das heißt, das Web-Frontend umfasst die Struktur der Webseite, das visuelle Erscheinungsbild des Webs und die Implementierung der Interaktion auf Webebene.

Web-Frontend hat sich aus der Webseitenproduktion entwickelt, und der Name weist offensichtliche Merkmale dieser Zeit auf. In der Entwicklung des Internets ist die Erstellung von Webseiten ein Produkt der Web 1.0-Ära. Der Hauptinhalt früherer Websites war statisch, hauptsächlich Bilder und Text, und das Verhalten der Benutzer bei der Nutzung der Website bestand hauptsächlich aus dem Surfen. Mit der Entwicklung der Internettechnologie und der Anwendung von HTML5 und CSS3 werden moderne Webseiten schöner, verfügen über bedeutende interaktive Effekte und sind leistungsfähiger.

Web-Frontend zielt hauptsächlich auf die Codierung und den Aufbau sichtbarer Dinge ab, bei denen es sich um die Schnittstellen handelt, mit denen Benutzer interagieren können, konzentriert auf Webanwendungen oder Websites. Dazu gehört auch die Entwicklung mobiler Anwendungen, und die Personen, die für die Erstellung des Layouts oder der Architektur dieser Art von Anwendungen verantwortlich sind, sind Frontend-Entwickler.

Web ist das Global Wide Area Network, auch bekannt als World Wide Web. Es ist ein globales, dynamisch interaktives, plattformübergreifendes verteiltes grafisches Informationssystem, das auf Hypertext und HTTP basiert. Es handelt sich um einen auf dem Internet aufgebauten Netzwerkdienst, der Benutzern eine grafische, leicht zugängliche und intuitive Schnittstelle zum Suchen und Durchsuchen von Informationen im Internet bietet. Die Dokumente und Hyperlinks organisieren die Informationsknoten im Internet in einer miteinander verbundenen Netzwerkstruktur.

Die Herausforderung bei der Front-End-Webprogrammierung besteht darin, dass sich die zur Implementierung von Front-End-Seiten verwendeten Tools und Technologien schnell ändern. Daher müssen Ingenieure ständig darauf achten, wie sich die Branche entwickelt (z. B. ECMAScript 6).

Der Zweck der Gestaltung von Webseiten besteht darin, sicherzustellen, dass die Informationen beim Öffnen der Website durch Benutzer in einer leicht lesbaren und relevanten Form präsentiert werden. Das damit verbundene Problem besteht darin, dass Benutzer mittlerweile eine große Anzahl von Geräten für den Zugriff auf das Internet verwenden und diese Geräte unterschiedliche Bildschirmgrößen und Auflösungen haben.

Designer müssen also beim Entwerfen von Webseiten auf diese Aspekte achten. Sie müssen sicherstellen, dass ihre Webseiten in verschiedenen Browsern, verschiedenen Betriebssystemen und verschiedenen Geräten korrekt angezeigt werden, was eine sorgfältige Planung seitens des Ingenieurs erfordert.

Für die Web-Front-End-Entwicklung erforderliche Technologien:

• Beherrscht die Front-End-Entwicklungstechnologie (HTML5, JS, JSON, Programmieren und in der Lage sein, leistungsstarke, wiederverwendbare Front-End-Komponenten zu schreiben;

• Sie verfügen über ein tiefes Verständnis für Programmierideen und Front-End-Frameworks wie OO, MVC, MVVM usw. und beherrschen eine Front -End-Framework (häufig verwendete Front-End-Frameworks Vuejs, AngularJS, React, Bootstrap, QUICK UI, mobile Endgeräte umfassen: Frozen UI, weUI, SUI, MUI, AUI), seine Prinzipien verstehen (es gibt viele Frameworks, wählen Sie zwei oder drei). Mainstream-Frameworks, nur wenn Sie kompetent sind und über ein tiefes Verständnis verfügen); (Dies sind auch sehr nützliche Bonuspunkte bei der Jobsuche.)

• Verstehen Sie den Front-End-Sicherheitsmechanismus. Vertraut mit dem HTTP-Protokoll und Browser-Caching-Strategien.

• Vertraut mit der Quellcode-Implementierung von gängigem JS Entwicklungsframeworks (wie Prototyp, jQuery, Mootools, Ext, Dojo, Underscore, YUI, Kissy), mindestens eines beherrschend.

• Sie haben ein klares Verständnis für häufige Browser-Kompatibilitätsprobleme und verfügen über zuverlässige Lösungen wie IE6/7/8/9, Firefox, Safari, Chrome.

• Sie haben ein hohes Maß an Ästhetik. es gibt auch kontinuierliches Lernen

• Was ist eine Webseite?

• Eine Webseite ist das Grundelement, das eine Website ausmacht, und eine Plattform, die verschiedene Website-Anwendungen hostet. Laienhaft ausgedrückt besteht Ihre Website aus Webseiten. Wenn Sie nur über einen Domainnamen und einen virtuellen Host verfügen und keine Webseiten erstellen, können Ihre Kunden trotzdem nicht auf Ihre Website zugreifen.

Eine Webseite ist eine reine Textdatei, die HTML-Tags enthält. Sie kann auf einem Computer in einem Winkel der Welt gespeichert werden. Sie ist eine „Seite“ im World Wide Web und ist ein Hypertext-Auszeichnungssprachenformat (ein universelles Standardformat). Markup-Sprache). Die Dateierweiterung ist .html oder .htm. Webseiten nutzen üblicherweise Bilddateien, um Bilder bereitzustellen. Webseiten müssen über einen Webbrowser gelesen werden.

Webseitenaufbau

Text und Bilder sind die beiden grundlegendsten Elemente, aus denen eine Webseite besteht. Man kann es einfach so verstehen: Text ist der Inhalt der Webseite. Bilder machen die Schönheit einer Webseite aus. Darüber hinaus umfassen Elemente von Webseiten auch Animationen, Musik, Programme usw.

Klicken Sie mit der rechten Maustaste auf die Webseite und wählen Sie im Menü „Quelldatei anzeigen“, um den tatsächlichen Inhalt der Webseite über Notepad anzuzeigen. Sie können sehen, dass die Webseite eigentlich nur eine reine Textdatei ist. Es verwendet verschiedene Tags, um Text, Bilder, Tabellen, Sounds und andere Elemente auf der Seite zu beschreiben (z. B. Schriftarten, Farben, Größen). Der Browser interpretiert diese Tags und generiert die Seite, sodass Sie das erhalten, was Sie jetzt im Bild gesehen haben . Warum kann ich in der Quelldatei keine Bilder sehen? In der Webseitendatei wird nur der Linkspeicherort des Bildes gespeichert, während die Bilddatei und die Webseitendatei unabhängig voneinander gespeichert werden und sich möglicherweise nicht einmal auf demselben Computer befinden.

Webseiten bestehen normalerweise aus den folgenden Elementen:

Textdaten-Bilddateien Applet (Unterprogramm, das innerhalb der Seite ausgeführt wird) Der Verbund aus verlinkten Webseiten ist die Website, und der Ausgangspunkt einer Website ist die Homepage.

(Lernvideo-Sharing: Erste Schritte mit dem Web-Frontend)

Das obige ist der detaillierte Inhalt vonWas ist ein Web-Frontend und eine Webseite?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!