Slik bruker du åpenhet på SVG-er
Lær hvordan du bruker åpenhet på SVG-grafikk i Illustrator. Utforsk hvordan du sender ut SVG-er med gjennomsiktig bakgrunn og bruker gjennomsiktighetseffekter.
I Dreamweaver finner du funksjoner som hjelper deg å legge til metakoder for nøkkelord og beskrivelser. Hvis du har hørt om metakoder, forbinder du dem sannsynligvis med søkemotorer, og du har rett. Metakoder brukes til en rekke ting, men en av de vanligste bruksområdene er å gi spesiell tekst i koden øverst på siden.
Denne koden vises ikke i en nettleser når siden din vises, men kan leses av crawlere, roboter og andre programmer som gjennomsøker nettkatalogisering og rangering av nettsider for Bing, Google og en lang liste med andre søkerelaterte nettsteder.
Her er en kort forklaring av hver tag; trinnene for å fylle hver kode med tekst kommer opp:
Meta nøkkelordkode: En meta nøkkelordkode lar deg inkludere en liste over søkeord du vil at søkemotorer skal matche hvis noen søker etter disse ordene. Dessverre har metasøkeord blitt så misbrukt av webdesignere som forsøker å villede besøkende om det sanne innholdet på nettsidene deres at de fleste søkemotorer ignorerer metanøkkelordet og innholdet.
Når det er sagt, vil bruk av denne metakoden ikke skade rangeringen din hos noen søkemotorer, og mange søkemotoreksperter inkluderer dem fortsatt.
Meta description tag: Denne taggen er viktig og bør inkluderes på hver side på nettstedet ditt. Metabeskrivelse-taggen er laget for å la deg inkludere en skriftlig beskrivelse av hver side, en lønnsom innsats fordi de fleste søkemotorer, inkludert Google, bruker metabeskrivelsen som den korte beskrivelsen som vises på søkeresultatsidene.
Gjør beskrivelsen til en oppfordring til handling, nesten som en kort annonse, for siden som vil få potensielle besøkende til å klikke på lenken din når de leser gjennom en liste med treff til et søk. Hvis du ikke inkluderer din egen tekst i en meta description-tag, bruker mange søkemotorer de første ordene som vises på siden din som beskrivelse.
Fremveksten av sosiale medier har gjort metabeskrivelse-taggen enda viktigere. Når noen legger ut nettsiden din ved å skrive inn nettadressen på en sosial medieside, inkluderes teksten du inkluderer i metabeskrivelse-taggen automatisk med innlegget deres. På samme måte er metabeskrivelsen inkludert når noen deler en side på nettstedet ditt ved hjelp av et ikon for sosiale medier.
Du kan inkludere den samme metabeskrivelsen på hver side på nettstedet ditt, men den beste strategien er å inkludere en beskrivelse som er spesifikk for innholdet på hver side på nettstedet ditt.
Følg disse trinnene for å legge til en metabeskrivelse-tag på siden din:
Åpne siden der du vil legge til en metabeskrivelse.
Velg Sett inn → Hode → Beskrivelse.
(Alternativt kan du bruke Head-alternativet fra Common Insert-panelet.) Dialogboksen Beskrivelse vises.
I tekstboksen Beskrivelse skriver du inn teksten du ønsker for sidebeskrivelsen.
Ikke legg til HTML i teksten i denne boksen. De fleste søkemotoreksperter anbefaler at du begrenser denne teksten til ikke mer enn 160 tegn fordi det er alt som vil bli inkludert på søkeresultatsiden på nettsteder som Google.
Klikk OK.
Beskrivelsesteksten du skrev inn settes inn mellom taggene øverst på siden i HTML-koden. Metainnhold vises ikke i brødteksten på siden, men du finner det rett under
tag hvis du ser på koden bak siden.
Hvis du vil legge til nøkkelord, gjentar du trinn 1–4, og velger Sett inn hode →Søkeord i trinn 2. Skriv inn en liste over nøkkelord, atskilt med komma, i stedet for en beskrivelse i trinn 3.
Dreamweavers metatag-verktøy er noe begrenset. Du kan bruke dem til å legge til tagger, men ikke til å redigere dem. For å redigere teksten i metabeskrivelse eller nøkkelordkoder etter at du har satt dem inn, må du se koden og redigere teksten i kodevisning. Du finner denne teksten nær toppen av HTML-koden, rett under
tag i området omgitt av taggene.
Lær hvordan du bruker åpenhet på SVG-grafikk i Illustrator. Utforsk hvordan du sender ut SVG-er med gjennomsiktig bakgrunn og bruker gjennomsiktighetseffekter.
Etter at du har importert bildene dine til Adobe XD, har du ikke mye redigeringskontroll, men du kan endre størrelse og rotere bilder på samme måte som du ville gjort med en hvilken som helst annen form. Du kan også enkelt runde hjørnene på et importert bilde ved å bruke hjørnemodulene. Maskering av bildene dine Ved å definere en lukket form […]
Når du har tekst i Adobe XD-prosjektet ditt, kan du begynne å endre tekstegenskapene. Disse egenskapene inkluderer skriftfamilie, skriftstørrelse, skriftvekt, justering, tegnavstand (kjerning og sporing), linjeavstand (ledende), fyll, kantlinje (strek), skygge (slippskygge) og bakgrunnsuskarphet. Så la oss se gjennom hvordan disse egenskapene brukes. Om lesbarhet og font […]
Akkurat som i Adobe Illustrator, gir Photoshop-tegnebrett muligheten til å bygge separate sider eller skjermer i ett dokument. Dette kan være spesielt nyttig hvis du bygger skjermer for en mobilapplikasjon eller liten brosjyre. Du kan tenke på en tegnebrett som en spesiell type laggruppe opprettet ved hjelp av lagpanelet. Det er […]
Mange av verktøyene du finner i InDesign Tools-panelet brukes til å tegne linjer og former på en side, så du har flere forskjellige måter å lage interessante tegninger for publikasjonene dine på. Du kan lage alt fra grunnleggende former til intrikate tegninger inne i InDesign, i stedet for å bruke et tegneprogram som […]
Å pakke inn tekst i Adobe Illustrator CC er ikke helt det samme som å pakke inn en gave – det er enklere! En tekstbryting tvinger tekst til å brytes rundt en grafikk, som vist i denne figuren. Denne funksjonen kan legge til litt kreativitet til ethvert stykke. Grafikken tvinger teksten til å vikle seg rundt den. Først lager du […]
Når du designer i Adobe Illustrator CC, trenger du ofte at en form har en nøyaktig størrelse (for eksempel 2 x 3 tommer). Etter at du har laget en form, er den beste måten å endre størrelsen på den til nøyaktige mål å bruke Transform-panelet, vist i denne figuren. Velg objektet og velg deretter Vindu→ Transformer til […]
Du kan bruke InDesign til å lage og endre QR-kodegrafikk. QR-koder er en form for strekkode som kan lagre informasjon som ord, tall, URL-er eller andre former for data. Brukeren skanner QR-koden ved hjelp av kameraet og programvaren på en enhet, for eksempel en smarttelefon, og programvaren bruker […]
Det kan være en tid når du trenger et nytt bilde for å se gammelt ut. Photoshop CS6 har du dekket. Svart-hvitt-fotografering er et nyere fenomen enn du kanskje tror. Daguerreotypier og andre tidlige fotografier hadde ofte en brunaktig eller blåaktig tone. Du kan lage dine egne sepiatonede mesterverk. Tonede bilder kan skape […]
Ved å bruke Live Paint-funksjonen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du lage bildet du ønsker og fylle ut områder med farger. Live Paint-bøtten oppdager automatisk områder som består av uavhengige kryssende stier og fyller dem deretter. Malingen innenfor et gitt område forblir levende og flyter automatisk hvis noen […]