# Webbdesignskolan:  Dreamweaver
Author: [Borttaget]

**1.** Börja med att göra en mapp under t. ex. "Mina Dokument", som du döper till något lämpligt för att lätt hittas igen. T. ex. "Hemsidan".

**2.** Starta sedan upp Macromedia Dreamweaver MX, oftast genom att välja Start -> Program -> Macromedia Dreamweaver MX.

**3.** För att skapa en ny sida med frameset väljer du File/Arkiv -> New/Ny, klicka sedan på Framesets och välj vilka frames du vill använda dig utav (se bild), klicka sen på Create/Skapa.

![1.jpg](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=dd92e938-8aeb-477b-ad12-3056ad1dde56)  
(1. _Framesets, 2. Mallarna, 3. Create/Skapa_)

4. När du har valt ut en mall som du vill använda dig utav, så ska du spara alla "sidor". Detta gör du genom att ställa muspekaren i varje "fält" och välja **Save Frame As**.

![2.jpg](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=6b8dcb6b-c2bf-4bc8-a24a-ad206bd4094b)

Där jag skrivit **nr. 1** sparar du t. ex. som Top.  
Där jag skrivit **nr. 2** sparar du som t. ex. meny  
Och där jag skrivit nr. 3 sparar du som t. ex. sida eller main. Det är i den sidan som du vill att all info ska öppnas när du klickar på länkarna (allt utom externa länkar).

När du gjort det, väljer du "**Save All**".  Och detta sparar du som **Index**.

  
Gå sedan in i anteckningar/notepad, och öppna upp filen index.html/htm där vi nu ska göra några ändringar för att allt ska stämma sen.

![3.jpg](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=2cbc71b0-4210-4671-8219-0c9b7989b991)

Där jag skrivit **nr. 1** ändrar du titeln på sidan. Det som kommer synas i webbläsaren när den är minimerad.  
**Nr. 2**, där det står mainFrame, ta bort Frame, så det bara står main kvar. Detta för att man enkelt ska komma ihåg vad man ska skriva vid länkningen.  
Och **nr. 3** är markerad där det står 80,\* där ändrar du hur bred du vill att menyn ska vara, eller hur låg/hög du vill att toppen ska vara.

**Välj sedan spara.**

Nu är det dags att börja skapa innehållet på sidan. Jag har märkt upp det man använder sig mest av, sen är det bara att läsa sig till i boken och prova sig fram och se vad som händer.

![4.jpg](http://www.ifokus.se/ShowUserFile.aspx?BinaryId=d410d2a7-ae68-470e-9e5b-3e67ba32a430)

**Nr. 1** - Det är där du länkar. Markera ordet/orden och skriv sedan länkningen vid ettan. OBS! Glöm inte http://  
**Nr. 2** - Där jag satt en tvåa, skriver du main om du vill att länkningen ska öppnas upp i mainfönstret/sidan.  
**Nr. 3** - Där klickar du för att välja bild. OBS! Tänk på att du lägger dom bilder du vill använda i "Hemsidemappen". Eftersom det är där dom måste finnas vid överföring till internet.  
**Nr. 4** - Tabellknappen. Välj den för att skapa tabeller.

**Ha det så kul och lek!**

Tips på en bok som är bra,  
**Dreamweaver MX 2004 för alla**, finns hos tex Adlibris.

## Comment 1
Author: Anna

Tack för artikeln Michaela!

## Comment 2
Author: [Borttaget]

#1 Bara kul att kunna hjälpa till med ngt :)

Om ni har problem att se på vissa bilder vad jag menar, så kan jag lägga upp dessa i tråden eller skicka i ett PM :)

Bara jag får veta vilken bild det är 1-4 (då 1 är den översta) ;)

## Comment 3
Author: LindaKarlstrom

Toppen artikel! Minns vilka problem jag hade med det här när jag gjorde min första hemsida :)

## Comment 4
Author: [Borttaget]

Jag hade också länge problem med hur man fick ihop det med frames osv..

Tur att man hade en mentor som svarade på alla dumma frågor :P

## Comment 5
Author: Adrina

Nämen gud så bra.

## Comment 6
Author: IdaL

Super artikel :)

## Comment 7
Author: Isak

Bra artikel Michis =) Även om jag inte riktigt gör på det sättet utan använder mig utav Manage Sites istäleet. (Kommer inte ihåg vad det heter på svenska.)

## Comment 8
Author: Marija

Kanonbra ![Glad](http://hastfoto.ifokus.se/tiny3/plugins/emotions/img/smiley-smile.gif "Glad")

## Comment 9
Author: Magster

Super! :D