Datorer, Internet och sökning
en kurs av Tommy Maltell

Kapitel 45 - Dreamweaver MX
Svensk version för Windows
Introduktion

OBS! Den här sidan är ännu inte fullständigt omarbetad från version 3 till version MX. Därför kan informationen någonstans vara fel eller ofullständig.

Om programmet Dreamweaver

Dreamweaver är ett program som man måste köpa. Om man inte har tillgång till programmet så kan man dock hämta och under 30 dagar testa programmet.

Om kursen

Den här sidan är en introduktionssida till min kurs i Dreamweaver MX för Windows. Jag har också gjort övningar till andra program för att göra webbsidor. Läs mer om dessa kurser på introduktionssidan till alla mina kurser.

Jag har i kapitel 20 gjort en särskild inledning när det gäller webbsidesproduktion i allmänhet och kapitel 23 är en sida med råd för dig som tänker skapa en egen webbplats. Där finner man också länkar till information om lag och rätt när det gäller webbpublicering och vad som gäller om man ska publicera en webbplats för en skola i Jönköping.

När det gäller den här Dreamweaverkursen så finns det en sida som fungerar som en liten innehållsförteckning.

Självklart får alla statliga och kommunala skolor i Sverige använda kursen. Det är dock inte tillåtet att kopiera kursen och sedan presentera den som sin egen kurs. Om man på en skola kopierar kursen och använder den så skall den kopieras i sin helhet.

Hösten år 2001 skrev jag en kurs för Dreamweaver 3. Kursen för MX är en omarbetning av denna kurs. Kursen för MX är under produktion och endast några kapitel är färdiga. Dessutom kan det vara så att visst innehåll på en sida inte kommer att ändras förrän kursen är helt färdig. Jag ber därför om ditt överseende med en del eventuella felaktigheter som jag själv ännu inte har upptäckt men som jag under den närmaste tiden kontinuerligt kommer att rätta till. Skicka gärna e-post med kommentarer. Adressen finns längst ned på sidan.

Jag har alltid tidigare varit noga med att allt ska fungera både i nya och gamla webbläsare och åtminstone både i Netscape och Internet Explorer. Jag har nu släppt det kravet just för den här kursen i Dreamweaver. Det är för att jag ska kunna testa nya möjligheter både på övningssidorna men också på kursssidorna. Eftersom kursen läses av personer som är intresserade av göra webbsidor så kan det vara intressant för dessa att se hur hur det ibland inte fungerar med nyare finesser. Kursen blir då i sig ett exempel. Sidorna fungerar nästan utan undantag för Internet Explorer 5, 5.5 och 6 men en del fungerar inte så bra i Netscape 4.5 och 4.7. Även i Netscape 6.1 finns det en del som inte fungerar.

Jag har använt ramar för att man när man läser kursen i en dator snabbt skall kunna klicka på en del bilder av rullgardinsmenyer, fönster och paletter. När man läser kursen på papper så ser man dessa paletter direkt i själva programmet Dreamweaver men man kan också skriva ut en särskild sida enbart med bilderna som jag hänvisar till i övningarna. (Än så länge går länken ovan till bilderna från Dreamweaver 3-kursen.)

Min kurs är i första hand en kom-i-gång-kurs övningar där man skall testa olika möjligheter i Dreamweaver. I slutet av varje kapitel finns en länk till ett facit dvs till hur det blev när jag följde mina egna anvisningar. Det är inte separata övningar i varje kapitel. Jag fortsätter t.ex. i kapitel 2 med det som redan är gjort i övningarna i kapitel 1.

Det finns också en särskild sida med alla facit. (Än så länge går länken till alla facit till Dreamweaver 3-kursens facit.) Om du vill hoppa in mitt i Dreamweaverkursen så hämtar du lämpligen en zippad fil med det facit som finns efter föregående övning. Du skapar själv mappen skolan och sedan lägger du innehållet i zip-filen i denna mapp. Zip-filerna finns i den översta listan på den här sidan. Om du istället vill undersöka hur en eller flera sidor i ett facit ser ut så väljer du den andra listan på samma sida.

Om du inte har möjlighet att göra kursen uppkopplad till Internet så kan du hämta filen kap25.zip (2,05 Mb) (Än så länge går länken till zip-filen för Dreamweaver 3-kursen) filen från Dreamweaver som innehåller hela kursen med facit. Zippa upp filen och lägg den på en lämplig plats. När du har zippat upp filen så skapas en mapp dwkurs. Öppna denna mapp och klicka på filen info.htm. Klicka därefter på Starta kursen. Den här filen uppdateras inte varje gång som jag gör en liten ändring i kursen varför sidorna där kan skilja sig något från det som finns på Internet. Dessutom så fungerar inte riktigt alla länkar men det mesta ska fungera utan problem.

Min kurs är alltså ingen systematisk lärobok. Om man vill läsa mer systematiskt om Dreamweaver eller om man vill läsa speciellt om vissa funktioner eller ord så rekommenderas Dreamweavers egen information som man når genom att i programmet klicka på knappen Hjälp längst upp till höger på menyraden. Sedan kan man välja t.ex. Självstudier. Här finns texter som om man skriver ut allt kommer att fylla 3 stora A4-pärmar.

Man kan också hos Macromedia hämta mycket information av olika slag. Nedan har jag gjort några länkar med mer information om och för Dreamweaveranvändare. Länk 2 och 3 går till en sida där man kan hitta dokumentationer om Dreamweaver som pdf-filer lämpliga för utskrift. Det är emellertid väldigt många sidor så det är inte lämpligt att skriva ut alla sidorna.

