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


Kapitel 22b - Netscape Composer

Ö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. 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 Composer att skapa en ny sida genom att klicka på Arkiv (File) och sedan på Ny (New). 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 Tom sida (Empty Page).

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

  3. Spara nu filen under namnet so.htm i mappen institut. Ett fönster visas nu med begäran om Sidrubrik (titel). Klistra in testen du kopierade men ändra sedan 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-pedagogens sida med länkar till sådana platser. För att underlätta ditt arbete har jag redan valt ut tre platser:

    1. Mölndals Stadsbibliotek - Samhälls- och rättsvetenskap
    2. Svenska Yahoo - Samhällsvetenskap och humaniora
    3. The Electoral Web Sites - Kalender över val och valresultat

  5. Gå först till den första platsen. 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 Composer. Klicka på Enter, och skriv "Våra bästa länkar" i ett nytt stycke. Gör texten till en rubrik av graden Rubrik.3 (Heading 3). Gå till nästa rad och skriv där "Mölndals Stadsbibliotek (O)" . Markera hela texten och klicka sedan på Länk(Link)-knappen . Sätt markören i fältet under texten "Länk till en sidadress...".Klistra där in URL-adressen som du kopierade ( I Windows 95 t.ex. genom att  klicka på höger musknapp för att sedan klistra in). Klicka sedan på OK. 

  6. Markera texten som nu blivit en länk (Den borde vara markerad och nu blå och understruken). Klicka på Numrerad lista (Numbered List)-knappen (knappen som ser ut som en numrerad lista) 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.

  7. Ge huvudrubriken en annan färg genom att markera den och sedan klicka på "Teckensnittsfärg"-knappen (pilen till vänster om alla A). Välj en brun färg.


  8. Välj samma gula bakgrundsfärg som på ingångssidan.

  9. Markera länklistan och dess rubrik och centrera. Listan blev ej rak från vänsterkanten på listan. Klicka på Redigera på menyraden och välj sedan ångra.

  10. Vi skall nu flytta listan inklusive rubriken till centrum på ett annat sätt och listan blir då rak från vänsterkanten och listan blir fortfarande kompakt. 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 vill lämna listan så kan du t.ex. ändra  i Styckestils-rutan längst till vänster på Verktygsfältet Formatering från Post i lista till Normal. Sedan klickar du på Minska indrag-knappen (3:e knappen från höger på Verktygsfältet Formatering). Nu har du lämnat listan.

  11. Klicka på Infoga tabell(Insert Table)-knappen (2:a knappen från höger på Verktygsfältet Skriv meddelande). Välj 

    1. 1 rad och 1 kolumn
    2. Tabelljustering (Table Alignment) till Centrera (Center)
    3. Ändra ramens linjegrovlek (Border line width) till 0 (Ramen kommer nu ej att synas)
    4. Ta bort bocken framför tabellbredd (Table width)
    5. Ta bort bocken framför "alla kolumner lika breda" (Equal column widths)

  12. Kopiera tabellen med rubriken och klistra in den i tabellens enda cell ev genom att markera allt och dra det till tabellen. Åtminstone jag själv fick problem med att en av raderna efter flyttningen saknade punkt till vänster. Jag fixade detta genom att göra en ny sista punkt och sedan flyttade jag över raden utan punkt till denna punkt. Välj nu att titta på sidan i Navigator. 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. Tabeller kan användas för att placera texter och bilder på olika platser på en sida. Klicka nu på Enter 2 gånger under tabellen och lägg där in en ny tabell med 3 rader och 3 kolumner. Välj att inte ändra några andra förvalda inställningar när du skapar tabellen. 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 genom att klicka i den med höger musknapp för att sedan välja ta bort tabell. 

  13. Klicka nu på cellen med rubriktexten med höger musknapp och välj Egenskaper för tabell. Klicka på fliken för cell och sätt en bock under Textstil (Text style) framför Rubrikstil (Header style). 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 också för dessa celler textstilen till rubrikstil dvs gör dessa celler till Header Cells.

  14. 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. Default(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 alla innehållet i andra radens celler börjar längst upp genom att markera en av cellerna på raden. Därefter klickar du på höger musknapp och väljer Egenskaper för  tabell (Table Properties). Klicka på fliken för Rad och ändra Lodrät justering (Vertical Alignment) till Överst (Top).

  15. Centrera rubriken och tar bort den understa tabellraden som vi inte använder. Klicka någonstans i den med höger musknapp och välj Ta bort rad (Delete row).

  16. Klicka nu någonstans i tabellen med höger musknapp och välj Egenskaper för tabell (Table Properties). 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 Tabelljustering (Table Alignment) till centrera
    2. Ändra Ramens linjegrovlek (Border line width)  till 0
    3. Ändra Cell Padding (avståndet från cellens innehåll till kanten av cellen, dvs Cellutfyllnad) till 4
    4. Ändra Cell Spacing (avståndet mellan cellerna) till 7
    5. Välj bakgrundsfärgen lime dvs ljusgrön (Det går också att lägga in en bild som bakgrund)
    6. Ändra Tabellbredden (Table Width) till 70%

  17. Markera en av cellerna i översta raden och klicka sedan på höger musknapp för att kunna välja Egenskaper för tabell (Table  Properties). Klicka på fliken Rad (Row) och välj sedan vit bakgrundsfärg för alla cellerna.

  18. Lägg in en Vågrät linje (Horizontal line) 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.

  19. 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. Klicka på Länk-knappen. Klicka sedan på Välj fil  (Choose file) och leta sedan rätt på och välj filen ingang.htm.

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

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

  22. Fortsätt nu med övning 3.


Denna sida uppdaterades senast 00-05-17 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 Tommy Maltell