Basic HTML Template - HTML, CSS & jQuery für dein Projekt



  • Ich bin momentan des Öfteren damit beschäftigt, kleine Javascript-Anwendungen zu programmieren, als Framework nutze ich das beliebte jQuery. Da diese Projekte immer gleich anfangen habe ich mir ein kleines HTML Template anlegt und gespeichert. So muss ich nicht immer wieder die selben Dateien anlegen.

    Das Template besteht aus den drei essentiellen Dateien die man für ein Webprojekt benötigt. Einer style.css zum Stylen, einer index.html für die Struktur sowie den Inhalt und einer script.js Datei um kleine Scripte zu programmieren.


    HTML-Template

    Wenn du nur auf der Suche nach einem einfachen HTML-Template bist, kannst du dir gerne folgendes Snippet kopieren. Den kompletten Template-Ordner mit allen Dateien findest du weiter unten als Download.

    <!doctype html>
    
    <html lang="de">
    <head>
    
      <meta charset="utf-8">
    
      <title>makesmart HTML 5 Template</title>
      <meta name="description" content="makesmart HTML Template">
      <meta name="author" content="cooper">
    
      <!-- Stylesheet-Datei -->
      <link rel="stylesheet" href="assets/css/style.css">
    
      <!-- jQuery -->
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    
    </head>
    
    <body>
    
    
    
      <!-- Hier könnte ihre Werbung stehen -->
      <h1>Die makesmart Community</h1>
      <p>Deine smarte <a href="https://my.makesmart.net/">Community</a>.</p>
    
    
    
      <!-- Javascript Datei -->
      <script src="assets/js/script.js"></script>
    </body>
    </html>
    
    

    Das Template

    Folgende Dateien sind im Template enthalten

    1. index.html - HTML-Startseite
    2. style.css - Stylesheet-Datei
    3. script.js - Javascipt-Datei
    makesmart-basic-html-css-js-template.zip
    ├── assets
    │   ├── css
    │   │   └── style.css
    │   ├── img
    │   └── js
    │       └── script.js
    └── index.html
    

    Die Dateien sind alle in separaten Ordnern, sodass das Template ohne Probleme als Ausgangsbasis für dein Webprojekt verwendet werden kann. Das Javascript-Framework jQuery wird über das CDN von Google eingebunden.


    Download

    HTML - CSS - Javscript - jQuery
    makesmart-basic-html-css-js-template.zip


    Vielleicht stelle ich in Zukunft noch weitere Templates mit verschiedenen Stacks zu Verfügung z.B zusätzlich noch Bootstrap, Fontawesome, usw.

    Speichert euch gern den Beitrag, um jederzeit wieder schnell und ohne suchen darauf zugreifen zu können. 🙂

    Viel Spaß mit eurem Webprojekt. 👍