Dreamweaver CC for Dummies Cheat Sheet - dummies

Av Janine Warner

Du kan bruke Adobe Dreamweaver CC til å lage nye nettsteder eller omforme eksisterende. I Dreamweaver CC, som står for Creative Cloud, finner du den velkjente velkomstsiden, pluss nye verktøy for håndtering av Cascading Style Sheets (CSS) og webfonter. Forbedre Dreamweaver ved å installere plug-ins, eller finesse nettstedet ditt ved å lese en liste over lenker for webdesignere.

Dreamweaver CC Velkomstskjerm

Dreamweaver er brukervennlig grafisk grensesnitt og kraftig liste over funksjoner som gjør det til et populært valg blant profesjonelle webdesignere og hobbyister. Med hver ny versjon tilbyr Dreamweaver nye funksjoner, men du vil fortsatt finne den velkjente velkomstskjermbildet for å hjelpe deg med å komme i gang.

Dreamweaver CC Welcome-skjermen gir snarveier til nylig åpnede filer, nye filtyper og videoer om toppfunksjoner.

Slik installerer du utvidelser i Dreamweaver CC

Selv med alle de kule funksjonene i Dreamweaver CC, vil du kanskje gjøre ting som Dreamweaver ikke kan gjøre med funksjonene som fulgte med programmet. Heldigvis har programmererne som skapte Dreamweaver gjort det mulig for andre programmerere å legge til funksjoner med Extension Manager. Du kan legge til ny funksjonalitet ved å legge til utvidelser fra en rekke tredjeparts kilder som er tilgjengelige fra Adobe Extension-siden, vist i følgende figur.

Besøk Adobe Extension-siden for å legge til Dreamweaver-utvidelser.

Du kan finne utvidelser som gjør alt fra å legge til svært tilpassbare rullegardinmenyer og fly-ut-menyer for å skape fullverdige handlekurvsystemer. Vær imidlertid oppmerksom på at ikke alle utvidelser er godt støttet, og få kommer med gode instruksjoner. De er ikke alle gratis heller. Noen koster hundrevis av dollar, men de fleste er i området $ 20 til $ 50. Når du besøker Dreamweaver Exchange-siden, finner du vurderinger og rangeringer som hjelper deg med å sortere gjennom de beste alternativene.

I de følgende trinnene ser du hvordan du finner, laster ned og installerer en gratis Dreamweaver-utvidelse. Selv om utvidelser som fungerer etter at de er installert, kan variere dramatisk, er den grunnleggende prosessen med å legge dem til Dreamweaver nesten det samme.

1. Gå til Dreamweaver Exchange-siden.

   Gjør ett av følgende for å komme til Dreamweaver Exchange-siden:

   • Velg Få flere handlinger fra bunnen av rullegardinlisten Legg til adferd i Behaviors-panelet.

   • Besøk www. adobe. com / exchange og følg lenken til Dreamweaver-delen.

   • Klikk på linken nederst til høyre på Dreamweaver Welcome-skjermen.

   Merk: Hvis du starter Dreamweaver og finner en kobling for å laste ned en oppdatering for Dreamweaver i stedet for koblingen til Exchange-nettstedet, laster du ned og installerer oppdateringen først. Etter at du er ferdig, blir oppdateringslenken erstattet av lenken til Exchange-siden.

2. Sorter gjennom de mange tilgjengelige utvidelsene.

   Du finner et bredt spekter av utvidelser på Dreamweaver Exchange-siden. Du kan søke gjennom utvidelser etter kategori, søkeord og rangeringsalternativer. Mange utvidelser som er omtalt på Exchange-siden, inneholder koblinger til deres skapers nettsteder, hvor du ofte finner enda flere utvidelser.

