Was ist eine Webseite, wie wird sie erstellt und geladen? Was tun, wenn die Seite nicht verfügbar ist? Was ist eine Webseite? Was ist eine Webseite?

Was sind Websites und Webseiten? Um dies zu verstehen, stellen wir eine andere Frage: Welche Informationen kann eine Website enthalten? Antwort: fast alle. Auf der Seite können Sie beispielsweise Werke großer Klassiker der Literatur, Malerei, Architektur usw. veröffentlichen.

Anmerkung 1

Man kann sagen, dass es sich bei der Seite um eine Art Buch handelt, aber nicht um ein einfaches, sondern um ein elektronisches. Und wie ein normales Buch besteht eine Website aus Seiten, die als Webseiten bezeichnet werden.

Wenn Sie die Seiten in einem gewöhnlichen Buch umblättern und auf ähnliche Weise nach den erforderlichen Informationen suchen können, wie können Sie dann auf einer Website an die erforderlichen Informationen gelangen? Benutzen Sie dazu die Maus. Darüber hinaus können Sie viel schneller zwischen den Seiten der Website wechseln als zwischen den Seiten in einem normalen Buch. Dies wird durch die Verwendung beweglicher Elemente einer Webseite erleichtert, die beim Klicken mit der Maus zu einer anderen Seite der Site wechseln. Solche Elemente werden Hyperlinks genannt; sie sind auf allen Seiten der Website verfügbar.

Zu den klassischen Hyperlink-Optionen gehören Textteile und grafische Bilder. Im ersten Fall wird der Hyperlink als Textlink bezeichnet und sieht aus wie unterstrichener blauer Text. Beim Erstellen eines solchen Hyperlinks ist zu beachten, dass die Seite, zu der der Benutzer über einen Text-Hyperlink navigiert wird, unbedingt mindestens einen Hyperlink enthalten muss, um zum Inhalt zurückzukehren.

Alle Seiten der Website sind durch eine Stammadresse (die in die Adressleiste des Browsers eingegeben wird), ein Thema, ein System und ein Design vereint. Alle Seiten der Website sind in einer Programmiersprache (HTML, XHTML, JAVA usw.) geschriebene Textdokumente, mit denen Sie Seitentexte bearbeiten, Links hinzufügen, Bilder, Ton- und Videodateien einfügen können. Eine Website-Seite kann als einfache Informationssammlung oder komplex mit einer Vielzahl von Funktionen dargestellt werden.

Anmerkung 2

Somit ist eine Site ein Ort im Internet, der eine eigene Adresse, einen eigenen Eigentümer hat und aus einzelnen Webseiten besteht, die vom Benutzer als Ganzes wahrgenommen werden.

Historische Referenz

Die allererste Website (info.cern.ch) erschien am 20. Dezember 1990. Es wurde von Tim Berners-Lee erstellt, der auf dieser Website eine Beschreibung der neuen World Wide Web-Technologie veröffentlichte, die auf dem HTTP-Datenübertragungsprotokoll, dem URI-Adressierungssystem und der Hypertext-Auszeichnungssprache HTML basiert. Darüber hinaus enthielt die Website eine Beschreibung der Prinzipien der Installation und des Betriebs von Servern und Browsern. Diese Site war das erste Online-Verzeichnis der Welt, da Tim Berners-Lee dort eine Liste mit Links zu anderen Sites veröffentlichte.

Alle Tools für die erste Site wurden von Berners-Lee noch früher vorbereitet – Ende 1990 erschienen der erste Hypertext-Browser WorldWideWeb mit Web-Editor-Funktionalität, der erste Server auf Basis von NeXTcube und die ersten Webseiten.

Berners-Lee glaubte, dass Hypertext als Grundlage für die Schaffung von Datenaustauschnetzwerken dienen würde, und es gelang ihm, seine Idee zum Leben zu erwecken. 1980 entwickelte er die Hypertext-Software Inquire, die zufällige Assoziationen zum Speichern von Daten nutzte. Die Möglichkeit des Hypertext-Zugriffs auf interne Suchmaschinen und Dokumente sowie Internet-Nachrichtenressourcen wurde demonstriert. Infolgedessen wurde der WWW-Standard im Mai 1991 genehmigt.

In den 1940er Jahren brachte Vannevar Bush die Idee vor, das menschliche Gedächtnis mit Hilfe technischer Geräte zu erweitern und die von der Menschheit gesammelten Informationen zum schnellen Abruf zu indizieren. Theodore Nelson und Doug Engelbart schlugen die Technologie des Hypertextes vor, den sogenannten „Branching“-Text, der dem Leser unterschiedliche Lesemöglichkeiten bieten würde. Xanadu, Nelsons nie fertiggestelltes Hypertextsystem, wurde zum Speichern und Durchsuchen von Text mit integrierten Beziehungen und Fenstern entwickelt. Nelsons Traum war es, alle von Menschen erstellten Texte mit Querverweisen zu versehen.

Heute ist Tim Berners-Lee Leiter des von ihm gegründeten World Wide Web Consortium, das Internetstandards entwickelt und implementiert.

Webseitenentwicklung

