Hvordan lage en webside i Fireworks

Det er mange fordeler med å bruke fyrverkeri for Web-design og utvikling. Grafikken er fantastisk og oppsettet plassering kan lett falle på plass gjør dette verktøyet en nesten perfekt prototyping program. Det er mange fil og grafiske typer du kan importere og eksportere bruker fyrverkeri inkludert PSD for Photoshop, JPG, GIF TIFF, BMP og EPS. Portable Network Graphics eller PNG filtyper er morsstandardtype for fyrverkeri, og kan brukes i mange andre programmer også. Det er også et anlegg for å produsere animert grafikk for annonser og bannere som kan plasseres hvor som helst på en webside.

Bruksanvisning

1 Åpne en ny side i Adobe Fireworks ved å klikke "Ctrl + N." Den "Nytt dokument" -vinduet vil vises. Skriv inn dimensjonene på den nye websiden. En størrelse på 800 piksler bred og 768 piksler høye er en vanlig størrelse, men du kan endre det senere.

2 Velg "rektangel" verktøyet fra "Verktøy" -menyen og skriv en størrelse på 1004 brede med 100 høyt i "Properties" tekst inntastingsfelt. Dette vil være bakgrunnsfargen for siden spissen. Bruk "Pointer" verktøyet for å velge farge i "Fyll på Properties" vinduet. For en ekstra og mer dramatisk effekt, velg "Linear" fra drop-down valg. Velg en verdi av 25 i "rektangel Rundhet" i "Properties" vinduet.

3 Velg "Text" -verktøyet og sette størrelsen til 72 for en stor tittel. Velg hvit eller en kontrastfarge slik at teksten vil skille seg ut på bakgrunn spissen. Bruk "Pointer" verktøyet for å merke teksten og velge "Drop Shadow" fra "Effekter i Properties" vinduet. Teksten har nå en dramatisk skygge og kan plasseres hvor som helst i overskriften du ønsker. Se tips.

4 Lag tekst innhold på nettstedet ditt ved å velge "Tekst" -verktøyet og bruke den til å dra en rektangulær firkant i området der du ønsker å vise innholdet. Et område på 350 piksler x 550 piksler bør være tilstrekkelig selv om du kan bruke hva dimensjonene du vil. Bruk dette rektangelet for å skrive teksten enten ved å skrive eller lime det fra en kilde, for eksempel et tekstbehandlingsprogram. Teksten størrelse bør være 10 til 12 piksler i størrelse. Gjenta dette for så mye tekst som du ønsker, forlater rommet i bunnen for eventuelle koblinger og kontaktinformasjon kan du ønsker å sette inn.

5 Sett grafikkbilder ved å enten dra dem på plass fra en annen kilde, eller ved å importere dem ved hjelp av Fil, Importer (Ctrl + R). Bildene kan bli re-størrelse til å passe i en kolonne eller plass ved å velge den med "Pointer" -verktøyet, holde nede Skift-tasten og dra et hjørne i alle retninger. Hold Shift-tasten vil sikre at bildet beholder sin andel under re-sizing.

6 Lag lenker i websiden. Du kan lage lenker ved hjelp av både bilder og tekst ved å klikke på "rektangel Hotspot" verktøy i "Verktøy" -menyen og dra musen over teksten eller bildet som du holder nede venstre museknapp. Dette vil gi en grønn overskyet over utvalget som indikerer dette er nå en link. Den "Link" entry-feltet vil vises i "Properties" -menyen. Skriv inn navnet på nettadressen hvor du ønsker linken for å gå. Skriv inn navnet på den linken som en "Alternativ Beskrivelse" i "Alt" tekstfelt. La "Target" tekstfeltet tomt som det vil som standard til koblingen åpningen som en ny side.

7 Test din webside ved å velge din foretrukne nettleser i "Preview in Browser" alternativet i "File" -kategorien på hovedmenyen.

8 Lagre den nye websiden i din valgte katalogen ved å klikke på "File" og deretter "Export" på hovedmenyen. Dialogboksen Eksporter vises. Velg katalogen din og gi den nye siden et navn. Velg "HTML og bilder" i "Lagre" som type i rullegardin oppføring og velg "Export HTML File" i "HTML" drop-down oppføring. La "Slices" som "Ingen". Hvis du vil at grafiske bilder som finnes i en egen undermappe, klikker du på boksen oppføring i alternativet "Sett bilder i undermappe" og klikk "Lagre".

Hint

• Bruk "Stroke" verktøy i "Properties" -menyen til å skissere din tekst for en enda mer dramatisk effekt. Det bør være en mørk farge hvis teksten er lys eller vice-versa.