Adobe Dreamweaver är ett redigeringsprogram för webbsidor. Programmet skapades av Allaire Systems som kring 1998 köptes av Macromedia, vilket sedan 2005 ägs av Adobe Systems.
Det finns många olika program som man kan använda när man gör hemsidor, men jag personligen har fastnat för Dreamweaver; mycket för att det både är ett kraftfullt program med många möjligheter och användarvänligt. Därför använder jag programmet i min undervisning kring webbproduktion. Detta betyder förstås inte att det är det bästa programmet och jag marknadsför inte programmet framför andra, utan använder det av praktiska skäl: jag kan det... någorlunda bra.
Dreamweaver / Övning |
|
|
Din webbplats innehåll
- En tydlig logga på uttänkt plats på alla webbsidor, på samma plats. Loggan ska vara klickbar och leda tillbaka till startsidan.
- Innehålla fem egna webbsidor med enhetlig utformning vad gäller design och rubriksättning.
- Alla sidor ska ha en enhetlig tabell (med osynlig kantlinje) så att det finns lika många arbetsfält på alla webbsidor.
- Första webbsidan (index.html) ska presentera webbplatsens innehåll
- Uttänkt färgsättning på alla webbsidor.
- Från första webbsidan ska man kunna klicka sig fram till alla andra webbsidor på din webbplats och från alla andra webbsidor ska man kunna klicka sig tillbaka till första webbsidan.
- Alla webbsidor ska innehålla minst en bild (förutom loggan) med bildtext, sk alt-text.
- Alla webbsidor ska innehålla en kort beskrivning av sidans innehåll. Detta behövs inte om sidupplägget är konstruerad (byggd) så att det är intuitivt
vad man kan göra på sidan. Besökaren ska så fort som möjligt få veta vad som är möjligt på sidan; t.ex. om man bara kan titta på bilder, interagera
med andra användare eller konsumera (handla).
- Alla webbsidor ska innehålla ska ha minst tre textblock (du får använda lorem ipsum
).
- Alla webbsidor ska innehålla minst tre länkar till externa webbplatser och en intern länk (använd ankare
).
- Alla webbsidor ska ha en identisk sidfot med ansvarig utgivare (alltså dina kontaktuppgifter med en mejllänk).
- Första webbsidan ska innehålla en länk till sociala medier.
Extra
- Ändra länkarnas utseende.
- Lägg in egna bilder som du modifierat (ändrat) i ett bildbehandlingsprogram, t.ex. Paint, PhotoFiltre eller Photoshop.
- Gör egna knappar.
- Gör egna menyer.
- Lägg in en valfri funktion.
- Ett videoklipp som öppnas i sidan.
Dreamweaver / Videolektioner |
|
|
Lektion 1: En första titt på Adobe Dreamweaver av Joakim Holmberg (tid: 21:48) - grundläggande nivå.
Lektion 2: Kort om typsnitt av Joakim Holmberg (tid: 08:07) - inte nödvändigt, men intressant.
Lektion 3: Tabeller i Dreamweaver, del 1/2 av Joakim Holmberg (tid: 35:46) - väldigt viktigt om du frågar mig.
Lektion 4: Tabeller i Dreamweaver, del 2/2 av Joakim Holmberg (tid: 29:31) - väldigt viktigt om du frågar mig.
Lektion 5: Frames i Dreamweaver, del 1/3 av Joakim Holmberg (tid: 15:50) - själv undviker jag frames, men det är en smaksak.
Lektion 6: Frames i Dreamweaver, del 2/3 av Joakim Holmberg (tid: 20:44) - själv undviker jag frames, men det är en smaksak.
Lektion 7: Frames i Dreamweaver, del 3/3 av Joakim Holmberg (tid: 28:18) - själv undviker jag frames, men det är en smaksak.
Lektion 8: Knappar och beteenden i Dreamweaver av Joakim Holmberg (tid: 18:29) - gör din webbplats "sexigare"!
Lektion 9: Spry och menyer i Dreamweaver av Joakim Holmberg (tid: 19:16) - avancerad nivå.
Dreamweaver / En webbsida utan bilder är ingen webbsida |
|
|
Bildredigering
Bildanalys
Dreamweaver / Innehållsförteckning |
|
|
Joni Stam (2016)
|
|
|
|
|
|