Innehållsförteckning:
Video: Allmänt dreamweaver 2024
Oavsett hur bra ditt innehåll är, dina bilder, videoklipp och multimedia ger ett stort intryck på besökarna till din Dreamweaver hemsida. Här är några tips för att hantera bilder, videoklipp och annat multimedia på dina webbsidor.
Länk miniatyrer till större filer
Stora bilder är vackra, men de kräver mer tid att ladda ner än små bilder. En vanlig teknik för att visa många bilder på en sida är att skapa små versioner av varje bild, kallad miniatyrer, och länka sedan var och en till större versioner av samma bild.
Denna teknik fungerar också när du vill visa upp en samling videoklipp eller animeringar. Du kan skapa en stillbild från en enda bildruta i videon och använda den som miniatyrbild som länkar till varje videofil.
Som du kan se i figuren, som visar fotogalleriet från Cinembargo-webbplatsen, gör den här tekniken möjlighet att inkludera många foton eller videofiler i ett fotogalleri. När du klickar på varje miniatyrbild visas en större version av samma bild ovanför bilden.
Denna interaktiva bildeffekt skapades med hjälp av beteendefunktionen i Dreamweaver. Du kan också använda Dreamweaver för att länka bilder till videor, animeringar och andra filtyper.
Spara alltid originalet
De flesta designers skapar bilder på webben med ett program som Photoshop. För bästa resultat vill du göra all färgkorrigering, retuschering och annan redigering med en högupplöst upplösning av foton eller grafik.
Men innan bilden går på din webbplats vill du optimera den genom att komprimera filen (om du sparar den som en jpeg) eller minska antalet färger (om du sparar bilden som en PNG eller GIF). Processen med att optimera bilder gör att de laddas ner snabbare men också sänker kvaliteten avsevärt.
I följande figur ser du AssetShields webbplats, som innehåller relativt stora bilder som har optimerats så att de snabbt laddas i en webbläsare.
Kom ihåg att om du någonsin vill gå tillbaka och ändra en bild efter att den har optimerats för webben, vill du redigera den ursprungliga källfilen, den version du sparade innan bilden komprimerades eller färgerna reducerades. På samma sätt, om du arbetar med en bild som har flera lager i ett program som Photoshop, måste dessa lagas ut innan bilden kan inkluderas på webbplatsen.
Video- och ljudfiler, liksom animeringar, bör optimeras innan de används på en webbplats.Och, precis som du gör med bilder, gå tillbaka till den högre upplösningsversionen om du någonsin gör ytterligare redigering.
Oavsett om du skapar egna bilder och multimediafiler eller hyr en professionell designer, se till att du utvecklar ett system för att spara alla ursprungliga bilder med högsta möjliga upplösning så att du får dem om du någonsin behöver ändra en bild senare.