Datorer, Internet och sökning
en kurs av Tommy Maltell


Kapitel 24b - FrontPage 2000 - svensk version

Övning 2

Vi har nu gjort vår första webbsida men än så länge innehåller vår webbplats väldigt lite information. Det är inte lämpligt att vi lämnar all vår information på förstasidan (ingångssidan). Istället kommer det mesta av informationen att läggas i andra filer och från ingångssidan gör vi länkar till dessa sidor.

  1. Välj i FrontPage att skapa en ny sida genom att klicka på Arkiv, Nytt och Sida. Man kan nu välja bland flertalet olika mallar för att underlätta arbetet. Vi kan också använda delar av den ingångssida som vi har gjort i övning 1 för att arbetet skall gå snabbare. Eftersom du troligen behöver repetera så  väljer vi dock Normal sida.

  2. Skriv överst "Välkommen till Samhällsvetenskapliga institutionen". Gör denna text till en rubrik av näst högsta ordningen (Rubrik 2). Centrera ej rubriken.

  3. Spara nu filen under namnet so.htm i mappen institut. Gå till sidegenskaper. Vilken rubrik (title) fick dokumentet? Title blir densamma som heading om man inte ändar själv. Ändra nu title dvs rubrik bland sidegenskaper till enbart "Samhällsvetenskapliga institutionen".

  4. På Samhällsvetenskapliga institutionen vill man gärna ha några länkar till platser som man ofta går till. Du kan gå till  IT-enhetens portal med länkar till sådana platser. Gör inte det nu. För att underlätta ditt arbete har jag redan valt ut tre platser:

    1. Mölndals Stadsbibl - Samhällsv.
    2. Sv. Yahoo - Samhällsvetenskap
    3. Elections around the world

  5. Om du arbetar med en pappersversion av den här sidan så måste du nu gå till den här sidan på Internet. Gå först till den första av de tre platserna ovan genom att ovan helt enkelt klicka på länken dit. När du kommer fram så kopierar du URL-adressen genom att t.ex. först klicka till höger om adressen så att hela adressen blir markerad. Därefter kopierar du t.ex. genom att  i adressfältet klicka på höger musknapp och sedan välja kopiera. Därefter går du tillbaka till FrontPage. 

  6. Klicka på Enter, och skriv "Våra bästa länkar". Gör detta till en rubrik av graden "Rubrik 3". Gå till nästa rad och skriv där "Mölndals Stadsbibliotek" . Markera hela texten och klicka sedan på  Infoga hyperlänk-knappen dvs knappen med en bild på en jordglob och en länk på standardverktygsfältet. Ta bort det som står i fältet till höger om Adress (URL):. Klicka med höger musknapp i detta fält och välj sedan Klistra in. Klicka sedan på OK.

  7. Markera texten som nu blivit en länk (Den borde vara markerad och nu blå och understruken). Klicka på "Numrering"-knappen (knappen med siffrorna 1,2,3 på formatverktygsfältet) och du har skapat en numrerad lista med den första länken som första punkt. Markera nu endast utrymmet till höger om länken och klicka på Enter. Du har nu skapat en ny punkt på listan. Lägg in de två andra länkarna på samma sätt som punkt 2 och 3 på listan. Punkterna på listan får ett litet indrag från vänsterkanten.

  8. Ge huvudrubriken längst upp på sidan en annan färg genom att markera den och klicka sedan  Format på menyraden. Välj därefter  Teckensnitt. Välj en valfri färg. I facit har jag valt en brun färg. Klicka på OK-knappen.
    Välj sedan samma gula bakgrundsfärg som på ingångssidan.

  9. Hur skulle det se ut om listan  inklusive dess rubrik centrerades. Markera länklistan och dess rubrik och klicka sedan på Center-knappen (2:a knappen till höger om understruket U på statusverktygsfältet). Vad hände med länklistan? Listan blir ej rak från vänsterkanten på listan. Som tur är finns Ångra-knappen och du kan ångra flera steg som du har gjort i tur och ordning. Klicka därför på Ångra-knappen (Knappen med en pil åt vänster). Du är nu tillbaka till situationen innan du började på punkt 9.

  10. Vi skall nu flytta listan inklusive rubriken till centrum på ett annat sätt för att  lista ska bli rak från vänsterkanten. Gå nu till raden under listan utan att vara kvar i listan. Om du har markören i slutet av sista raden på listan och klickar Enter så placeras markören efter siffran för nästa rad. Om du då klickar på Enter igen så lämnar du listan och du befinner dig under densamma.

  11. Klicka på Infoga tabell-knappen (Knappen som ser ut som en tabell just till höger om Infoga bild-knappen på standardverktygsfältet) och håll musknappen nere. Du kan nu dra ut tabellen snett nedåt åt höger och det antal  blå rutor som visas innan du släpper musknappen anger det antal celler som du skapar. Du ska nu emellertid bara välja en cell dvs en blå ruta. När du har skapat cellen så markerar du länklistan inklusive dess rubrik och drar allt med musknappen till cellen. Sedan klickar du med höger musknapp någonstans i tabellen. Välj Tabellegenskaper och därefter gör du 3 ändringar.

    1. Ändra Layout Justering från Standard till Centrera
    2. Ändra Kantlinjer Storlek till 0 (Kantlinjerna (ramen runt tabellen) kommer nu ej att synas)
    3. Ta bort bocken framför Ange bredd

  12. Välj nu att titta på sidan i din webbläsare. Vi lyckades att få listan centrerad så som vi hade tänkt oss, men kanske hade det varit bättre att istället göra lite spalter uppifrån på den här sidan. Det hade vi kunnat åstadkomma med en av mallarna innan vi gjorde sidan. Vi kan dock åstadkomma detta själva med hjälp av en ny tabell. Tabeller kan användas för att placera texter och bilder på olika platser på en sida. Se nu till att du dels lämnar den första tabellen och dels får lite avstånd till tabellen t.ex. genom att klicka  på Enter 2 gånger under tabellen.  Lägg där in en ny tabell med 3 rader och 3 kolumner. Flytta sedan rubriken på listan till den översta högra cellen och listan till den andra cellen till höger. Ta sedan bort den första tabellen. Klicka på den med höger musknapp och välj ta bort celler.

  13. Markera alla cellerna i hela den nya tabellen och klicka sedan på höger musknapp för att kunna välja Cellegenskaper. Kontrollera sedan att  det finns en bock framför Ange bredd och att bredden är vald till 33%. Ändra till ovannämnda inställning om inte denna redan finns. 

  14. Klicka nu på cellen med rubriktexten (ej på själva texten) med höger musknapp och välj Cellegenskaper. Klicka sedan så att det blir en bock framför Innehåller rubrik och klicka därefter på OK. Texten blev nu i fetstil och centrerad i cellen. I den översta raden till vänster skriver du "Lärare" och i den mittersta cellen överst "Salar". Ändra så att också dessa celler dessa celler Innehåller rubrik. Du kan markera båda två samtidigt för att sedan ändra en inställning för båda samtidigt.

  15. Skriv läraren Alf Albrektssons namn i cellen till vänster på andra raden och håll sedan nere Shift-knappen samtidigt som du trycker på Enter. Då skapar du en radbrytning istället för ett nytt stycke som man får om man bara trycker på Enter. Skriv Östen Ölunds namn på andra raden. Ange på samma sätt de två salarna 101 och 999 på var sin rad i mittersta cellen på andra raden. Standard(förvalt)-inställningen är att i en cell hamnar texten (eller bilden) till vänster horisontellt och i mitten vertikalt. Ändra nu så att innehållet i andra radens celler börjar längst upp genom att markera alla cellerna. Man kan markera alla cellerna t.ex. genom att klicka i kanten längst till vänster. När alla är mörka är de markerade. Därefter klickar du på höger musknapp och väljer Cellegenskaper. Därefter ändrar du lodrät justering  till överkant.

  16. Du ska nu testa hur det blir om du lägger själva rubriken på hela sidan överst i tabellen. Klicka någonstans i den översta raden i tabellen och klicka sedan på Tabell på menyraden. Välj Rader eller kolumner och ändra till Ovanför markering och se till att det blir 1 ny rad. När den nya raden finns så markerar du den t.ex. genom att föra musen från vänster och klicka när du ser den svarta pilen. Klicka sedan med höger musknapp på de markerade cellerna och välj Sammanfoga celler. Nu är det bara en cell och du drar slutligen huvudrubriken dit. Formateringen som  Rubrik 2 försvinner när du flyttar den. Du kan om du vill göra en sådan formatering igen där texten nu finns.

  17. Du ångrar dig emellertid. Du vill ha rubriken utanför cellen och vi klickar på ångerknappen 3 gånger så att också den nya översta raden försvinner. Sedan centrerar vi istället huvudrubriken och tar bort den understa tabellraden som vi inte använder. Klicka på den från vänster tills du ser den svarta pilen. Markera och klicka på höger musknapp för att sedan välja Ta bort celler.

  18. Klicka nu någonstans i tabellen med höger musknapp och välj Tabellegenskaper. I det fönster som visas nu kan man ändra på många inställningar. Testa gärna med att ändra olika värden för att se vad som händer. Gör sedan följande slutliga ändringar:

    1. Ändra Layout Justering till Centrera
    2. Ändra Kantlinjer Storlek (djupet på ramen) till 0
    3. Ändra Cellutfyllnad (Cellpadding - avståndet från cellens innehåll till kanten av cellen) till 4
    4. Ändra Cellavstånd (Cellspacing - avståndet mellan cellerna) till 7
    5. Välj bakgrundsfärgen lime (ljusgrön). Det går också att lägga in en bild som bakgrund.
    6. Ändrar Ange bredd till 70%.

  19. Markera alla cellerna i översta raden och klicka sedan på höger musknapp för att kunna välja Cellegenskaper. Välj sedan vit bakgrundsfärg för alla cellerna.

  20. En rad i en cell blir som standar så hög som innehållet i den högsta cellen kräver. Ibland blir den högsta cellen högre än vad som behövs för innehållet. Vanligen beror detta på att det i cellen oavsiktligt har lagts till ett stycke utan innehåll i slutet eller början av cellen. Ett sådant tomt innehåll tas lämpligen bort med hjälp av Delete-knappen på tangentbordet precis som när man tar bort ett oavsiktligt lagt onödigt stycke på sidan utanför tabellen.

    Om det inte går att ändra på detta sätt när en cell är högre än vad den behöver vara så kan det bero på att det av någon anledning har lagts in en  specificering av höjden av tabellen eller cellen. Klicka då någonstans i cellen med höger musknapp och välj sedan Tabellegenskaper och undersök sedan under Ange höjd om det finns någon specificering inlagd. Om det gör det så kan du ta bort bocken framför Ange höjd så att ingen specificering längre gäller. 

    Om man misstänker att specificeringen istället gäller för cellerna så klicka någonstans i cellen med höger musknapp och välj sedan Cellegenskaper och undersök sedan under Ange höjd om det finns någon specificering inlagd. Om det gör det så kan du ta bort bocken framför Ange höjd så att ingen specificering längre gäller. Observera att man måste göra detta för alla cellerna på raden samtidigt eller en i taget. 

  21. Lägg in en Vågrät linje under tabellen och kopiera innehållet längst ner från ingångssidan så att det står likadant längst ner på den här sidan. Centrera den nedersta texten och ändra eventuellt till rätt datum.

  22. Vi har inte gjort några länkar så att vi från ingångssidan kan gå till Samhällsvetenskapliga institutionens sida och sedan tillbaka. Det ska vi göra nu. Gå till ett nytt stycke längst ner på sidan med hjälp av Enter och skriv där "Tillbaka till ingångssidan". Se till att teckenstorleken är lika stor som raden ovanför. Markera hela texten och klicka sedan på  Infoga hyperlänk-knappen dvs knappen med en bild på en jordglob och en länk på standardverktygsfältet. Klicka sedan på knappen med ett förstoringsglas ovanför en mapp (ej ovanför en jordglob) i nedre högra hörnet. Leta sedan rätt på och välj filen ingang.htm. 

  23. Klicka på Infoga hyperlänk-knappen och kontrollera att länken ser ut så här:
    ../ingang.htm

  24. Viktigt påpekande!

    Om du när man arbetar i FrontPage såsom vi gör istället för att klicka på knappen med ett förstoringsglas ovanför en mapp klickar direkt på en fil som du ser under rubrikerna: Namn, rubrik längst upp i fönstret så blir länken ej relativ och den fungerar ej vid förflyttning till Internet.

    Om du först klickar på knappen med förstoringsglaset så blir länkarna relativa dvs länkarna står i relation till de övriga sidorna. Sidor med sådana relativa länkar till de egna sidorna i samma huvudmapp kan man flytta till en annan plats t.ex. till en webbserver på Internet och alla länkarna fungerar fortfarande.

    Ordet file eller bokstäverna C eller H ingår aldrig i relativa länkar. Om man markerar en text som man har gjort till en länk och om man sedan kontrollerar hur länken ser ut genom att klicka på Infoga hyperlänk-knappen så ska det se ut som följer till höger om Adress (URL):
    en länk till en fil i samma mapp - endast filnamnet
    en länk till en fil i en underliggande mapp - mappnamnet/filnamnet
    en länk till en fil i en mapp uppåt i hierarkin - ../filnamnet
    en länk till en fil i en annan mapp som har samma huvudmapp - ../mappnamnet/filnamnet

    Om du är osäker hur länkarna ska se ut så kontrollera i facit. En kontroll som man kan  göra för att se att man har gjort rätt är att flytta hela huvudmappen från en nätverksenhet till en hårddisk eller en diskett eller tvärtom. Om länkarna fortfarande fungerar så har man förmodligen gjort rätt.

    Alla bilder måste ligga i huvudmappen eller i undermappar till denna eller på Internet. Vid en sådan kontrollflyttning som nämns ovan kontrollerar man också att alla bilderna fungerar dvs att de ligger under huvudmappen eller på Internet.

  25. Öppna filen ingang.htm i FrontPage och gör en länk med namnet "Samhällsvetenskapliga institutionen" under bilden på huset.

  26. Kontrollera att länken ser ut så här:
    institut/so.htm

  27. Välj nu att titta på sidorna och jämför med facit 2.

  28. Fortsätt nu med övning 3.


Denna sida uppdaterades senast 01-08-28 av
tommy.maltell@pb.edu.jonkoping.se

Länkar:
Kursens ingångssida
Kapitel:  0 1 2 3a 3b 3c 4 5a 5b 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20a 20b 21a 21b 21c 21d 21e 21f 21g 21h 22a 22b 22c 23 26 30 31 32 33 37   
Skolornas portal

©  1999, 2000, 2001 Tommy Maltell