Photoshop er et godt værktøj til at designe billedet elementer i dit website , herunder rollover-knapper , drop -down menuer og grafik , der linker til andre websider. Men Photoshop selv er ikke en web - side skabelse værktøj. Heldigvis er det forholdsvis let at eksportere din prototype i et web- venligt grafikformat , og opbygge en HTML-webside , der bruger disse elementer. Husk, at interaktive komponenter såsom hypertekst links , rollover-knapper og drop- down menuer kræver ekstra arbejde. Flytning over det grundlæggende er meget afhængig af din ansøgning , og kan kræve specialiseret kendskab til programmering. Ting du skal
Photoshop
HTML Editor
webbrowser
Vis Flere Instruktioner
Basic Web Page
1
Åbn din prototype i Photoshop og eksportere til en web -understøttet billedformat. Vælg "Gem til web og enheder" i menuen File . I dialogboksen skal du vælge enten JPEG, GIF eller PNG. Vælg et billede kvalitet , holde sig for øje , at højere kvalitet øger filstørrelsen.
2
"Gem" din fil til disk, give den et navn som " myPrototype.jpg . "
3
Åbn din HTML-editor og oprette en ny webside. De fleste HTML-editorer vil skabe et skelet webside for dig.
4
Tilføj et billede element direkte under åbningen
. Billedet element vil tage form : . .
5
Gem din webside, og lasten i enhver browser
< br > Beyond Basics
6
Forbedre dit layout ved hjælp af enten tabeller eller Cascading Style Sheets ( CSS) til at positionere dit layout. Den foretrukne metode er at tage de enkelte lag , eller skiver , skabt i Photoshop , og placere dem ved hjælp af CSS. Gøres ordentligt, dette skaber en "flydende " layout, repositionerer layout som browseren ændres.
7
Forbedre hastigheden ved hjælp af gentagne baggrund elementer. I Photoshop , skal du oprette en 5 -pixel -dækkende udsnit af din baggrund og gemme det i en fil. I HTML , kan du gentage element ved hjælp baggrunden attribut for din
,
eller CSS stil. Syntaks for hvert tilfælde varierer, så tjek din HTML vejledning. Vær sikker på at indstille baggrunden attribut til " Gentag ".
8 grafikobjekter til at skabe enkle links fra et billede til en anden webside . Ifølge web-udvikler Gregory Hodges , en