5 kostenlose HTML-Vorlagen zum einfachen Erstellen schneller Websites

• Programmierung

Werbung

Unabhängig davon, ob Sie Ihr eigenes Unternehmen betreiben oder nur für sich und Ihre Fähigkeiten werben möchten, ist es wichtig, eine Website zu haben. Aber vielleicht haben Sie nicht die Zeit, HTML zu lernen und möchten kein Geld für teure Webdesign-Services ausgeben.

In diesem Fall können Sie unsere kostenlosen HTML-Vorlagen verwenden. Wir haben einfache Vorlagen erstellt, die Sie an Ihre eigenen Bedürfnisse anpassen können, um eine einfache Website zu erstellen. Wir haben auch Anleitungen beigefügt, damit Sie die Vorlagen auch dann verwenden können, wenn Sie ein absoluter Anfänger in HTML sind.

Verwendung der Vorlagen

Sie können eine Vorschau jeder Vorlage anzeigen, indem Sie auf den Link im Titel klicken. Um die Vorlagen jedoch selbst zu bearbeiten und zu verwenden, müssen Sie sie zuerst herunterladen. Klicken Sie dazu mit der rechten Maustaste auf den Titel jeder Vorlage und wählen Sie Verknüpfung speichern unter . Wählen Sie dann einen Ordner aus, um die Vorlage zu speichern, und klicken Sie auf Speichern .

Alternativ können Sie die Vorlage auch in Ihrem Browser öffnen, indem Sie auf den Link klicken. Klicken Sie dann mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Seitenquelle anzeigen . Dies zeigt Ihnen den für die Seite verwendeten HTML-Code. Sie können dann Strg + S drücken, um die Vorlage auf Ihrem Computer zu speichern.

Gehen Sie nun zu dem Ordner, in dem Sie die Vorlage gespeichert haben. Klicken Sie mit der rechten Maustaste auf die Vorlage und wählen Sie Öffnen mit und dann Editor. Dadurch wird die Vorlage als Textdokument geöffnet. Hier können Sie Änderungen an der gewünschten Vorlage vornehmen und diese dann speichern.

Wenn Ihre Änderungen vorgenommen wurden, können Ihre Seiten gehostet werden. Lesen Sie unseren Leitfaden zu den besten kostenlosen Website-Hosting-Diensten Die besten kostenlosen Website-Hosting-Dienste im Jahr 2019 Die besten kostenlosen Website-Hosting-Dienste im Jahr 2019 Hier finden Sie die besten kostenlosen Web-Hosting-Dienste, die viel bieten und einen besseren Ruf haben als die meisten anderen. Lesen Sie mehr, um einen geeigneten Host zu finden, und Ihre Site kann in kürzester Zeit online sein.

1. Über mich Vorlage

Diese Vorlage ist für eine einfache Homepage gedacht, die für Ihre persönliche oder berufliche Website geeignet ist. Sie können ein Porträtbild und einen Text über sich selbst und Ihre beruflichen Leistungen hinzufügen.

Sie können diese Vorlage auch für jede andere Art von textbasiertem Inhalt verwenden, z. B. für Informationen zu einem Hobby oder Thema, die Sie freigeben möchten.

Um die Vorlage anzupassen, öffnen Sie zuerst die HTML-Datei in einem Texteditor wie Notepad oder WordPad. Um zu verstehen, was Sie sehen, erfahren Sie mehr über das Verständnis von grundlegendem HTML-Code. 5 Schritte zum Verständnis von grundlegendem HTML-Code 5 Schritte zum Verständnis von grundlegendem HTML-Code HTML ist das Rückgrat jeder Webseite. Wenn Sie Anfänger sind, führen wir Sie durch die grundlegenden Schritte zum Verständnis von HTML. Weiterlesen .

Ändern Sie den Seitentitel

Als erstes muss der Titel geändert werden. Dies ist der Text, der oben auf der Registerkarte angezeigt wird, wenn Sie die Seite öffnen. Um dies zu ändern, finden Sie den Abschnitt:

 John Smith - Über mich 

Ändern Sie nun den Text in den Tags, um zu sagen, was Sie wollen.

Ändern Sie das Bild

Die Vorlage ist beispielhaft mit dem MakeUseOf-Logo versehen. Sie können dieses Bild nach Belieben ändern. Ein quadratisches Bild sieht am besten aus, aber Sie können auch ein rechteckiges Bild verwenden, wenn Sie möchten. Um das Bild zu ändern, gehen Sie wie folgt vor:

Ändern Sie nun "img / programming / 843/5-free-html-templates-easy-create-quick-websites-2.jpg" in die URL für Ihr Bild.

Ändern Sie den Text

Jetzt müssen Sie nur noch den gewünschten Text für die Seite hinzufügen. Suchen Sie dazu die Absatz-Tags. Diese sind

am Anfang und

Kopieren Sie den gewünschten Text und fügen Sie ihn zwischen diesen Absatz-Tags ein. Am Ende jedes Absatzes wird automatisch ein Leerzeichen eingefügt. Um weitere Absätze hinzuzufügen, fügen Sie einfach einen weiteren Satz von Tags mit Text hinzu.

Sie können auch die Überschrift oben im Text ändern. Um dies zu ändern, suchen Sie die Zeile:

 Über mich 

Ändern Sie den Text "Über mich" nach Ihren Wünschen.

2. Wo finde ich die Vorlage?

Mit dieser Vorlage können Sie auf einfache Weise alle Ihre Social-Media-Websites verknüpfen. Sie können diese Seite als Zielseite verwenden, die auf alle anderen Websites verweist, auf denen Sie online zu finden sind.

Ändern Sie die Social Media Links

Sie müssen die Links und den Namen für jedes Social Media-Konto ändern. Beginnen Sie dazu mit dem Twitter-Konto. Finden Sie diese Zeile:

