(Kjetil 1. t. + Anja 2. t.)
3 time:
Presentasjon:
Alle viser weeblysidene sine, og begrunner kort hvorfor de har valgt oppsett og header som de har gjort.
Dersom ferdig:Opprette konto på slideshare.net hvor dere publiserer powerpointen deres fra oppgave 2 på tirsdag (”20 things I learned about browsers and the web”)
4 time- 5 time:
Favicon:
Hva er dette? Kort intro.
Oppgave:
Bruk litt tid på nett, hvordan har ulike nettsted lagd sine Favicon? Dere vil fort oppdage at størrelsen ikke er enorm…
1. Lag ditt ikon i photoshop, lagr det som .png fil
På en weeblyside stilles det krav til at str enten er 16x16 to 32x32 pixels.
2. Når ”Faviconet” er klart logger du inn som administrator på weeblyen din.
3. Lag en ny side,” page”, ” new page”, ”skjul” (hidden) den.
4. Klikk på "edit page" knappen.
5. Velg deretter "elements" tab fra weebly edit menyen, velg"multimedia", og dra & drop den som heter "File", (med to piler som peker opp og ned). Last opp ikonet ditt..
6. Når ikonet er lastet opp kommer det en link som heter noe som "Download file", høyreklikk på denne og velg ”åpne fane/element i nytt vindu” . La denne siden bare være åpen.
7. Gå tilbake til weeblyen din (hvor du fortsatt er logget inn). Klikk på "settings", & klikk på "Search Engine Optimization (SEO)" bar.
8. Se etter boksen med teksten "Footer Code:" ved siden av seg?
Kopier og lim inn denne koden I boksen:
________________________________________________________________
<head>
<link rel="shortcut icon" href=" http://www.weebly.com/uploads/5/6/9/9/5699040/w.png">
</head>
________________________________________________________________
9. Gå nå tilbake til fanen vi åpnet med lenken til Favikonet vi lastet opp på den skjulte siden. Kopier adressen her, og erstatt nøyaktig den grønne teksten i eksempelet (du er da tilbake I footerboksen hvor du limte inn koden). Husk at adressen skal mellom anførselsestegnene.
________________________________________________________________
<head>
<link rel="shortcut icon" href=" http://www.weebly.com/uploads/5/6/9/9/5699040/w.png">
</head>
________________________________________________________________
10. Endelig ferdig! Klikk på “Save”, og deretter "Publish >>". Gå inn på siden og sjekk om det funker. Om ikke sjekk at du har gjort alt riktig og prøv igjen. I denne webperioden vil dere merke at små feil fort kan skape store problemer. Det at eks et anførselsestegn mangler kan fort forårsake masse krøll og frustasjon..
11. Sjekk ut: http://1mktest.weebly.com/
Flott, ikke sant??
Dersom ferdig:1. Opprette konto på slideshare.net hvor dere publiserer powerpointen deres fra oppgave 2 på tirsdag (”20 things I learned about browsers and the web”) + last denne opp under fagstoff på weeblyen deres.
2. Lag en powerpoint om favicon, last denne også opp på weeblyen deres.
Avslutning:
Hva gjør vi til uka + logge
3 time:
Presentasjon:
Alle viser weeblysidene sine, og begrunner kort hvorfor de har valgt oppsett og header som de har gjort.
Dersom ferdig:Opprette konto på slideshare.net hvor dere publiserer powerpointen deres fra oppgave 2 på tirsdag (”20 things I learned about browsers and the web”)
4 time- 5 time:
Favicon:
Hva er dette? Kort intro.
Oppgave:
Bruk litt tid på nett, hvordan har ulike nettsted lagd sine Favicon? Dere vil fort oppdage at størrelsen ikke er enorm…
1. Lag ditt ikon i photoshop, lagr det som .png fil
På en weeblyside stilles det krav til at str enten er 16x16 to 32x32 pixels.
2. Når ”Faviconet” er klart logger du inn som administrator på weeblyen din.
3. Lag en ny side,” page”, ” new page”, ”skjul” (hidden) den.
4. Klikk på "edit page" knappen.
5. Velg deretter "elements" tab fra weebly edit menyen, velg"multimedia", og dra & drop den som heter "File", (med to piler som peker opp og ned). Last opp ikonet ditt..
6. Når ikonet er lastet opp kommer det en link som heter noe som "Download file", høyreklikk på denne og velg ”åpne fane/element i nytt vindu” . La denne siden bare være åpen.
7. Gå tilbake til weeblyen din (hvor du fortsatt er logget inn). Klikk på "settings", & klikk på "Search Engine Optimization (SEO)" bar.
8. Se etter boksen med teksten "Footer Code:" ved siden av seg?
Kopier og lim inn denne koden I boksen:
________________________________________________________________
<head>
<link rel="shortcut icon" href=" http://www.weebly.com/uploads/5/6/9/9/5699040/w.png">
</head>
________________________________________________________________
9. Gå nå tilbake til fanen vi åpnet med lenken til Favikonet vi lastet opp på den skjulte siden. Kopier adressen her, og erstatt nøyaktig den grønne teksten i eksempelet (du er da tilbake I footerboksen hvor du limte inn koden). Husk at adressen skal mellom anførselsestegnene.
________________________________________________________________
<head>
<link rel="shortcut icon" href=" http://www.weebly.com/uploads/5/6/9/9/5699040/w.png">
</head>
________________________________________________________________
10. Endelig ferdig! Klikk på “Save”, og deretter "Publish >>". Gå inn på siden og sjekk om det funker. Om ikke sjekk at du har gjort alt riktig og prøv igjen. I denne webperioden vil dere merke at små feil fort kan skape store problemer. Det at eks et anførselsestegn mangler kan fort forårsake masse krøll og frustasjon..
11. Sjekk ut: http://1mktest.weebly.com/
Flott, ikke sant??
Dersom ferdig:1. Opprette konto på slideshare.net hvor dere publiserer powerpointen deres fra oppgave 2 på tirsdag (”20 things I learned about browsers and the web”) + last denne opp under fagstoff på weeblyen deres.
2. Lag en powerpoint om favicon, last denne også opp på weeblyen deres.
Avslutning:
Hva gjør vi til uka + logge
RSS Feed