Datamaskin
  | 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
    Tutorial på hvordan å lage en nettside i Adobe Photoshop
    Mens Photoshop er utviklet primært for å redigere og forbedre bilder og lage grafikk , kan du bruke programmet " Slice Tool" og " Save for Web & Devices " alternativer for å lage web-sider fra din PSD bildefiler. Bruk Slice Tool til å kutte (eller " slice" ) PSD i seksjoner . Hver skive blir en egen web element , for eksempel en knapp eller tekstfeltet. Photoshop plasserer hver skive i sin egen HTML-tabell . Du kan deretter legge til lenker eller andre HTML- koder til de ulike sektorene og eksportere PSD til en HTML-side . Du trenger
    Adobe Photoshop CS3 eller nyere
    Vis flere instruksjoner
    Opprette en nettside i Photoshop
    en

    Start en ny PSD bilde i Photoshop med dimensjoner du ønsker for din webside, som dette: Klikk på "File " på menylinjen og velg "New " for å vise den nye dialogboksen. Skriv inn siden bredden ( i piksler ) i " bredde" -feltet og høyde ( i piksler ) i " Høyde "-feltet .
    2

    Type " 96 " i " Resolution" -feltet, og klikk "OK". Dette skaper et blankt lerret for nettsiden din .
    3

    Opprett banner grafikk og knapper øverst på siden. Du kan importere eksisterende bilder og plassere dem hvor du vil ha dem eller bruke Photoshops grafikk og tekst verktøy for å opprette og layout banneret.
    4

    Velg " Slice Tool" ( femte knappen fra toppen i Toolbox ) . Hvis Slice Tool ikke vises , klikk og hold knappen og velg " Slice Tool" fra fly-out .
    5

    Dra musepekeren rundt den første knappen eller område i banneret der du ønsker å opprette en kobling . Photoshop oppretter en boks , eller " slice ", rundt objektet og plasserer den i en tabell. Når du eksporterer side , din stykker vises som separate objekter i de enkelte HTML-tabeller .
    6

    Høyreklikk på skive og velg " Rediger Slice Options " fra fly-out menyen for å åpne Slice Options dialogboksen. Bruk denne dialogboksen til å definere egenskapene til knappen din . For eksempel inn URL link i "URL "-feltet . Skriv inn målet nettleser siden , alternative koder , og så videre . Klikk "OK".
    7

    Gjenta disse trinnene for å lage knapper og redigering slice alternativer for hvert område du ønsker å lage klikkbare.
    8

    Bruk Slice Tool til å definere et område på siden der du vil plassere en tekstboks . Høyreklikk på skive og velg " Rediger Slice Options " fra fly-out menyen .
    9

    Klikk på " Slice Type" drop- down og velg " No Image ". "Tekst som vises i celle "-feltet vises. Du kan enten skrive inn teksten i dette feltet eller kopiere og lime inn fra et tekstbehandlingsprogram. Når du er ferdig , klikk " OK ".
    10

    Klikk på " Slice Type" drop- down og velg " No Image . " The " Tekst som vises i celle "-feltet vises. Du kan enten skrive teksten i dette feltet eller kopiere og lime inn fra et tekstbehandlingsprogram Når du er ferdig , klikk " OK "

    . Merk: . dette feltet støtter de fleste HTML-koder. For eksempel , for å gjøre noe av teksten kursiv , bare plassere teksten mellom " din tekst < /i> " tags . Bruk "

    " for å lage avsnitt bryter , og så videre.

    Merk også at teksten i denne tabellen ikke vises inne i Photoshop --- du kan ikke se det før du eksporterer siden.
    11

    Fortsett å legge til og definere skiver for tekst, bilder , grafikk og så videre, helt til du er ferdig med oppsettet .
    12

    Klikk på " File" på menylinjen og velg "Lagre for Web og enheter . " Dette åpner Save for Web & Devices dialogboksen . Bruk denne dialogboksen til å kontrollere bakgrunnsfarge, bilde komprimering og kvalitet , og så videre.
    13

    Klikk på " Lagre" -knappen for å navngi og eksportere nettside .


    früher :

     Weiter:
      Relatert Artike
    ·Photoshop # 1: Forvreng , Warp & Layer Effects 
    ·Hvordan legge Børster Into Photoshop på en Mac 
    ·Slik installerer Børster på Adobe Photoshop 
    ·Hvordan konvertere en Photoshop fil til en Fyrverkeri F…
    ·Hvordan å rydde opp akne Med Photoshop 
    ·Hvordan finne ut hvilken versjon av Photoshop I Have 
    ·Photoshop Unsharp Mask innstillinger Tips 
    ·Hvordan lage ditt eget bryllup Kunngjøringer Bruke Pho…
    ·Hvordan bruke Adobe Photoshop 6.0 
    ·En Tutorial på Adobe Photoshop for iMac 
      Anbefalte artikler
    ·Hvordan legge til dokumenter i Google Docs fra Ubuntu C…
    ·Hvordan slette en tom side Break i et Word- mal 
    ·Hvordan kan jeg redigere et skannet bilde av et dokumen…
    ·Hvordan lage en brosjyre i Microsoft Word 2007 
    ·Hvordan gjøre Twilight Effekter på Photoshop 
    ·Hvordan tjene penger fra din hjemme-PC 
    ·Definisjonen av DBF 
    ·Hvordan sette opp en Journal Word-mal 
    ·Hvordan bruke OLAP i Excel 
    ·Slik installerer Quick Time og iTunes uten Internett-ti…
    Copyright ©  Datamaskin  http://www.datamaskin.biz/