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


Kapitel 21f - FrontPage 98

Ö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.  URL-adressen är hela tiden densamma. Det är lätt att göra Frames i FrontPage. Klicka på File och sedan New. Därefter klickar du på fliken Frames och väljer mallen Header.

  2. Klicka på New Page i den översta ramen. Välj nu Arkiv och Spara som. Två fönster visas nu. I det undre ser man att det som nu ska sparas först är huvudfilen. Spara nu huvudfilen som first.htm direkt i huvudmappen skolan. Två nya fönster visas nu. I det undre ser man att det som sparas nu är den nya filen i översta ramen. Spara denna som links.htm i huvudmappen skolan.

  3. Klicka på Set Initial Page i den undre ramen och välj sedan ingang.htm genom att först klicka på knappen med ett förstoringsglas på.

  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 förstoringsglasknappen till dessa tre sidor. Centrera sedan de tre länkarna.

  5. När du har gjort länkarna så klicka på Create or Edit Hyperlink-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 Target Frame står Page Default (main)

  6. Klicka nu någonstans med höger musknapp och välj Frames Properties. Sätt en bock framför Resizeable in Browser för att ramen mellan sidorna skall kunna flyttas av användaren. Klicka sedan på Frame Page. Välj fliken General och ändra titeln till "IT-skolan presenterad med hjälp av frames".

  7. Klicka i den översta ramen och välj samma green.gif som bakgrundsbild till den översta bilden som till ingang.htm. Titeln ändrar du till Länkar till IT-skolans olika webbsidor.

  8. Välj nu Preview in Browser 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 Frames Properties. Klicka sedan på Frame Page. Välj fliken Frames och ta bort bocken framför Show Borders. 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.

  10. Det blir ej så snyggt när Samhällsvetenskapliga programmet har en annorlunda bakgrund. Lägg in samma bakgrundsbild också för denna fil. Ta bort bakgrundsfärgen lime  i tabellen och välj för tabellen border size=0.

  11. Klicka på Create or Edit Hyperlink-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 Target Frame står det Page Default (main). Klicka på Change Target Frame-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: Page Default (main), Same Frame, Whole Page, New Window, Parent Frame.

  12. Ändra nu först så att ramen visas igen. Klicka nu någonstans med höger musknapp och välj Frames Properties. Klicka sedan på Frame Page. Välj fliken Frames och sätt tillbaka bocken framför Show Borders. Markera nu översta filen och klicka nu på höger musknapp och välj Frames Properties (Det står nu överst Name: header). Ändra nu Show Scrollbar (visa rullningslister)  till If Needed. Om man väljer Allways så visas rullningslisten även om den inte behövs. Om man väljer Never 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.

  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 - Ingång5. Ändra sedan så att den först öppnas i samma ram (Save Frame), den andra som en hel sida (Whole Page), den tredje i ett nytt fönster (New Window) osv.

  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.

  15. Du kan också läsa mer om hur man gör genom att klicka på Help-knappen längst upp till höger på menyraden. Välj Microsoft FrontPage Help och skriv in frames och välj sedan det du vill veta mera om.

  16. I Skolverkets HTML-kurs kan man också läsa om frames liksom i artiekeln 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 och markera herrgårdsbilden. Om inte Image Toolbar redan visas så klicka på View och välj att visa Image Toolbar. Du kan nu på verktygsfältet för bilder klicka på rektangeln, cirkeln eller polygonet dvs symbolerna nr 2, 3, eller 4 från vänster för att sedan markera på bilden ett område att klicka på.

  2. 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-16 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