An der Website-Entwicklung sind viele Personen beteiligt: ​​Programmierer, Webdesigner usw. Alles beginnt damit, dass der Webdesigner das Design der zukünftigen Website erstellt und dabei die Wünsche des Kunden, den Zweck der Website und ihre Absicht berücksichtigt Publikum. Die Auswahl geeigneter Schriftarten, Bilder und Objektstandorte erfolgt. Dann beginnt der Layouter mit seiner Arbeit, arbeitet am fertigen Design und optimiert es für verschiedene Browser. Als nächstes kommt die Programmierrunde. Der Programmierer erstellt die Site-Struktur von Grund auf mit einer bestimmten Programmiersprache. Wenn die Website fertig ist, muss sie mit Informationen gefüllt werden. Darüber hinaus gibt es verschiedene Personen, die die Website bewerben und optimieren, sie in Online-Verzeichnissen platzieren und Website-Werbung verbreiten.

Webseiten werden mit der Hypertext-Dokumentauszeichnungssprache HTML erstellt.

Es gibt zwei Arten von Website-Entwicklungsmethoden: visuelle und manuelle (Software).

Mithilfe visueller Methoden werden Webseiten mit einem hohen Automatisierungsgrad entwickelt, für den keine Kenntnisse der HTML-Auszeichnungssprache erforderlich sind. Der Erstellungsprozess ist sehr visuell, da er in diesem Modus durchgeführt wird – aus dem Englischen „What You See Is What You Get“, was „Was Sie sehen, ist das, was Sie bekommen“ bedeutet.

Es gibt viele Web-Editoren, bei denen beim Entwickeln einer Webseite automatisch HTML-Code erstellt wird. Alle Arbeiten zur Erstellung einer Website in diesen Editoren erfolgen ohne Verbindung zum Internet. Zu diesen Editoren gehört das bekannteste Microsoft FrontPage, Macromedia Dreamweaver.

Bei der manuellen Erstellung von Webseiten kommen einfache Texteditoren zum Einsatz. Ein solcher Editor ist die Standardanwendung Notepad. Die Anzeige der Ergebnisse Ihrer Arbeit erfolgt über einen Browser.

Hier sind die Phasen der Erstellung einer Website:

  • Zunächst werden das Thema der Website, ihre Ziele und Zielsetzungen festgelegt;
  • Das Site-Design wird entwickelt, die Struktur wird entworfen, Abschnitte und Verbindungen zwischen Seiten werden festgelegt;
  • Materialien (Texte und Grafiken) werden für die Platzierung auf Webseiten vorbereitet;
  • Seiten der Website werden gestaltet, d. h. HTML-Code wird generiert;
  • getestet wird, d.h. Überprüfung auf korrekten Betrieb;
  • Platzierung einer Website im Internet.

Hinweis 4

Bevor Sie eine Website veröffentlichen, müssen Sie einen geeigneten Speicherort auf einem Internetserver finden. Einige Anbieter bieten ihren Kunden die Möglichkeit, Websites kostenlos auf ihren Servern zu hosten (kostenloses Hosting).

Webseitenstruktur

Eine Webseite besteht aus Befehlen und Text.

Befehle, die für den Browser geschrieben werden, werden Tags genannt.

Tags bilden die Grundlage der Hypertext-Auszeichnungssprache HTML.

Das Tag wird immer in spitze Klammern „“ eingeschlossen. Sein Name wird in lateinischen Buchstaben eingegeben, Groß- und Kleinbuchstaben unterscheiden sich nicht.

Es gibt zwei Arten von Tags: gepaarte und ungepaarte.

Gepaarte Tags bestehen aus einem öffnenden Tag und einem schließenden Tag. Der Opener beschreibt den Befehl und beginnt mit seiner Aktion. Die schließende Aktion wiederholt die öffnende Aktion, enthält jedoch ein „/“-Symbol vor der Bezeichnung. Diese Aktion wird beendet. Ein Tag-Paar wird als Container bezeichnet.

Schauen wir uns die Struktur eines einfachen HTML-Dokuments an.

Ein HTML-Dokument beginnt mit einem öffnenden HTML-Tag und endet mit einem schließenden /html-Tag. Anhand dieser Tags ermittelt der Browser das Dokumentformat und interpretiert es richtig.

In den Tags befinden sich 2 Container.

Der Head-Container enthält Serviceinformationen, die nicht auf der Seite angezeigt werden, sowie den Titel der Seite, der im Titel des Browserfensters angezeigt wird. Der Seitentitel wird in einem Container platziert

Alle vom Browser angezeigten Informationen (Texte, Bilder, Links, Sounds, Videoclips) werden im Body-Container abgelegt.

Die erstellte Webseite wird als Datei mit der Erweiterung .htm oder .html gespeichert.

Abschluss

Heutzutage ist eine Website die Visitenkarte eines jeden Unternehmens oder Unternehmens. Darüber hinaus gibt es verschiedene Online-Shops, File-Hosting-Dienste, soziale Netzwerke und Online-Dienste, die weit verbreitet sind. Websites ermöglichen die Verbreitung und schnelle Korrektur von Informationen und stellen so sicher, dass Website-Besucher immer über die aktuellsten Informationen verfügen. Mit Hilfe von Websites wird den Menschen eine große Menge an Informationen vermittelt. Kein anderes Massenmedium kann eine so beeindruckende Wirkung erzielen. In einer Zeitung sind die Informationen durch die Anzahl der Zeichen und den Druckraum begrenzt; Radiowerbung wird möglicherweise nicht gehört oder die Informationen werden falsch gespeichert. Nur mit Hilfe von Websites können Sie jede gewünschte Menge an Informationen veröffentlichen. Darüber hinaus ist es rund um die Uhr verfügbar und jeder kann darauf zugreifen. Die wichtigste Aufgabe jeder Website ist die Fähigkeit, Informationen an Benutzer und potenzielle Kunden zu übermitteln. In letzter Zeit nutzen immer mehr Menschen das Internet zur Kommunikation und Arbeit. Dabei treten Telefonkommunikation, Zeitungen und Fernsehen in den Hintergrund.

