Photoshop är en grafisk design och fotoredigering program som utvecklats av Adobe . Det är marknadsledare inom digital bild redigeringsprogram . Dess kapacitet är förmågan att skapa och manipulera grafik för tryck -och Internetanvändning . Den innehåller också många funktioner för att hjälpa användare i webbdesign och kodning . Inte bara kan programvaran optimera bilder för webben användning , kan det också generera CSS och HTML för att inkludera grafik på webbsidor . Saker du behöver
HTML redigeringsprogram
Visa fler instruktioner
1
Skapa din image . När du är klar , använder Photoshops " Slice " verktyg för att dela upp bilden i olika delar . Använd " Slice Select " verktyg för att byta namn på varje avsnitt med namn som motsvarar organiseringen av din webbplats . Till exempel , om din bild innehåller knappar navigeringen namn avsnitt i det området " nav . " Dessa avsnitt kommer att motsvara " div " taggar i din CSS-kod .
2
I menyraden klickar " File " och välj " Spara för webben och enheter . " Välj " 2 -upp " eller " 4 -upp " från flikarna ovanför bildytan för ett urval av förhandsvisningar . Välj de alternativ du vill ha för din bild i " Preset avsnittet . " Välj förhandsgranskning av bilden som bäst matchar dina visuella specifikationer . Klicka på " Spara ".
3
Skriv namnet på filen i " File Name " fältet . Välj " HTML och bilder " i " Spara som typ " fältet . Välj " Övrigt " i fältet Inställningar . En " Output Settings " dialogruta visas . I rullgardinsmenyn Inställningar väljer " Anpassad ". Välj " Next " -knappen tills du ser " Slice Output " avsnittet . Välj "Skapa CSS " knappen .
4
Välj utdataformat från CSS i den refererade menyn . För en extern stilmall väljer " Med ID " eller " efter klass . " Din CSS kommer att anordnas av vad elementet du väljer . Om du vill att din CSS att vara inline ( ingår överst på din HTML- sida ) välj " Inline . "
5
Komplett välja andra alternativ i Output Settings . När du är klar , klicka på " OK . " I skivor fältet väljer vilka skivor du vill ska ingå i CSS utdata . Kontrollera att du har navigerat till den plats där du vill att filen ska placeras i " Spara optimerad som " file manager område . Klicka på " Spara ".
6
Öppna HTML-filen du just skapade i HTML redigeringsprogram . HTML-koden , komplett med CSS , kommer att vara där du sparade den på datorn och redo att antingen infoga i en webbsida du skapar eller som en fristående webbsida . Ändra koden , om nödvändigt , enligt dina önskemål .
7
Öppna filen i din webbläsare för val att se filen att leta efter problem och se till att det matchar bilden du skapade i Photoshop . Addera
