Posted on by social

So erstellen Sie eine Webseite

Original article:http://terpconnect.umd.edu/~toh/HowToMakeAWebPage.html
Tom O’Haver ( toh@umd.edu ), emeritierter Professor an der University of Maryland im College Park

http://terpconnect.umd.edu/~toh/HowToMakeAWebPage.html
 http://tom.ohaver.googlepages.com/howtomakeawebpage
Überarbeitet im August 2020

 

Die Struktur einer Webseite

Webseiten sind eigentlich Textdateien, die mit Symbolen “markiert” sind, um Struktur und Funktion darzustellen. Sie können Webseiten in einem beliebigen Texteditor oder Textverarbeitungsprogramm vorbereiten und bearbeiten. Das Tag-System HTML (HyperText Markup Language) ist sehr logisch und nicht schwer zu erlernen. Sie müssen jedoch nicht wirklich fließend HTML sprechen, um Ihre eigenen Webseiten zu erstellen. Es wurden mehrere Verknüpfungen entwickelt, um den Prozess zu vereinfachen.

Die auf Webseiten üblichen Symbole, Bilder, Soundbits und Videoclips sind separate Dateien, auf die durch spezielle HTML-Codes verwiesen wird. Wenn die Seite von einem Webbrowser wie Firefox oder Internet Explorer angezeigt wirdDiese HTML-Codes werden vom Browser interpretiert, der alle separaten Dateien abruft und die Webseite in der Form zusammenstellt, in der Sie sie schließlich sehen. Dies steht im Gegensatz zu einem modernen Textverarbeitungsprogramm, bei dem die Bearbeitungs- und Anzeigefunktionen in einem Programm integriert sind und bei dem alle Texte, Grafiken und anderen Elemente des Dokuments in einer Dokumentdatei enthalten sind. Aus diesem Grund ist das Erstellen von Webseiten weniger direkt als das Erstellen eines entsprechenden Textverarbeitungsdokuments.

Schreiben von HTML-Seiten

Text bleibt der wichtigste Teil der meisten Websites und wird daher das erste Element sein, das hier betrachtet wird. Der gesamte Text einer Webseite ist in einer ASCII-Textdatei enthalten, die mit HTML-Codes “markiert” ist und normalerweise einen Dateinamen erhält, der mit “.html” endet. Der “Textkörper” der Seite wird einfach im Klartext in die HTML-Datei geschrieben. Sie können jeden praktischen Nur-Text-Editor zum Schreiben Ihrer HTML-Dateien verwenden, z. B. SimpleText auf dem Mac oder Notepad unter Windows.

Solltest du HTML lernen?

Wenn Sie HTML selbst lernen, können Sie Ihre Webseiten anpassen. Es ist nicht schwer zu lernen; Tatsächlich ist es ein sehr logisches System, das einen gewissen Reiz hat. Schauen Sie sich mein einführendes HTML-Tutorial mit Arbeitsbeispielen an. Es erklärt alle wesentlichen Aspekte von HTML. Es gibt Abschnitte zu Textformatierung, Grafiken, Hyperlinks, Sound, Listen, Tabellen, Hintergrundfarben und -mustern usw.

Muss ich ein Web-Editor-Programm kaufen?

Nicht wirklich. Alles, was Sie wirklich brauchen, ist ein Webbrowser und der mit Ihrem Computer gelieferte Texteditor. Es ist nicht erforderlich, an einen kommerziellen Web-Editor gebunden zu sein, der irgendwann veraltet ist oder ein Upgrade auf eine neue Version erfordert. Web-Editoren machen es jedoch einfach, attraktive Webseiten zu erstellen, ohne HTML zu lernen. Aber Sie müssen eigentlich kein Geld ausgeben; Es gibt gute kostenlose Web-Editoren, die Sie herunterladen können, z. B. SeaMonkey , ein Webbrowser mit einem praktischen integrierten Web-Editor. Diese funktionieren ähnlich wie Textverarbeitungsprogramme, enthalten jedoch zusätzliche Funktionen zum Erstellen von Links, zur Site-Verwaltung und zum Hochladen von Seiten auf Ihren Server.Kaskadierende Stylesheets usw. Es gibt auch webbasierte Seiteneditoren, die alles in einem Webbrowser erledigen, z. B. die benutzerfreundlichen Google Sites von Google . WebsitePlanet hat eine schöne Liste von Website-Builder-Software .

HTML-Vorlagen

Wenn Sie HTML nicht sofort lernen möchten, können Sie dennoch Webseiten erstellen, indem Sie eine Vorlage verwenden, die von einer anderen Person erstellt wurde, die über alle erforderlichen HTML-Tags verfügt und in die Sie Ihren Text eingeben oder einfügen. Nur Google ” HTML-Vorlagen ” oder ” Web-Vorlagen ” und Sie finden Tausende von farbenfrohen, attraktiv gestalteten Vorlagen zum Herunterladen.

Wenn Sie als Lehrer nach einfachen Vorlagen für die Erstellung von Websites im Klassenzimmer suchen, lesen Sie den Abschnitt Verwenden von Vorlagen zum Erstellen von im Internet veröffentlichten Multimedia-Projekten , die ich für meine Frau erstellt habe, die Lehrerin der 5. Klasse war. Diese Vorlagen erstellen ganze Websites mit mehreren Seiten, die in einer Kette miteinander verbunden sind, einschließlich Navigationsschaltflächen. Dort finden Sie Links zu herunterladbaren Vorlagen zum Erstellen ganzer Websites für Klassenprojekte, z. B. Diashows , Alphabetbücher usw. Vollständige Schritt-für-Schritt-Anleitungen sind enthalten.

Zum Bearbeiten von Vorlagen empfehle ich NoteTab Light , einen Freeware-Texteditor mit mehreren Dateien, mit dem alle Dateien in einer Vorlage gleichzeitig geöffnet werden können und gleichzeitig Such- und Ersetzungsfunktionen in allen Dateien einer Vorlage ausgeführt werden. Hervorragend geeignet zum Ändern der Hintergrund- und Textfarbe in einer gesamten Vorlage, zum Hinzufügen von Bild- und Soundlinks oder zum Ändern von Grafik- oder Sounddateitypen auf einer mehrseitigen Site.

Einige Tipps zum Erstellen von Webseiten

Wenn Sie eine Webseite mit einem Texteditor zum Schreiben von HTML entwickeln, können Sie Ihren Webbrowser und die HTML-Datei in einem Texteditor (z. B. Notepad, NoteTab oder SimpleText) gleichzeitig geöffnet lassen Zeit. Um die Seite so anzuzeigen, wie sie in Ihrem Webbrowser angezeigt wird, klicken Sie auf das Browserfenster, öffnen Sie das Menü Datei und wählen Sie Datei öffnen , wählen Sie die HTML-Datei aus und klicken Sie auf Öffnen . Wenn Sie eine Änderung vornehmen möchten, klicken Sie auf das Texteditorfenster, bearbeiten Sie den HTML-Text, speichern Sie ihn, klicken Sie auf das Browserfenster und dann auf die Schaltfläche Neu laden.

Möglicherweise fällt es Ihnen leichter, Ihren Text in Ihrem bevorzugten Textverarbeitungsprogramm einzugeben, wo Sie Zugriff auf eine Rechtschreibprüfung usw. haben, und dann auf Kopieren und Einfügen den Text in die Vorlage. Versuchen Sie nicht, den Text im Textverarbeitungsprogramm zu formatieren, da beim Kopieren und Einfügen des Texts die gesamte Formatierung verloren geht, es sei denn, Sie speichern im HTML-Format “Speichern unter …” und kopieren den HTML-Code in Ihre Vorlage. Stattdessen können dem Text anschließend Formatierungscodes hinzugefügt werden. Sorgen Sie sich nicht um Zeilenlänge und Zeilenumbrüche. Webbrowser ignorieren Wagenrückläufe und andere Zeilenumbruchzeichen und formatieren Text automatisch auf die Breite des Fensters (das vom Benutzer und nicht vom Autor gesteuert wird). Fügen Sie zum Trennen von Absätzen ein <p> -Tag zwischen Absätzen hinzu.

Sie können Ihr Textverarbeitungsprogramm verwenden, um HTML-Vorlagen zu erstellen und zu bearbeiten. Achten Sie jedoch darauf, dass Sie unter … im Nur-TEXT-Format speichern.

Konvertieren von Textverarbeitungsdateien in HTML Mit

dem Befehl “Als HTML speichern” können Sie Ihre Dokumente in HTML konvertieren. Dadurch wird der Textteil des Dokuments automatisch in das HTML-Format konvertiert und alle Grafiken im Dokument werden in einem separaten Ordner gespeichert. Daher wird ein einzelnes Textverarbeitungsdokument mit Bildern in ein HTML-Dokument und einen Grafikordner konvertiert. Halte sie zusammen, damit sie nicht getrennt werden. Sie werden feststellen, dass der von einem Textverarbeitungsprogramm erstellte HTML-Code sehr unübersichtlich und schwer zu lesen ist, aber funktioniert.

Suchen von Grafiken für Ihre Webseiten

Die Symbole, Hintergrundmuster und Bilder auf Webseiten sind separate Dateien, auf die durch spezielle HTML-Codes verwiesen wird. Die Grafikdateien sind entweder im GIF-, JPG- oder PNG-Format. Sie können solche Grafiken auf viele Arten erstellen. Zum Beispiel durch Zeichnen in einem Zeichenprogramm, Aufnehmen von Screenshots, Aufnehmen von Bildern mit einer Digitalkamera, Scannen von Fotos und flachen Grafiken mit einem Scanner, Aufnehmen von Standbildern von einer Videoquelle usw. Anschließend kann ein Grafikeditorprogramm zum Konvertieren verwendet werden die Dateien in den erforderlichen PNG-, GIF- oder JPG-Formaten. JPG ist das beste Format für Fotos. PNG und GIF eignen sich am besten für Strichzeichnungen und Grafiken.

Der einfachste Weg, Grafiken zu erhalten, um Ihre neuen Webseiten zu schmücken, besteht darin, sie von anderen Webseiten zu erfassen. JEDE Grafik, die auf einer Webseite angezeigt wird, kann von Ihnen einfach erfasst und für Ihren eigenen Gebrauch gespeichert werden. Alles, was Sie tun müssen, ist, den Mauszeiger auf der gewünschten Grafik zu positionieren und die Maustaste (die rechte Maustaste auf einem PC) gedrückt zu halten. Ein Popup-Menü wird angezeigt. Bewegen Sie den Zeiger auf “Bild speichern unter …” und lassen Sie die Maustaste los. Das Dialogfeld “Speichern unter …” wird angezeigt und zeigt den Namen der Grafikdatei an (mit der Erweiterung .png, .gif oder .jpg, die angibt, ob es sich um einen PNG-, GIF- oder JPG-Dateityp handelt). Navigieren Sie zum gewünschten Ort und klicken Sie auf Speichern.

Im PNG-, GIF- oder JPG-Format gespeicherte Grafiken können auf Webseiten verwendet werden. Um eine solche Grafik auf Ihrer Seite anzuzeigen, speichern Sie die Grafikdatei einfach im selben Verzeichnis (Ordner) wie die HTML-Datei und fügen Sie der HTML-Datei ein Bildreferenz-Tag hinzu: <img src = “DATEINAME DER GRAFIK”> wobei DATEINAME OF GRAPHIC wird durch den vollständigen Dateinamen der Grafik ersetzt. Wenn der Name der Grafikdatei beispielsweise “mypicture.jpg” lautet, lautet der HTML-Code <img src = “mypicture.jpg”>.

