Annons:
Etikett05-webbdesignskolan
Läst 7567 ggr
[michaelalundgren]
2009-02-12 17:32

Webbdesignskolan: Dreamweaver

Bild 1. Klicka för att öppna i full storlek.

I den här delen av Webbdesignskolan tar vi upp hur man kommer igång med programmet Macromedia Dreamweaver MX.

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
(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

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

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

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.

Annons:
Anna
2009-02-12 17:38
#1

Tack för artikeln Michaela!

Anna, värd på Hästfoto och Webbutveckling

annaattlid.se

[michaelalundgren]
2009-02-12 17:42
#2

#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) ;)

LindaKarlstrom
2009-02-12 19:12
#3

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

[michaelalundgren]
2009-02-12 19:21
#4

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

Adrina
2009-02-12 19:42
#5

Nämen gud så bra.

IdaL
2009-02-12 20:56
#6

Super artikel :)

Annons:
Isak
2009-02-12 21:00
#7

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.)

Vänliga hälsningar

Alexander Isaksson

Marija
2009-02-13 20:55
#8

Kanonbra Glad

//Marija, medarbetare på Hästfoto.ifokus

Magster
2009-02-13 21:26
#9

Super! :D

Maggan, mgfotografi.webb.se
Medarbetare på Hästfoto.

Upp till toppen
Annons: