Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 20.07.2014, 15:47
Crunky187 Crunky187 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.05.2014
Beiträge: 5
Crunky187 befindet sich auf einem aufstrebenden Ast
Standard HTML Check (Anfänger)

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-Code:
<!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.
Mit Zitat antworten
Sponsored Links