Es gibt viele Quellen für Grafiken im Web. Verwenden Sie eine Suchmaschine, um nach “ClipArt” oder “freien Bildern” oder “freien Bildern” zu suchen. Eine bequeme Möglichkeit, Bilder zu finden, ist die Bildsuche von Google oder die Bildsuchmaschine von AltaVista unter http://www.altavista.com/r?L10 . Geben Sie einen oder mehrere Suchbegriffe ein und diese Bildsuchmaschine gibt eine Liste der Ergebnisse zurück, die mit Miniaturansichten (kleine Bilder in Briefmarkengröße) jedes gefundenen Bildes dargestellt sind.

Erstellen eigener digitaler Bilder

Es gibt zwei grundlegende Möglichkeiten, um eigene digitale Bilder für die Anzeige auf Ihren Webseiten zu erstellen: Verwenden Sie eine Digitalkamera, um die Bilder aufzunehmen, oder verwenden Sie einen Scanner, um Fotos oder anderes flaches Kopiermaterial zu scannen. Sowohl Digitalkameras als auch Scanner sind mittlerweile weit verbreitet und relativ kostengünstig.

Eine Digitalkamera ist ideal für Porträts von Personen, Kunstwerken, Aktivitäten im Klassenzimmer und Exkursionen. Die meisten von ihnen werden mit einem Kabel und einer Software geliefert, um die Bilder auf Ihren Computer zu übertragen. Die meisten Kameras speichern ihre Bilder als JPG-Dateien. Dieses Format wird für Fotos im Web verwendet. Die meisten Digitalkameras nehmen jedoch Bilder auf, die viel zu groß sind , um auf eine Webseite zu passen, und deren Anzeige zu lange dauert. Sie können jedoch ein Grafikeditorprogramm verwenden, um die Bilder zuzuschneiden oder auf eine handlichere Größe zu reduzieren. Ich schlage vor, für diese Aufgabe das Freeware-Programm Picasa zu verwenden. Die Funktion “Exportieren” reduziert automatisch die Größe eines ganzen Bildordners auf eine Größe, die Sie festlegen und in einem separaten Ordner speichern – sehr praktisch.

Ein Farbscanner ist ideal zum Scannen von gedruckten Bildmagazinen und flachen Kunstwerken wie Gemälden und Zeichnungen. Scanner werden mit einer eigenen Software geliefert. Informationen zur Bedienung finden Sie in der Dokumentation Ihres Scanners. Stellen Sie vor dem Scannen die Scanauflösung auf 72 dpi oder 75 dpi ein (dpi = Punkte pro Zoll). (Befolgen Sie die Anweisungen des Scanners, um zu erfahren, wie Sie die Auflösung einstellen.) Dies führt zu Bildern mit “Lebensgröße”, dh so groß wie das ursprünglich gescannte Objekt. Um das Bild größer als das Leben zu machen , stellen Sie die Scanauflösung auf mehr als 75 dpi ein, um das Bild kleiner zu machenStellen Sie in dieser Lebensgröße die Scanauflösung auf weniger als 75 dpi ein. Die meisten Scanner können gescannte Bilder in verschiedenen Formaten speichern: Das JPG-Format ist normalerweise die beste Wahl. Wenn Sie das gescannte Bild speichern, wählen Sie JPG im Einblendmenü “Format” im Dialogfeld “Speichern”. Wenn Sie jedoch einen Web-Editor wie SeaMonkey verwenden , können Sie Grafiken in einer beliebigen Pixelgröße einfügen oder kopieren und einfügen und dann die Größe wie in einem Textverarbeitungsprogramm ändern, indem Sie die “Ziehpunkte” an den Ecken ziehen.

Ändern der Grafikformate

