Hur man definierar attribut i Dreamweaver - dummies

Dreamweavers egenskapsinspektör är kontextkänslig, vilket innebär att när du klickar på en bild visas HTML-attribut för den bilden och kan redigeras. Några av de redigerbara bildattributen är mer "tekniska" än designfaktorer.

Till exempel används bild-id när bilder är anslutna till JavaScript-program eller databaser. Andra bildattribut i Egenskapsinspektionen innehåller en begränsad uppsättning faktiska bildredigeringsverktyg. Dessa verktyg inkluderar beskärning, redigering av kontrast och skärpa bilder. Ta en titt på det viktigaste av dessa alternativ:

• Verktyg för kartområdet: Verktygen för Map-området skapar klickbara hotspots på den valda bilden och definierar separata länkar för olika hotspots. En hotspot är en sektion av en bild som fungerar som en länk. Du kan använda Rectangle, Circle och Polygon hotspot-verktygen för att dra sektioner på en vald bild och sedan tilldela specifika länkar till dessa hotpots i egenskapsinspektören.

  Det fjärde verktyget i den här uppsättningen, Pointer Hotspot-verktyget, används för att välja, flytta eller redigera befintliga hotspots.

• V Space and H Space: Definiera horisontellt och vertikalt avstånd runt den valda bilden.

• Justera: Använd denna popup för att välja mellan vänster eller höger inriktning. (Andra alternativ är tekniskt tillgängliga, men de är rester från en tid när grafiska symboler i textstorlek sätts in direkt i textrutor och används inte idag i bildjustering.)

• Src: Detta fält identifierar den inbäddade länkade bilden.

• Alt: Ändra texten som visas eller läses högt när en bild inte är synlig.

• Gräns: Ange gränsvidd (0 pixel, som standard) eller 1 pixel om bilden fungerar som en länk.

• Länk: Definiera en länk som öppnas när bilden klickas. Om en länk är definierad kan du ställa in länken för att öppna i ett nytt webbläsarfönster genom att välja _blank från mål-popupen.

• Klass: Använd den här popupen för att tilldela CSS-klassstilar om någon är definierad i eller länkad till sidan.

• W (bredd) och H (höjd): Ändra storlek på bilden. Om du avmarkerar ikonen Toggle Size Constraints öppnas länken mellan höjd och bredd, så att du kan sträcka eller kväva bilden istället för att behålla det ursprungliga förhållandet mellan bredd och bredd när du ändrar storlek. Du kan också ändra storleken interaktivt genom att klicka och dra i det nedre högra hörnet av en vald bild. Håll ned Shift-tangenten medan du ändrar storlek för att hålla förhållandet mellan höjd och bredd.

• Resample: Med nya verktyg i CS6 kan du prova en ny storlek (mindre) bild.Resampling eliminerar onödig data och gör bildfilen mindre, och det betyder att bilden kan hämtas snabbare. Markera kryssrutan Kommit bildstorlek för att prova bilden, eller klicka på knappen Återställ till originalformat bredvid den i egenskapskontrollen för att ångra omformningen.