Twitter: @JohnSmith 

Hier müssen zwei Dinge geändert werden. Ändern Sie zunächst den Link http://twitter.com/johnsmith in den Link für Ihren Twitter-Account. Ändern Sie zweitens den Punkt @JohnSmith in Ihren Punkt.

Machen Sie jetzt dasselbe mit den anderen Social-Media-Sites.

Wenn es eine Site gibt, die Sie nicht verwenden, zum Beispiel, wenn Sie kein Tumblr-Konto haben, löschen Sie einfach diesen Abschnitt der Vorlage:

Tumblr: Schmied 

Ändern Sie die Überschrift und den Titel

Wie bei der Vorlage "Über mich" können Sie die Überschrift und den Titel ändern, indem Sie den Text in ändern

3. Kontaktieren Sie mich Vorlage

Diese Seite ist eine Möglichkeit, mit Ihnen in Kontakt zu treten, ohne dass sie Ihnen eine E-Mail senden müssen. Das Formular übernimmt die eingegebenen Informationen und sendet sie automatisch an Ihre E-Mail-Adresse. Es ist eine einfache Möglichkeit für Site-Besucher, mit Ihnen in Kontakt zu treten.

Ändere deine Email Adresse

Damit das Formular funktioniert, müssen Sie eine Zeile in der Vorlage ändern:

Hier ändern Sie in Ihre Email-Adresse. Dies funktioniert mit jedem E-Mail-Anbieter und Sie erhalten eine E-Mail mit den Kommentaren, die die Besucher der Website in das Formular eingegeben haben.

Ändern Sie den Text, die Überschrift und den Titel

Auch hier können Sie den Text ändern, der auf dieser Seite angezeigt wird. Um den Text zu ändern, bearbeiten Sie einfach das, was zwischen den Tags angezeigt wird. Um die Überschrift zu ändern, ändern Sie den Text zwischen

4. Business Homepage Vorlage

Wenn Sie eine Homepage für Ihr Unternehmen erstellen, möchten Sie alle wichtigen Informationen an einem Ort haben. Dafür ist diese Vorlage gedacht.

Ändern Sie die Abschnittstitel

Suchen Sie nach den folgenden Zeilen, um den Titel der einzelnen Abschnitte zu ändern:

 Über uns 
 Unsere Aufgabe 
 Unsere Dienstleistungen 
 Unsere Kunden 

Ändern Sie nun den Titel dieser Abschnitte nach Ihren Wünschen, indem Sie den Text zwischen dem

und

Ändern Sie den Abschnittsinhalt

Suchen Sie nach einem Absatz, der wie folgt beginnt, um den Text zu ändern, der unter jedem Titel angezeigt wird:

Lorem ipsum dolor sitzen amet ...

Ändern Sie nun den Text im

und

Ändern Sie das Bild

Die Vorlage enthält einen Platz für ein Bild am unteren Rand der Seite. Um das Bild zu ändern, gehen Sie wie folgt vor:

Ändern Sie nun die URL "img / programming / 843/5-free-html-templates-easy-create-quick-websites-2.jpg" in die URL für das Bild, das Sie verwenden möchten.

5. Business Review-Seitenvorlage

Wenn Sie ein Unternehmen führen, ist es wichtig, Kundenreferenzen zur Verfügung zu stellen. Dies zeigt potenziellen Neukunden, dass andere Ihr Unternehmen genutzt haben und gute Erfahrungen gemacht haben.

Mit dieser Vorlage können Sie Ihre besten Kundenbewertungen präsentieren.

Kundeninformationen hinzufügen

Um Bewertungen zu dieser Seite hinzuzufügen, müssen Sie zuerst die Kundeninformationen hinzufügen. Suchen Sie dazu in diesem Abschnitt nach der ersten Bewertung, die Sie hinzufügen möchten:

 Kundenname: John Smith 

Kundengeschäft: Smith's Supplies 

Ändern Sie nun einfach "John Smith" in den Namen des Kunden und "Smith's Supplies" in den Firmennamen des Kunden.

Hinzufügen von Kundenrezensionen

Um die Bewertung selbst hinzuzufügen, schauen Sie unter den Kundeninformationen nach und suchen Sie diesen Absatz, der wie folgt beginnt:

 Lorem ipsum dolor sitzt amet, consectetur adipiscing elit 

Löschen Sie nun diesen Text und ersetzen Sie ihn durch die Kundenbewertung.

Weitere Bewertungen hinzufügen

Kopieren Sie den gesamten Block, der mit beginnt, um mehr Überprüfungen als die drei Bewertungen in der Vorlage hinzuzufügen

und endend mit

Erstellen Sie schnell eine Website mit HTML-Vorlagen

Mit diesen Vorlagen können Sie schnell und einfach eine persönliche oder professionelle Webseite erstellen. Sie können jede Vorlage bearbeiten, um sie Ihren Anforderungen anzupassen, oder mehrere Vorlagen verwenden und sie miteinander verknüpfen, um eine vollständige Site zu erstellen.

Wenn Sie Ihre Website auf die nächste Stufe heben möchten, können Sie lernen, wie Sie Ihre eigene Website von Grund auf neu erstellen. Erfahren Sie, wie Sie eine Website für Anfänger erstellen. So erstellen Sie eine Website: Für Anfänger So erstellen Sie eine Website: Für Anfänger Heute werde ich Sie durch den Prozess der Erstellung einer vollständigen Website von Grund auf neu führen. Mach dir keine Sorgen, wenn dies schwierig klingt. Ich werde dich durch jeden Schritt des Weges führen. Lesen Sie mehr, um mehr zu erfahren.

Erfahren Sie mehr über: HTML, Webentwicklung.