Permalänk
Medlem

psd layout till Dreamweaver

Försöker skapa en hemsida mha Photoshop & Dreamweaver. Har gjort en design i ps och fört in den i dw. Jag har också hittat en del förklaringar hur man lägger in t.ex. text i designen, men jag kan inte hitta någon förklaring till hur man gör exempelvis knapparna i designen "klickbara", alltså så att man kan få sidan fungerande.

Någon som antingen vet hur man kan göra (det här är mitt första försök, så gärna det enklaste sättet) eller som vet var man kan hitta bra förklaring?

Tacksam för hjälp!!

Permalänk
Medlem

Har du slicat upp designen till enskilda bilder?

Permalänk
Medlem

Ja, det har jag gjort. Och sparat den "för webb och enheter" som en .html-fil från ps. Och sen öppnat den i dw...

Permalänk

får man fråga hur man sparar en bild som .html i photoshop? (:
och hur man "slicar" en bild på ett effektivt sätt.
elr om någon har en bra tut.

sry, ja hittade!

Visa signatur

Ryzen m-atx:
|| Windows 10 || MSI B350M || Ryzen 1700X OC@ 3.8GHz || Nvidia 1060 6GB || 32GB RAM || EVGA P2 750W ||
HTPC:
|| Windows 10 || Asrock Z77m-itx || I7 3770k || 8GB RAM || Corsair 620W ||
________________________________________________________________________________________________

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av DilluTioN
får man fråga hur man sparar en bild som .html i photoshop? (:
och hur man "slicar" en bild på ett effektivt sätt.
elr om någon har en bra tut.

Det bästa är ju att bara göra en layout i PS, sen koda så mycket som möjligt med PHP/CSS. Är där gradients och sådant, så markera hela höjden på gradienten, men gör den bara 1px bred. Sedan repeterar du den med hjälp av kod, mindre bilder = snabbare laddningstid.

Permalänk
Citat:

Ursprungligen inskrivet av Chamezz
Det bästa är ju att bara göra en layout i PS, sen koda så mycket som möjligt med PHP/CSS. Är där gradients och sådant, så markera hela höjden på gradienten, men gör den bara 1px bred. Sedan repeterar du den med hjälp av kod, mindre bilder = snabbare laddningstid.

jo det vet jag.. men ja visste inte hur man använde "Slice tool".. visste inte äns att den fanns
tack endå!

Visa signatur

Ryzen m-atx:
|| Windows 10 || MSI B350M || Ryzen 1700X OC@ 3.8GHz || Nvidia 1060 6GB || 32GB RAM || EVGA P2 750W ||
HTPC:
|| Windows 10 || Asrock Z77m-itx || I7 3770k || 8GB RAM || Corsair 620W ||
________________________________________________________________________________________________

Permalänk
Medlem

Har hört att man inte måste använda sig av css, eller har jag missuppfattat det? Det här är som sagt det första försöket jag gör, så jag är helt ny på detta. Men vill verkligen lära mig!

Permalänk
Medlem
Citat:

Ursprungligen inskrivet av coka
Har hört att man inte måste använda sig av css, eller har jag missuppfattat det? Det här är som sagt det första försöket jag gör, så jag är helt ny på detta. Men vill verkligen lära mig!

Du måste inte använda CSS, men det är att föredra då allt blir mycket lättare att arbeta med ;). Så föreslår att du lär dig CSS3 och XHTML.

Permalänk
Medlem

Okej, får ta och kolla upp det! Tack ändå!