Lektioner

Här hittar du alla lektioner som ingår i kursen. Du börjar förstås med lektion 1 och går vidare därifrån i takt med studieschemat som du hittar i kursens FirstClass-konferens.

Om du vill se hur lektionerna är uppbyggda kan du alltid titta i vår testlektion: Klicka här. (Observera att en del av testlektionen handlar om hur du skapar en koppling mellan Dreamweaver och din övningswebbplats, men du får din övningswebbplats först när du påbörjat kursen.)

Grundkurslektionerna

Lektion 1
Vi börjar med att gå igenom Dreamweavers beståndsdelar. Sedan går vi igenom hur man skapar och förbereder en lokal webbplats på sin dator samt hur du kopplar din lokala webbplats till den övningswebbplats du fått i samband med den här kursen. Slutligen går vi igenom hur man infogar text och bilder i sina sidor och publicerar dem på nätet.
 

Lektion 2
I vår andra lektion ska vi gå igenom resten av grunderna. Men det viktigaste i den här lektionen handlar om hur vi hämtar hem bilder från nätet och anpassar dem för att visas på våra sidor. Det är mycket nyttigt att känna till, särskilt för de som vill använda egna digitala foton på sina sidor, annars finns chansen att de är alldeles för stora för att kunna visas på rätt sätt. Vi har ju alla sett bilder som är så stora att bara ena hörnet syns på skärmen. Så blir det med de flesta digitala foton man tar. Här beskriver jag exakt hur man gör för att krympa ned dem till hanterbar storlek innan man sätter ut dem på sina sidor.
 

Lektion 3
Nu har vi gått igenom grunderna, så då är det dags att ta en titt på ett av många olika sätt man kan strukturera innehållet i sina webbsidor. Det kallas tabeller, och är något man måste känna till. Utöver tabellerna ser vi även hur man skapar e-post-länkar samt fem enkla regler (men svåra att följa!) om webbdesignens ädla konst: vad man bör tänka på för att få så stiliga och effektiva webbplatser som möjligt.
 

Lektion 4
I den fjärde lektionen kommer vi att se hur man designar utseendet på sina länkar och hur man skapar bokmärken i sina sidor. Men främst av allt kommer vi att se hur man gör för att skapa formulär på sina sidor. Formulär går att använda till det mesta: intresseundersökningar, enkäter, enkla webbshopar, allt möjligt. Det är något som är mycket bra att känna till. I instruktionen ingår även en gratis säkerhetstjänst som kommer att stänga ute de allra flesta reklamrobotarna.
 

Lektion 5
I lektion fem ska vi se hur man kan formatera sina bilder -- det innebär att man placerar dem på olika sätt och ställen i textstycken och så vidare utan att man behöver använda t ex tabeller. Vi ska även se hur man skapar "hotspot-länkar", alltså hur man omvandlar särskilda delar av bilder till klickbara länkar. Men det viktiga i den här lektionen är att vi ska se hur man gör för att programmera en webbsida för hand! Fast det blir bara det allra mest grundläggande, så att alla får prova på hur det går till. Jag beskriver naturligtvis exakt vad, hur och varför. Sedan ska vi använda en funktion som man inte kan ställa in rätt om man inte törs gå in i kodvyn och mixtra litet. Den kallas iframes, och låter dig visa flera olika webbsidor på en och samma gång!
 

Lektion 6
I grundkursens näst sista lektion kommer vi att börja med hur man infogar filmer från YouTube i sina sidor. Sedan tar vi äntligen upp det jag tjatat om genom hela kursen: grunderna i CSS. Vi ser hur man gör för att skapa egna utseenden som man kan använda i sina sidor -- bara det är en halv vetenskap!
 

Lektion 7
Då har vi nått fram till grundkursens sista lektion! Här går vi igenom allt annat av grunderna i CSS som är värt att känna till: hur man skapar en lista med stilar som man kan koppla flera sidor till, hur man skapar lager -- fritt flytande rutor man kan fylla med innehåll och placera precis var man vill -- och hur man kombinerar dem och det vi lärde oss i förra lektionen för att skapa moderna webbsidor som byggts upp helt utan tabeller.
 

Fördjupningslektionerna

