Hem Sociala medier Dreamweaver CC Bild och Multimedia Tips - Dummies

Dreamweaver CC Bild och Multimedia Tips - Dummies

Innehållsförteckning:

Video: Allmänt dreamweaver 2024

Video: Allmänt dreamweaver 2024
Anonim

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.

Dreamweaver CC Bild och Multimedia Tips - Dummies

Redaktörens val

Förstå Personlig sökningens inverkan på ranking och SEO - dummies

Förstå Personlig sökningens inverkan på ranking och SEO - dummies

Har du någonsin märkt att din sökning Resultaten skiljer sig vanligtvis från en annan persons sökresultat - även om du båda skriver samma fråga i samma sökmotor? Innan du tror innebär det att sökmotoroptimering är helt meningslöst och kasta händerna i exasperation, läs vidare. Här är det som verkligen händer. ...

Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummies

Använd Key Performance Indicators (KPI) för att hjälpa din webbplats att nå sina mål - dummies

Key Performance Indicators (KPI) hjälper en organisation att uppnå sina mål genom att definiera dessa mål och mäta organisationens framsteg mot dem. Enkelt uttryckt är KPI-mål som du kan använda för att mäta din webbplatss framgång. KPIs är viktiga för att du behöver veta vad dina mål är för att korrekt kunna göra Web Analytics.

Med hjälp av e-post för att förbättra sökmotoroptimering - dummies

Med hjälp av e-post för att förbättra sökmotoroptimering - dummies

Se till att din webb webbplatsen är synlig för sökmotorer blir allt viktigare eftersom e-handel konkurrerar om onlineinkomster. Du kan förlänga din e-postmarknadsstrategi utöver standardinmatningen för att ge dina e-postmarknadsmeddelanden större chanser att få märkt. Ta med följande taktik i din plan: Se till att varje landningssida ...

Redaktörens val

Läs och justera exponeringsmätaren på en Nikon D5100 - dummies

Läs och justera exponeringsmätaren på en Nikon D5100 - dummies

För att du ska kunna avgöra om din exponeringsinställningarna ligger i M (manuell) exponeringsläge, visar Nikon D5100 en exponeringsmätare i sökaren och bildinformation. Mätaren är lite linjär grafisk. För att aktivera den, tryck bara på avtryckaren halvvägs och släpp sedan den. Minusskyltänden på ...

ÄNdra storlek på ett parti foton med en Nikon D3100 - dummies

ÄNdra storlek på ett parti foton med en Nikon D3100 - dummies

Din Nikon D3100 kan ta bilder på en mycket större storlek än vad du behöver för att dela dem online - bilder på webben behöver inte vara högupplösta för att kunna ses tydligt. När det gäller e-post, om din mottagare bara vill se (eller posta) bilderna och inte planerar att skriva ut dem, kan de vara ...

Redaktörens val

Sälja banner- och textannonsering på din mamma Blogg - dummies

Sälja banner- och textannonsering på din mamma Blogg - dummies

Säljer banner- och textannonser kan vara De vanligaste sätten att sälja reklam på din blogg, men de är inte det enda sättet. Banderoller och textlänkar är bara en del av vad du kan erbjuda till sponsorer. Ju mindre du är som bloggare, desto mer kreativ kan du få med att skapa anpassade kampanjer ...

Sälja produkter och tjänster på din mamma blogg - dummies

Sälja produkter och tjänster på din mamma blogg - dummies

Bloggar är ett extremt effektivt sätt att marknadsföra din egna produkter eller tjänster att sälja. Bloggar hjälper dig att bygga förtroende med kunder, hitta i sökmotorerna och ge dina potentiella kunder gott om skäl att köpa från dig. Även om det finns likheter med att sälja både produkter och tjänster, kan de faktiskt vara ...

Skapa databasen för din WordPress-blogg - dummies

Skapa databasen för din WordPress-blogg - dummies

När du har hämtat WordPress. org-filer och laddade dem till din dator, har du fortfarande några steg att gå. Detta steg är förmodligen det mest tekniska. Ta ett djupt andetag och förbered dig för att skapa en databas för din WordPress-blogg. Du kan göra det! Förmodligen är upprättandet av en databas inte faktiskt fruktansvärt svårt. ...