HTML fra PSD filer

Er de blå streger defineret som hjælpestreger? Eller er det blot blå streger?

Eftersom lagene ikke er smeltet sammen, kan du ændre tekst farve m.m. før du sammensmelter dem. Når du har gjort dette, kan du vælge at dele billedet op i nogle "bidder" og indsætte disse i en tabel i din html-editor. Det er en ikke alt for smart metode; men det er en god måde at starte på...Du kan prøve at sende det til mig på webmaster@thewaxpert.dk, så skal jeg se hvad jeg kan gøre ved det, hvis jeg får tid...

Gå op i file -> save for web  Så kommer save for web menuen op. Tryk på den sorte pil i højre side i menuen og vælg Edit out put settings. Der har du mulighed for at definere html siden ud fra dine slice

Men bliver billedet så ikk stadig gemt som ét billede?!?! Det har jeg ihvertfald haft problemer med de gange jeg har prøvet det...

Skal dit spørgsmål forståes sådan at billedet blot skal deles op efter de blå hjælpestreger eller skal de med i billedet?

Jo de gør, du skal så selv ind og redigere din html side bagefter

Hej,

De blå hjælpe streger er hjælpestreger. Og jeg vil gerne have output som .html som jeg selv kan rette i senere evt. Dreamweaver.

Mvh
rjpa

Hvis du deler dit billedet op i slices og vælger Save for web kan du når du klikker ok til at gemme vælge at gemme både en html-side og hver slice som et billedemed de rette tabelkoder så billededelene ligger som de skal op ad hinanden hvis det er det du skal.
Skal de ligge enkeltvis gemmer du blot billederne og kan hente dem fra den mappe du får med dem alle i.

Ahhh sorry troede det var slice. Så skal du først slice dit billede op. Det gøres ved hjælp af slice tool Genvejstast k    Når de er slicet op kan du så bruge Save for Web og smide det over i Dreamweaver bagefter

michael-k: tak for det, det virker jo bare kanont, tak for det :)

Alle I andre, tak for den hurtige responce, det var sk'sme hurtigt.

Mvh
rjpa

De blå streger er "guides" (hvis du bruger engelsk photoshop". Måden du kan gemme det hele på er ved at gå ind i (hvis du bruger photoshop 5.5 og opefter) Imageready, ctrl-shift-m eller den nederste knap i toolbaren.

Dette er et selvstændigt program der følger med photoshop 5.5+, og som er special designet til at eksportere grafik til .html.

Herinde kan du enten bruge selve systemet's muligheder med at bruge de features der findes med at "skære" billedet op i "slices". Dvs. at de områder du skærer ud, så gemmer den de slices som individuelle billeder, og sørger selv for når du går ind i "save optimized" (ctrl-shift-alt-s) at gemme html koden også, som så gør at alle billeder og grafik er korrekt sat op, og parat til redigering.

Det er self. også muligt at gøre det "i hånden" som jeg gør, men hvis du er i tvivl, og det er første gang, så vil jeg anbefale at du bruger imageready.

hov, glemte at sige, at du kan bruge imageready's feature der hedder "create slices from guides", så klarer den jobbet for dig helt automatisk. Held og lykke.

Når du slicer skal du se det som du deler dit billede/webdesign op i små billeder.
Det er samme metode man bruger når man arbejder med tabeller i html.

Det vil sige hvis man feks har en menu, et logo og et main vindue skal du slice det op så du har Menuen i en slice, logoet i en anden og main vinduet i en tredje.

Så får du op i save for web og definere at den skal gemme billederne og genere en html fil.  Der er en del muligheder i menuen for hvordan du vil have din html kode til at se ud, prøv at lege med dem, eller bare gemme det som standart indstillingeren er.

Derefter åbner du Dreamweaver og åbner den side photoshop har lavet, og du kan så redigere siden der.

Prøv evt photoshop hjælp fil F1  For yderlig forklaring.