Photoshop er et grafisk design og fotoredigeringsprogram udviklet af Adobe . Det er markedsleder i digital billedredigering software. Dens funktioner omfatter evnen til at skabe og manipulere grafik til print og web brug. Det omfatter også mange funktioner til at hjælpe brugerne i website design og kodning. Ikke alene kan den software optimere billeder til web brug, kan det også skabe cascading style sheets og HTML er nødvendig for at medtage grafik i websider. Ting du skal
HTML redigeringssoftware
Vis Flere Instruktioner
1
Opret dit billede. Når du er færdig , kan du bruge Photoshops " Slice " værktøj til at opdele dit billede i sektioner. Brug " Slice Select " værktøj til at omdøbe hvert afsnit med navne , der svarer til tilrettelæggelsen af dit websted. For eksempel, hvis dit billede indeholder hjemmeside navigationsknapper , navn sektioner i dette område " NAV. " Disse afsnit vil svare til " div " tags i din CSS kode .
2.
menulinjen Klik "File " og derefter vælge "Gem til web og enheder . " Choose "2- Up" eller "4 -Up " fra fanerne ovenfor billedområdet for et udvalg af forpremierer. Vælg de indstillinger, du ønsker for dit billede i "Preset afsnit. " Vælg det preview af billedet, der bedst matcher dine visuelle specifikationer . Klik på " Gem".
3
Skriv navnet på filen i "File Name " feltet. Vælg " HTML og billeder" i " Gem som type" felt. Vælg "Andre " i Settings området. En " Output Settings " dialog vises. I Settings drop- down vælge "Custom ". Vælg "Næste" -knappen, indtil du ser " Slice Output " sektionen. Vælg " Generer CSS " radio-knappen .
4
Vælg output format CSS i Henvist menu. For en ekstern stylesheet , skal du vælge "Ved ID " eller "Ved klasse . " Dit CSS vil blive organiseret uanset element, du vælger. Hvis du ønsker din CSS til at være inline (inkluderet i toppen af din HTML-side ) skal du vælge " Inline ".
5
Complete vælge andre muligheder i Output Indstillinger . Når du er færdig , klik på " OK. " I Udsnit felt vælge, hvilke udsnit, du ønsker at indgå i CSS output. Sørg for at du har navigeret til det sted, hvor du ønsker, at filen skal placeres i " Gem optimeret som " filhåndtering område. Klik på " Gem".
6
Åbn HTML -fil, du lige har oprettet i din HTML- redigering program . Din HTML-kode , komplet med CSS, vil være, hvor du har gemt det på computeren og klar til enten indsætte i en webside, du opretter eller som en standalone webside. Ændre koden , hvis det er nødvendigt , til din smag.
7
Åbn filen i din web browser valg at se filen for at kontrollere for eventuelle problemer og for at sikre det svarer til det billede , du oprettede i Photoshop.