Was ist also eine Website und eine Webseite? Um dieses Problem zu verstehen, überlegen wir uns, welche Informationen tatsächlich auf einer Website enthalten sein können. Die Antwort liegt auf der Hand – fast jede. Die Website kann Informationen über Computerspiele, Autos, Aquarienfische, Fabelwesen, Städte und Länder der Welt usw. enthalten. usw. Die Liste geht weiter und weiter. Sie können beispielsweise sogar Werke großer russischer Klassiker auf der Website veröffentlichen. Wie gefällt Ihnen die Seite „Krieg und Frieden“? Es stellt sich heraus, dass es sich bei der Seite um ein Buch handelt, aber nicht nur um ein einfaches, sondern um ein elektronisches? Ja, eine Website ist im Wesentlichen ein E-Book, eine Zeitschrift oder ein Lehrbuch, das sowohl Informationen enthalten kann, die für Sie nützlich sind, als auch Informationen, die Sie im Moment überhaupt nicht interessieren.

Wie ein normales Buch besteht eine Website aus Seiten, die als Webseiten bezeichnet werden.

Wie finden wir eigentlich die Informationen, die uns interessieren, im selben Informatiklehrbuch? Wir öffnen den Inhalt, der sich am Anfang oder Ende des Lehrbuchs befindet, suchen den Absatz, der die notwendigen Informationen enthält, schauen uns die Seitenzahl gegenüber dem Absatz an, öffnen ihn und studieren den Stoff. Alles ist ganz einfach und gewöhnlich.

Nachdem wir die Hauptseite einer gut gestalteten Website erreicht haben, sollten wir auch etwas Ähnliches wie den Inhalt eines Lehrbuchs sehen, um die benötigten Informationen schnell finden zu können.

Aber wie gelangt man an die notwendigen Informationen auf einer Website, da wir elektronische Seiten nicht wie herkömmliche Papierseiten durchblättern können? Tatsächlich verwenden wir normalerweise eine Maus.

Tatsächlich ist das Wechseln zwischen den Seiten der Website sogar noch effizienter als das Wechseln zwischen den Seiten bei der Arbeit mit einem normalen Lehrbuch. Um zwischen Seiten einer Site zu wechseln, werden Elemente der Webseite verwendet. Wenn Sie darauf klicken, können Sie zu einer anderen Seite der Site wechseln. Diese Seitenelemente werden Hyperlinks genannt und sind auf allen Seiten der Website vorhanden.

Im „klassischen“ Fall werden Textteile (ein Wort oder mehrere Wörter) und grafische Bilder (Zeichnungen und Fotos) als Hyperlinks verwendet.

Da im ersten Fall Text zum Erstellen von Hyperlinks verwendet wird, wird ein solcher Hyperlink als Textlink bezeichnet. Sehr oft ist ein Text-Hyperlink blau unterstrichener Text. Wenn Sie beispielsweise auf der Hauptseite der Website die ähnlich gestaltete Aufschrift „Websites und Webseiten“ sehen und mit der linken Maustaste darauf klicken, sollten Sie auf einer diesem Thema gewidmeten Webseite landen. Die Seite „Websites und Webseiten“ muss wiederum über mindestens einen Hyperlink verfügen, über den Sie zum Inhalt zurückkehren können.

Wenn ein grafisches Bild, beispielsweise ein Foto, als Hyperlink verwendet wird, ist es schwierig zu erraten, dass es sich um einen Hyperlink handelt. Wie können Sie dann feststellen, ob es sich bei einem Bild um einen Hyperlink handelt oder nicht? Beachten Sie in diesem Fall die folgende Regel: „Wenn Sie den Mauszeiger über ein Element einer Webseite bewegen und dieses die Form einer Hand annimmt, dann ist dieses Element ein Hyperlink.“

Hinweis: Eine Ausnahme von dieser Regel gibt es beispielsweise bei Rollovers, bei denen es sich möglicherweise nicht um Hyperlinks handelt, der Cursor jedoch beim Überfahren mit der Maus ebenfalls die Form einer Hand annimmt. Wenn Sie mit der Maus über einen Hyperlink fahren, sollte nicht nur das Erscheinungsbild des Cursors geändert werden, sondern auch die URL (eindeutige Adresse der Ressource) angezeigt werden. Darüber werden wir jedoch in der Lektion zum Erstellen von Hyperlinks mit FrontPage sprechen.

Kontrollfragen:

  • Was ist eine Website?
  • Was ist eine Webseite?
  • Was ist ein Hyperlink?
  • Welche Elemente einer Webseite können als Hyperlinks verwendet werden?
  • Wie kann ich feststellen, ob ein Seitenelement ein Hyperlink ist?
  • Können einzelne Webseiten einer Site keinen einzigen Hyperlink enthalten?

