Hjem Sosiale medier Hvordan du legger til bilder på websiden din i CoffeeCup - dummies

Hvordan du legger til bilder på websiden din i CoffeeCup - dummies

Innholdsfortegnelse:

Video: How to Sneak Candy in Class! School Pranks and 15 DIY Edible School Supplies! 2024

Video: How to Sneak Candy in Class! School Pranks and 15 DIY Edible School Supplies! 2024
Anonim

En nettside uten at noen bilder er kjedelig. CoffeeCup HTML Editor gjør det enkelt å krydre siden din med bilder. Følg disse trinnene for å sette inn en grafikk på websiden din i CoffeeCup:

1Klikk på fanen Visual Editor i CoffeeCup; Flytt markøren til punktet der du vil sette inn grafikken.

Den visuelle editoren gjør det enklere for mange aspekter ved å koble til en grafikk.

2 Klikk på Bildeknappen og velg Bilde.

Dialogboksen Sett inn bilde vises.

3Browse og velg den.

Bla gjennom harddisken din for å finne filen du vil bruke.

4If CoffeeCup ber deg om å kopiere bildet til arbeidsmappen, klikker du Ja.

I de fleste tilfeller er det bedre å velge Ja; Dette vil plassere bildet i samme mappe som nettsiden, og skape den enkleste mulige banen fra den ene til den andre.

5 Skriv inn alt tekst i Alt Text-spørringen.

alt tekst leses høyt av skjermlesere og andre programmer for synshemmede brukere. alt tekst brukes også som et verktøytips, tekst som vises når brukeren mister over grafikken. Hold alt tekst kort.

6Velg hvordan bildet skal justeres i forhold til tekst.

Vanlige valg er at bildet skal justeres til venstre, med tekst som flyter rundt det til høyre eller høyre, med tekst som flyter til venstre for det.

7Ingi en kantlinjestørrelse for en svart ramme rundt bildet.

Når du legger til en tynn svart ramme rundt et bilde, blir det skarpere og klarere (spesielt små bilder).

8Hend bredden og høyden hvis du vil endre størrelsen på bildet på plass.

Vanligvis bør du endre størrelsen på bildet før du legger det inn på websiden din. Du kan imidlertid strekke eller krympe det viste bildet ved å endre bredden og / eller høyden her.

For å holde bildet i forhold, endre begge dimensjonene med samme mengde. La boksen Inkluder størrelse sjekke så bildestørrelsen vil bli inkludert i HTML-koden.

9Til å gjøre bildet til en lenke, skriv inn en URL, eller bla til destinasjonsfilen på din lokale maskin eller nettverk.

Du kan koble til et webdestinasjon eller bruke bilder til å lage en bildebasert meny.

10 For å lage en mindre versjon av bildet, klikk på Miniatyr-fanen.

Du kan velge prosentandelen for resizing, filformatet og kvalitetsinnstillingen (for JPEG-bilder).

Hvis du vil gi brukeren muligheten til å klikke på det lille bildet for å se den større versjonen, klikker du på koblingen Link to Original Image.

11 Klikk på OK.

For å endre innstillingene senere, klikk på bildet; Alternativene vises i bunnen av Visual Editor-området.

Hvordan du legger til bilder på websiden din i CoffeeCup - dummies

Redaktørens valg

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Hvordan du endrer temafonter i PowerPoint 2007 - dummies

Velger et tema i PowerPoint setter temafonter, opprette en skrift for overskriftene dine og en annen for din kroppstekst. Hvis du ikke vil bruke temafonter knyttet til temaet du har valgt, følger du disse trinnene:

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

Hvordan du endrer handoutmasteren i PowerPoint 2007 - dummies

PowerPoint Handout Master inneholder formateringsinformasjon som er brukes automatisk til PowerPoint-presentasjonen. Du kan endre Handout Master for å dekke dine behov.

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Hvordan du endrer Notes-masteren i PowerPoint 2007 - dummies

Redusert bilde av PowerPoint-lysbildet, og eventuelle notater som går sammen med lysbildet. Når det skrives ut, formateres sider formatert i henhold til Notes Master. Pass på at du legger til sidetall i høyttalervennene dine. På den måten, hvis du slipper en stabel med notasider, vil du ...

Redaktørens valg

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 Tekstoppføring og formaterings snarveier - dummies

Word 2016 gir deg mange måter å interagere med dokumentet. Det er flere tastaturgenveier som kan være en flott tidsbesparende. Med disse hurtigtastene kan du øke hastigheten på tekstredigering og formatering. For å gjøre dette Med tastaturet Start en ny linje i samme avsnitt Shift + Enter Sett inn en sideskift Ctrl + Enter Sett inn ...

Word 2016 Se snarveier - dummier

Word 2016 Se snarveier - dummier

Noensinne føler at du bare ikke har det rette perspektivet? Vel, Word 2016 gjør det enkelt å endre dokumentvisningen slik at du kan få et annet perspektiv. Med disse hurtigtastene kan du bytte mellom ulike visninger i Word 2016. Bytt til denne visningen Med tastaturet Utskriftsoppsett Alt + Ctrl + P Utkast Alt + Ctrl + O Utkast ...

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Hvordan skrive melding Popup-makroer i Word 2016 - dummies

Den mest grunnleggende typen Programmering, i Word 2016 eller et annet program, er kode som spretter ut en enkel melding på skjermen. Faktisk begynner de aller nybegynnere programmeringsbøkene med et prøveprogram for å vise teksten Hello, World! Word-makroer er ikke forskjellige. Følgende makro, message_popup1, viser en dialogboks ...

Redaktørens valg

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Legg til tekst til lukkede figurer med Adobe CS5-dummies

Adobe Creative Suite 5 (AdobeCS5) Illustrator lar deg å plassere tekst inni eller på banen til en lukket form. Disse alternativene er et betydelig tillegg til tekstformatering verktøykassen. Opprette tekst i lukket form Når du legger inn tekst i en form, kan du legge til et spunk i et oppsett. Med denne funksjonen kan du skreddersy ...

Adobe CS5 Illustrator Area Type Tool - dummies

Adobe CS5 Illustrator Area Type Tool - dummies

En enkel og praktisk måte å lage rader og kolonner med tekst på er å bruk områdestypealternativer i Adobe Creative Suite (Adobe CS5) Illustrator. Denne funksjonen lar deg lage rader og kolonner fra et hvilket som helst tekstområde. Du kan bare ha rader eller bare kolonner (som kolonner av tekst i en avis) ...

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe CS5 Illustrator Clipping Masks - dummies

Adobe Creative Suite 5 (Adobe CS5) Illustrator inkluderer Clipping Mask funksjonalitet. I likhet med å peering gjennom et hull i et stykke papir til gjenstandene under den, tillater en utklippsmaske et øverste objekt å definere de valgte figurene under den; Med en kappemaske er området rundt den definerende formen imidlertid gjennomsiktig. ...