1. Dreamweavers webbplats hos Macromedia - på svenska
2. Dreamweavers webbplats hos Macromedia - på engelska
3. En pdf-fil på engelska och annan dokumentation om Dreamweaver MX
4. Macromedias plats för att hämta Dreamweaver-beteenden
5. Lathund till Dreamweaver - Lärarutbildningen vid Umeå universitets stödsidor erbjuder information på svenska om hur man kommer igång med Dreamweaver liksom om hur man kommer igång med andra program
6. Massimo´s Corner of the web erbjuder en del tillägg
7. Google Groups - Usenet News diskussioner om Dreamweaver
8. Google Groups - Usenet News diskussioner om Macromedias program - på svenska
9. Webmonkey - Lektioner om Dreamweaver
10. Dreamweaver Bible

Innan man börjar använda Dreamweaver så måste man ha lite kunskaper i filhantering. Om du känner att du kanske saknar dessa kunskaper så rekommenderar jag att du läser Susanne Dinérs genomgång av vad man måste kunna när det gäller filhantering. Susanne har också gjort en sida om gränssnittet i Dreamweaver 3 och om de vanligaste paletterna.

Kort introduktion

När man startar Dreamweaver 3 och 4 så öppnas ett arbetsfönster och  ett antal flytande paletter. I MX-versionen är dessa paletter fasta. Från menyn Fönster kan man se vilka av dessa som visas. Det är de som till vänster har en bock markerad. De vanligaste är Egenskaper som i Dreamweaver MX visas längst ned till vänster. Till höger visas normalt den plats som man arbetar med. Det är viktigt att kunna arbeta med platser. Mer information om platser kommer i nästa kapitel.

Om du läser kursen på nätet med ramar så kan du klicka på länkarna till vänster för att se hur dessa olika paletter ser ut. I toppramen visas Dreamweavers menyrad och du kan klicka på en rubrik för att kunna se en bild på vad som händer om du i Dreamweaver klickar på rubriken.

Det kan vara jobbigt att ha många paletter öppna särskilt om man har en liten skärm. Den som du kommer att få mest nytta av i kursen är Egenskapspaletten. Även Objektpaletten kan man ha en del nytta av. Man kan stänga paletterna genom att klicka på krysset längst upp till höger och man kan ta fram en palett genom att på menyraden klicka på Fönster och sedan klicka på önskad palett.

Viktiga påpekanden

Innan vi börjar måste några mycket viktiga saker poängteras som om de inte uppmärksammas kan medföra avsevärda problem för dig längre fram. Läs igenom punkterna nedan och försök ha dem i minnet under kursens gång men särskilt om du börjar göra egna webbplatser och sidor utanför kursen.

1. På webbsidor ingår aldrig bilder (eller ljud) i själva html-filen. Bilderna är alltid separata filer och de kan t.o.m. finnas på en annan dator på Internet , även om de kan ses på din webbsida i webbläsaren.

2. När man gör en webbplats lokalt och sedan ska flytta allt till en webbserver som är ansluten till Internet så är det viktigt att man förstår att alla filer inklusive bild-filer måste ligga i en särskild huvudmapp eller i undermappar till denna huvudmapp. Detta blir dock ganska naturligt om man alltid skapar en lokal webbplats. Då får man en varning om man försöker länka till filer eller bilder som inte ligger under huvudmappen på den lokala webbplatsen.

3. Använd aldrig de svenska tecknen å, ä, ö i namn på filer eller mappar. Använd med fördel korta namn på filer och mappar och använd ej andra tecken än bokstäver och siffror.

4. Det är i webbläsare som man tittar på webbsidor och inte i WYSIWYG-editorns arbetsyta (i vårt fall Dreamweaver). Det finns flertalet webbläsare. Den vanligaste idag är Internet Explorer men också Netscape Navigator används liksom en del andra webbläsare. Dessa program visar inte allt man skapar i en editor på exakt samma. Dessutom finns dessa webbläsare i flertalet olika versioner och för varje ny version så klarar webbläsaren att visa ytterligare några koder. Använd flitigt möjligheten att förhandsgranska i olika webbläsare.

5. Olika datorer är inställda olika eller kan inställas olika både vad gäller hur många färger som kan ses och vad gäller skrivbordsstorleken. Vanligt i dag är storleken 800 x 600 och du bör definitivt kontrollera så att sidan fungerara och ser bra ut med denna storlek, men du kanske vill att den ska kunna ses på ett bra sätt även i storleken 640 x 480.

6. De 5 översta påpekandena kan du själv utan större ansträngningar följa redan nu. Nästa påpekande är lite svårare för en nybörjare att göra något åt. Vi återkommer emellertid senare till problemet som är följande: Windows skiljer ej på stora och små bokstäver. Det gör dock LINUX (UNIX) som vanligen är operativsystemet för en webbserver.

7. Detta är bara en övning där du undersöker hur de olika grundläggande möjligheterna i din editor fungerar. Meningen är alltså inte att sidorna skall bli så estetiskt tilltalande som möjligt och inte heller behandlas vilken information som bör finnas med.

8. Liksom i alla andra (Windows)program så kan man åstadkomma exakt samma sak på ett flertal olika sätt. I den här kursen beskrivs oftast bara ett av dessa olika sätt.

Gå nu till övning 1 och börja med själva övningarna.

Denna sida uppdaterades senast 2002-10-22 av
tommy.maltell@pb.edu.jonkoping.se

Länkar:
Kursens ingångssida - Skolornas portal

©  2002, 2003 Tommy Maltell