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


Kapitel 24f - FrontPage 2000 - svensk version

Övning 6

Frames - Ramar

  1. Att använda frames innebär att man delar in ingångssidan i flera sidor i olika ramar. I en huvudfil finns koder som delar upp huvudsidan i ramar. Webbadressen (URL-adressen) är hela tiden densamma. Det är lätt att göra Frames i FrontPage. Klicka på Arkiv och sedan Nytt, Sida. Därefter klickar du på fliken Ramsidor och väljer mallen Sidhuvud.

  2. Klicka på Ny sida i den översta ramen. Välj nu Arkiv och Spara som. Det som nu ska sparas först är huvudfilen. Det ser man genom markeringen till höger. Spara nu huvudfilen som first.htm direkt i huvudmappen skolan. Det som sedan ska sparas är den nya filen i översta ramen, vilket också framgår av markeringen till höger. Spara denna som links.htm i huvudmappen skolan.

  3. Klicka på Ange ramstartsida i den undre ramen och välj sedan ingang.htm genom att först klicka på knappen med ett förstoringsglas ovanför en mapp.

  4. Klicka på den nya sidan överst. Gör nu tre länkar till de tre sidorna som finns  i den översta ramen. Mellan mapparna gör du ett mellanslag följt av ett minustecken och sedan ett mellanslag igen dvs skriv in så här:
    Ingångssidan - Institutionen - Programmet
    Gör sedan länkar med hjälp av knappen med ett förstoringsglas ovanför en mapp till dessa tre sidor. Centrera sedan de tre länkarna.

  5. När du har gjort länkarna så klicka på Infoga Hyperlänk-knappen igen när det gäller någon av länkarna. Se till att det det längst ner till höger på sidan där länken finns efter Målram står Sidstandard (huvud)

  6. Klicka nu någonstans med höger musknapp och välj Egenskaper för ram. Sätt en bock framför alternativet Storlek justerbar i webbläsare för att ramen mellan sidorna skall kunna flyttas av användaren. Klicka sedan på Ramsida. Välj fliken Allmänt och ändra rubriken (title) till "IT-skolan presenterad med hjälp av ramar". Stäng fönstren genom att välja OK och sedan OK igen.

  7. Klicka i den översta ramen och välj för Sidegenskaper samma green.gif som bakgrundsbild till den översta bilden som till ingang.htm. Rubriken (title) ändrar du till Länkar till IT-skolans olika webbsidor.

  8. Välj nu Förhandsgranska i webbläsaren och kontrollera att allt fungerar och att det med musen går att flytta på ramen.

  9. Klicka nu någonstans med höger musknapp och välj Egenskaper för ram. Klicka sedan på Ramsida. Välj fliken Ramar och ta bort bocken framför Visa kantlinjer. Nu har du tagit bort ramen. Det blir snyggare om allt fungerar men det går ej att flytta ramen vilket ibland kan vara användbart t.ex. om man har en annan storlek när det gäller skrivbordet och om allt som finns i ett fönster ej syns. Stäng fönstren genom att välja OK och sedan OK igen.

  10. Det blir ej så snyggt när Samhällsvetenskapliga programmet har en annorlunda bakgrund. Öppna den sidan genom att (i FrontPage) hålla nere Ctrl-knappen samtidigt som du klickar på länken till Samhällsvetenskapliga programmet. Lägg in samma bakgrundsbild också för denna fil. Ändra bakgrundsfärgen lime  i tabellen till automatisk och välj för tabellen Kantlinjer Storlek: 0.

  11. Klicka på Infoga hyperlänk-knappen igen när det gäller någon av länkarna överst. Längst ner till höger på sidan där länken finns efter Målram står det Sidstandard (huvud). Klicka på Ändra målram-knappen till höger därom som ser ut som några punkter och en penna. Här kan man ändra hur det man länkar till skall visas: Sidstandard (huvud), Samma ram, Hela sidan, Nytt fönster, Överordnad ram.

  12. Ändra nu först så att ramen visas igen. Klicka nu någonstans med höger musknapp och välj Egenskaper för ram. Klicka sedan på Ramsida. Välj fliken Ramar och sätt tillbaka bocken framför Visa kantlinjer. Markera nu översta filen och klicka sedan på höger musknapp och välj Egenskaper för ram (Det står nu överst Namn: sidhuvud). Ändra nu visa rullningslister  till Vid behov. Om man väljer Alltid så visas rullningslisten även om den inte behövs. Om man väljer Aldrig och t.ex. väljer att visa ingångssidan i samma lilla fönster så kan man ej rulla fram texten. Då måste man flytta ramen. Om man i ett sådant fall med mer text än som kan visas som användare varken kan flytta ramen eller rulla fram texten så kan man inte se all information. Klicka på OK.

  13. Gör några nya länkar som alla länkar till ingångssidan. Lägg dem till höger om de andra. Döp dem till: Ingång2 - Ingång3 - Ingång4.. Ändra sedan så att den först öppnas i samma ram , den andra som en hel sida , den tredje i ett nytt fönster och den fjärde med ramiställningen Överordnad ram.

  14. Du kan läsa mer om hur man gör ramar med hjälp av FrontPage på Internet i kapitel 10 ur boken FrontPage 98 Handboken av Jesper Ek hos förlaget Pagina. Det fungerar i stort sett likadant i FrontPage 2000.

  15. Du kan också läsa mer om hur man gör genom att klicka på Hjälp-knappen längst upp till höger på menyraden. Välj Hjälp om Microsoft FrontPage. Klicka på Index och sedan på nyckelordet ram. Klicka på intressanta rubriker och läs informationen.

  16. I Skolverkets HTML-kurs kan man också läsa om frames liksom i artikeln Webben otyg, webbens underbara? hos IDG:s webStudio.

Aktiva områden i bilder (Client Side Imagemapping)

Du skall nu göra så att olika delar av en bild länkar till olika sidor.

  1. Öppna ingångssidan. Om inte Verktygsfältet Bilder redan visas så klicka på Visa. Välj Verktygsfält och sedan Bilder. Du kan nu på verktygsfältet för bilder klicka på rektangeln, cirkeln eller polygonet för att sedan markera på bilden ett område att klicka på.

  2. Markera herrgårdsbilden och klicka på rektangeln och markera sedan vänstra halvan av bilden. När du släpper musknappen så får du möjlighet att välja vart länken skall gå. Välj då Samhällsvetenskapliga institutionen. Gör sedan den högra halvan av bilden till en länk till Samhällsvetenskapliga programmet.

  3. Avmarkera bilden och markera den igen. När du markerar bilden igen så visas rektanglarna som avgränsar automatiskt.

  4. Undersök nu hur alla sidorna ser ut och jämför med facit.

  5. Fortsätt sedan med nästa övning.


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