Hjem Social Media Dreamweaver CC Billed- og multimedietips - dummier

Dreamweaver CC Billed- og multimedietips - dummier

Indholdsfortegnelse:

Video: Making Many html Pages using html5 tables with Bill the Geek, Adobe Dreamweaver CC teacher 2024

Video: Making Many html Pages using html5 tables with Bill the Geek, Adobe Dreamweaver CC teacher 2024
Anonim

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.

Dreamweaver CC Billed- og multimedietips - dummier

Valg af editor

Hvordan man laver en hurtig hundehus model i SketchUp - dummies

Hvordan man laver en hurtig hundehus model i SketchUp - dummies

Efter at du har installeret SketchUp er klar til at lave din første hurtige model. Følg disse trin for at opbygge et hundhus. På din computerskærm skal du se en række værktøjer på toppen af ​​dit modelvindue, en lille person og tre farvede modelleringsakser - røde, grønne og blå linjer.

Sådan gør du trapper i Google SketchUp 8 Brug af en kopieret profil - dummier

Sådan gør du trapper i Google SketchUp 8 Brug af en kopieret profil - dummier

Når du bygger En model i Google SketchUp, hvor man laver en trappe ved hjælp af en kopieret profil, er afhængig af at bruge Push / Pull til at oprette en 3D-formular fra et 2D-ansigt. I en nøddeskal tegner du profilen - sidebilledet, slags - af et enkelt trin, og kopier så mange trin som du har brug for, opret en ...

Hvordan man laver ekstruderede figurer i Google SketchUp 8 - dummies

Hvordan man laver ekstruderede figurer i Google SketchUp 8 - dummies

, Når man tilføjer ekstruderede former, som rynker og rækværk til dine Google SketchUp-modeller, bruger du værktøjet Follow Me. Meget af tiden, du vil bruge Follow Me til at skabe geometri (kanter og ansigter), der er knyttet til en anden del af din model. Når du bruger Følg mig til at ekstrudere et ansigt langs en ...

Valg af editor

Planlæg dit nye QuickBooks 2012-system - dummies

Planlæg dit nye QuickBooks 2012-system - dummies

Hvis du forstår et par store billedpunkter - hvad regnskab gør og hvad regnskabssystemer gør - fra starten vil du opdage, at QuickBooks 2012 Setup-processen giver en hel del mere mening. Hvilke regnskaber tænker på, hvad regnskab gør. Folk kan argumentere om de små detaljer, men de fleste ville ...

Principper for regnskabsføring for QuickBooks 2012 - dummies

Principper for regnskabsføring for QuickBooks 2012 - dummies

Regnskaber hviler på et ret lille sæt grundlæggende forudsætninger og principper, som du skal forstå, når du arbejder med QuickBooks 2012. Folk henviser ofte til disse grundlæggende principper som almindeligt anerkendte regnskabsprincipper. Regnskabsprincippet om indtægter Omsætningsprincippet, også kendt som realiseringsprincippet, hedder, at indtægterne er optjent, når salget er ...

QuickBooks 2006 Tastaturgenveje - dummies

QuickBooks 2006 Tastaturgenveje - dummies

Tastaturgenveje gør næsten enhver opgave hurtigere og nemmere. Følgende tabel viser de tastaturgenveje, du kan bruge i QuickBooks 2006. Tryk på denne pc genvej og QuickBooks Gør dette Ctrl + A Viser vinduet Diagram over konti Ctrl + C Kopierer dit valg til udklipsholderen Ctrl + F Viser Find-vinduet Ctrl + G Går til ...

Valg af editor

Hive CLI Client-dummies

Hive CLI Client-dummies

Den første Hive-klient er Hive-kommandolinjegrænsefladen (CLI). For at beherske de finere punkter i Hive CLI-klienten, kan det hjælpe med at gennemgå den (lidt travle) Hive-arkitektur. I den anden figur er arkitekturen strømlinet for kun at fokusere på de komponenter, der kræves, når du kører CLI. Disse er komponenterne ...

HBase Client Ecosystem - dummies

HBase Client Ecosystem - dummies

HBase er skrevet i Java, et elegant sprog til opbygning af distribuerede teknologier som HBase, men ansigt det - ikke alle, der ønsker at udnytte HBase-innovationer, er en Java-udvikler. Derfor er der et rigt HBase klientekosystem derude, hvis eneste formål er at gøre den store Java løft for dig og ...

MapReduces betydning i Hadoop - dummies

MapReduces betydning i Hadoop - dummies

For det meste af Hadops historie har MapReduce været det eneste spil i byen når det kommer til databehandling. Tilgængeligheden af ​​MapReduce har været årsagen til Hadops succes og samtidig en vigtig faktor i begrænsningen af ​​yderligere adoption. MapReduce gør det muligt for dygtige programmører at skrive distribuerede applikationer uden at skulle bekymre sig om ...