Hur man lägger till bilder på din webbsida i CoffeeCup - dummies

En webbsida utan att några bilder är tråkiga. CoffeeCup HTML Editor gör det enkelt att krydda din sida med bilder. Följ dessa steg för att infoga en grafik på din webbsida i CoffeeCup:

1Klicka på fliken Visual Editor i CoffeeCup; flytta markören till den punkt där du vill infoga grafiken.

Den visuella redigeraren gör det lättare att koppla till en grafik.

2Klick på Bildknappen och välj Bild.

Dialogrutan Infoga bild visas.

3Browse och välj den.

Bläddra i din hårddisk för att hitta filen som ska användas.

4Om CoffeeCup frågar dig att kopiera bilden till arbetsmappen, klicka på Ja.

I de flesta fall är det bättre att välja Ja; Detta kommer att placera bilden i samma mapp som webbsidan, vilket skapar den enklaste möjliga vägen från den ena till den andra.

5Enter alt text i Alt Text-prompten.

alt text läses högt av skärmsläsare och andra program för visuellt funktionshindrade användare. alt text används också som verktygstips, text som visas när användaren musar över grafiken. Håll allt text kort.

6Välj hur bilden ska anpassas i förhållande till texten.

De vanliga valen är att bilden ska anpassas till vänster, med text som flyter runt den till höger eller till höger, med text som flyter till vänster om det.

7 Ange en gränsstorlek för en svart kant runt bilden.

När du lägger en tunn svart ram runt en bild blir den skarpare och tydligare (speciellt små bilder).

8 Ändra bredd och höjd om du vill ändra storlek på bilden på plats.

Vanligtvis bör du ändra storlek på bilden innan du lägger den på din webbsida. Du kan dock sträcka eller krympa den visade bilden genom att ändra bredden och / eller höjden här.

För att hålla bilden i proportion, ändra båda dimensionerna med samma mängd. Lämna rutan Inkludera storlek markerad så att bildstorleken kommer att inkluderas i HTML-koden.

9Till göra bilden en länk, ange en URL eller bläddra till destinationsfilen på din lokala maskin eller nätverk.

Du kan länka till ett webbmål eller använda bilder för att skapa en bildbaserad meny.

10Till skapa en mindre version av bilden klickar du på fliken Miniatyrbild.

Du kan välja procentandelen för resizing, filformatet och kvalitetsinställningen (för JPEG-bilder).

Om du vill ge användaren möjlighet att klicka på den lilla bilden för att se den större versionen klickar du på kryssrutan Länk till originalbild.

11 Klicka på OK.

För att ändra inställningarna senare, klicka på bilden; alternativen visas längst ner i området Visual Editor.