Die Grafiken und Symbole, die auf Webseiten angezeigt werden, sind separate Dateien, die entweder im PNG-, GIF- oder JPG-Format vorliegen müssen. Um Bilder zuzuschneiden oder von einem Format in ein anderes zu konvertieren, können Sie ein kostenloses Grafikprogramm wie Graphic Converter für den Mac oder Paint (einen einfachen Grafikeditor, der mit allen PCs geliefert wird ) oder Irfanview für Windows verwenden.

Die Wahl zwischen den Formaten PNG, GIF oder JPG hängt von der Art der Grafik ab. Das GIF-Format ist am effizientesten für scharfkantige computergenerierte Diagramme und Grafiken sowie flache, cartoonartige Zeichnungen. PNG verarbeitet Farben genauer und ist besser, wenn abgestufte Schattierungen vorhanden sind, und JPG ist am effizientesten für digitale Fotos und aufgenommene Videobilder und andere Bilder von natürlichen Objekten. Wenn Sie das richtige Format verwenden, erhalten Sie die beste Bildqualität UND die kleinsten Dateigrößen, wodurch die Zeit minimiert wird, die zum Anzeigen der Bilder mit einer langsamen Internetverbindung erforderlich ist.

GIF-Bilder können auch animiert werden und werden in jedem Webbrowser ohne Add-Ons, Plug-Ins oder Aktionen des Betrachters abgespielt. Ich verwende ScreenCast-O-Matic , eine kostenlose Bildschirmaufnahme mit einem Klick auf Windows- oder Mac-Computern ohne Installation. Sie können damit die animierte Bildschirmanzeige eines beliebigen Programms erfassen. Sehr angenehm.

Um ein Bild mit einem Grafikeditor zu öffnen, haben Sie folgende Möglichkeiten:

(a) Ziehen Sie das Symbol des Bildes und legen Sie es auf das Symbol des Grafik – Editor – Programms aus
oder
(b) Start (Doppelklick auf dem Symbol) das Grafik – Editor – Programms, und wählen Sie Öffnen aus dem Datei – Menü Navigieren Sie zur gewünschten Datei und doppelklicken Sie auf den Dateinamen.

So speichern Sie eine Grafikdatei im GIF- oder PNG-Format (am besten für computergenerierte Grafiken):

Wählen Sie Datei -> Speichern Als … Wählen Sie GIF oder PNG vom Format Pop-up – Menü zu einem anderen Verzeichnis , falls gewünscht, und klicken Sie auf Speichern .

So speichern Sie eine Grafikdatei im JPG-Format (am besten für kontinuierlich gescannte Fotos und Videobildschirme):

Wählen Sie Datei -> Speichern Als … Wählen Sie JPG vom Format Pop-up – Menü zu einem anderen Verzeichnis , falls gewünscht, und klicken Sie auf Speichern .

Legen Sie alle Ihre Bilddateien in demselben Verzeichnis (Ordner) wie die HTML-Dateien ab. Dies vereinfacht das Verknüpfen und Verschieben von Webseiten und Bildern

Hinzufügen von Ton und Video

Wenn Sie ein Computermodell mit Mikrofon haben (einen Macintosh oder einen PC mit Soundkarte), können Sie problemlos Töne aufnehmen und zu Ihrer Webseite hinzufügen. Sie können beispielsweise einen gesprochenen Kommentar mit dem kleinen Mikrofon aufnehmen, das mit dem Computer geliefert wird, oder Sie können Musik oder Sprache von einem Kassettenrekorder oder CD-Player aufnehmen.

1. Sie benötigen ein Soundrekorder- / Player-Programm, das im MP3-Format gespeichert werden kann, z. B. das hervorragende Freeware-Programm Audacity für PC und Mac. (Oder Sie können den mit dem PC gelieferten Soundrekorder unter Programme / Zubehör / Unterhaltung / Soundrekorder verwenden, er speichert jedoch nur im sperrigeren WAV-Format.)

