Photoshop-Cafe.de :: Dein Photoshop-Forum

Photoshop-Cafe.de :: Dein Photoshop-Forum (https://www.photoshop-cafe.de/forum/index.php)
-   Hilfestellung, Tipps und Tricks (https://www.photoshop-cafe.de/forum/forumdisplay.php?f=30)
-   -   Web-Design Tabelle statt slicen (https://www.photoshop-cafe.de/forum/showthread.php?t=2386)

Scubamarco 12.02.07 19:53

Tabelle statt slicen
 
Haben jetzt den dritten Teil der "Eigenen Homepage" gefunden und muß sagen,
das mit den ganzen Gifs und Codierungen finde ich doof.
Ich hatte damals begonnen eine Homepage zu programmieren mit einfachen
JPGs und einer Tabelle. Leider funktioniert es jetzt nicht mehr. Habe leider
meine Original-HTML verbastelt.
Kann mal jemand einen Blick werfen, was hier fehlt?
HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
        <title>test</title>
</head>
<body bgcolor="Black"TEXT="#FFFF00" LINK="#66FFFF" VLINK="#66FFFF" ALINK="#FF0000">
<CENTER><img src="test.jpg" border=0 height=600 width=800 usemap="#home">
<map name="home"><map name="test">
<area alt="1" coords="56,75,137,108" href="http://www.test1.de">
<area alt="2" coords="237,11,314,41" href="http://www.test2.de">
<area alt="3" coords="273,141,381,171" href="http://www.test3.com">
<area alt="4" coords="110,207,210,246" href="http://www.test4.de">
<area alt="5" coords="543,49,585,91" href="http://www.test5.de">

</map>

</body>
</html>

Diese lösung fand ich schön einfach und leicht verständlich und ich brauche
nicht tausend Gifs aus den Slicen.

phoenix 12.02.07 19:58

Auf den ersten Blick sieht es ok aus, auch wenn ich dringend davon abraten würde mit 800x600px grossen JPG´s und Imagemaps zu arbeiten :)

Was stimmt denn damit nicht?

<map name="test"> -> rauslöschen

Scubamarco 12.02.07 20:01

Das JPG ist nur 50kb groß. Und mit dem Bild und ohne die Tests mit ordentlichen
Links funzt es nicht. Die Maus wird nicht zur Hand und ich kann keine Links anklicken

Ylloh 12.02.07 20:02

auf jeden Fall hast du erstmal 2 öffnende <map>-Tags. Der Vorteil des Slicens ist, dass du nachträglich in (X)HTML (und CSS) einfarbige Bereiche über entsprechende Tags bearbeiten kannst, um recourcen zu schonen, auch sind kleinere Bilder meist schneller geladen (rein vom Empfinden her, da sie nacheinander geladen werden) als ein großes.

Ich habe aber inzwischen den Slices von PS "lebe wohl" gesagt, mit dem entsprechenden Verständnis von HTML und CSS lassen sich doch wesentlich "schlankere" und individuellere Ergebnisse erzielen.

phoenix 12.02.07 20:03

@Holger:
Es sagt ja keiner das man eine Fertig-Slice-Lösung benutzen soll, da kann man auch gleich Frontpage einsetzen ;)

Scubamarco 12.02.07 20:04

der Ylloh hats gefunden. Es lag doch an dem zweimaligen Öffnen der Map.

phoenix 12.02.07 20:07

Zitat:

Zitat von phoenix
<map name="test"> -> rauslöschen

:emo_biggr

Scubamarco 12.02.07 20:08

und der phoenix ist genauso gut :clap:

phoenix 12.02.07 20:11

Konkurrenz belebt das Geschäft und verbessert den Service :drunk:

Aber ich würde mir das mit der HP trotzdem nochmal in Ruhe überlegen. Lieber ein wenig mehr Zeit in die Entwicklung stecken und dafür ein ordentliches Endergebnis erzielen :cool:

Scubamarco 12.02.07 20:17

im Moment geht es ja nur um die Startseite

Ylloh 12.02.07 21:10

Naja wenns eh nur "provisorisch" ist, dann ist ja die Technik auch erstmal egal, ach wenn man ja inzwischen "barrierefrei" arbeiten soll...

Wenn du willst kann ich mir das auch mal anschauen und dir einen "Vorschlag" zur Umsetzung zukommen lassen ;)

Hab grad mal deine Seite angeschaut :) du hast ein </center> vergessen :) Der cord von Modellbau führt zum PSC ;)

Scubamarco 12.02.07 21:22

danke. Hatte eine Rahmen zu groß gemacht. Steht das Center da jetzt richtig?
Ist das ganze jetzt nicht Barrierefrei? Was wäre das Problem?
Die Links sind auch nur provosorisch und soll dann tiefer in Seite führen

Ich warte jetzt nur noch händeringend auf meinen Eyecatcher, die 13.

Ylloh 12.02.07 21:31

naja Barrierefrei bedeutet, dass auch blinde oder gehörlose auf die Seite zugreifen könne (über Spachausgabe der Seite) das ist aber sicher für deine eigene Seite nicht so wichtig...

vtll. versuch ich am WE mal ne 13 ;)

phoenix 12.02.07 22:04

Was soll ein Blinder auf einer Foto-Webseite :whistling

Ylloh 12.02.07 22:54

Zitat:

Zitat von Scubamarco
danke. Hatte eine Rahmen zu groß gemacht. Steht das Center da jetzt richtig?


hast du schon was geändert :fragen:

Ist bei mir noch immer so...

phoenix 12.02.07 23:45

Wie ist denn die URL?

Scubamarco 13.02.07 06:07

ich hatte vergessen sie neu hochzuladen.

@phoenix
ist doch noch geheim

phoenix 13.02.07 13:43

Achso :whistling


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:21 Uhr.

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
©2005-2024 photoshop-cafe.de

Seite wurde generiert in 0,02160 Sekunden mit 8 Queries