| Hjem | Hardware | Nettverk | Programmering | Software | Feilsøking | Systems | 
Software  
  • Adobe Illustrator
  • animasjon programvare
  • Antivirus programvare
  • Audio programvare
  • Sikkerhetskopiere data
  • brenne CDer
  • brenne DVDer
  • Datakomprimeringsprotokoll
  • database programvare
  • Desktop Publishing
  • Desktop Video
  • Digital Video Software
  • Drupal
  • pedagogisk programvare
  • Engineering programvare
  • Arkiv Forlengelsen Typer
  • Financial Software
  • Freeware, Shareware & Abandonware
  • GIMP
  • Graphics Software
  • Hjem Recording Software
  • Microsoft Access
  • Microsoft Excel
  • Microsoft Publisher
  • Microsoft Word
  • Åpen Kildekode
  • Andre dataprogrammer
  • PC Games
  • Photoshop
  • Portable Document Format
  • PowerPoint
  • presentasjon programvare
  • produktivitet programvare
  • Quicktime
  • Remote Desktop Management
  • SQL Server
  • Skype
  • Programvare betaversjoner
  • programvare konsulenter
  • Software Development Selskaper
  • Software Licensing
  • regneark
  • Skatt forberedelse programvare
  • Utility programvare
  • Web Clip Art
  • Windows Media Player
  • Tekstbehandlingsprogrammet
  •  
    Datamaskin >> Software >> Photoshop >> Content
    Hvordan lage CSS HTML Fra Photoshop
    Photoshop er et grafisk design og bilderedigering program utviklet av Adobe. Det er markedsleder i digital bilderedigering programvare. Sine evner inkluderer muligheten til å opprette og manipulere grafikk for print og web -bruk. Det inkluderer også mange funksjoner for å bistå brukere i webdesign og koding. Ikke bare kan programvaren optimalisere bilder for web -bruk, kan det også generere stilsett og HTML for å inkludere grafikk på websider . Du trenger
    HTML-redigering programvare
    Vis flere instruksjoner
    en

    Lag din image . Når du er ferdig , kan du bruke Photoshops " Slice "-verktøyet til å dele inn bildet i seksjoner . Bruk " Slice Select "-verktøyet til å endre navn på hver seksjon med navn som tilsvarer organiseringen av nettstedet. For eksempel, hvis ditt bilde inkluder navigasjonsknapper , navn seksjoner i dette området " nav . " Disse delene vil tilsvare " div " koder i CSS -kode.
    2

    På menylinjen klikk "File " og velg " Lagre for Web og enheter . " Velg " to - Up" eller " 4 -Up " fra kategoriene ovenfor bildeområdet for et utvalg av forhåndsvisninger . Velg alternativene du ønsker bildet i " Preset delen ." Velg forhåndsvisning av bildet som passer best til dine visuelle spesifikasjoner . Klikk på " Lagre".
    3

    Skriv inn navnet på filen i " File Name "-feltet . Velg " HTML og bilder" i "Lagre som type" feltet . Velg " Annet" i feltet Innstillinger . En " Output Settings" dialogen vises. I Innstillinger drop- down velg " Custom ." Velg "Next "-knappen til du ser " Slice Output" -delen. Velg " Generer CSS "-knappen .
    4

    Velg output format av CSS i Referenced menyen . For et eksternt stilark , velge " ID " eller "Ved Class. " Din CSS vil bli organisert av hva element du velger. Hvis du vil at CSS for å være inline ( inkludert på toppen av HTML-siden ) velg " Inline ".
    5

    Komplett velge andre alternativer i Output Settings . Når du er ferdig, klikk "OK. " I Slices feltet velge hvilke skiver du ønsker å bli inkludert i CSS utgang. Kontroller at du har navigert til stedet der du vil at filen skal ligge i "Lagre optimalisert som " filbehandler området . Klikk på " Lagre".
    6

    Åpne HTML -filen du nettopp laget i HTML- redigering program . HTML- kode , komplett med CSS, vil være uansett hvor du lagret det på datamaskinen og klar til å enten sette inn i en nettside du oppretter eller som en frittstående nettside . Endre koden , om nødvendig, til din smak.
    7

    Åpne filen i nettleseren av valget for å se filen for å sjekke for eventuelle problemer og å sørge for at den passer bildet du opprettet i Photoshop.

    früher :

     Weiter:
      Relatert Artike
    ·PhotoShop CS2 strektegninger Tutorial 
    ·Hvordan lage en Skeleton Face i Photoshop 
    ·Hvordan lage en Splatter i Photoshop 
    ·Hvordan bruke Actions i Photoshop Elements 6 Mac 
    ·Hvordan Link Layers i Photoshop 
    ·Hvordan åpne Photoshop -filer til JPEG 
    ·Hvordan lysere jeg et bilde i Adobe Photoshop 
    ·Hvordan Touch Up et bilde med Adobe Photoshop CS4 
    ·Hvordan lage en høyttaler på Photoshop 
    ·Hvordan bruke kanaler i Photoshop for å fikse bilder 
      Anbefalte artikler
    ·My Life Story Penger Cheats 
    ·Slik installerer Backup Exec Agent for arbeidsstasjoner…
    ·Hvordan Arch tekst i GIMP 
    ·Hvordan Tegn en Face i Photoshop CS3 
    ·Hvordan lage en arbeidsbok i Excel 2007 
    ·Office 2007 Small Business Funksjoner 
    ·Hvordan Randomize lysbilder i Powerpoint 2007 
    ·Hvordan konvertere et PDF-dokument til et Word-dokument…
    ·Hvordan lage et webskjema i Acrobat 8 
    ·Hvordan å løse Norton Internet Security problemer 
    Copyright ©  Datamaskin  http://www.datamaskin.biz/