Anzeige

Page soll sich schneller aufbauen...

Page soll sich schneller aufbauen... | PSD-Tutorials.de

Erstellt von paradoX1981, 26.07.2008.

  1. paradoX1981

    paradoX1981 Sternelümmel

    Dabei seit:
    24.04.2007
    Beiträge:
    84
    Geschlecht:
    männlich
    Ort:
    Lübeck
    Software:
    Photoshop CS2, Cinema 4D Release 10.5
    Kameratyp:
    Panasonic Lumix FZ50, Canon 40D
    Page soll sich schneller aufbauen...
    Hallo, ich habe mal eine "bescheidene" Frage und zwar, wie bekomme ich es bei meiner HP hin das die sich schneller aufbaut?

    Man sieht dort eindeutig die einzelnen gesliceten Bilder, naja schaut euch den Link an, dann wißt ihr was ich meine.

    Hier der Link meiner Homepage : mndesign

    Gibt es irgendwie ne Möglichkeit durch einen loading Balken oder was anderem die Seite schon beim Starten komplett zuladen?

    Vielen Dank für eure Hilfe
     
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Page soll sich schneller aufbauen...
    AW: Page soll sich schneller aufbauen...

    ein odentliches layout mit html/css, die unsäglichen mm_ javascripts raus css für die Hover einsetzen, dann läd das ganze wie in einem Stück.
    Das slicing ist viel zu kompliziert.
     
    #2      
  3. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Page soll sich schneller aufbauen...
    AW: Page soll sich schneller aufbauen...

    Wenn du Text als Text einbauen würdest und nicht als Grafik, dann klappt das auch...



    Dein Layout würde sich mit sehr wenigen Grafiken umsetzen lassen, dann könntest du dir den Blödsinn, den PS dir schreibt auch ersparen...


    Nur mal n Beispiel:

    Code (Text):
    1.  
    2.     <tr>
    3.         <td>
    4.             <img src="Bilder/spacer.gif" width="105" height="1" alt=""></td>
    5.         <td>
    6.             <img src="Bilder/spacer.gif" width="60" height="1" alt=""></td>
    7.         <td>
    8.             <img src="Bilder/spacer.gif" width="23" height="1" alt=""></td>
    9.         <td>
    10.  
    11.             <img src="Bilder/spacer.gif" width="4" height="1" alt=""></td>
    12.         <td>
    13.             <img src="Bilder/spacer.gif" width="5" height="1" alt=""></td>
    14.         <td>
    15.             <img src="Bilder/spacer.gif" width="4" height="1" alt=""></td>
    16.         <td>
    17.             <img src="Bilder/spacer.gif" width="37" height="1" alt=""></td>
    18.         <td>
    19.             <img src="Bilder/spacer.gif" width="23" height="1" alt=""></td>
    20.  
    21.         <td>
    22.             <img src="Bilder/spacer.gif" width="12" height="1" alt=""></td>
    23.         <td>
    24.             <img src="Bilder/spacer.gif" width="17" height="1" alt=""></td>
    25.         <td>
    26.             <img src="Bilder/spacer.gif" width="33" height="1" alt=""></td>
    27.         <td>
    28.             <img src="Bilder/spacer.gif" width="16" height="1" alt=""></td>
    29.         <td>
    30.  
    31.             <img src="Bilder/spacer.gif" width="5" height="1" alt=""></td>
    32.         <td>
    33.             <img src="Bilder/spacer.gif" width="3" height="1" alt=""></td>
    34.         <td>
    35.             <img src="Bilder/spacer.gif" width="49" height="1" alt=""></td>
    36.         <td>
    37.             <img src="Bilder/spacer.gif" width="5" height="1" alt=""></td>
    38.         <td>
    39.             <img src="Bilder/spacer.gif" width="20" height="1" alt=""></td>
    40.  
    41.         <td>
    42.             <img src="Bilder/spacer.gif" width="19" height="1" alt=""></td>
    43.         <td>
    44.             <img src="Bilder/spacer.gif" width="4" height="1" alt=""></td>
    45.         <td>
    46.             <img src="Bilder/spacer.gif" width="4" height="1" alt=""></td>
    47.         <td>
    48.             <img src="Bilder/spacer.gif" width="21" height="1" alt=""></td>
    49.         <td>
    50.  
    51.             <img src="Bilder/spacer.gif" width="35" height="1" alt=""></td>
    52.         <td>
    53.             <img src="Bilder/spacer.gif" width="22" height="1" alt=""></td>
    54.         <td>
    55.             <img src="Bilder/spacer.gif" width="46" height="1" alt=""></td>
    56.         <td>
    57.             <img src="Bilder/spacer.gif" width="125" height="1" alt=""></td>
    58.         <td>
    59.             <img src="Bilder/spacer.gif" width="53" height="1" alt=""></td>
    60.  
    61.         <td>
    62.             <img src="Bilder/spacer.gif" width="8" height="1" alt=""></td>
    63.         <td>
    64.             <img src="Bilder/spacer.gif" width="17" height="1" alt=""></td>
    65.         <td>
    66.             <img src="Bilder/spacer.gif" width="48" height="1" alt=""></td>
    67.         <td>
    68.             <img src="Bilder/spacer.gif" width="8" height="1" alt=""></td>
    69.         <td>
    70.  
    71.             <img src="Bilder/spacer.gif" width="2" height="1" alt=""></td>
    72.         <td>
    73.             <img src="Bilder/spacer.gif" width="191" height="1" alt=""></td>
    74.         <td></td>
    75.     </tr>
    76.  


    74 Zeilen Code für nichts, für einfaches Weiß... völlig unnötig...




    Vielleicht setzt du dich erst mal mit html/css auseinander oder suchst dir jemanden, der das drauf hat...

    http://de.selfhtml.org/css/layouts/index.htm




    Das Layout, was du hast, als Grafik mit PS umgesetzt ist stümperhaft, schlimmer gehts kaum noch.... nimm's mir nicht übel...



    Ich finde die Optik deiner Seite richtig gut, aber die Umsetzung *hust* ;)
     
    #3      
  4. Breaker

    Breaker Nicht mehr ganz neu hier

    Dabei seit:
    09.02.2007
    Beiträge:
    145
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Photoshop CS6
    Kameratyp:
    Nikon
    Page soll sich schneller aufbauen...
    AW: Page soll sich schneller aufbauen...

    tabllen werden erst komplett geladen und dann angezeigt meines wissens nach.
    mach div layout und optimiere die bilder fürs web gegebenenfalls...
    ;)
     
    #4      
  5. sensifreak

    sensifreak Noch nicht viel geschrieben

    Dabei seit:
    20.08.2006
    Beiträge:
    17
    Geschlecht:
    männlich
    Ort:
    ulm
    Page soll sich schneller aufbauen...
    AW: Page soll sich schneller aufbauen...

    Pingdom Tools
    Schau dir das mal an! Einfach zu viele Grafiken
     
    #5      
  6. saint44

    saint44 Schlingel

    Dabei seit:
    28.04.2008
    Beiträge:
    660
    Geschlecht:
    männlich
    Ort:
    Berlin
    Software:
    Adobe Creative Suite Web CS3
    Kameratyp:
    Nikon D5000
    Page soll sich schneller aufbauen...
    AW: Page soll sich schneller aufbauen...

    also...

    1.: die weissen bereiche kannst du auch mit
    Code (Text):
    1. <td bgcolor="#ffffff">
    füllen, denn dafür müssen keine bilder sein...

    2.: wenn du die bilder mit 70-80 % der besten auflösung exportierst is das schonmal besser, denn dann werden die bilder kleiner und der qualitätsverlust ist nicht grade groß...

    mfg. saint
     
    #6      
x
×
×
teststefan