Sammanställd av Peter Essen Datoriet - Lundby 2002-05-07

Sammanställd av Peter Essen Datoriet - Lundby 2002-05-07 1

Denna bok är producerad med Claris Works 4.0 för Windows 95 2

Innehåll Förord... 4 1 - FrontPage 2000 - en första titt...5 2 - Skapa en webb-plats...9 3 - Layout... 12 4 - Arbeta på en sida...17 5 - Lägga till grafik...21 6 - Publicera på webben... 23 7 - WS_FTP LE - ett exempel... 25 3

Förord Vi lever i ett informationssamhälle vare sig vi vill eller inte. Ett sätt att sprida information är att skapa en hemsida och lägga ut den på Internet. Detta gör att alla som har tillgång till Internet kan läsa Din information - överallt i världen! Allt som finns på nätet är tillgängligt för alla! Rätt använt är Internet en fantastisk informationskälla, där information om t.ex. en skola kan vara till stor hjälp i kommunikationen mellan hemmet och skolan. Skolan kan informera om rektorn, lärarlaget, skolans profil, läsårets uppläggning, matsedeln, redovisning av studiebesök eller projekt, söka efter personal m.m. Kort sagt - allt man kan hänga upp på en vanlig anslagstavla kan publiceras på nätet och informationen blir tillgänglig från hemmen. När man skapar en hemsida finns det några saker att tänka på. Om du gör en hemsida om Dig själv - var restriktiv med uppgifter om Dig själv. Om du gör en hemsida för Din skola bör du tänka efter ännu noggrannare. Man bör inte publicera bilder på barnen och man får inte publicera namn på personer utan deras godkännande - för kom ihåg - uppgifterna på Din hemsida kan användas av andra på ett sätt, som Du inte vill. Annars är det kul... I denna Lätt-fil för Frontgage 2000 får du lära Dig grunderna i detta program samt grunderna i denna konst, som kallas hemsidesnickeri. Lycka till med hemside-snickrandet! 4

För bara några år sedan var det mycket svårt att skapa en hemsida. Man var tvungen att behärska ett datorspråk, som heter html (hyper text markup language). Det var enbart tillgängligt för experter. Åren går. Fler och fler datoranvändare vill kunna skapa egna hemsidor. Programtillverkare börjar tillverka html-editorer, program som gör att html-koden kan undvikas i många fall. Idag kan man skapa en hemsida nästan lika lätt som att skapa ett dokument i en ordbehandlare. FrontPage 2000 är en sådan editor, som gör det relativt enkelt, men som alltid i datorvärlden måste man lära sig hur programtillverkaren vill att jag ska tänka. När man väl förstått programmet, förstår man inte hur man kunde tycka att det var svårt. Som vanligt i Lätt-fil får Du information om hur du ska göra. Följ instruktionerna, så faller bitarna på så småningom på plats. Vill du kunna hela programmet, bör du läsa manualen till FrontPage 2000. Nu kör vi igång. 1 - FrontPage 2000 - en första titt Starta FrontPage 2000. Tryck på denna knapp i Office-fältet eller den officiella vägen Start - Program - Microsoft FrontPage. 5

Programmet startar och du ser en arbetsyta med menyer Du känner igen från andra Microsoft-program. Fönstret består av tre avdelningar. Längst till vänster under Vyer ser du några knappar. Dessa har följande funktioner. När du klickar på......sida kommer du till markerad sida i vyn navigering (mer om denna senare)....mappar ser du alla mappar som är associerade med din webb-plats....rapporter kan du kontrollera din webb-plats, för att se om dina länkar fungerar, om det finns sidor som tar lång tid att ladda in, vilka bilder du har o.s.v. När du dubbelklickar på någon av raderna får du mer information....navigering får du upp ett träd, som visar hur din webb-plats är strukturerad. När du vill arbeta med en speciell sida går du först hit. Därefter dubbelklickar du på sidosymbolen och denna sida öppnas. Därefter är det bara att börja arbeta med sidan. Mycket bra och rationellt! 6

När du klickar på......hyperlänkar ser du enkelt om din sida innehåller några länkar och hur de "mår"....aktiviteter får du möjlighet att lägga till kommentarer till ditt arbete med webb-platsen. Klicka på Redigera och sedan Lägg till aktivitet. I dialogrutan som öppnas skriver du in dina anteckningar m.m. 7

Nästa del heter Mapplista. Här ser du vilka mappar din webbplats innehåller. Till sist det stora fönstret till höger. Där visas det som beskrevs tidigare (Sida, Mappar, Rapporter o.s.v.) Här till höger ser du hur det ser ut i vyn Navigering, när man skapat sin första sida. I det här fallet är den döpt till Frontskolan. I mapplistan heter denna sida index.htm. 8

2 - Skapa en webb-plats Nu ska vi börja skapa en webb-plats/hemsida. Starta FrontPage, om du inte redan har gjort det. Skapa en ny webb-plats. (Arkiv - Nytt - Webb-plats...) Denna dialogruta dyker upp. Välj Tom webb-plats denna gång. (Testa gärna de andra alternativen, för att se vad du kan få för hjälp med att skapa en webb-plats. Det är guider som hjälper dig med färdiga mallar. Du får hjälp med layout, knappar m.m. Bra om man vill knåpa ihop en webb-plats snabbt). 9

För att få något att arbeta på måste du nu skapa en Ny sida (använd knappen i verktygsfältet). Då ser det ut så här > Dubbelklicka på Startsida och......i Mapplistan ser det ut så här > index.htm har dykt upp. Samtidigt hamnar du på arbetsytan för denna sida. Denna arbetsyta kan du betrakta på nästan samma sätt som skrivytan i MS Word. Där skriver du text och där lägger du in dina bilder, o.s.v. index.htm är första sidan på din webb-plats. Ändra inte namnet på denna sida. det är standard att förstasidan heter index.htm. När du arbetar på en sida ska du spara den då och då - Arkiv - Spara, alternativt Ctrl + S. 10

Eftersom FrontPage är ett amerikanskt program måste man ta hänsyn till detta när man skapar nya sidor. Det har med å, ä och ö att göra. Gör så här: Skapa en ny sida. Placera den under Startsidan. En ny sidsymbol visas i vyn Navigering. Ändra namn på denna sida INNAN du dubbelklickar på den (högerklick + Byt namn). OBS! Innehåller sidnamnet ett å, ä eller ö kommer sidan eventuellt inte att kunna ses på Internet. När Du bytt namn - dubbelklicka, så att sidan läggs till i mapplistan till vänster. Klicka på Navigering i Vyer. Högerklicka ännu en gång på sidsymbolen för att byta till ett riktigt namn, d.v.s. det som kommer att synas i sidbanderollen. Det kan innehålla å, ä och ö. Nu kan du börja arbeta på din nya sida. 11

3 - Layout Nu ska du börja snitsa till ditt arbete. Du kan layouta din webb-plats med hjälp av inbyggda mallar. I FrontPage heter det Tema. Dubbelklicka på indexsidan/startsidan om du inte redan står där. Välj Format - Tema... Denna dialogruta kommer upp. Här kan du välja mellan flera fördefinierade mallar. Det kan vara bra, speciellt om man är nybörjare. Det finns två alternativ: Alla sidor och Mar- 12

kerade sidor. Välj Alla sidor denna gång, för enkelhetens och helhetens skull. Välj något du tycker om och klicka på OK. Du får kanske upp ett meddelande som säger... >>> Klicka på Ja, för det var ju just detta du ville. Verkar det bra eller vill du ändra på något? Nu ska du lägga till en banderoll (banner). Välj - Infoga - Webbside-banderoll... Du får denna fråga: Bild eller Text. Välj Bild. Som du ser står även namnet på sidan. Du kan ändra det här om du vill. 13

Banderollen kan då exempelvis se ut så här. Vill du ha navigeringsknappar? Upptill på sidan eller till vänster? Gör så här: I vyn Navigering kan du välja att alla sidor ska ha samma gemensamma kantlinjer. Det är bra om man vill ha ett enhetligt utseende på sin hemsida. Börja med att välja Format - Gemensamma kantlinjer... Denna dialogruta kommer upp: Där väljer du Alla sidor och (i detta exempel) Vänster och Inkludera navigeringsknappar. Klicka på OK. 14

Nu ser det kanske ut på detta sätt, beroende på vad du gjort. Du ser en streckad linje och textlänkar. Du ska nu ändra detta till knappar, som ser lite proffsigare ut. Ställ dig på Index-sidan. Välj; Infoga - Navigeringsfält. Denna dialogruta kommer upp: Gör samma val som i detta exempel (se pilarna). Om allt fungerar ser det ut så här. Detta är knappar, som fungerar som länkar mellan dina sidor på hemsidan. 15

Som du ser på bilden till höger finns ytterligare två sidsymboler. Det innebär att fler sidor lagts till i nästa nivå. I vyn Navigering ser det ut på detta sätt. Klass 1 och Klass 2 är bara exempel på en struktur i skolan, där varje klass kan ha var sin sida. Under dessa kan man lägga till fler sidor till olika ändamål, t.ex. Veckobrev, Inbjudan... Tycker man att eleverna ska presentera sig, så kan de få en sida var att skriva på. Det kan också vara bra att ha en sida där man lägger upp länkar till andra hemsidor, som då blir lätta att nå. När du vill ha fler sidor går du enklast till vyn Navigering, högerklickar på en sida och väljer Ny sida. Om den hamnar på fel nivå klickar du med vänster musknapp och drar den till rätt plats. 16

4 - Arbeta på en sida Nu kan det vara dags att börja arbeta på en sida. Gå till vyn Navigering (som du märker utgår mycket av arbetet från denna vy). Dubbelklicka på din förstasida. Skriv följande text: Välkommen till vår skolas hemsida. Här kommer vi att lägga ut information till alla som har med vår skola att göra, d.v.s. föräldrar, elever, lärare, politiker, vänskolor, m.fl. Vår webb-plats kommer att uppdateras kontinuerligt av vår webb-master, Lisa Nördinger. När alla elever är uppkopplade till Internet kommer vi bara att informera om skolan på denna sida, så titta till oss då och då. Lägg till lite mer text om du vill. Spara ditt arbete! 17

I vanliga ordbehandlingsdokument är det trevligt att ha en sidfot längst ner på sidan. Där skriver man vanligtvis in namn, adress, telefonnummer, e-postadress och liknande. På en hemsida är det också bra att ha en sidfot. I den skriver man kanske in vem som är ansvarig för hemsidan. En mail to -länk är mycket användbar med vilken en besökare på din hemsida lätt kan komma i kontakt med dig, för att informera dig om olika saker eller lämna synpunkter på sidan. I vårt exempel lägger vi först in en sidavskiljare. Sätt markören under banderollen och även under eventuell text du redan skrivit in, så att sidavskiljaren så småningom hamnar underst på sidan. Peka på Infoga - Vågrät linje. I FrontPage 2000 ingår det sidavskiljare, som är kopplade till det tema du valt. I det valda exemplet ser den ut på detta sätt: Under denna linje skriver du följande (se även nästa sida): Webb-master: Lisa Nördinger. Mail to: lisa.nordinger@frontskolan.itebyn.se Senast ändrad: 1999-12-06 18

För att länken till e-postadressen ska fungera gör du på följande sätt: Klicka på verktygsknappen Infoga hyperlänk eller menyn Infoga - Hyperlänk... Denna dialogruta kommer upp: Där klickar du på brevsymbolen (vid pilen). En dialogruta kommer upp: Där skriver du in e-postadressen. Klicka på OK i båda rutorna. Adressen ser nu ut som en länk (understruken) i FrontPage. 19

I sidfoten kan man också lägga till när sidan senast uppdaterades. Det är bra information till besökaren. Då vet han/hon om det är förändringar gjord sedan man besökte sidan senast. Gör så här för att lägga till ett datum, som automatiskt uppdateras: Infoga - Datum och tid... Denna dialogruta kommer upp. Datumet när sidan senast redigerades är förvalt och är det du ska använda här. Därefter kan du välja datumformat på vanligt sätt eller acceptera det förvalda. Klicka på OK. 20

5 - Lägga till grafik Det är trevligt att ha lite bilder på sin hemsida. Då blir den lättare att ta till sig. Det är mycket enkelt att lägga till bilder i FrontPage 2000. Det kan vara alla sorters bilder - clip art, scannade bilder, bilder fotograferade med digitalkamera, bilder som hämtats från Internet etc. OBS! Tänk på att för många bilder kan ge ett rörigt intryck och att det tar mycket längre tid att ladda in en sida om den innehåller många bilder! Bilder som ska ingå i en hemsida måste ligga i samma mapp som övriga "ingredienser" på hemsidan. Detta sköts automatiskt av FrontPage 2000. Oavsett var bilden finns när du importerar den, skapas en kopia av bilden när du spara sidan. Du får frågan Spara inbäddade filer (se fig.). 21

OBS! Tänk på att det kanske inte är lämpligt att lägga in foton på barnen i skolan! Om du är tveksam - kom överens med barnens föräldrar. Sätt i en bild på sidan. I detta övningsexempel kan du välja en lämplig bild från clipart-biblioteket. Infoga en clipart-bild via menyn Infoga - Bild - ClipArt... Välj någon lämplig illustration. Klicka på OK. Spara! Kom ihåg att spara ofta! Skulle datorn hänga sig är allt osparat arbete borta! När det gäller grafik på hemsida finns mängder av fria illustrationer på nätet. Vänliga människor lägger ut sina eller andras alster, så att man kan kopiera dem till sin hemsida. Det kan vara t.ex. tecknade bilder och animationer (rörliga bilder). Det verkligt roliga är när man skapat egna bilder och animationer. Då blir de unika för 22

din sida (så länge ingen kopierar dem från din hemsida och använder dem som sina). Experimentera!!! När man skapar en hemsida finns utrymme för mycket testande och experimenterande och eftersom du arbetar i datorn går det alltid att ändra tills du är helt nöjd. 6 - Publicera på webben Innan du publicerar din hemsida på Internet vill du kanske kolla hur den ser ut när den väl är publicerad. Det kan man göra inifrån FrontPage 2000 på följande sätt. Klicka på verktygsknappen Förhandsgranska i webbläsaren. För att detta ska fungera måste du ha en webb-browser installerad på din dator (men det har du väl). Vilken du vill använda till detta ändamål ställer du in på följande vis: 23

Arkiv - Förhandsgranska i webbläsaren... Denna dialogruta kommer upp. Har du fler än en läsare (browser) väljer du den du vill använda. Välj sedan Förhandsgranska. Din webb-browser öppnas och du kan se din sida så som den kommer att se ut när den publiceras (på ett ungefär). Egentligen bör du kolla så fort du gjort en förändring på någon sida. På så sätt har du bra kontroll på arbetet. När du är klar med ditt arbete vill du att det ska synas på Internet. Det finns flera olika vägar att gå. Eftersom detta är ett exempel kommer du inte att kunna publicera det på riktigt, men vi ska titta på ett program som kan publicera din hemsida. Det heter WS_FTP LE (det finns ett flertal olika program som klarar av detta). I detta program, som hjälper dig att spara din hemsida på en server, ska du ställa in serverns namn, ditt användar-id och lösenord. Dessa uppgifter får man av sin Intenet-leverantör (om man har ett privatabonnemang) eller från sin IT-administratör. Det finns även fria webbhotell, som inte tar betalt (eller lite betalt), där man som privatperson eller organisation kan få låna lite plats på servern. Användar-id och lösenord har man för att bara du själv ska kunna gå in och ändra på hemsidan. 24

7 - WS_FTP LE - ett exempel Här är svårt att ge en instruktion för hur du ska publicera din hemsida, men vissa nyckelfakta kan du få. 1. Profile name: är endast till för dig själv som kom-ihåg för denna profil. 2. Host name/adress: är själva adressen till Internet-servern (utan www framför). 3. Autodetect: gör att programmet känner av vilken typ av server det är. Vet man inte det, så är detta ett bra val. 4. User ID: Detta är det användarnamn du fått av din Internet-leverantör/IT-administratör. Det är själva nyckeln till Internet-servern. 5. Password: Ett lösenord som bekräftar att du har rätt att lägga in hemsidan eller att förändra den. 25

Därefter klickar man på OK, så ringer din dator upp servern. Efter en stund är du framme (uppkopplad) och då kan det se ut så här. I det vänstra fönstret letar du upp din webb-plats på din egen dator (det du gjort i FrontPage). I det högra fönstret ser du servern dit du ska skicka din hemsida. Här ser du hur det stämmer överens i båda fönstren. Så ser det ut när man har skickat upp sin hemsida till servern. 26

Stäng denna dialogruta. Om du gjort detta på riktigt öppnar du din browser och kollar hur din hemsida tar sig ut på det riktiga Internet. Det kan vara lite trixande innan man har lärt sig alla handgrepp, men ganska snart fungerar detta utan problem. För att din hemsida ska locka besökare är det nödvändigt att ändra och förändra innehållet på hemsidan. En hemsida, som inte förändras är död. Har man läst informationen en gång så har man... tyck de flesta resonera. Vill du se ett exempel i verkligheten på vad FrontPage 2000 kan göra? Gå till sidan www.lundbyskolor.net/datoriet/ Lycka till med hemsidesnickeriet! Ring 64 20 14 eller 070-471 39 68 om du vill ha hjälp eller vill diskutera ämnet. 27

Spara din webbplats/hemsida. Avsluta FrontPage 2000. Avsluta Windows 95 Självkänslan stiger i takt med att du bemästrar datorn och alla dess möjligheter! Lycka till med att använda Internet som ett pedagogiskt verktyg! 28

Datoriet 29