3. Velg en utvidelse og gjennomgå dens funksjoner.

   Når du klikker en kobling til en utvidelse på Exchange-siden, finner du mer informasjon om utvidelsen, inkludert systemkrav og versjonen av Dreamweaver som utvidelsen ble designet for. Generelt kan du bruke utvidelser designet for tidligere versjoner av Dreamweaver i nyere versjoner. Vær imidlertid oppmerksom på at utvidelser utviklet for senere versjoner av Dreamweaver vanligvis ikke vil fungere i tidligere versjoner av programmet, og noen utvidelser vil bare fungere på Windows-plattformen.

   Før du forlater utvidelsessiden, ta deg tid til å lese spesielle instruksjoner midt på siden. Noen utvidelser inneholder viktig informasjon, for eksempel hvor du finner den nye funksjonen i Dreamweaver-grensesnittet etter at den er installert, og advarsler om at noen funksjoner av en utvidelse vil fungere bare når forhåndsvises på en live webserver (dette gjelder for tilfeldig bildeutvidelse, for eksempel).

4. For å laste ned en utvidelse, klikk på Last ned-knappen (for gratis utvidelser) eller Kjøp-knappen ved siden av utvidelsesnavnet og lagre utvidelsen på harddisken din.

   Avhengig av hvordan utvidelsen er vert på børsen, kan du bli omdirigert til en annen side der du må klikke Last ned igjen for å laste ned utvidelsen.

5. Velg Hjelp → Administrer utvidelser for å åpne installasjonsdialogboksen.

   De fleste utvidelser krever at du lukker Dreamweaver før installasjon, og de fleste installeres med et klikk på en knapp. Dreamweaver Extension Manager lanserer automatisk for å installere de fleste utvidelser.

6. I dialogboksen Utvidelsesbehandling velger du Arkiv → Installer utvidelse, og bla gjennom stasjonen for å velge utvidelsesfilen du lastet ned.

   Etter at installasjonen er fullført, viser Dreamweaver instruksjoner for bruk av utvidelsen. Disse instruksjonene er vanligvis de samme som de som er inkludert i midten av siden på Exchange-siden.

   Vær særlig oppmerksom på delen av instruksjonene som forteller deg hvor du finner de nylig installerte tilleggene dine. Utvidelser kan legges til menyer, dialogbokser og andre deler av Dreamweaver, avhengig av deres funksjonalitet og hvordan programmøren setter dem opp. Å finne dem kan være vanskelig hvis du ikke vet hvor du skal se.

7. Start Dreamweaver og finn det nye menyalternativet, knappen eller andre grensesnittfunksjoner som styrer den nye utvidelsen.

   I mange tilfeller er alt du trenger å gjøre, å åpne en eksisterende side eller opprette en ny side i Dreamweaver, og åpne deretter den nylig lagt dialogboksen eller velg det nye alternativet fra en meny.

Adobe oppdaterer hele tiden Exchange-siden, som er tilgjengelig ved å klikke Dreamweaver-lenken på www. adobe. com / utveksling. Besøk det jevnlig for å finne nye utvidelser du kan laste ned og installere for å forbedre Dreamweavers funksjonssett.

24 Nettsteder og ressurser for webdesignere

Selv erfarne webdesignere refererer til elektroniske ressurser for å holde tritt med sine ferdigheter og legge til spesielle funksjoner på sine nettsteder. Følgende nettsteder vil gjøre det enkelt for deg å finne noen ressurser som kan hjelpe deg med dine webdesignprosjekter.

• Analytics og trafikkrapporteringstjenester:

  • Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

• Lyd-hosting og video-hosting-tjenester:

  • YouTube

  • Vimeo

  • SoundCloud

• Populære nettlesere:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • Opera

• Delingstjenester for sosiale medier

  • Legg til dette

  • Lockerz Del

• Nettlesertestingstjenester:

  • BrowserShots

  • Cross Browser Testing

  • Xenocode Browser Sandbox

• Webtypetjenester:

  • Adobe Typekit

  • Font ekorre

  • Google Webfonter

• Informasjon om Dreamweaver, SEO og webdesign:

  • Adobe Dreamweaver Developer Center

  • Webdesign trening fra forfatter Janine Warner på DigitalFamily. com

  • SøkEnglandLand

  • SøkEngineWatch

  • Nettstedskatalog