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

Hantera artikellängd i Drupal - dummies

Hantera artikellängd i Drupal - dummies

Om du skapar en särskilt lång artikel, hanterar Drupal längden med automatiskt förkorta det för dig och tillhandahålla en Read More länk om användare vill läsa hela artikeln. I stället för att visa ett långt inlägg som tar upp hela skärmen och gör användarna bläddra ner för att se något annat innehåll på ...

Installera och aktivera Ubercart på din Drupal-webbplats - dummies

Installera och aktivera Ubercart på din Drupal-webbplats - dummies

Ubercart är en enda nedladdning som består av ett antal moduler som underlättar inrättandet av ett butiksfront på din Drupal-webbplats. Ubercart beror också på flera andra moduler som måste laddas ner och installeras. Följande går igenom stegen för att ladda ner och installera Ubercart och de andra modulerna som krävs. Ubercart fungerar bäst när ...

Hantera Drupal Forum Tillstånd - dummies

Hantera Drupal Forum Tillstånd - dummies

Registrerade användare kan kommentera Drupal forum ämnen. Men standardbehörigheter gör det så att du är den enda som kan lägga in forumämnen. Eftersom poängen att ha ett forum är att framkalla diskussioner från besökare till din webbplats, vill du tillåta andra att posta forumämnen. Detta styrs av ...

Redaktörens val

Hur man öppnar SharePoint Team Sites i Office 365 - dummies

Hur man öppnar SharePoint Team Sites i Office 365 - dummies

ÅTkomst till en webbplats som är värd för SharePoint Online, en del av Office 365, kan vara lite annorlunda än webbplatser som är värd på ditt nätverk. Du kan komma åt din webbplats via huvudadressen för Office 365-portalen. Beroende på hur ditt företag har konfigurerat sin anslutning till Office 365 får du inte uppmanas att ...

Hur man öppnar Microsoft Forums for SharePoint 2013 - dummies

Hur man öppnar Microsoft Forums for SharePoint 2013 - dummies

Microsoft upprätthåller ett communityforum för SharePoint 2013 . Du kan komma åt forumet för SharePoint 2013 och ställa frågor och interagera med andra SharePoint-användare.

Redaktörens val

Redigering Ljud i Flash CS3 - dummies

Redigering Ljud i Flash CS3 - dummies

Efter att du har ställt ett ljud i Flash CS3, kan du redigera Ljud för att finjustera dess inställningar. Du bör ta bort oanvända eller oönskade delar av ett ljud för att minska filstorleken. Du kan också ändra volymen medan ljudet spelas. Gör så här för att redigera ett ljud: 1. Klicka på en ram som innehåller en ...

Förstå Drupal-moduler - dummies

Förstå Drupal-moduler - dummies

Om du är en ny Drupal-administratör använder du moduler utan att förstå det . Drupal själv består av en uppsättning moduler, kända som kärnmodulerna. För att se vad som menas, logga in som administratör och välj Moduler i menyraden Dashboard. Moduler som förinstallerats med Drupal heter Core-moduler. De två ...

Hitta teckensnitt för webbdesign online - dummies

Hitta teckensnitt för webbdesign online - dummies

ÄVen om du kan ladda upp alla teckensnitt du själv har server och länka till den, erbjuder ett online fontförråd många fördelar, teckensnittet lagras på förrådets servrar och det ger CSS att inkludera teckensnittet på din webbplats. Online font repositories tar också hand om eventuella licensieringsfrågor. Teckensnitt, mycket ...