Normalt skulle du använda Web programvara layout , till exempel Dreamweaver , skapa HTML webbsidor med länkar till andra sidor eller webbadresser . Photoshop är främst en grafisk editor och foto retuschering program . Men du kan skapa länkar i Photoshop PSD bilder med " Slice Tool " och sedan exportera PSD till en HTML webbsida . Den Slice Tool skapar " skivor ", eller separata bilder, som fungerar som knappar i din HTHL webbsida . Saker du behöver
Adobe Photoshop CS3 eller senare
Visa fler instruktioner
1
Starta en ny PSD-bild eller öppna en befintlig bild i Photoshop .
2
Skapa bilden som du normalt gör , lägga din sida banner , knappar och andra objekt . Du kan använda Photoshops text och grafiska verktyg för att skapa din bild , eller importera befintliga Photoshop - kompatibla bilder och placera dem i PSD du vill konvertera till en webbsida . Eller använd en kombination av båda metoderna .
3
Välj " Slice Tool " ( femte i verktygslådan ) . Om du inte har använt Slice Tool innan , kan ett annat verktyg är aktivt på knappen . Om så är fallet , klicka och håll nere knappen och välj sedan " Slice Tool " från fly -out .
4
Högerklicka på området du skivas och välj " Redigera Slice Options " från pop - menyn . Detta visar Slice dialogrutan Alternativ . Det finns flera alternativ i den här dialogrutan för att skapa länkar . Ange målnamnet sidan fil eller webbadress för länken i " URL" rutan . Till exempel : . " Http://mydomain.com/services.html " ( utan citationstecknen ) katalog
Ange beteendet målwebbläsare i " Target " fältet . Till exempel , för att öppna länken i en ny sida , typ " _blank ". Att öppna målet länken i samma sida , typ " _self . " ( Inga citationstecken för antingen posten . )
5
Klicka på " OK " för att tillämpa länken .
6
Fortsätt skapa skivor och tillämpa länkar tills du har skapat alla de länkar som du behöver .
7
Klicka på " File " på menyraden och välj " Spara för webben och enheter . " det här visar Spara för webben och enheter i dialogrutan . Denna dialogruta låter dig styra flera konfigurationsalternativ för din HTML- sida , såsom bakgrundsfärg , bildkvalitet , komprimering , taggar metadata ( för sökmotorer ) och så vidare .
8
Klicka på " Spara " , för att namnge och exportera webbsidan . Om du inte ändrar det , sparar Photoshop HTML-filen i samma katalog som PSD . Dubbelklicka på HTML- filen för att öppna den nya sidan i en webbläsare och kolla länkarna . Om dina länkar inte fungerar korrekt , kontrollera dem i Redigera Slice Alternativ för att se till att de är skrivit och konfigurerat.