Fördjupningens övningar är mer ingående och kan kräva en del tid. Som tur är så kommer hela grundkursen att vara tillgänglig om du behöver fräscha upp minnet, och dessutom kommer jag förstås att gå igenom precis allt som behövs för att klara av övningarna.
 

Fördjupningslektion 1
Vi lär oss att använda CSS-kommandona Visibility och Display som med ett enkelt knapptryck låter oss (eller besökarna!) göra olika bitar osynliga -- eller temporärt ta bort dem helt och hållet från våra sidor! Sedan lugnar vi ned oss med att se hur man skaffar en gästbok till vår webbplats där besökare kan lämna meddelanden åt oss, och hur man ställer in den så att den ser ut precis så som vi vill ha den. Gästboken är förvånansvärt stor och full med valmöjligheter, så det finns gott om grejor att pyssla med i den.
 

Fördjupningslektion 2
Bildgalleri och spoilerknappar. I vår andra fördjupningslektion går vi främst igenom hur man kan skapa ett enkelt bildgalleri som automatiskt bläddrar igenom sitt innehåll -- men man kan även låta besökaren själv välja vad som ska visas. Det är en väldigt enkel variant jämfört med de bläddrare vi tittar på litet längre fram, men det är en bra kodövning. Sedan tar vi en titt på så kallade spoilerknappar. De är litet mer flexibla versioner på de vi skapade i förra lektionen: När man klickat på knappen för att visa något som var gömt så kan man klicka på samma knapp för att visa det igen.
 

Fördjupningslektion 3
Klassändring. Nu ska vi lära oss hur man kan låta sina besökare ändra utseende på ens sida med ett enda knappklick. Utseendena består av olika klasser, och genom att ge ens olika saker på sidan olika ID:n kan man snabbt och enkelt göra så att en viss knapp ger en namngiven sak en viss klass, medan en helt annan sak kanske får en helt annan klass. När man väl lärt sig hur det fungerar så inser man möjligheterna!
 

Fördjupningslektion 4
Nu ska vi lära oss hur man infogar QuickTime-filmer på sina webbsidor! Sedan tittar vi närmare på grundstegen i hur man får att avancerade JavaScript-funktioner, med egna separata filer, att fungera som man vill.
 

Fördjupningslektion 5
I vår femte fördjupningslektion ska vi ta oss an en av de mest populära nätgrejorna: Flash! Vi har alla sett det i aktion: läckra reklamsnuttar som glider, glöder, piper och visslar. Vi ska se hur vi som användare och webbsidemakare kan använda olika Flash-filer för att roa besökare och underlätta för oss själva med hjälp av widgets och element vi får designa själva med hjälp av olika gratisresurser ute på nätet. Sedan går vi igenom hur man kan skapa en sida som ser ut på ett sätt i en webbläsare men som automatiskt ser helt annorlunda ut när den skrivs ut. Det är ett enkelt sätt att göra utskriftsanpassade webbsidor.
 

Fördjupningslektion 6
I den här lektionen ska vi se hur vi kan installera och ändra på en väldigt kraftfull sorts bildgalleri som kallas för lightbox. Du kan ha sett dem ute på andra webbplatser; de låter oss bläddra mellan bilder på ett väldigt elegant och smidigt sätt genom att bara klicka på olika knappar eller rent av styra bläddrandet med tangentbordet! Vi går igenom alla finesser som finns att använda i galleriet och kombinerar dem med olika saker vi gick igenom i tidigare lektioner.
 

Fördjupningslektion 7
I vår sista fördjupningslektion ska vi först gå igenom en mycket populär och användbar sak som faktiskt finns inbyggd i Dreamweaver -- men som tyvärr är ganska svår att använda. Därmed ska vi göra vår egen, som blir mycket mer hållbar och pålitlig. Jag pratar förstås om utfällbara menyer! Sedan ska vi se hur man ger sin webbplats en personlig touch med hjälp av Faviconer, och hur man skapar en egen sida som visas istället för det vanliga felmeddelandet ifall någon skrivit in fel adress i ens webbplats. Slutligen tar vi en titt på de vanligaste webbplatsstrukturerna man kan använda sig av när man väl börjat göra riktiga webbplatser.

Kursen är skriven och leds av Mats Holmgren (mats.holmgren@svefi.net, www.svefi.net).
Kurstexten är copyright © Mats Holmgren.