Der Großteil der im Internet präsentierten Inhalte sind Webseiten. Dies ist historisch gesehen der allererste Dokumenttyp, der für die Platzierung in einem virtuellen Netzwerkraum vorgesehen ist, aber er bleibt immer noch relevant und es gibt praktisch keine konkurrierenden Formate. Wie ist die Struktur von Webseiten? Mit welchen Webentwicklungstools werden sie erstellt?

Was ist eine Webseite?

„Listen Sie die Hauptelemente einer Webseite auf“, sagt uns der Prüfer in einer Informatikstunde. Was können wir ihm als Antwort sagen? Zunächst sprechen wir darüber, was eine Webseite im Prinzip ist.

Nach der unter IT-Spezialisten allgemein anerkannten Definition handelt es sich um ein Dokument, das dazu bestimmt ist, in einem speziellen Programm – einem Browser – geöffnet zu werden, und das Daten zur Anzeige auf dem Computerbildschirm mithilfe der entsprechenden Software verschiedener nützlicher Inhalte – Texte – enthält , Links, Grafiken, Videos, Musik usw. Eine Webseite ist ein Textdokument. Die entsprechenden Daten für den Browser bestehen aus Buchstaben, Zahlen und Sonderzeichen, die als Elemente der Auszeichnungssprache HTML verwendet werden. Damit „erklärt“ der Ersteller der Webseite dem Browser, wie dieser oder jener Inhalt auf dem Bildschirm angezeigt wird.

Der Platz und die Rolle von Webseiten in der Struktur von Websites

Können wir sagen, dass eine Webseite der Hauptbestandteil einer Website ist? Das stimmt zum Teil. Allerdings ist eine Webseite, wie oben erwähnt, nur ein Textdokument. Die Seite enthält in der Regel auch Bilder, Videos und andere Multimedia-Elemente. Eine Webseite kann sie nicht enthalten, sie kann jedoch in ihrer Struktur Links darauf enthalten. Somit kann die Webseite im Hinblick auf ihre dominierende Rolle bei der Anzeige virtueller Inhalte vor den Benutzern als Hauptbestandteil der Website bezeichnet werden.

In seltenen Fällen wird das betreffende Dokument natürlich der einzige Bestandteil der Website sein – wenn es aus irgendeinem Grund nicht die Anzeige von Grafiken, Videos und anderen Multimedia-Elementen vorsieht. Insbesondere die allerersten Websites – als Webseiten-Markup-Sprachen zum ersten Mal auftauchten – enthielten keinen relevanten Inhalt. Vor den Augen des Benutzers befanden sich nur Text und Links.

Das Prinzip der Verwendung von Hypertext

Eine Webseite ist also ein in HTML geschriebenes Dokument, das zum Markieren von Hypertext verwendet wird. Aber was ist dieses Phänomen? Was ist Hypertext? Ohne zu tief in die Theorie einzutauchen, stellen wir fest, dass es sich um einen Text handelt, der Ihnen auf die eine oder andere Weise einen schnellen Zugriff auf einen anderen ermöglicht – über Links. Dies ist in einem normalen Buch unmöglich – es gibt „einfachen Text“. Um auf die gewünschte Seite zu gelangen, muss der Leser mehrmals umblättern und zunächst das Inhaltsverzeichnis oder die Fußnoten lesen. Im Hypertextmodus erledigt der Computer die meiste Arbeit mithilfe der Informationen, die in den HTML-Elementen der Seite enthalten sind.

Wenn uns ein Informatiklehrer sagt: „Listen Sie die Hauptelemente einer Webseite auf“, dann können wir ganz richtig damit beginnen, über die Komponenten des entsprechenden Dokuments zu sprechen, die mit der HTML-Auszeichnungssprache erstellt wurden. Schauen wir uns daher zunächst einige theoretische Punkte zu HTML an.

HTML-Sprachstruktur: Tags

Wie liest ein Browser die notwendigen Daten zu einer Webseite aus einem HTML-Dokument? Sehr einfach.

Die Hauptelemente dieser Sprache sind Tags. In den meisten Fällen sind sie gepaart – es gibt ein öffnendes und ein schließendes. Erstere werden nur durch spitze Klammern angegeben. Die zweiten sind ähnlich, aber vor der zweiten Klammer steht ein Schrägstrich – das Symbol /. Der Browser ist in der Lage, sie zu erkennen und stellt daher den Inhalt von Webseiten gemäß den vom Dokumentenentwickler erstellten Algorithmen problemlos dar.

Der öffnende Tag wird normalerweise in Großbuchstaben geschrieben, der schließende Tag in Kleinbuchstaben. Hierbei handelt es sich um einen Standard, der sich unter IT-Spezialisten etabliert hat. Der Browser erkennt den HTML-Befehl natürlich in allen Buchstaben, Webentwicklern wird jedoch dennoch empfohlen, sich an das Schreibschema für markierte Tags zu halten. Dies erleichtert beispielsweise anderen Spezialisten die Verbesserung der Webseite.

Attribute

Weitere wichtige Elemente der HTML-Sprache sind Attribute. Mit ihrer Hilfe kann der Ersteller einer Webseite die Eigenschaften des Inhalts festlegen – zum Beispiel die Höhe der Schrift, ihre Farbe, die Position relativ zur Seite. Gleiches gilt für Bilder, Videos und andere Multimedia-Komponenten. Attribute werden innerhalb des öffnenden Tags geschrieben.

Inhalt

