05. Webbdesignskolan

Webbdesignskolan: Dreamweaver

2009-02-12 17:32 #0 av: [michaelalundgren]

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.

/Michaela
Medarbetare på ScrapbookingNorsk Skogkatt

 

Anmäl
2009-02-12 17:38 #1 av: Anna

Tack för artikeln Michaela!

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

annaattlid.se

Anmäl
2009-02-12 17:42 #2 av: [michaelalundgren]

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

/Michaela
Medarbetare på ScrapbookingNorsk Skogkatt

 

Anmäl
2009-02-12 19:12 #3 av: LindaKarlstrom

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

Anmäl
2009-02-12 19:21 #4 av: [michaelalundgren]

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

/Michaela
Medarbetare på ScrapbookingNorsk Skogkatt

 

Anmäl
2009-02-12 19:42 #5 av: Adrina

Nämen gud så bra.

Anmäl
2009-02-12 20:56 #6 av: IdaL

Super artikel :)

Anmäl
2009-02-12 21:00 #7 av: 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.)

Anmäl
2009-02-13 20:55 #8 av: Marija

Kanonbra Glad

Anmäl

Det finns en till kommentar till den här diskussionen. Den är bara synlig för medlemmar på iFokus. För att läsa kommentaren, logga in eller registrera dig på iFokus.