• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Projekt Prototype =)

T

Toastbrott

Neues Mitglied
Hallo,
ich wollte hier mal ein Thema aufmachen wo ich sozu sagen ein kleines Tagebuch führe, wie ich meine Website Programmieren, damit ihr mit vlt. ein paar Tipps geben könnt und ich werde hier auch hin und wieder mal was fragen, wenn ich nicht mehr weiter weis.

Ich bin ein Anfänger im Bereich HTML und mache das meiste über Selfhtml oder Google XD

Zur Zeit ist es eine Seite, welche mit unsichtbaren Tabellen aufgebaut ist, hier mal ein erster Screenshot:




Und hier der Code:

HTML: 
<html>
<head>
    <title>
        Prototype
    </title>
    <link rel="SHORTCUT ICON" href="pictures/main/icon.png">
</head>
<body background="pictures/main/background.png">

    <table width="100%" height="100%" cellspacing="2" cellpadding="0">
        <tr>
            <th width="*%" >
                <img src="pictures/main/blank.png">
            </th>
            <th width="900px">
                <table width="100%" height="100%" cellspacing="4" cellpadding="0">
                    <tr>
                        <th height="160px" background="pictures/head/background.png" >
                            <table width="100%" height="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                    <th  width="330px">
                                        <img src="pictures/head/title.png">
                                    </th>
                                    <th>
                                    </th>
                                </tr>
                            </table>
                        </th>
                    </tr>
                    <tr>
                        <th height="50px" background="pictures/navigation/navigation.png">
                            Navigation
                        </th>
                    </tr>
                    <tr>
                        <th height="450px" >
                            <table width="100%" height="100%"  cellspacing="1" cellpadding="0">
                                <tr>
                                    <th width="400px" height="450px" background="pictures/inhalt/news.png">
                                        
                                    </th>
                                    <th background="pictures/inhalt/info.png">
                                        
                                    </th>
                                </tr>
                            </table>
                        </th>
                    </tr>
                    <tr>
                        <th>
                            <p align="center">
                                <img src="pictures/werbung/werbung.png">
                            </p>
                        </th>
                    </tr>
                    <tr>
                        <th background="pictures/link-bar/link-bar.png" height="30px">
                            <table width="100%">
                                <tr>
                                    <th>
                                        Copyright
                                    </th>
                                    <th>
                                        |
                                    </th>
                                    <th>
                                        Über mich
                                    </th>
                                    <th>
                                        |
                                    </th>
                                    <th>
                                        Andere Seiten
                                    </th>
                                    <th>
                                        |
                                    </th>
                                    <th>
                                        AGB
                                    </th>
                                    <th>
                                        |
                                    </th>
                                    <th>
                                        Werbung Schalten
                                    </th>
                                </tr>
                            </table>
                        </th>
                    </tr>
                    <tr>
                        <th height"1px">
                            <img src="pictures/main/long-blank.png"
                        </th>
                    </tr>
                </table>
            </th>
            <th width="*%" >
                <img src="pictures/main/blank.png">
            </th>
            
        </tr>
    </table>
</body>
</html>

Freue mich auf eure Meinungen

lg. Toastbrott

ps. Die Bilder habe ich selber mit Gimp gemacht, wenn die jemand haben will einfach schreiben ^^
 
Werbung:
Versuch mal die Seite zu füllen mit Texten und Bildern wie du dir das vorstellst wens Fertig sein soll. Ich kann mir noch überhaupt nichts vorstellen wie du das haben willst!
 
Gleich mein erster Tipp: mach das nochmal neu. Du fängst direkt mit einem Tabellenlayout an, obwohl Tabellen nicht dafür gedacht sind. Bitte lies dir nochmal die HTML-Grundlagen durch bevor Du damit weitermachst, einige Links dazu sind z.B. in unserer Quellensammlung enthalten. Erspart später viele Probleme.
 
Werbung:
ohh, oke, was empfiehlt sich denn statt Tabellen, ich habe nämlich bei selfhtml gelesen, man soll stadt frames unsichtbare Tabelen benutzen, was ich ja bei dieser Seite auch gemacht habe, aber das kann natürlich auch wider veraltet sein.

Würde mich sher über eine Antwort freuen, bevor ich mir zu viel mühe mache :D hatte nämlich auch schon eine Seite aus frames die ich dann verworfen hab ^^

lg. Toastbrott
 
Webseiten baut man mit den HTML-Elementen auf wie diese semantisch gedacht sind. Tabellen für tabellarische Inhalte, Überschriften für Überschriften, Absätze für Absätze. Wenn Du etwas gruppieren willst, verwende <div>'s, aber nur spärlich - wenn es nötig ist. Grundlagen dazu stehen in den Links der o.g. Quellensammlung.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben