Indholdsfortegnelse:
Video: Making Many html Pages using html5 tables with Bill the Geek, Adobe Dreamweaver CC teacher 2024
Uanset hvor godt dit indhold er, giver dine billeder, videoer og multimedier et stort indtryk på de besøgende til din Dreamweaver internet side. Her er et par tips til styring af billeder, videoer og andre multimedier på dine websider.
Link thumbnails til større filer
Store billeder er smukke, men de kræver mere tid til at downloade end små billeder. En almindelig teknik til at fremvise mange billeder på en side er at lave små versioner af hvert billede, kaldet miniaturer, , og link derefter hver af dem til større versioner af det samme billede.
Denne teknik virker også, når du vil fremvise en samling af videoer eller animationer. Du kan oprette et stillbillede fra en enkelt ramme af videoen og derefter bruge det som miniaturebilledet, der linker til hver videofil.
Som du kan se i figuren, som viser fotogalleriet fra Cinembargo-webstedet, gør denne teknik det muligt at inkludere mange billeder eller videofiler i et fotogalleri. Når du klikker på hver miniature, vises en større version af det samme billede over dette billede.
Denne interaktive billed-effekt blev oprettet ved hjælp af funktionsfunktionen i Dreamweaver. Du kan også bruge Dreamweaver til at linke billeder til videoer, animationer og andre filtyper.
Gem altid originalerne
De fleste designere opretter billeder til internettet ved hjælp af et program som Photoshop. For de bedste resultater vil du gøre alt farvekorrektion, retouchering og anden redigering med en høj opløsning af billeder eller grafik.
Men før billedet går på dit websted, vil du optimere det ved at komprimere filen (hvis du gemmer det som en jpeg) eller reducere antallet af farver (hvis du gemmer billedet som en PNG eller GIF). Processen med optimering af billeder gør dem hurtigere downloadede, men reducerer også kvaliteten betydeligt.
I nedenstående figur ser du AssetShield-webstedet, der indeholder relativt store billeder, der er optimeret, så de hurtigt kan indlæses i en webbrowser.
Husk, hvis du nogensinde vil gå tilbage og ændre et billede, efter at det er blevet optimeret til internettet, vil du have redigeret den oprindelige kildefil, den version, du har gemt, før billedet blev komprimeret eller farverne blev reduceret. På samme måde, hvis du arbejder med et billede, der har flere lag i et program som Photoshop, skal disse lag udflades, før billedet kan inkluderes på hjemmesiden.
Video- og lydfiler samt animationer skal optimeres, før de bruges på et websted.Og ligesom du gør med billeder, skal du gå tilbage til den højere opløsningsversion, hvis du nogensinde gør yderligere redigering.
Uanset om du opretter dine egne billeder og multimediefiler eller ansætter en professionel designer, skal du sørge for at udvikle et system til at gemme alle originale billeder med den højeste opløsning muligt, så du har dem, hvis du nogensinde har brug for at ændre et billede senere.