Zwischen den öffnenden und schließenden Tags liegt die nächste Schlüsselkomponente einer Webseite – der Inhalt. Dies ist tatsächlich genau der Inhalt, der dem Benutzer auf dem Bildschirm angezeigt werden sollte. Dabei kann es sich um einen Text, einen Link, ein Bild, ein Video oder ein anderes multimediales Element handeln.

Webseitenelemente

„Listen Sie also endlich die Hauptelemente einer Webseite auf!“ - wiederholt der Lehrer. „Gerne“, antworten wir ihm. Was ist in der Struktur des betrachteten Dokumenttyps enthalten? Lassen Sie uns vereinbaren, dass wir diesen Aspekt im Kontext der HTML-Elemente der Webseite betrachten. Das heißt, ihre Darstellung im Browser, also das, was der Nutzer auf dem Bildschirm sieht, wird uns in geringerem Maße interessieren. Tatsache ist, dass die entsprechenden HTML-Algorithmen, auf deren Grundlage das Programm Inhalte auf die gleiche Weise anzeigt, unterschiedlich sein können. Und das ist ein Merkmal der HTML-Sprache: Das gewünschte Bild auf einer Webseite kann auf unterschiedliche Weise angezeigt werden. Gleichzeitig können sie hinsichtlich der Arbeitskosten des Webseitenerstellers entweder gleichwertig sein oder einen unterschiedlichen Aufwand und Zeitaufwand für ihre Umsetzung erfordern.

Webseitenelemente: Kopfzeile

Standardelemente einer Webseite werden, so überraschend es auch klingen mag, in sehr kleinen Mengen präsentiert. Tatsächlich gibt es nur zwei davon – den Titel und den Hauptteil des Dokuments. Gleichzeitig kann jeder von ihnen eine ziemlich komplexe Struktur haben.

Was sind die Besonderheiten des Titels? Es befindet sich ganz oben auf der Webseite. Der HTML-Code, der den Header bildet, soll in der Regel nur den Text „verschlüsseln“, bei Bedarf können aber auch kleine grafische Einfügungen in das entsprechende Element eingefügt werden. Und das ist eigentlich alles, was man über den Titel sagen kann. Es scheint, dass seine Rolle in der Struktur des entsprechenden Dokuments unbedeutend ist. Aber das ist nicht so. Webseitentitel sind im Hinblick auf die Indexierung von Websites in Suchmaschinen – Yandex, Google – von großer Bedeutung. Dieses Element muss für den Inhalt der Webseite sowie die thematischen Besonderheiten der Website vollständig relevant sein.

Wie wird der Titel einer Webseite mit HTML erfasst? Sehr einfach. Zuerst wird der öffnende Tag geschrieben, der immer wie HEAD mit spitzen Klammern aussieht, dann der Header-Inhalt und dann der schließende Tag. Sie stehen natürlich ganz oben im Webdokument.

Der Titel eines Webdokuments kann eine Reihe zusätzlicher Elemente enthalten. Manchmal erfordert das Format einer Webseite, dass Text in einer bestimmten Codierung angezeigt wird. Wie können Sie sicherstellen, dass Ihr Webdokument dieses Kriterium erfüllt? Sehr einfach. HTML-Algorithmen müssen in der Kopfzeilenstruktur des Dokuments platziert werden und den Browser anweisen, eine bestimmte Sprachkodierung zu verwenden – zum Beispiel Kyrillisch. Die entsprechenden Befehle werden innerhalb des META-Tags platziert, das wie andere öffnende und schließende Befehle sein kann.

Hauptteil der Webseite

Der Hauptteil des Webdokuments wird mit dem BODY-Tag geöffnet und mit dem entsprechenden Element inklusive Schrägstrich geschlossen. Darüber hinaus kann es zwischen den öffnenden und schließenden Tags eine große Anzahl zusätzlicher Hypertext-Markup-Language-Befehle geben. Dies liegt daran, dass der Hauptteil der Webseite nützliche Inhalte enthält – Texte, Links, Grafiken, Videos und verschiedene Formulare zum Ausfüllen.

Jeder der entsprechenden Inhaltstypen verfügt über eigene Tags. Die Struktur des Hauptteils eines Webdokuments kann HTML-Befehle enthalten, die auch zur Formatierung des Textes verwendet werden – beispielsweise um der Schriftart eine bestimmte Farbe, Größe und andere Eigenschaften zuzuweisen.

Schauen wir uns die Besonderheiten einiger häufig verwendeter HTML-Tags an. Tatsächlich bilden sie die Hauptelemente einer Webseite.

Grundlegende HTML-Tags

Um also im Detail zu studieren, was die Elemente einer Webseite sind, schauen wir uns die Essenz grundlegender HTML-Tags genauer an. Einige davon haben wir oben bereits aufgeführt – insbesondere solche, mit deren Hilfe der Browser die Kopfzeilen von Webseiten liest und feststellt, wo sich der Hauptteil des Dokuments befindet.

Das P-Tag ist weit verbreitet, wie auch andere ähnliche Elemente der Hypertext-Auszeichnungssprache. Mit diesem Tag können Sie einen einzelnen Absatz eines Dokuments formatieren. Sie können beispielsweise eine bestimmte Schriftart oder Farbe dafür festlegen. Dies geschieht jedoch über einen zusätzlichen Tag – FONT. In diesem Fall wird es innerhalb derjenigen platziert, die die Grenzen des Absatzes markiert. Dadurch wird verhindert, dass der HTML-Befehl, der den Typ der bevorzugten Schriftart widerspiegelt, auf andere Elemente der Webseite verteilt wird.