2. Stecken Sie das Mikrofon in die kleine runde Buchse auf der Rückseite des Computers, die mit einem Bild eines Mikrofons gekennzeichnet ist. Wenn Sie von einem Kassettenrekorder oder CD-Player aufnehmen, schließen Sie den Ausgang an den Mikrofoneingang an. (Sie benötigen ein geeignetes Verbindungskabel, das Sie von Radio Shack erhalten können.)

3. Starten Sie Ihr Soundrekorderprogramm. Befolgen Sie die Anweisungen, um die Töne aufzunehmen. Passen Sie die Lautstärke an, um eine klare Aufnahme zu erhalten. Speichern Sie die Audiodateien im MP3- oder WAV-Format. Platzieren Sie die Audiodateien im selben Ordner wie die HTML- und Grafikdateien.

4. Um den Sound von Ihrer Webseite abzuspielen, erstellen Sie einen Hyperlink zur Datei. Wenn Sie beispielsweise Ihre Sounddatei als “sound1.mp3” gespeichert haben, können Sie dies Ihrer Webseite hinzufügen:

Klicken Sie hier <a href="sound1.mp3"> </a>, um einen Soundbite herunterzuladen.

Dadurch wird ein Hyperlink zur Sounddatei “sound1.mp3” erstellt, sofern diese im selben Verzeichnis wie die aufrufende Seite gespeichert ist.

Wenn der Benutzer auf den Link klickt, lädt der Browser die Datei herunter, überprüft die Dateierweiterung, ermittelt, welche Hilfsanwendung für diesen Dateityp vorgesehen ist, startet sie (falls sie noch nicht geöffnet ist) und lädt und spielt den Sound ab Datei.

Klicken Sie hier <a href=" geetar.mid "> </a>, um eine kurze Musikprobe zu hören.

Das Hinzufügen von Videos entspricht genau dem Hinzufügen von Ton, mit der Ausnahme, dass sich der Dateiname auf eine Videodatei beziehen muss, z. B. eine MPEG-, Mov-, WMV- oder AVI-Datei. Die meisten Digitalkameras können kleine Videos in einer Größe und einem Format aufnehmen, die für eine Webseite geeignet sind. Video funktioniert genau wie Ton. Durch Klicken auf den Link wird das Video heruntergeladen und die auf Ihrem Computer installierte Videospielsoftware aufgerufen. Klicken Sie hier <a href=”fireworks.mpg”> </a>, um ein kurzes Video anzuzeigen.

Testen Ihrer Seiten

Sie haben noch keine Internetverbindung? Keine Sorgen machen!. Webseiten können auf jedem Desktop-Computer entworfen, erstellt und getestet werden, auf dem ein Standard-Webbrowser ausgeführt werden kann, auch auf einem Computer, der nicht mit dem Internet verbunden ist. Webbrowser funktionieren im “lokalen Modus” auf einem eigenständigen Computer einwandfrei, obwohl sie ohne Internetverbindung offensichtlich nicht auf externe Seiten zugreifen können, dh auf Seiten, die sich auf Remote-Host-Computern befinden. Webbrowser können jedoch “lokale” Dateien lesen und anzeigen, die auf demselben Computer gespeichert sind, indem sie den Befehl Datei öffnen … unter Datei verwendenMenü zum Öffnen der HTML-Dateien. Auf diese Weise können Sie Ihre Seiten testen, um zu sehen, wie sie aussehen, und um sicherzustellen, dass alles funktioniert. Legen Sie einfach alle HTML-Dateien, Grafikdateien und Audiodateien in dasselbe Verzeichnis (Ordner).

Sie können sogar in Betracht ziehen, einen Webbrowser als eine Art Low-End-Multimedia-Präsentationssystem für die eigenständige Verwendung in einem Klassenzimmer oder Computerraum zu verwenden. Webbrowser sind kostenlos; Unterstützung von formatiertem Text, Farbgrafiken sowie digitalisierten Sounds und Videos; sind in identischen Versionen für PCs und Macs erhältlich; Die so erstellten Präsentationen können problemlos zwischen PC- und Mac-Formaten konvertiert werden und können “ins Web” gestellt werden, wenn Sie Zugriff auf einen Webserver haben. Webseiten können auf CD-R-Datenträgern, USB-Laufwerken oder lokalen Netzwerkdateiservern verteilt und von diesen gelesen werden. Aufgrund ihrer Geschwindigkeit und Kapazität eignen sich USB-Laufwerke besonders für Seiten mit vielen großen Grafiken, Audiodateien oder Videoclips.

