DreamWeaver

Adobe DreamWeaver (Dw) er et kraftig produksjonsverktøy for web. Her kan du bygge nettsidene fra grunnen av til de mest avanserte nettsider. Dw krever ganske mye av brukeren dersom du skal lage en nettside som holder det designkravet og brukergrensesnittet som daglige templates tilbyr i dag. Men vi skal her prøve å gå gjennom det grunnleggende i Dw for å bygge en nettside.
Vi vil også gå gjennom det grunnleggende innen html og css for å få en nettside til å fungere og se relativt grei ut design-messig.
Nedover vil vi gå gjennom følgende temaer i Dw:

1. Hvor/hvordan kjøper du Dw?
2. Workspace
3. Vi setter opp din workspace, slik at den blir enklest mulig å forholde seg til
4. Hva er en RootFolder
5. Vi lager en rootfolder og definerer den for Dw
6. Enkel forklaring av html (id, class, comppound og tag) og fletting av html-koder
7. Enkel forklaring på CSS
8. Vi skiller html'n og css'n i hvert sitt dokument
9. Vi skisser designet og planlegger "boksene" i siden
10. Vi bygger designet i photoshop og noterer størrelser
11. Så bygger vi boksene i Dw via HTML og CSS
12. Vi legger inn grafikken, filmer, embeds og tekst i boksene
13. Vi velger fonter fra google-fonts og legger dem inn i kodene
14. Vi lager rollovers og knapper
15. Vi linker sider og interaktivitet 
16. Test sidene på ulike browsere
17. PUBLISER

1: HVOR/HVORDAN KJØPE DREAMWEAVER?

På Adobe sine nettsider kan du kjøpe Dw CC eller CC-tilgang til alle adobe-programmene. Hva er forskjellen?

CC = Creative Cloud

Creative Cloud er Adobes "nye" løsning hvor du betaler abonnement pr år, eller mnd. Da kan du enten betale for et enkeltprogram, eller hele Adobepakken. Skal du produsere mye og trenger flere programmer, ville jeg abonnert på hele pakken. Men du må vurdere prisen opp mot hvor mye inntjening eller glede du har av det.

Hvis du liker å lære deg nye programmer kan du selvfølgelig søke etter problemstillinger på google eller YouTube. Har du råd til det vil jeg anbefale på det varmeste å kjøpe et abonnement på Lynda. De som liker å lære mer om programvare vil elske dette stedet :)

 

2: WORKSPACE

Workspace betyr hvordan arbeidsområdet ser ut og fungerer. Hvor vinduer er og hvordan skjule dem eller få opp nødvendige vinduer som ikke er der osv.

Når det gjelder Dw pleier jeg å gå gjennom workspace'n med elevene og fjerne det som ikke er nødvendig for oss (i forhold til der lista ligger). Deretter arkivere denne workspace til sin egen. Det er noe man kan gjøre i de fleste programmer.

Det første som dukker opp er velkomstvinduet:

A(Open a Recent Item):

Her ser du de siste dokumentene du har jobbet med. Noen ganger kan det være litt vrient hvis du har jobbet med mange index.html. Da vet en ikke hvem av dem en skal jobbe med. Da lukker jeg bare dette vinduet og åpner ønskede index fra "Sites" (vises seinere).

 

B(Create New):

Her kan du åpne forskjellige typer dokument. Foreløpig kommer vi her til å kun jobbe med HTML og CSS.

 

C(Top Features):

Som det står i parantesen er dette videoer. Jeg vil anbefale deg å kikke gjennom disse. Det skader ikke med litt nysgjerrighet:)

 

D:

Her er det en del nyttige ressurser. Kanskje de er mer nyttige etter at du har blitt kjent med Dw.

 

E(Don't show again):

Hvis velkomstvinduet er irriterende for deg kan du hake av her slik at det ikke dukker opp hele tiden. Dette akn du slå på i preferences igjen hvis du angrer:

 

3: VI SETTER OPP DIN WORKSPACE, SLIK AT DEN BLIR ENKLEST MULIG Å FORHOLDE SEG TIL

Hvis det er første gang du ser Dw's workspace kan man lett bli forvirret.