Tabellen werden mit dem TABLE-Tag erstellt. Mithilfe der entsprechenden Attribute können Sie die erforderliche Anzahl von Spalten und Zeilen bestimmen, deren Breite, spezifische Ränder, Größe und Schriftfarbe des Textes in der Tabelle festlegen.

Verantwortlich für die Verarbeitung von Bildern durch den Browser. Sie können darin auch verschiedene Attribute platzieren, die die Größe des Bildes und seine Position auf der Seite regeln.

Links zu anderen Webdokumenten oder Dateien werden mit dem A-Tag gekennzeichnet. In der Regel befinden sich darin Attribute, die darauf hinweisen, dass in der Struktur der Webseite ein Hyperlink vorhanden ist. In diesem Fall wird das Dokument, die Datei oder die Site angegeben, zu der es führt.

Ein gängiges Tag ist FRAMESET. Mit seiner Hilfe können Sie den Raum einer Webseite in mehrere Bereiche – Frames – unterteilen. In jedem von ihnen können Sie separate Webdokumente verwenden. Das heißt, mit Rahmen können Sie zwei oder mehr Seiten gleichzeitig korrekt auf einem Bildschirm positionieren.

Eine Geschichte über die Schlüsselelemente von Webseiten und eine anschließende Geschichte über die Möglichkeiten, sie mithilfe der HTML-Sprache zu formatieren – ungefähr dies wird der Algorithmus für unsere Antwort auf die Frage sein, die uns der Prüfer gestellt hat. Wenn er zu uns kam und sagte: „Listen Sie die Hauptelemente einer Webseite auf“, dann haben wir mit der entsprechenden Methodik alle Chancen, das Thema aufzudecken. Das heißt, unter dem Begriff „Elemente“ können wir die Schlüsselkomponenten der Struktur eines Webdokuments oder die Arten von Inhalten verstehen – Text, Bilder, Tabellen, Rahmen, Links, die der Webmaster mit einem Tool wie der HTML-Sprache generiert .

Besonderheiten von Webentwicklungstools

Zusätzlich zu dem Gesagten können wir erklären, dass HTML-Standards eine große Anzahl von Tags und Attributen bereitstellen. Neben HTML können Webentwickler weitere Formatierungstools für Hypertextdokumente verwenden. Mit JavaScript können Sie beispielsweise dynamische Webseiten erstellen, also solche, deren Inhalt ständig aktualisiert wird (sowohl durch die Aktionen des Benutzers selbst als auch in Übereinstimmung mit in Skripten vorab geschriebenen Algorithmen).

Es wäre sinnvoll hinzuzufügen, dass ein Webentwickler bei seiner Arbeit vollwertige Programmiersprachen wie beispielsweise Perl, PHP, Java, Python verwenden kann, mit deren Hilfe die Möglichkeiten der Arbeit mit Hypertextdokumenten erweitert werden noch breiter. Die Notwendigkeit dafür liegt möglicherweise darin begründet, dass die Einsatzgebiete von Web-Technologien heute sehr unterschiedlich sind. Die Herausforderungen, denen sich moderne Entwickler gegenübersehen, können recht komplex sein. Beispielsweise ist es manchmal notwendig, auf Russisch verfasste Webseiten ins Englische zu übersetzen. In diesem Fall werden die Tools des Entwicklers sehr vielfältig sein.

Was ist HTML?

Heute nutzen 3,5 Milliarden Menschen das Internet – das ist die Hälfte der Weltbevölkerung. Beim Besuch von Websites ist vielen Menschen gar nicht bewusst, dass sie mit HTML erstellt wurden. Ohne sie würden alle Webseiten wie eine durchgehende, unleserliche Leinwand aus Linien aussehen. Versuchen wir herauszufinden, was diese Sprache ist und warum sie benötigt wird.

HTML und andere Konzepte

Jede vom Menschen erfundene Tätigkeit, sei es das Erlernen des Alphabets für Kinder oder die Herstellung ballistischer Raketen, wird früher oder später auf einheitliche Standards gebracht. Das Gleiche geschah mit der Erstellung von Webseiten. Im Jahr 1991 entwickelte der britische Wissenschaftler Tim Berners-Lee die erste Spezifikation der HTML-Sprache, die es ermöglichte, Dokumente für die Anzeige auf verschiedenen Geräten durch Menschen ohne Tippkenntnisse zu erstellen. HTML ist heute der Standard bei der Erstellung von Webseiten.

HTML-Sprache

Die Abkürzung HTML steht für HyperTextMarkupLanguage. Das heißt, HTML ist eine Hypertext-Auszeichnungssprache für im Internet veröffentlichte Dokumente. Durch die Nutzung erhalten Browser Informationen darüber, wie verschiedene Elemente von Webseiten angezeigt werden. Manche Benutzer verwechseln HTML mit Programmiersprachen, aber es kann nicht verwendet werden, um irgendwelche Aktionen auszuführen – zum Beispiel das Öffnen eines Popup-Fensters. Dabei handelt es sich lediglich um Markup – ähnlich dem, was jeder Microsoft Word-Benutzer kennt. Sie können damit Tabellen erstellen, Text formatieren, Links zu Fotos hinzufügen usw.

HTML-Code besteht aus Tags– Befehle, mit denen die Markierung angegeben wird. Jedes Tag steht in spitzen Klammern und ist für eine bestimmte Aufgabe verantwortlich. Zum Beispiel mit dem Tag Sie können den fett gedruckten Text und die Befehle hervorheben

, Und
ermöglicht es Ihnen, eine Tabelle zu zeichnen.

Sie können eine Website in HTML mit dem einfachsten Texteditor schreiben, indem Sie die Tags richtig platzieren und die Erweiterung .txt durch .html ersetzen. Für Benutzer, die keine Ahnung haben, was HTML ist, wurden viele Editoren erstellt, die die Arbeit mit Code einfach und übersichtlich machen. Die beliebtesten Programme sind FrontPage, Dreamweaver und HomeSite. Sie alle erleichtern die Erstellung von Websites, verstopfen jedoch die Seitencodes mit unnötigen Tags und erhöhen so deren Umfang. Daher bevorzugen viele selbst unerfahrene Website-Ersteller das Erlernen der Hypertext-Markup-Sprache und das manuelle Schreiben von HTML-Code.

Was ist eine Webseite?

Typisch Eine Webseite ist ein Dokument im HTML-Format, das über einen Browser geöffnet wird und eine eindeutige Adresse im Internet hat. Zusätzlich zum Text kann es Folgendes enthalten:


  • Bilder;
  • Fotos;
  • Audio- und Videodateien;
  • Tische;
  • Listen;
  • Links zu anderen Seiten.

Die Ansammlung von Texten und anderen Informationsblöcken einer Seite wird als Inhalt bezeichnet. Zu den obligatorischen Elementen gehören auch Hyperlinks, durch deren Anklicken Sie schnell zu einer anderen Seite gelangen und eine Multimediadatei oder ein Programm herunterladen können.

Typischerweise besteht eine Webseite aus:

  • „Header“, die grundlegende Informationen enthalten: Site-Name, Logo, Motto, Telefonnummern, Suchformular;
  • der Hauptblock, in dem sich der Seiteninhalt befindet;
  • Seitenspalten mit langen Listen: Menüpunkte, Überschriften;
  • „Fußzeile“ mit Kontakten, Copyright, Besuchszählern, einzelnen Menüpunkten.

Eine Webseite kann statisch oder dynamisch sein. Die ersten sind in HTML geschrieben und bleiben auf den Servern unverändert. Dynamische Seiten existieren erst, wenn ein Benutzer eine Anfrage zum Generieren sendet. Sie werden durch Skripte erstellt, die von Programmierern in verschiedenen Programmiersprachen geschrieben werden. Mithilfe dynamischer Webseiten ist es sehr bequem, mit Nachrichtenportalen, Online-Shops und anderen Ressourcen zu arbeiten, die mit häufig wechselnden Informationen gefüllt sind.

Was ist eine Website?

Nachdem wir verstanden haben, was eine Webseite ist, können wir zum Konzept einer Website übergehen. Eine Website ist eine Sammlung von Webseiten, vereint durch ein gemeinsames Thema und Design. Die Hauptseite der Website enthält viele Links zu internen Informationsressourcen, bei denen es sich jeweils um eine separate Webseite handelt. Die Site kann aus einer Seite bestehen, enthält aber sicherlich Links zu anderen Ressourcen: Videodateien, Popup-Fenster, Dokumente zum Herunterladen.

Jede Site hat ihren eigenen Domainnamen, der in die Adressleiste des Browsers eingegeben wird. Sie ist viel kürzer und prägnanter als die Adressen interner Webseiten, sodass es nicht schwer sein wird, sie sich zu merken. Einige Websites verfügen über zwei oder mehr Adressen, die zur gleichen Ressource führen. Dies wird häufig von Unternehmen durchgeführt, die möchten, dass Kunden ihre Website finden können, indem sie den Firmennamen sowohl in lateinischer als auch in kyrillischer Schrift eingeben. Je nach Umfang und Art des Inhalts werden Websites in drei Typen unterteilt.

Wir haben ein neues Buch veröffentlicht: Social Media Content Marketing: Wie Sie in die Köpfe Ihrer Follower gelangen und sie dazu bringen, sich in Ihre Marke zu verlieben.

Website-Seiten sind Dokumente oder Teile von Webressourcen, die eine eindeutige URL haben. Dabei handelt es sich um Dateien, die Bilder, Audiodateien, Texte, Videomaterialien oder Animationen enthalten. Die Bearbeitung und Anzeige erfolgt über Browser.

Weitere Videos auf unserem Kanal – Internetmarketing lernen mit SEMANTICA

Wozu dient eine Webseite?

Der Hauptzweck besteht darin, Informationen anzuzeigen. Die Webseite enthält Text-, Grafik-, Audio- und Videoinhalte. Es wird vom Browser von der Seite gelesen und den Benutzern angezeigt.

Außerdem kann eine Person mithilfe von Seiten bestimmte Aktionen auf der Website ausführen: Registerkarten öffnen, Menüs öffnen, Feedback-Formulare ausfüllen, eine Bestellung im Online-Shop aufgeben.

So speichern Sie eine Webseite

  • Klicken Sie auf das Menü und wählen Sie „Speichern unter“, dann öffnet sich ein gleichnamiges Dialogfeld.
  • Im erscheinenden Fenster müssen wir den Dateityp, den Seitennamen und den Speicherort auswählen. Heute gibt es 4 Formate, wir werden sie im Folgenden analysieren.
  • Klicken Sie auf „Speichern“, nun können Sie jederzeit eine Kopie der Seite ansehen.

