Adobe Photoshop gjør det enkelt å skape en unik design for en webside. Photoshops kraftige grafiske verktøy og effekter gi brukere med omfattende kontroll over layout, farger og bilder. I stedet for å bli forvirret med komplekse koding og andre skript , kan du planlegge og lage din komplette Web design i Photoshop , og deretter enkelt eksportere dem til Internett via en HTML- program . Du trenger
Computer yr.no Logo eller viktigste grafiske
Adobe Photoshop
HTML editor som Adobe Dreamweaver
Vis flere instruksjoner
en
Bruk Photoshop å åpne logoen eller bildet du ønsker å bruke som den viktigste grafiske på websiden.
2
Bestem deg for et fargevalg for din webside , ved hjelp av image som en veiledning. På verktøyet panelet velger du pipetteverktøyet . Ta pipetten over én farge på bildet. Klikk og verktøyet vil ta en prøve av den fargen du valgte. Du vil kunne se spesifikk informasjon , som for eksempel RGB nummer, av farge i "Color "-panelet . Legg merke til det spesifikke RGB antall av hver farge som du prøven. Fortsette å bruke pipetteverktøyet å prøve de ulike fargene på bildet. Etter at du har samplet flere farger, velg minst tre farger som du ønsker å bruke som fargestoffer ordningen for websiden. Fargene bør kontrast hverandre og være lys, medium og mørk .
3
Gå til " Fil" i Photoshop viktigste navigasjonsmenyen . Velg " New ... " og opprette et nytt dokument med en bredde på 600 piksler og en høyde på 300 piksler. Dette vil være den viktigste banner og navigasjonsutstyr header for websiden.
4
Bestem på skrift for siden din. Tenk tanken du ønsker å formidle . Gå til Verktøy -panelet og velg "Text "-knappen . Dra musen til å lage et rektangel på det nye dokumentet. Skrive inn tekst på websiden spissen. Merk teksten du nettopp skrev og deretter gå til teksten alternativer øverst i Photoshop. Prøv ut forskjellige skrifttyper og størrelser , og eksperimentere med tekst farge og justering til du er fornøyd . Bruk " Move "-verktøyet i verktøykassen panelet for å flytte header teksten dit du vil ha den på dokumentet .
5
Lag en bakgrunn for den nye banner ved å bruke en av fargene fra forhåndsbestemte fargevalg. Gå til Layers -vinduet , og velg " Fill eller Adjustment Layer "-knappen på bunnen. Klikk " farge» og angi RGB informasjonen du tok ned om den fargen du ønsker å bruke. Laget vil nå dekke teksten du skrev i forrige trinn . I Lag-panelet , dra " Solid Color " laget du nettopp opprettet , slik at det er under "Tekst " lag . Fargen skal nå være i bakgrunnen .
6
Kontroller at "Text" -fil er valgt i lagpanelet . Deretter velger du logo eller grafisk fil slik at det kommer til teten. På verktøy panelet klikker farten verktøyet, som skal være på toppen . Dra logo bilde på din nye webside dokument . Et nytt lag bør umiddelbart bli opprettet på dokumentet med din logo. Med din logo laget valgt , klikker du på " fx "-knappen på Lag-panelet . Klikk på " Blending Options ... " og prøve ut Photoshops forskjellige blending verktøy for å hjelpe din logo sømløst samsvare med bakgrunnsfarge.
7
Gå til " lag" i den øverste navigasjons -menyen og velg " New Layer. " Gå til verktøyet panelet og velg tekstverktøyet . Dra musen over området der du ønsker å lage navigasjonskoblinger for websiden. Legg til tekst for navigasjon ved hjelp av en mindre størrelse på skriften du brukte tidligere for å lage header .
8
Gå til " File " og klikk " Lagre for Web . " På toppen drop- down menyen, velg hvilket format du vil lagre filen ( . Jpg , . Png eller . Gif ) . Photoshop vil spare og optimalisere banner for Web .
9
Åpne HTML editor og lage en ny HTML- dokument som har et bord med fem rader og en kolonne . Sett din banner i den første raden . Lag et bilde kart for hver av dine navigasjons ord og legge til koblingen destinasjon. De resterende fire rader kan bli fylt med websiden tekst.