Hjem Sosiale medier Programvare som brukes til å lage kompiser og nettsteder - dummies

Programvare som brukes til å lage kompiser og nettsteder - dummies

Innholdsfortegnelse:

Video: Transferwise Review - Receive TimeBucks Money in Bank Account | TimeBucks Payment Proof 2024

Video: Transferwise Review - Receive TimeBucks Money in Bank Account | TimeBucks Payment Proof 2024
Anonim

Før du begynner å designe et nettsted, bør du bli kjent med bransjestandard web grafiske programvareverktøy. Selv om det finnes en rekke verktøy på markedet som kan være mer egnet til helgenskrigeren, er de som er oppført her, profesjonelle standarder som brukes av alle byråer og interne butikker. De er dyre, og kan kjøpes separat eller buntet i suiter. Legg merke til at alle produktene som er oppført her er fra Adobe Systems. (Adobe har systematisk kjøpt opp gjennombruddene av webdesignprogramvaren.)

Photoshop

For å lage, redigere og manipulere bitmaps, holder ingen andre verktøy på markedet et lys til Photoshop. Problemet med Photoshop er imidlertid at det å lære å bruke det til sitt beste, er likt å lære å fly en jumbojet. I tillegg til årene det kan ta for å fullt ut beherske Photoshops kraft, må du også takle en bratt prislapp.

De fleste web comps , som sidedesigner kalles i bransjen, er bygget i Photoshop. Det er byrået og intern standard; de fleste utviklere forventer å bli levert Photoshop-komposisjoner før de bygger den faktiske nettsiden. Vanligvis er det en Photoshop-fil per nettside-mal. Photoshop lar deg gjøre omfattende bruk av lag og lagsett, og hold tydelig (og hjelpe deg med å organisere) alle komponentene som utgjør ditt design.

Det er en god praksis å navngi og organisere lagene dine slik at andre designere kan gi mening om dokumentet ditt.

Fyrverkeri

Fyrverkeri er et flott grafikkprogramvare, fordi det er spesialbygd for å lage webkomponenter. Dessverre har det egentlig ikke tatt fast som standard på designbyråer og interne avdelinger. Det er synd fordi en enkelt webside komprimerer med alle lagene i Photoshop kan være 24-100mb fil. Den samme eksakte siden i fyrverkeri ville være heldig å presse 3mb fordi den bruker en blanding av vektor og bitmap-grafikk. Det er en fil du kan e-poste som et vedlegg til klienter og utviklere.

Den eneste kanten som Photoshop har over Fireworks, er i bitmap bildeforbedring og manipulering. Du kan imidlertid gjøre alle de tingene i Photoshop, og deretter importere resultatet til fyrverkeri for å jobbe i weboppsettet. Du kan også eksportere fyrverkerifilen din som en Photoshop-lagret fil, eller importere Photoshop-lagrede filer, så det har litt god allsidighet.

Illustrator

Illustrator er kun oppført her fordi det er standarden for å produsere vektorgrafikk.Ofte må du opprette egendefinerte ikoner, knapper eller illustrasjoner i webdesign, og det er enklest å bruke Illustrator for slike oppgaver. Du kan deretter importere disse illustrasjonene til Photoshop eller fyrverkeri for å kaste seg inn i webkompatreren din.

Alle websammensetninger er bygget og montert i enten Fireworks eller Photoshop. Illustrator bidrar bare til grafiske stykker eller brukes til å lage individuell webgrafikk du kan eksportere i ulike webformater, inkludert SVG, PNG og JPEG.

Flash

Flash lar deg lage svært interaktive webapplikasjoner med ActionScript - det robuste skriptspråket - og design animasjoner som utnytter de stramme filstørrelsene, samt skalerbarheten til vektorgrafik. Flash-filer kan legges inn direkte på websiden din. Flash movies kan være så interaktiv og kompleks at du kan bygge en hel sideopplevelse bare med Flash. HTML-siden presenterer bare Flash-filen, og Flash tar over derfra. Hvis du vil ha et nettsted som viser video eller har interaktive funksjoner som nettstedet i følgende figur, trenger du Flash.

Kreditt: © California Milk Processor Board

Dreamweaver

Dreamweaver er ikke et grafisk designverktøy; Det er for å bygge HTML-sider og CSS-filer. Det mange som blir forvirret på, er at du har en nettside komplisert i enten Fireworks eller Photoshop for å se akkurat hvordan websiden din skal se online - ned til de siste detaljene i rullefeltene dine og footers. Derimot har du utviklere som må gjenopprette komposisjonene dine i HTML, ofte ved hjelp av et verktøy som Dreamweaver.

Hvorfor må utviklere omskape designene dine? For å oppnå maksimal effektivitet på siden må utviklerne gjenoppbygge siden din. Dine komposisjoner tjener ikke bare som den piecemeal kunstkilden og oppsettet som skal følges, men også som farge-, knapp-, grense- og tekstkilden som trengs for å utlede CSS-stiler.

Programvare som brukes til å lage kompiser og nettsteder - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...