Website

Sascha.K · 12.09.2014

Hallo Leute .

ich habe heute in cs6 eine website gestaltet und auch alles mit dem slice tool bearbeitet .
Jetz habe ich folgendes problem villeicht könnt ihr mir da weiter helfen . Ich habe das design hier mal eingefügt . und zwar möchte ich das der schwarze bereich ein html frame ist und kein bild oder abstandhalter ist wie kann ich das realiesiren ?? Oben wenn man die Buttons dann klicken tut soll in dem schwarzen bereich z.b die gallerie oder das impressum erscheinen ..

Ich habe unter dem Bild noch meinen Quellcode beigefügt

Ich bitte um eure hilfe

Gruss

sascha

HTML:

<html>
<head>
<title>Unbenannt-4</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Unbenannt-4.png - Slices: 00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12, 13, 14, 15, 16, 17, 18, 20) -->
<table id="Tabelle_01" width="1280" height="1025" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="Bilder/index_01.jpg" width="112" height="51" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="Bilder/index_02.jpg" width="156" height="63" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_03.jpg" width="71" height="63" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_04.jpg" width="145" height="63" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_05.jpg" width="81" height="63" alt=""></td>
        <td>
            <img src="Bilder/index_06.jpg" width="145" height="51" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_07.jpg" width="80" height="63" alt=""></td>
        <td>
            <img src="Bilder/index_08.jpg" width="145" height="51" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_09.jpg" width="60" height="63" alt=""></td>
        <td>
            <img src="Bilder/index_10.jpg" width="177" height="51" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/index_11.jpg" width="108" height="63" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/index_12.jpg" width="112" height="12" alt=""></td>
        <td>
            <img src="Bilder/index_13.jpg" width="145" height="12" alt=""></td>
        <td>
            <img src="Bilder/index_14.jpg" width="145" height="12" alt=""></td>
        <td>
            <img src="Bilder/index_15.jpg" width="177" height="12" alt=""></td>
    </tr>
    <tr>
        <td colspan="12">
            <img src="Bilder/index_16.jpg" width="1280" height="259" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img src="Bilder/index_17.jpg" width="189" height="702" alt=""></td>
        <td colspan="10">
            <img src="Bilder/index_18.jpg" width="1091" height="29" alt=""></td>
    </tr>
    <tr>
        <td width="1091" height="648" colspan="10">
            <img src="Bilder/Abstandhalter.gif" width="1091" height="648" alt=""></td>
    </tr>
    <tr>
        <td colspan="10">
            <img src="Bilder/index_20.jpg" width="1091" height="25" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="112" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="77" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="79" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="71" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="145" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="81" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="145" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="80" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="145" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="60" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="177" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="108" height="1" alt=""></td>
    </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

cebito · 12.09.2014

Frames sind mehr als Oldschool, und der Quellcode deiner "Seite" ist es auch. Sorry, da gibbet keine Hilfe. Hol dir einfach 'nen Webprogrammierer ins Boot, der setzt das dann für dich um.

Sascha.K · 12.09.2014

Deshalb bin ich ja auch hier und suche mir hilfe .. Sonst würde ich hier nicht nachfragen

SistaX · 12.09.2014

Nimms nicht übel bitte: wie cebito schon gesagt hat, sind Frames nicht nur aus der Mode gekommen, sondern sind auch im Hinblick auf die Auffindbarkeit für Suchmaschinen nicht zu empfehlen.
Wenn ich mir aber dein Design insgesamt ansehe, schließe ich mich cebitos Meinung voll und ganz an. Für welchen Zweck du das auch immer machen möchtest: such dir jemanden, der es kann.
Deine Schriftwahl, der schwarze Hintergrund, das seltsame Foto: alles in allem ist das echt nix. Wenn du das nur für private Zwecke machst schon jenseits von grenzwertig, aber wenn du damit eventuell noch Geld verdienen möchtest, geht das echt gar nicht.

Gelöschtes Mitglied 133165 · 12.09.2014

http://little-boxes.de/
ist ein guter Einstieg in zeitgemäßes Webdesign. Frame-orientierte Designs sind eigentlich seit 10 Jahren wirklich total abgefrühstückt und werden z.B. von den Suchmaschinen (auch aus technischen Gründen) mittlerweile zu 99% ignoriert. Es ist einfacher seine Idee neu zu überdenken und zu gestalten, als dieses "antike" Design anzupassen (sage ich aus Erfahrung!)

P.S.: Die Website sollte doch wohl dazu dienen, neue Kunden anzuziehen, macht aber in dieser Form eher einen Eindruck einer Geheimorganisation. Gut gemeint ist eben nicht gut gemacht....Und wenn ein professioneller Designer dies übernimmt, bekommt er sein Geld nicht , weil er Geheimwissen hat, sondern, weil er von Anfang an weiß was er tut.. Reparierst Du Deine Schuhe selbst oder bringst Du sie zum Schuster? Man kann sich die besten Farben Pinsel und Leinwände ( oder eben Photoshop) kaufen, das heißt aber noch lange nicht, dass man auch gut malen kann...

owieortho · 13.09.2014

Gut, dass Du fragst und um Hilfe bittest. Vielleicht empfindest Du die Reaktion darauf jetzt als harsch, aber glaube mir, sie ist gut gemeint. Du könntest Dir sicherlich die Kenntnisse erwerben, Dein Projekt umzusetzen, aber nach dem, was Du hier gezeigt und geschrieben hast, wird das ein langer Prozess sein, um Dich in Gestaltung, prinzipieller Markupeinsatz sowie korrektes und effizientes Umsetzen so weit fit zu machen, das etwas vernünftiges dabei rauskommt. Wenn Du das willst, wirst Du hier auch Hilfe bekommen, aber es ist auch ein gut gemeinter Rat, Dein Geld mit etwas zu verdienen, was Du schon kannst, und damit dann einen Profi zu beauftragen.

Viel Erfolg
O.

pixel1966 · 13.09.2014

dein vorhaben funktioniert mit inline-frames!

Sascha.K · 13.09.2014

ich weiss selber das es grausam aussieht es ist für mich auch einfach nur da um zu probieren es geht nirgends online oder es wird auch nirgends angeboten es ist einfach nur zum testzweck für mich

patrick_l · 13.09.2014

Kann mich den Ausführungen meiner Vorredner nur anschließen. Hinzu kommt, das der von Photoshop ausgegebene Quellcode höchstens als Mockup zu gebrauchen ist. Davon ab geht es schneller und sauberer per Hand, wenn man die nötigen Sprachen beherrscht.

Sascha.K schrieb:
es ist für mich auch einfach nur da um zu probieren es geht nirgends online

Auf dein Layout gehe so nicht weiter ein, wurde ja bereits alles gesagt. Was jetzt dessen Umsetzung angeht. Freunde dich fürs erste mit HTML und CSS an. Das Grundgerüst deiner Website ist an sich auch recht einfach gestrickt.