Wenn Sie bereits eine HTML-Webseite geschrieben und im Browser gerendert haben, wissen Sie, wie Sie eine Webseite erstellen. Aber, Einige von Ihnen müssen sich fragen, wie ich diese Seite tatsächlich veröffentlichen kann, damit jeder sie sehen kann. In diesem Beitrag werde ich eine einfache Webseite erstellen und online stellen.
Die auf Ihrem Computer gespeicherte HTML-Datei kann also nur von Ihnen angezeigt werden, muss jedoch an einem Ort aufbewahrt werden, an dem jeder darauf zugreifen kann. Und dafür benötigen Sie einen Webhosting-Service! Hosting-Dienste verfügen über einen Server oder einen Computer, der Ihnen Platz für Ihre Dateien bietet.
Wenn Sie neu in der Website-Erstellung sind, können Sie einen der vielen kostenlosen Hosting-Dienste ausprobieren. Ich habe zuvor Infinity Free verwendet. Sie können auch verwenden codepen.io wo Leute Ihre Seite und die Codes dahinter im selben Fenster sehen können. Github Pages eignet sich auch gut zum Hosten statischer Webseiten. Ich spreche hier nicht von anderen Plugins und CMS wie WordPress, sondern von einer statischen Site, die von Ihnen codiert wird.
1. Kostenlose Hosting-Dienste
Ich werde nun erklären, wie Sie Ihre Webseite veröffentlichen, wenn Sie die erste Option verwenden, einen kostenlosen Hosting-Service. Sie müssen sich zuerst für den Hosting-Service anmelden und einen Domainnamen für Ihre Website auswählen. Jetzt gibt es zwei Möglichkeiten, Ihre Datei hochzuladen:
- Zuerst gehen Sie direkt zum Dateimanager, laden die Datei hoch und benennen sie als Index um.HTML.
- Eine andere Möglichkeit zum Hochladen besteht darin, einen FTP-Client herunterzuladen, z. B. FileZilla, und ihn mit dem Server zu verbinden, indem Sie Ihre Site-Details wie Hostname, Benutzername, Passwort und Portnummer eingeben. Alle diese Details sind in Ihrem Konto verfügbar. Wenn Sie mit dem Server verbunden sind, können Sie Ihren Dateiindex hochladen.HTML.
Jede dieser Methoden kann verwendet werden, um Ihre Datei hochzuladen.HTML-Datei. Wenn Sie also eine Website-Adresse eingeben, werden Sie zum Index weitergeleitet.HTML-Datei. Sie haben Ihre Webseite jetzt im Internet veröffentlicht und jeder kann sie über den Link sehen. Sie können weitere HTML-Dateien oder Bilder hinzufügen und deren Link zum Index hinzufügen.HTML-Seite. Alle diese Dateien werden auf dem Server gespeichert und jeder kann darauf zugreifen.
In den meisten Fällen ist die URL des Bildes, das Sie auf Ihrer Webseite eingeben, nach einiger Zeit abgelaufen. Es ist besser, diese Bilder herunterzuladen und hochzuladen und den Namen dieses Bildes genau in das src-Attribut zu schreiben.
Sie können HTML- und CSS-Codes für eine Beispiel-HTML-Webseite sehen:
HTML–COde
<h1>Ludwig van Beethoven</h1><img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSuYHPyPZYfRRAc40TnVVXl3yZ51Q_0v4dvUzXIjVssV0shgH2N" alt="BEETHOVEN"><h2> <a href="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3">fur elise </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_beethoven_fur_elise.mp3" controls></audio><h2> <a href="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3">moonlight sonata movement 1 </a></h2><audio src="http://www.amclassical.com/mp3/amclassical_moonlight_sonata_movement_1.mp3" controls></audio>
css
body { background-color: #000; color: #FFF; text-align: center;}a { color: #FFF; text-decoration: none;}a:hover { font-size:20px; color:red;}
Es gibt ein Problem mit den kostenlosen Hosting-Diensten – sie sind nicht sicher. Das Schlimmste an diesem Hosting-Service ist, dass Benutzer beim Besuch Ihrer Website eine Warnung erhalten, dass es nicht sicher ist, und dass sie keine vertraulichen Informationen auf dieser Website hinzufügen sollten. Sein sehr schlechter Eindruck. So können Sie einige Seiten veröffentlichen, nur um zu sehen, wie es gemacht wird, dann können Sie andere kostenpflichtige Hosting-Dienste nutzen.
Als nächstes werden wir sehen, wie Sie Ihre Webseite mit GitHub Pages veröffentlichen. Es funktioniert genau wie zuvor beschrieben, aber Sie müssen zuerst wissen, wie Sie GitHub verwenden.
2. Github Pages
Zuerst müssen Sie ein Konto auf GitHub erstellen. Erstellen Sie dann ein neues Repository und geben Sie ihm den Namen: (Benutzername).github.io . Machen Sie es öffentlich und veröffentlichen Sie es. Jetzt können Sie den Index hochladen.HTML-Datei hier. Wenn Sie (Benutzername) eingeben.github.io in Ihrem Browser sehen Sie Ihre Webseite. Sie können nun weitere Dateien und Bilder hinzufügen und mit Ihrem Index verknüpfen.HTML-Seite.
Wenn Sie also mit GitHub vertraut sind, ist dies eine der besten Möglichkeiten, Ihre erste Website zu veröffentlichen.