4 Seitenspeicherformate:

  • Völlig. In diesem Format wird das ausgewählte Element vollständig gespeichert, mit allen Bildern und Stilentscheidungen, Design. Der Browser erstellt außerdem einen separaten Ordner, in dem alle auf der Ressource veröffentlichten Materialien abgelegt werden: Bilder, Fotos, Widgets usw.
  • HTML. Es besteht keine Möglichkeit mehr, Bilder und Stilentscheidungen zu speichern; das Original bleibt mit der gleichen Struktur und dem gleichen Text erhalten. Auf diese Weise wird Speicherplatz gespart.
  • Text. Der gespeicherte Text kann mit jedem Editor angezeigt werden; der Text wird vollständig und nicht in Fragmenten gespeichert.
  • Dateien. Alle auf der Seite platzierten Dateien werden gespeichert. Bei Bedarf können Sie die Erweiterung einer bestimmten Datei ändern.

Was bedeutet die Meldung „Webseite ist veraltet“?

Dies ist ein ziemlich häufiger Fehler. Dies bedeutet, dass die lokale Kopie der Seite veraltet ist, während der Benutzer aufgefordert wird, sie herunterzuladen. Um das Problem zu lösen, müssen Sie die Seite neu laden.

Was bedeutet die Meldung „Webseite verlangsamt Ihren Browser“?

Beim Surfen auf Websites erscheint häufig der Text „Eine Webseite verlangsamt Ihren Browser“. Normalerweise tritt die Verlangsamung auf, weil der Browser automatisch viele unnötige Skripte auf einer bestimmten Seite lädt. Um das Problem zu lösen, müssen Sie die Einstellungen Ihres Webbrowsers ändern, um Skripte schnell zu laden. Gehen Sie dazu zum Browser-Menü, suchen Sie nach „Extras“ und klicken Sie dann auf „Hinzufügen“. Wir suchen ein spezielles Plugin „Shockwave Flash“ und installieren es. Wählen Sie dann in den Plugin-Einstellungen den Punkt „Vor Aktivierung fragen“ aus und setzen Sie ein Häkchen daneben. Bitte beachten Sie, dass sich die Namen der Elemente je nach verwendetem Browser ändern können. Wichtig ist, dass Sie die Bedeutung verstehen.

Danach werden die Skripte nicht mehr automatisch heruntergeladen; das System fragt vor jedem Download nach der Erlaubnis.

Die Webseite antwortet nicht: Was ist zu tun und wie kann das Problem gelöst werden?

Hier ist nicht alles so einfach wie in den oben beschriebenen Fällen. Das Problem könnte alles Mögliche sein. Lassen Sie uns herausfinden, wie wir dieses Problem lösen können.

Das erste, worauf Sie achten sollten, ist die URL. Überprüfen Sie, ob die Seitenadresse in der Adressleiste korrekt ist. Überprüfen Sie als Nächstes, ob die Ressource auf einem anderen Computer geöffnet wird. Wenn die Seite nicht auf allen PCs geladen wird, überprüfen Sie Ihre Internetverbindung. Wenn hier alles in Ordnung ist, liegt möglicherweise ein Problem mit der Website vor.

Die zweite Möglichkeit besteht darin, Dateien zu löschen. Hierbei handelt es sich um spezielle Dateien, die erstellt werden, um Informationen über das erstellte Profil zu speichern. Manchmal werden Cookies beschädigt. Dies führt dazu, dass Seiten nicht angezeigt werden. Um sie zu löschen, öffnen Sie die Browsereinstellungen, wählen Sie „Erweitert“ und dann „Persönliche Daten“. Öffnen Sie die Inhaltseinstellungen und wählen Sie die Dateien aus, die uns interessieren. Löschen Sie „Alle Cookies und Websitedaten“.

Die nächste Methode besteht darin, den Proxyserver zu ändern. Manchmal kann die Verbindung über einen Proxyserver dazu führen, dass Webseiten langsam geladen werden oder Fehler angezeigt werden. Um das Problem zu lösen, gehen Sie zu den Einstellungen, öffnen Sie dann den Punkt „Netzwerk“ und geben Sie den Namen des Netzwerks an. Öffnen Sie anschließend die Proxyserver-Einstellungen und geben Sie die erforderlichen Parameter ein. Wenn Sie diese Einstellungen nicht kennen, wenden Sie sich an Ihren Netzwerkadministrator. Dann wird die Internetverbindung unterbrochen. Stellen Sie erneut eine Verbindung zum Internet her und arbeiten Sie weiter.

Die Webseite wurde verschoben: Was tun?

Diese Meldung wird Ihnen möglicherweise häufig angezeigt. Höchstwahrscheinlich befindet sich in der Nähe eine neue Adresse und der Browser bietet an, diesem Link zu folgen. Gehen Sie zur neuen Version der Seite und erhalten Sie Zugriff auf die erforderlichen Informationen.

Wir haben besprochen, was eine Webseite ist und wie man sie für bestimmte Zwecke verwendet. Wie Sie sehen, kann es bei der Bedienung von Webseiten hin und wieder zu Problemen kommen, die jedoch alle gelöst werden können.



 

Es könnte nützlich sein zu lesen: