Hvordan bygge en webside i Imageready og eksport til Dreamweaver

Dreamweaver er den fremste nettsiden program på markedet. Det har verktøy og funksjoner som gjør den til en favoritt blant profesjonelle webside designere. Men det er et veldig komplekst program med en bratt læringskurve. Av denne grunn, hvis du må bruke Dreamweaver til å publisere en nettside, kan det være lurt å lage så mye av websiden som mulig i et annet program. Hvis du har tilgang til Imageready (og Photoshop, som kommer med det), kan du enkelt lage en enkel nettside som du deretter kan eksportere i en form brukes av Dreamweaver.

Bruksanvisning

1 Bestem hva du vil at nettstedet skal se ut og hvordan det skal fungere. For eksempel kan du velge om du vil navigasjonslinjen øverst eller på venstre side av skjermen. Du bør også velge en farge tema. Som med de fleste grafiske prosjekter, er det bedre å bruke bare noen få farger og å konsekvent bruke samme sett med farger gjennom hele nettstedet.

2 Laste inn bildene du vil bruke i din web side design på datamaskinen din ved å overføre dem fra den digitale kilden de er lagret på, eller ved å skanne dem i. Hvis du skanner, sørg for at du brukte en oppløsning på minst 600 DPI i skanneren programvare.

3 Åpne Photoshop. Velg "File" og klikk "Ny". I dialogboksen som åpnes gjøre dokumentet samme bredde og høyde du vil at nettsiden skal være. Et godt valg her er 1024x768. Gjør oppløsning 72 piksler og klikk "OK."

4 Velg enten "PaintBucket" -verktøyet eller "Gradient" verktøy fra verktøylinjen og fylle lerretet med farge eller gradient av ditt valg. Klikk deretter på enten "Rectangular" eller "Elliptical" form verktøyet og sett den til "Fyll." Nå bruke den til å trekke navigeringsknappene og andre figurer du trenger til din side.

5 Velg "Text" -verktøyet og bruke den til å legge inn teksten du trenger til din nettside, inkludert tekst på navigasjonsknappene.

6 Velg "File" og klikk "Open." Bla til bildene du lastet i trinn 2 og åpne dem. Bruk "Kopier" og "Lim inn" funksjoner for å plassere bildene på nettsiden dokumentet. Bruk "Scale" -funksjonen under "Edit" for å endre størrelsen og plassere bildene der du vil ha dem i design.

7 Klikk på "Gå til Imageready" ikonet nederst på verktøylinjen. Dette vil åpne dagens Photoshop fil i Imageready. I Imageready, velger du "Slice" -verktøyet og bruke den til å lage valg rundt knappene og eventuelle andre klikkbare deler. Navn hver skive, selv de som ikke har noe i dem.

8 Velg "File" og klikk "Lagre som Optimalisert." Sørg for at filtypen er HTML og lagre filen. Du har nå et HTML-dokument som kan åpnes i Dreamweaver for å legge til hyperkoblinger og publisering.

9 Åpne Dreamweaver. Velg "File" og klikk "Åpne". I dialogboksen som åpnes, bla til HTML-filen du eksporterte ut av Imageready i trinn 8 og åpne den i Dreamweaver.