Du bist nicht angemeldet.

Star Wars Freak

unregistriert

1

Dienstag, 19. Februar 2008, 16:40

Slicen einer Website

Hallo,

ich packe mein Problem einfach mal in die Off- Topic, da es ja nix mit Filmen zu tun hat. Ich habe mich vor einigen Tagen mal wieder an eine neue Homepage gesetzt...dabei ist mir wohl entgangen, dass ich keine Ahnung habe :D
Das Design zu erstellen ist ja nicht das Problem, dass geht nämlich erst beim Slicen los:

[myshare]p12292231328[/myshare]

Wie ihr seht ist das Layout eher schlicht- Ich bekomme es trotzdem nicht gebacken.
Wie muss ich die Slices setzen, um Rollover Buttons zu realisieren und die Website dynamisch zu machen? Wenn der Text mal zu lang wird und nicht in das weiße Textfeld passt, was man auf dem Bild sieht, möchte ich, dass man die HP ohne das Layout zu sprengen in die Länge ziehen kann (nur den Teil des Textfeldes, was auch möglich sein sollte, da ja die Pixel keine Rundungen oder der Gleichen andeuten. Ich hoffe ihr versteht, was ich meine :) )
Ich habe schon einige Versuche hinter mir, die mir alle misslungen sind... (ich arbeite mit Dreamweaver und Photoshop)

Danke schonmal im Vorraus, ihr könnt euch auch gerne mit mir persönlich in Verbindung setzen- ICQ wäre mir am liebsten und Gegenleistungen werde ich natürlich auch anbieten (sofern diese nicht den Rahmen sprengen :P ) :)

sebwolf

unregistriert

2

Dienstag, 19. Februar 2008, 17:24

mal ne frage,
was meinst du mit rollover-buttons?
wenn du damit meinst dass die links sich verändern(größ/farbe ändern) dann würde ich das am ehesten mit css und hover machen.
für die anderen probleme hab ich atm keine lösung :cursing:
sebwolf

Star Wars Freak

unregistriert

3

Dienstag, 19. Februar 2008, 17:41

Joa, mit "rollover" meine ich lediglich, dass sich die Farbe des Buttons ändert, wenn die Maus ihn berührt. Hatte mir das so gedacht, dass ich dann einfach die Grafik dementsprechend tausche.

Leider kenne ich mich mit CSS und den anderen Krams weniger aus.

monkey4000

unregistriert

4

Mittwoch, 20. Februar 2008, 18:58

aaaalso da ich ja letztens praktikum im web design studio gemacht hab ^^ geb ich mal meinen senf dazu..... als ich da meinte, dass ich meine seite die ich da gebaut hatte, mal slicen will da meinten die nur waaaaaaas ..... die benutzen gar nicht die slice funktion . i die schneiden nur die verschieden design objekte aus der rest wird dann zusammengefrickelt und dann halt mit systemtext ausgestattet.

Am einfachsten is es wenn du Den Header ausschneidest und dann die bar mit den buttons und den hintergrund.
Die Buttons Einzeln am besten halt dann einmal onmouseover und halt einmal ohne. Dann tauschst du die bilder halt per html (mouseover effekt guck einfach self-html) aus. das is eigentlich ganz easy. das mit dem nach unten verschieben weis ich grad auch net aber die felder neben deinem orb teil da kann man ganz gut mit masken realisieren - was bedeutet das du da einfach was ausstauschen kannst und dann einfach auf deine website das neue bild lädst.

hab das jetzt hier so in 5 min gemacht ..... frag einfach ^^

peace up

monki

sebwolf

unregistriert

5

Donnerstag, 21. Februar 2008, 14:44

so sieht das grundgerüst für css aus
die eigenschaften kann ich dir leider nicht so genau sagen



<STYLE type="text/css">
a:hover{color:blue; weight:10px;}
a{color:red; weight:20px; }
</STYLE>

das in
und dann einen ganz normalen link
EDIT: Das sind natürlich nur beispiele in den geschweiften klammern

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »sebwolf« (21. Februar 2008, 17:50)


6

Donnerstag, 21. Februar 2008, 18:13

Slicen geht gaaanz einfach mit z.B. PS CS3 >>KLICKE HIER FÜR SLICE TUTORIAL<<
(da lernste einfach das PS die ebene automatisch sliced, gucks dir an is sehr hilfreich!!!)
RollOver Bilder kann man ganz leich erstellen z.B. bei Dreamweaver->Einfügen->RollOver Bild (oder so äähnlich)
dann die 2 verschiedenen bilder da reinladen und angeben wann es sich verändern soll (also beim klicken oder loslassen oder drüberfahren,... mit der Maus!)

7

Donnerstag, 21. Februar 2008, 23:37

Slicen ... viel Spaß beim Zurechtbasteln um eben solche Probleme hinzubekommen.
Meine Ex wollte das auch mal auf eine ähnliche Art machen... in dem Fall war es absolut unmöglich, sich an verschiedene Auflösungen anzupassen.

8

Freitag, 22. Februar 2008, 13:22

ich wweiß das es bessere sachen als slicen gibt aber er wollte wissen wie man sliced also hab ich im was erzählt und nicht wie alle anderen davon nur abgeraten

Star Wars Freak

unregistriert

9

Freitag, 22. Februar 2008, 14:37

Danke für die Antworten :)

Also, da mir viele ja davon abgeraten haben zu slicen, lasse ich das jetzt wohl besser. Die dynamischere Alternative wäre CSS, oder?

Ist das viel Arbeit?
Hat Dreamweaver vll. auch für CSS einen Editor (oder spielt das sowieso keine Rolle?)
Gibt es gute Tutorials und workshops, die man sich zu Nutzen machen könnte?

:)

10

Freitag, 22. Februar 2008, 16:30

3DMC: steht irgendwo dass man nicht erweiterte Infos geben darf?

Star Wars Freak: Meine letzte selbst gestaltete Webseite (also nicht das derzeitige Blog) habe ich mit dem CSS-Boxmodel gemacht.
Man muss sich halt mal etwas einlesen, aber an sich ist CSS recht einfach zu verstehen, finde ich. Und dann noch dazu recht mächtig.

Und wenn du das Boxmodell dann vielleicht noch mit fest positionierter Grafik kombinierst...

Am besten mal einfach nach googlen, gibt da etliche Webseiten zu.
Im Zweifelsfall hilft SelfHTML. :o)
Vielleicht findest Du auch hier was: http://www.tutorials.de/forum/css-tutorials/

Es gibt für CSS kein WYSIWYnG. AFAIK.
Kann ja auch kaum, da CSS kein Inhalt ist, sondern nur das Layout. Der Inhalt steht im HTML.

Ähnliche Themen

Social Bookmarks