HTML5-Code Korrektur

Dieses Thema im Forum "Webdesign" wurde erstellt von Yeyo187, 20. Juli 2014 .

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 20. Juli 2014
    Hallo liebe Community,

    bin neu in Sachen HTML und CSS.

    Will mir einen Seite erstellen und habe schon mal einen ganzen HTML code für meine Homepage erstellt.

    Könnte jemand drüber lesen und mir sagen, wie man es vielleicht besser schrieben könnte?
    Habe hier auch schon das Bild von der Homeopage hochgeladen, damit Ihr eine Vorstellung habe, wie meine Seite aussehen soll, wenn Sie fertig ist.

    Hier der Link zu dem Bild;
    http://image-upload.de/image/3yB8Ut/40b0db5691.jpg

    Hier ist der Quellcode der HTML

    HTML:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Unbenanntes Dokument</title>
    </head>
    
    <body>
     <div id="top_nav">
     <img id="logo" src="Homepage/img/logo.png" alt="Parkett-Expert" title="Parkett-Expert">
     <nav id="navi">
     <ul>
     <li><a href="#">Home</a></li>
     <li><a href="#">About</a></li>
     <li><a href="#">Service</a></li>
     <li><a href="#">Referenzen</a></li>
     <li><a href="#">Angebote</a></li>
     <li><a href="#">Kontakt</a></li>
     </ul>
     </nav> <!-- ends nav -->
     </div> <!-- ends top_nav -->
     <div id="wrapper">
     <header>
     <h1> Slideshow in here </h1>
     </header> <!-- ends header -->
     <article id="content">
     <h1>Willkommen auf Parkett-Expert</h1>
     <section class="frist"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis libero ac leo condimentum dignissim. Donec at pellentesque libero. Morbi at massa varius, vehicula felis nec, elementum lorem. Sed tincidunt interdum viverra. Integer porttitor ante consectetur enim ullamcorper, quis placerat enim ornare. Nam sem turpis, ullamcorper quis mollis et, egestas nec leo. Fusce rhoncus, sapien euismod bibendum pharetra, ligula ante dapibus ligula, a tristique sapien dui et metus. Ut eget purus tempus, tempus dolor ultrices, consectetur felis. Quisque tellus ipsum, aliquet quis tempus gravida, commodo vel enim.</p>
    <p>Nunc luctus diam neque, eget vestibulum urna sodales vel. Mauris mauris urna, lobortis sed feugiat ac, volutpat imperdiet nunc. Nulla facilisi. Phasellus tempor varius elementum. Donec a felis quis lacus faucibus tincidunt sit amet sit amet torto.</p>
     </section> <!-- frist section ends -->
     <h1>Unsere Leistungen</h1>
     <section id="second">
     <ul id="list">
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Beratung<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Planung<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Verlegung<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Schleifservice<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Oberflächenbehandlung<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Estrichsanierung<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Parkettpflege<h3></li>
     <li><img class="checkbox" src="Homepage/img/mini.png"><h3>Wasserschäden<h3></li>
     </ul> <!-- ul list ends -->
     </section> <!-- second section ends -->
     </article> <!-- article content ends -->
     <aside id="aside">
     <section id="aside_section">
     <a href="#"><h1>Bildergalerie</h1></a>
     <div class="picz">
     <h5>Parkett, Fertigparkett</h5>
     <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
     </div> <!-- ends picz -->
     <div class="picz">
     <h5>Parkett, Fertigparkett</h5>
     <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
     </div> <!-- ends picz -->
     <div class="picz">
     <h5>Parkett, Fertigparkett</h5>
     <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
     </div> <!-- ends picz -->
     <div class="picz">
     <h5>Parkett, Fertigparkett</h5>
     <img class="bilder" src="Homepage/img/Unbenannt-2.jpg">
     <p><span class="pic_quallery">» zur Bildergalerie</span></p>
     </div> <!-- ends picz -->
     </section> <!-- aside section end -->
     <section class="call">
     <div class="ja_bg">
     <div id="beratung">
     <h3>Beratung? 0163-2406489</h3>
     <div class="ja">
     <h3>JA</h3>
     </div> <!-- ends ja -->
     </div> <!-- beratung end -->
     </div> <!-- ja_bg div ends -->
     <div class="ja_bg">
     <div id="beratung">
     <h3>Beratung? 0163-2406489</h3>
     <div class="ja">
     <h3>JA</h3>
     </div> <!-- ends ja -->
     </div> <!-- beratung end -->
     </div> <!-- ja_bg div ends -->
     </section> <!-- call section ends -->
     </aside> <!-- ends aside -->
     </div> <!-- ends wrapper -->
     <footer id="footer">
     <ul>
     <li><img id="footer_logo" src="Homepage/img/footer_logo.png"></li>
     <li>Dürerstrasse 3a</li>
     <li>76149 KA-Neureut</li>
     <li>Tel: 0721-569876</li>
     <li>Fax: 0721-569873</li>
     <li>Mobil: 0163-2406498</li>
     <li class="watermarks"><img src="Homepage/img/twitter.png"></li>
     <li class="watermarks"><img src="Homepage/img/twitter.png"></li>
     <li id="footer_nav"><a href="#">Home</a> | <a href="#">Kontakt</a> | <a href="#">Impressum</a> | <a href="#">Sitemap</a></li>
     </ul>
     </footer> <!-- footer ends -->
    </body>
    </html>
    
    Würde mich echt sehr freuen, wenn mir jemand helfen würde.

    mit Freundlichen Grüßen
    Crunyk187

    BTW; Ihr braucht nicht den HTML code umzuschrieben. Würde mich einfach nur um verbesserungsvorschläge freuen.
     

  2. Anzeige
  3. #2 20. Juli 2014
    Zuletzt von einem Moderator bearbeitet: 13. April 2017
    AW: HTML code für meine Seite gut?

    Du hast bereits hier schon mal nach Vorschlägen/Kritik gebeten, dich aber nicht mehr dazu geäußert und (wenn man das verlinkte Bild ansieht) diese auch nicht angenommen.

    Das Ganze sieht mir mehr nach billiger Werbung für deinen Parkett-Service aus.

    Wenn dem nicht so ist kannst du dich gerne per PN an mich wenden.

    ~ geschlossen
     
  4. #3 28. Juni 2015
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    Meine Seite und brauche Hilfe

    Hallo liebe CC,

    übe mich zur zeit an HTML und CSS und würde gerne meine eigene Seite machen. Habe auch schon mit anfangen und würde euch gerne darum zu bitten kurz über den Code zu gucken und mir sagen was da falsch ist.

    Hier mal ein Bild
    parkett-expert.jpg


    so soll meine Seite zum Schluss aussehen. Soll dann noch ein Content Div geben wo man dann ins Sichtfeld scrollen kann

    Das habe ich schon gemacht

    Parkett Expert

    Hier ist mal der HTML code:


    Das hier ist der CC


    könntet Ihr mich bitte dabei unterstützen und mir sagen was bei den codes nicht stimm und wie ich es besser machen kann?

    danke schon mal im Vorraus für eure Hilde...bin euch echt sehr sehr sehr dankbar
     

  5. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML5 Code Korrektur
  1. Antworten:
    2
    Aufrufe:
    412
  2. Antworten:
    10
    Aufrufe:
    1.612
  3. Antworten:
    1
    Aufrufe:
    1.076
  4. Antworten:
    0
    Aufrufe:
    815
  5. html5 video listener onplay

    onip , 9. September 2013 , im Forum: Webentwicklung
    Antworten:
    4
    Aufrufe:
    926