Hinweis: Wenn Sie einen PC-basierten CD-R-Brenner (“Brenner”) verwenden, um Websites auf CD-R für die Wiedergabe auf PCs und Macs zu erstellen (wobei Sie die Fähigkeit des Mac zum Lesen von PC-formatierten Datenträgern nutzen können), stellen Sie sicher um alle HTML-, Grafik- und Sounddateinamen auf 8 Zeichen mit einer 3-stelligen Erweiterung zu beschränken (zum Beispiel “PAGE1.HTM”). Andernfalls können ältere Macs die Site nicht lesen.

Suchen eines Hosts für die Bereitstellung Ihrer Seiten

Damit Ihre Webseiten tatsächlich im Internet “verfügbar” sind und für Webbenutzer auf der ganzen Welt zugänglich sind, müssen sie sich auf einem Webserver befinden . Sie könnten theoretisch Ihren eigenen Webserver auf Ihrem eigenen PC ausführen, müssten ihn dann aber rund um die Uhr laufen lassen, was sehr schmerzhaft ist.

Viele kommerzielle Internetdienstanbieter (ISPs) und Internetunternehmen wie Google bieten ihren Kunden Platz auf Webseiten (“Homepages”). Es ist nicht ungewöhnlich, dass 10 bis 30 MByte kostenlos zur Verfügung stehen (Google bietet Ihnen 100 MByte!). Gegen Aufpreis steht mehr Speicherplatz zur Verfügung. Weitere Informationen finden Sie in der Dokumentation Ihres Anbieters. Führen Sie eine Google-Suche nach dem Namen Ihres Internetdienstanbieters und “persönlichen Webseiten” durch, um weitere Informationen zu erhalten. Suchen Sie nach Abschnitten mit dem Titel “Herstellen einer Verbindung zu Ihrer Site”, “Website-Verwaltung”, “Hochladen von Dateien”, “Ermitteln Ihrer URL”, “Verknüpfen Ihrer Seiten”, “Veröffentlichen Ihrer Webseiten” oder Ähnlichem. (Diese Abschnittsüberschriften stammen aus der Verizon-Webserverdokumentation.andere ISPs verwenden eine andere Terminologie.

Die meisten Website-Hoster verfügen über einen Online- “Site Builder”, mit dem Sie Webseiten online nur mit einem Webbrowser erstellen können. Zum Beispiel hat Google die benutzerfreundlichen Google Sites . – Hier ist eine einfache Homepage, die ich 2008 erstellt habe. Der große Vorteil dieses Ansatzes besteht darin, dass Sie keinen Host finden müssen, der Ihre Seiten bedient. Die von Ihnen entwickelten Seiten werden automatisch auf derselben Site gehostet, was die Bearbeitung erheblich vereinfacht / upload / view cycle, da ein einziges Programm (Webbrowser) und eine einzelne Website zum Erstellen, Bearbeiten, Hochladen und Anzeigen der Entwicklungswebsite verwendet werden. jedochWenn Sie einen Site Builder wie diesen verwenden, werden Sie an diese bestimmte Site gebunden. Möglicherweise gibt es in Zukunft keine einfache Möglichkeit, Ihre Site auf einen neuen Server zu übertragen. Ich schlage vor, dass Sie Ihre Site auf Ihrem eigenen Computer erstellen, eine Kopie der Dateien selbst aufbewahren und die Dateien dann auf Ihren Webserver hochladen. Auf diese Weise können Sie die Dateien einfach auf einen neuen Server hochladen, wenn Sie in Zukunft die ISPs ändern.

Hochladen Ihrer Seiten

Wenn Sie Ihre Websites offline entwickeln, entweder mit einem Webeditor oder direkt in HTML, müssen Sie die Ergebnisse auf Ihren Webserver hochladen. Die meisten Web-Editoren verfügen über einen integrierten Uploader, der eine direkte Verbindung zu Ihrem Server herstellt. So können Sie Ihre Änderungen mit nur einer Schaltfläche hochladen. Sie müssen es jedoch vorher mit der richtigen Serveradresse, dem richtigen Benutzernamen und dem richtigen Kennwort einrichten. Weitere Informationen finden Sie in der Dokumentation Ihres Hosts. Wenn Sie mehr als einen Host zum Veröffentlichen Ihrer Websites verwenden, beachten Sie, dass Sie in der Liste “Veröffentlichen von Websites” auf der linken Seite mehrere Hostkonfigurationen mit jeweils eigener Hostadresse, Benutzername und Kennwort beibehalten können.

Bei einigen Hosts können Sie ein separates FTP-Programm zum Hochladen verwenden (FTP = File Transfer Protocol), z. B. WSFTP LE oder WinSCP , für Bildungszwecke. Mit solchen Programmen können Sie ganze Ordner mit Dateien gleichzeitig hochladen, was das Hochladen und Herunterladen einer gesamten zuvor entwickelten Site oder das Verschieben einer Site von einem Webserver auf einen anderen relativ einfach macht. Natürlich können Sie auch eine einzelne Seite oder ein Bild hochladen, um beispielsweise einen Fehler zu korrigieren. Auch hier müssen Sie diese Programme mit der richtigen Serveradresse, dem richtigen Benutzernamen und dem richtigen Kennwort einrichten.

Für geschäftliche oder berufliche Zwecke kann Ihr Unternehmen oder Schulsystem einen zentralen Webserver betreiben, der von einem Webadministrator betrieben wird. In diesem Fall können Sie normalerweise alle Ihre HTML-Dateien und Grafiken einfach auf einer CD-R oder einem USB-Laufwerk an den Webserver-Administrator senden. Dieser kümmert sich dann darum, sie auf dem Webserver abzulegen. Bitten Sie sie, Ihnen die URL (Webadresse) mitzuteilen, sobald sie sich auf dem Server befindet.

Weitergehen

Robert Mening des „HTML5 Leitfaden für Anfänger“ ( websitesetup.org/html5-beginners-guide ) ist eine wunderschön gestaltete Lehr – Website , dass untersucht die neueste Inkarnation von HTML, nämlich HTML5, die für die neueste Multimedia – unproved Unterstützung hat. Web Hosting Rating enthält eine riesige Liste der 100 wichtigsten Ressourcen und Tools für die Webentwicklung . Wenn Sie ein Blog erstellen möchten (kurz für Web Log), besuchen Sie https://makeawebsitehub.com/how-to-start-a-blog/. Auch  wie man eine Website mit WordPress erstellt und wie man eine E-Commerce-Website startet . Das Periodensystem von HTML ist eine anfängerfreundliche HTML5-Tabelle von Elementen. Tutorials von Efi Min: Erstellen Sie Ihr eigenes Blog mit WordPress und installieren Sie eine WordPress-Website in 4 Minuten – The Definitive 2020 Guide

Die erste Version dieses Dokuments wurde ursprünglich am 21. Juni 1995 erstellt. Diese Überarbeitung wurde im August 2020 erstellt.

Kehren Sie zur Seite mit den Workshop-Handouts zurück.

Diese Seite wurde von Prof. Tom O’Haver , emeritierter Professor am Institut für Chemie und Biochemie der University of Maryland im College Park, erstellt. Kommentare, Vorschläge und Fragen sind an Prof. O’Haver unter toh@umd.edu zu richten .
Einzigartige Besuche seit Mai 2008: 134.255

Leave a Reply

Your email address will not be published. Required fields are marked *